/*
	Theme Name: ELP Light 2022
	Theme URI: https://www.dev.elplighting.com
	Author: Rigney Graphics
	Author URI: http://www.bananaagency.com
	Description: A responsive Wordpress theme built on the Boostrap framework.
	Version: 2.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* BOOTSTRAP OVERRIDE STYLES
============================================================================ */
.btn {
	border: 0;
}

.container {
	max-width: 1199px;
	padding-left: 30px;
	padding-right: 30px;
}

.carousel .container {
	max-width: 1140px;
}

hr {
	border-top: 2px solid #d4d4d4;
	margin-bottom: 1.5rem;
	margin-top: 1.5rem;
}

iframe,
.embed-responsive {
	margin-bottom: 1.5rem;
}

img {
	height: auto;
	max-width: 100%;
}


/* FONT STYLES
============================================================================ */
body,
button,
input[type=button],
input[type=email],
input[type=submit],
input[type=text],
textarea {
	font-family: 'Roboto', sans-serif;
}

#carouselMainStage .carousel-item>div h2,
#carouselProducts .carousel-item strong,
#carouselProducts .carousel-item strong,
#carouselProjects .carousel-item strong,
h1, h2, h3, h4, h5, h6 {
	font-family: 'Hind', sans-serif;
	font-weight: 400;
}

footer#site-footer .nav-menu,
header#site-header .nav-menu {
	font-family: 'Lato', sans-serif;
}

li.external>a::after,
.fa-external::after,
.fa-pdf::before,
.fa-zip::before,
footer#site-footer #site-footer-social>li>a::before,
.mobile-trigger,
header#site-header nav>ul>li.menu-item-has-children>a::after,
.project-gallery .feature-image a::after {
	font-family: 'FontAwesome';
}


/* BASE HTML STYLES
============================================================================ */
html {
	font-size: 16px;
}

body,
button,
input[type=button],
input[type=email],
input[type=submit],
input[type=text],
textarea {
	color: #1a1a1a;
	font-size: 1rem;
	line-height: 1.5rem;
}

body {
	background: #000000;
}

body header#site-header {
	height: 100px;
}

body main {
	background: #FFFFFF;
	padding-top: 100px;
}

body footer#site-footer .logo,
body header#site-header .logo {
	padding-right: 30px;
	width: 250px;
}

h1, .h1 {
	font-size: 2.75rem;
	line-height: 1;
	margin-bottom: 1.5rem;
	text-transform: uppercase;
}

h2, .h2 {
	font-size: 1.75rem;
	margin-bottom: 0.5rem;
}

h3, .h3,
.product-families h2 {
	font-size: 1.25rem;
	margin-bottom: 0.5rem;
}

h4, h5, h6,
.product-families h2 {
	font-weight: 600;
}

h4, .h4 {
	font-size: 1rem;
	margin-bottom: 0.25rem;
}

h5, .h5 {
	font-size: 0.75rem;
	margin-bottom: 0.25rem;
}

h6, .h6 {
	font-size: 0.5rem;
	margin-bottom: 0.25rem;
}

#sidebar h2 {
	font-size: 1.25rem;
}

p {
	margin: 0 0 1.4rem;
}

table {
	border-collapse: collapse;
	margin-bottom: 20px;
	width: 100%;
}

td, th {
	border-left: 1px solid #FFFFFF;
	font-size: 15px;
	line-height: 17px;
	padding: 9px 10px;
	text-align: left;
	text-transform: uppercase;
	vertical-align: top;
}

.ies-downloads td,
.ies-downloads th {
	font-size: 13px;
	line-height: 15px;
	padding: 9px 10px;
}

td:first-child,
th:first-child {
	border-left: none;
}

th {
	background: #a8a8a8;
	color: #FFFFFF;
	vertical-align: bottom;
}

tr:nth-child(even) {
	background: #f4f4f4;
}

tr:nth-child(odd) {
	background: #e4e4e4;
}

.ies-downloads tr:nth-child(even) {
	background: #ffffff;
}

.ies-downloads tr:nth-child(odd) {
	background: #f4f4f4;
}

ul.no-list {
	list-style-type: none;
	padding-left: 0;
}


/* LINK/BUTTON STYLES
============================================================================ */
a {
	color: #000000;
	text-decoration: underline;
}

a:focus,
a:hover {
	color: #000000;
	text-decoration: underline;
}

footer#site-footer a {
	color: #FFFFFF;
}

a:focus>img,
a:hover>img {
	border: 0;
	filter: brightness(110%);
	-ms-filter: brightness(110%);
}

.btn,
.button,
button,
button[type=button],
input[type=button],
input[type=submit] {
	background: #4b4e54;
	border-radius: 0;
	color: #FFFFFF;
	display: inline-block;
	padding: 9px 20px;
	text-decoration: none;
}

.mobile-trigger {
	display: none;
	background: #D5D5D5;
	border-radius: 0.25rem;
	font-size: 17px;
	line-height: 1;
	padding: 0.75rem;
	position: absolute;
	right: 20px;
	top: 20px;
}

header#site-header .mobile-trigger:focus,
header#site-header .mobile-trigger:hover {
	background: #FFFFFF;
	text-decoration: none;
}

.search-form-block input[type=submit] {
	padding: 6px 20px;
	width: 100%;
}

.btn:focus,
.btn:hover,
.button:focus,
.button:hover,
button:focus,
button:hover,
button[type=button]:focus,
button[type=button]:hover,
input[type=button]:focus,
input[type=button]:hover,
input[type=submit]:focus,
input[type=submit]:hover {
	background: #1b1e24;
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
}

li.external>a::after {
	content: '\f08e';
	display: inline-block;
	margin-left: 0.5rem;
}

footer#site-footer a,
header#site-header a {
	font-weight: bold;
	text-decoration: none;
}

footer#site-footer a:focus,
footer#site-footer a:hover,
header#site-header a:focus,
header#site-header a:hover {
	text-decoration: underline;
}

.product-downloads {
	font-size: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.product-downloads>li {
	display: inline-block;
	margin: 5px 0 5px 15px;
}

.product-downloads>li:first-child {
	margin: 0;
}

.product-downloads>li>a {
	background-repeat: no-repeat;
	font-size: 0;
	height: 29px;
	display: block;
	text-indent: -9999px;
	width: 26px;
}

table#table-product-family .col-download {
	width: 20%;
}

table#table-product-family .col-fixture {
	width: 13%;
}

table#table-product-family .col-lumens {
	width: 20%;
}

table#table-product-family .col-footer-note {
	font-weight: bold;
	text-transform: none;
}

table#table-product-family .col-mounting {}
table#table-product-family .col-sizes {}

.product-family-legend li {
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 29px;
	margin: 0 20px 1.4rem;
	padding-left: 34px;
}

.download-pdf {
	background-image: url(images/icon-pdf@2x.png);
}

.download-install {
	background-image: url(images/icon-install@2x.png);
}

.download-ies {
	background-image: url(images/icon-ies@2x.png);
}

.download-rfa {
	background-image: url(images/icon-rfa@2x.png);
}

#projects-stage a {
	color: #FFFFFF;
	text-decoration: none;
}

body.page-has-sidenav #sidebar a,
body.page-has-sidenav #sidebar a:focus,
body.page-has-sidenav #sidebar a:hover,
body.page-template-page-project #sidebar a,
body.page-template-page-has-sidebar #sidebar a,
body.page-template-page-project #sidebar a:focus,
body.page-template-page-has-sidebar #sidebar a:focus,
body.page-template-page-project #sidebar a:hover,
body.page-template-page-has-sidebar #sidebar a:hover {
	text-decoration: none;
}

body.page-has-sidenav #sidebar .current_page_item>a,
body.page-template-page-project #sidebar .current_page_item>a,
body.page-template-page-has-sidebar #sidebar .current_page_item>a {
	color: #000000;
	font-weight: bold;
}

body.page-full-width #content {
	float: none;
	padding: 0;
	width: 100%;
}

body.page-full-width #sidebar {
	display: none;
}

body.page-has-sidenav #sidebar>a,
body.page-template-page-project #sidebar>a,
body.page-template-page-has-sidebar #sidebar>a {
	font-size: 19px;
	font-weight: bold;
	line-height: 21px;
	text-transform: uppercase;
}

.fa-external::after {
	content: "\f08e";
	display: inline-block;
	margin-left: 8px;
}

.fa-pdf::before,
.fa-zip::before {
	display: inline-block;
	margin-right: 8px;
}

.fa-pdf::before {
	content: "\f1c1";
}

.fa-zip::before {
	content: "\f1c6";
}

.fa-external::after,
.fa-pdf::before,
.fa-zip::before {
	font-size: inherit;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
}


/* SHELL STYLES
============================================================================ */
.about-feature-icon {
	float: left;
	width: 60px;
}

.about-feature-text {
	padding-left: 80px;
}

.archive-brochures-videos {
	border-top: 2px solid #d4d4d4;
	padding-top: 1.5rem;
}

#content {
	float: left;
	padding-right: 40px;
	width: 74.3%;
}

body.page-template-page-full-width #content {
	float: none;
	padding-right: 0;
	width: 100%;
}

#find-products .row>div {
	float: left;
	padding: 0 15px;
	width: 16.666666%;
}

footer#site-footer {
	color: #FFFFFF;
	padding: 30px 0;
}

header#page-header {
	overflow-x: hidden;
}

header#page-header figure {
	margin: 0;
}

header#page-header figure>img {
	width: 100%;
}

header#site-header {
	background: rgba(0,0,0,0.65);
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 30;
}

body.logged-in header#site-header {
	top: 32px;
}

body.logged-in #wpadminbar {
	position: fixed;
}

body.scrolled header#site-header {
	background: rgba(0,0,0,0.75);
}

footer#site-footer .footer-container,
header#site-header .header-container {
	display: table;
	table-layout: fixed;
	width: 100%;
}

footer#site-footer .footer-container>div,
header#site-header .header-container>div {
	display: table-cell;
	vertical-align: middle;
}

footer#site-footer .copyright {
	font-size: 10px;
	line-height: 13px;
}

body.archive #page-header,
body.error404 #page-header,
body.page-template-page-product #page-header,
body.single-post #page-header,
body.page-template-page-project #page-header,
header#single-header {
	background: #a8a8a8;
	height: auto;
}

body.archive #page-header h1,
body.error404 #page-header h1,
body.page-template-page-product #page-header h1,
body.single-post #page-header h1,
body.page-template-page-project #page-header h1,
header#single-header h1 {
	color: #FFFFFF;
	font-size: 2rem;
	line-height: 1.2;
	margin: 0;
	padding: 1.25rem 0;
	text-transform: none;
}

body.page-template-page-project h1>strong {
	display: inline-block;
	font-size: 36px;
	line-height: 40px;
	margin-top: 8px;
}

footer#site-footer .social {
	text-align: right;
	width: 130px;
}

footer#site-footer #site-footer-social {
	font-size: 0;
	line-height: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

footer#site-footer #site-footer-social>li {
	display: inline-block;
	padding: 0;
	padding-left: 0.4rem;
	vertical-align: top;
}

footer#site-footer #site-footer-social>li>a {
	display: block;
}

footer#site-footer #site-footer-social>li>a:focus,
footer#site-footer #site-footer-social>li>a:hover {
	text-decoration: none;
}

footer#site-footer #site-footer-social>li>a::before {
	color: #FFFFFF;
	display: block;
	font-size: 32px;
	line-height: 30px;
}

footer#site-footer #site-footer-social>li.facebook>a::before {
	content: '\f082';
}

footer#site-footer #site-footer-social>li.twitter>a::before {
	content: '\f081';
}

footer#site-footer #site-footer-social>li.youtube>a {
	background: #FFFFFF;
	border-radius: 0.25rem;
}

footer#site-footer #site-footer-social>li.youtube>a::before {
	color: #000000;
	content: '\f16a';
	font-size: 19px;
	line-height: 19px;
	padding: 5px;
}

header#site-header .social p {
	margin: 0 0 5px;
}

footer#site-footer .social .header-button {
	display: none;
}

header#page-header,
header#single-header,
#home-carousel-main,
#home-carousel-products,
main,
#lighting-stage,
#mainstage,
.section-utility {
	border-bottom: 2px solid #9a9a9a;
}

header#site-header .social .header-button {
	background: url(images/elp-purple-gradient.jpg);
	box-shadow: 0 2px 2px 0px rgba(0,0,0,0.4);
	border-radius: 4px;
	color: #FFFFFF;
	display: inline-block;
	font-size: 12px;
	line-height: 14px;
	padding: 5px 10px;
	text-align: center;
	white-space: nowrap;
}

footer#site-footer .social strong,
header#site-header .social strong {
	font-weight: normal;
}

header#site-header {
	padding: 10px 0;
}

.lighting-products-compare {
	padding-left: 20px;
	text-align: right;
	width: 30%;
}

.lighting-products-index {
	display: table;
	margin: 0 0 15px;
	table-layout: fixed;
	width: 100%;
}

.lighting-products-index h2 {
	margin: 0;
}

.lighting-products-index>div {
	display: table-cell;
	vertical-align: middle;
}

.lighting-products-thumbnail {
	padding-right: 15px;
	width: 100px;
}

.lighting-products-thumbnail img {
	border: 1px solid #c4c4c4;
}

main>article {
	padding: 2.8rem 0 1.3rem;
}

.nivo-lightbox-theme-default .nivo-lightbox-image img {
	border: 10px solid #FFFFFF;
}

#product-details {
	margin: 0 -15px;
}

.product-application,
.product-description {
	padding: 0 15px;
	width: 50%;
}

.product-application {
	float: left;
}

.product-description {
	float: right;
}

.product-diagrams {
	margin-bottom: 1.5rem;
}

.product-diagrams ul {
	font-size: 0;
	list-style-type: none;
	margin: 0 -10px;
	padding: 0;
}

.product-diagrams ul>li {
	display: inline-block;
	margin: 0;
	padding: 0 10px;
	width: 20%;
}

body.single-product-akdl .product-diagrams ul>li {
	width: 40%;
}

.product-diagrams li>img {
	border: 1px solid #c4c4c4;
}

.product-description .btn,
.product-description .button {
	margin-bottom: 0.25rem;
	margin-top: 0.25rem;
}

.product-application img,
.product-description img {
	border: 1px solid #c4c4c4;
}

.product-family-legend {
	text-align: center;
}

.product-family-legend ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.product-thumbnail {
	margin-bottom: 1.5rem;
}


/* BLOG STYLES
============================================================================ */
.archive-description,
.archive-entry {
	border-bottom: 2px solid #d4d4d4;
	margin-bottom: 1.5rem;
	padding-bottom: 0.5rem;
}

.archive-entries {}

.archive-entry>div {}

.archive-entry>div h2,
body.single header#post-header h2 {
	line-height: 1.05;
	margin: 0 0 0.125rem;
}

.archive-entry.has-post-thumbnail>div {}

.archive-entry>div,
.archive-video-description {
	float: left;
	padding-left: 1.3rem;
	width: 80%;
}

.archive-entry>figure,
.archive-video-thumbnail {
	float: left;
	width: 20%;
}

.archive-entry>figure {
	margin: 0 0 1.4rem;
}

.archive-entry figure img {
	border: 2px solid #d4d4d4;
	width: 100%;
}

.archive-entry>figure p {
	margin: 0;
}

.brochures-feature-icon {
	float: left;
	width: 20%;
}

.brochures-feature-text {
	float: left;
	padding-left: 20px;
	width: 80%;
}

.brochures-videos-description {
	float: left;
	padding-left: 15px;
	width: 75%;
}

.brochures-videos-thumb {
	float: left;
	width: 25%;
}

body.single header#post-header .featured-image img {
	width: 100%;
}


/* LIGHTING PRODUCTS INDEX
============================================================================ */
#products-index {
	margin-left: -3px;
	margin-right: -3px;
}

#products-index>ul {
	border-left: 3px solid #FFFFFF;
	border-top: 3px solid #FFFFFF;
	list-style-type: none;
	margin: 0 0 1rem;
	padding: 0;
}

#products-index ul::after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

#products-index ul>li:nth-child(3n+1) {
	clear: both;
}

#products-index ul>li {
	border-bottom: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 33.333333%;
}

#products-index ul>li>a {
	background: #a8a8a8;
	color: #000000;
	display: block;
	height: 100%;
	padding: 0;
	position: relative;
	text-decoration: none;
	width: 100%;
}

#products-index ul>li>a:focus,
#products-index ul>li>a:hover {
	background: #a0a0a0;
}

#products-index ul>li a>div {
	bottom: 0;
	left: 0;
	padding: 20px;
	position: absolute;
	right: 0;
}

#products-index ul>li a>div h2 {
	color: #FFFFFF;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	text-shadow: 2px 2px 0 #000000;
}

#products-index ul>li a>img {
	width: 100%;
}


.project-diagram {}

.project-content {
	float: left;
	width: 42%;
}

.project-content.full {
	float: none;
	width: 100%;
}

.project-gallery {
	float: left;
	padding-right: 40px;
	width: 58%;
}

.project-gallery .feature-image {
	margin: 0 0 10px;
}

.project-gallery .feature-image a {
	display: block;
	position: relative;
}

.project-gallery .feature-image a::after {
	bottom: 10px;
	color: #FFFFFF;
	content: '\f00e';
	display: block;
	font-size: 1rem;
	position: absolute;
	right: 10px;
	text-shadow: 2px 2px 0 #000000;
	z-index: 10;
}


.project-gallery .thumbnails ul {
	font-size: 0;
	list-style-type: none;
	margin: 0 -5px;
	padding: 0;
}

.project-gallery .thumbnails ul>li {
	display: inline-block;
	margin: 0 0 10px;
	padding: 0 5px;
	width: 25%;
}

.section-utility {}

.section-utility ul li {
	line-height: 1.1em;
	margin-bottom: 8px;
}

.section-utility header {
	background-image: url(images/home-projects-bkg.jpg);
	background-position: 50% 0;
	background-repeat: no-repeat;
	border-top: 2px solid #9a9a9a;
	color: #FFFFFF;
	line-height: 1.2em;
	padding: 15px;
	text-align: center;
}

.section-utility header h2 {
	font-size: 45px;
	line-height: 48px;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.section-utility header p {
	margin: 0;
}

#sidebar {
	float: left;
	width: 25.5%;
}

#sidebar>div {
	margin-bottom: 2rem;
}

ul#sidebar-nav-menu,
ul#sidebar-nav-menu ul,
.widget.widget_categories>ul,
.widget.widget_recent_entries>ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#sidebar-nav-menu ul,
.widget.widget_categories>ul ul,
.widget.widget_recent_entries>ul ul {
	display: none;
	font-size: 0.85rem;
	line-height: 1.2;
	padding: 0.25rem 1rem;
}

ul#sidebar-nav-menu li.current-menu-parent>ul,
.widget.widget_categories>ul li.current-menu-parent>ul,
.widget.widget_recent_entries>ul li.current-menu-parent>ul {
	display: block;
}

ul#sidebar-nav-menu,
.widget.widget_categories>ul,
.widget.widget_recent_entries>ul {
	padding: 0 0 0.75rem;
}

ul#sidebar-nav-menu li,
.widget.widget_categories>ul li,
.widget.widget_recent_entries>ul li {
	padding: 0 0 0.25rem;
}

.widget.widget_categories>ul li,
.widget.widget_recent_entries>ul li {
	border-top: 1px solid #d4d4d4;
	margin: 0;
	padding: 0.5rem 0;
}

ul#sidebar-nav-menu li>a,
.widget.widget_categories>ul li>a,
.widget.widget_recent_entries>ul li>a {
	display: block;
	text-decoration: none;
}

ul#sidebar-nav-menu li>a:focus,
ul#sidebar-nav-menu li>a:hover,
.widget.widget_categories>ul li>a:focus,
.widget.widget_categories>ul li>a:hover,
.widget.widget_recent_entries>ul li>a:focus,
.widget.widget_recent_entries>ul li>a:hover {
	text-decoration: underline;
}

ul#sidebar-nav-menu li.current-menu-parent>a,
ul#sidebar-nav-menu li.current-menu-parent ul>li.current-menu-item>a,
.widget.widget_categories>ul li.current-menu-parent>a,
.widget.widget_categories>ul li.current-menu-parent ul>li.current-menu-item>a,
.widget.widget_recent_entries>ul li.current-menu-parent>a,
.widget.widget_recent_entries>ul li.current-menu-parent ul>li.current-menu-item>a {
	font-weight: bold;
}

.social-links {
	margin: 0;
}

#subcategory,
#subBut {
	display: none;
}


/* NAVIGATION STYLES
============================================================================ */
footer#site-footer .nav-menu,
header#site-header .nav-menu {
	color: #ffffff;
}
	
footer#site-footer .nav-menu {
	text-align: center;
}

footer#site-footer .nav-menu ul {
	list-style-type: none;
	margin: 0 0 5px;
	padding: 0;
}

footer#site-footer nav>ul>li::before,
footer#site-footer nav>ul>li>a {
	font-size: 0.8rem;
	line-height: 1.1;
}

footer#site-footer nav>ul>li::before {
	content: '\00a0\007C\00a0\00a0';
}

footer#site-footer nav>ul>li:first-child::before {
	content: '';
}

header#site-header .nav-menu ul {
	font-size: 0;
	line-height: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

header#site-header nav>ul>li {
	margin: 0;
	padding-right: 0.5rem;
}

header#site-header nav>ul>li>a {
	color: #FFFFFF;
	display: block;
	font-size: 0.85rem;
	font-weight: 300;
	line-height: 1;
	padding: 0.5rem 0.75rem;
	text-shadow: 1px 1px 2px #000000;
	text-transform: uppercase;
}

header#site-header nav>ul>li.menu-item-has-children>a::after {
	content: "\f0d7";
	display: inline-block;
	margin-left: 0.3rem;
}

header#site-header nav>ul>li:focus>a,
header#site-header nav>ul>li:hover>a,
header#site-header nav>ul>li.current-menu-item>a,
header#site-header nav>ul>li.current_page_ancestor>a,
header#site-header nav>ul>li.current_page_item>a,
header#site-header nav>ul>li.current_page_parent>a {
	background: rgba(0,0,0,0.25);
	text-decoration: none;
}

header#site-header nav .sub-menu {
	background: #FFFFFF;
	box-shadow: 0 4px 6px 0px rgba(0, 0, 0, 0.5);
	display: none;
	font-size: 0;
	line-height: 0;
	list-style-type: none;
	padding: 5px 0 20px;
	text-align: center;
}

header#site-header nav>ul>li .sub-menu>li {
	border-bottom: 1px solid #999999;
	display: block;
	padding: 0;
}

header#site-header nav>ul>li .sub-menu>li>a {
	border-left: 4px solid #FFFFFF;
	display: block;
	font-size: 12px;
	line-height: 1.2;
	font-weight: 400;
	padding: 10px;
	text-align: left;
}

header#site-header nav>ul>li .sub-menu>li>a:focus,
header#site-header nav>ul>li .sub-menu>li>a:hover,
header#site-header nav>ul>li .sub-menu>li.current-menu-item>a,
header#site-header nav>ul>li .sub-menu>li.current_page_item>a {
	border-left: 4px solid #999999;
	text-decoration: none;
}

header#site-header nav>ul>li:focus .sub-menu,
header#site-header nav>ul>li:hover .sub-menu {
	display: block;
	margin-bottom: 0;
	padding: 0;
	position: absolute;
	width: 220px;
	z-index: 500;
}

nav>ul>li {
	display: inline-block;
}

#projects-nav {
	margin: 0 0 0.5rem;
	text-align: right;
}

#projects-nav a {
	text-decoration: none;
}

#projects-nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#projects-nav ul>li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

#projects-nav ul>li::before {
	content: "\00a0\007C\00a0\00a0";
}

#projects-nav ul>li:first-child::before {
	content: '';
}

.wp-pagenavi {
	margin-bottom: 1.5rem;
}

.wp-pagenavi a,
.wp-pagenavi span {
	display: inline-block;
}

.wp-pagenavi a:focus,
.wp-pagenavi a:hover {
	text-decoration: none;
}


/* CAROUSEL STYLES
============================================================================ */
.carousel .carousel-indicators {
	bottom: 29px;
	margin-bottom: 0;
}

.carousel .carousel-indicators li {
	background: #25237f;
	border: 2px solid #25237f;
	border-radius: 8px;
	height: 12px;
	margin: 0 5px;
	width: 12px;
}

#home-carousel-products .carousel .carousel-indicators li {
	border: 2px solid #FFFFFF;
}

.carousel .carousel-indicators li::after {}

.carousel .carousel-indicators li.active {
	background: #FFFFFF;
}

.carousel-control-next,
.carousel-control-prev {
	opacity: 0;
	width: 10%;
}

#carouselMainStage {
	margin: 0 auto;
	max-width: 1864px;
}

#carouselMainStage .carousel-item {}

#carouselMainStage .carousel-item>div {
	background: rgba(0,0,0,0.5);
	color: #FFFFFF;
	left: 50%;
	padding: 25px 30px 30px;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 50%;
	z-index: 1000;
}

#carouselMainStage .carousel-item>div h2,
#home-carousel-projects h2,
#home-carousel-products h2 {
	font-size: 2.5rem;
	font-weight: 400;
	letter-spacing: 1.5px;
	line-height: 1;
	margin-bottom: 0.5rem;
	text-transform: uppercase;
}

#carouselMainStage .carousel-item>div ul {
	margin: 0;
	padding: 0;
}

#carouselMainStage .carousel-item>div ul>li {
	display: inline-block;
	margin: 0;
	padding: 0 0.5rem;
}

#carouselMainStage .carousel-item>div ul>li .btn {
	border: 2px solid #FFFFFF;
	border-radius: 0;
}

#carouselProjects,
#carouselProducts {
	font-size: 0;
	line-height: 0;
	padding: 30px 0 60px;
}

#carouselProducts a,
#carouselProjects a {
	display: block;
}

#home-carousel-products,
#home-carousel-projects {
	padding: 40px 0 0;
	text-align: center;
}

#home-carousel-products {
	background: #000000;
	color: #FFFFFF;
}

#home-carousel-products .carousel-product,
#home-carousel-projects .carousel-project {
	display: inline-block;
	vertical-align: top;
	width: 33.333333%;
}

#home-carousel-projects .carousel-project {
	padding: 0 20px;
}

#home-carousel-products a h3,
#home-carousel-projects a h3 {
	font-size: 1.5rem;
	line-height: 1;
}

#home-carousel-products a {
	color: #FFFFFF;
	text-decoration: none;
}

#home-carousel-projects {
	background: #FFFFFF;
	color: #000000;
}

#home-carousel-projects a {
	box-shadow: none;
	color: #000000;
	text-decoration: none;
}

#home-carousel-products a:focus,
#home-carousel-products a:hover,
#home-carousel-projects a:focus,
#home-carousel-projects a:hover {
	text-decoration: underline;
}

#home-carousel-projects a:focus img,
#home-carousel-projects a:hover img {
	box-shadow: 0 2px 6px 0px rgba(0,0,0,0.4);
}

#home-carousel-projects a img {
	display: inline-block;
	margin-bottom: 0.5rem;
}

#home-carousel-projects h2 {
	margin-bottom: 0.5rem;
}

.home-products-row {
	margin: 0 auto;
	max-width: 50%;
}

.home-products-row>div {
	float: left;
	padding: 0 15px;
	width: 50%;
}

.home-products-row>div figure {
	margin: 0 0 1rem;
}

.home-products-row>div img {
	background: #a8a8a8;
	border: 2px solid #b4b4b4;
}

#home-carousel-products .carousel .carousel-indicators li {
	background: #FFFFFF;
	border: 2px solid #25237f;
}

#home-carousel-products .carousel .carousel-indicators li.active {
	background: #25237f;
}

/* VIDEO CAROUSEL STYLES
============================================================================ */
#modalVideos .carousel-caption {
	background: #FFFFFF;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	color: #000000;
	bottom: 0;
	display: none;
	font-size: 0.85rem;
	line-height: 1;
	opacity: 1;
	padding: 0.5rem 1rem 0;
	pointer-events: none;
	text-align: center;
	text-transform: uppercase;
	z-index: 11;
}

#modalVideos .carousel-control {
	background-color: rgba(0,0,0,0);
	bottom: 0;
	color: #fff;
	filter: alpha(opacity=50);
	font-size: 1rem;
	left: 0;
	opacity: .5;
	position: absolute;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0,0,0,.6);
	top: 0;
	width: 15%;
	
}

#modalVideos .carousel-control:hover {
	outline: 0;
	text-decoration: none;
}

#modalVideos .carousel-control .glyphicon-chevron-left,
#modalVideos .carousel-control .glyphicon-chevron-right {
	font-size: 1rem;
	margin: 0;
	top: 35%;
}

#modalVideos .carousel-control .glyphicon-chevron-left {
	left: 5%;
}

#modalVideos .carousel-control .glyphicon-chevron-right {
	left: 33%;
}

#modalVideos .carousel-control-next,
#modalVideos .carousel-control-prev {
	background-image: none;
	color: #ffffff;
	height: 120px;
	opacity: 1;
	top: 50%;
	transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
}

#modalVideos .carousel-control-next {
	left: auto;
	right: 0;
	text-align: right;
}

#modalVideos .carousel-control-prev {
	left: 0;
	right: auto;
	text-align: left;
}

#modalVideos .carousel-control-next>div,
#modalVideos .carousel-control-prev>div {
	background: #FFFFFF;
	display: inline-block;
	height: 120px;
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	width: 60px;
}

#modalVideos .carousel-control-next>div {
	border-radius: 90px 0 0 90px;
	-moz-border-radius: 90px 0 0 90px;
	-webkit-border-radius: 90px 0 0 90px;
	box-shadow: 4px 0 4px 0px rgba(0,0,0,0.4) inset;
	right: 0;
}

#modalVideos .carousel-control-prev>div {
	border-radius: 0 90px 90px 0;
	-moz-border-radius: 0 90px 90px 0;
	-webkit-border-radius: 0 90px 90px 0;
	box-shadow: -4px 0 4px 0px rgba(0,0,0,0.4) inset;
	left: 0;
}

#modalVideos .carousel-control-next-icon,
#modalVideos .carousel-control-prev-icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

#modalVideos .carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
		right: 0.5rem;
}

#modalVideos .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
	left: 0.5rem;
}

#modalVideos .controls {
	display: none;
}

#modalVideos iframe,
#modalVideos .embed-responsive {
	margin: 0;
}

#modalVideos .modal-dialog {
	max-width: 767px;
	top: 5rem;
}

#modalVideos .modal-dialog .modal-content {
	background: #FFFFFF;
	padding: 1rem;
}

#modalVideos .video-container {
	clip-path: inset(1px 1px);
}

#modalVideos .video-container iframe,
#modalVideos .video-container object,
#modalVideos .video-container embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0; 
	width: 100%;
}

#modalVideos .video-container.ended::after {
	background-color: black;
	background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 64px 64px;
	bottom: 0;
	content: "";
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}


/* FORM STYLES
============================================================================ */
form {}

input[type=email],
input[type=tel],
input[type=text],
textarea {
	background: #FFFFFF;
	border: 1px solid #4b4e54;
	border-radius: 0.25rem;
	padding: 8px;
	width: 100%;
}

input[type=email]:focus,
input[type=email]:hover,
input[type=text]:focus,
input[type=text]:hover,
textarea:focus,
textarea:hover {
	border-color: #1b1e24;
}

input[type=submit] {
	border: 0;
	cursor: pointer;
	-ms-appearance: none;
	-webkit-appearance: none;
}

.form-field {
	float: left;
	width: 80%;
}

.form-label,
.form-label-blank {
	float: left;
	padding: 0.4em 15px 0 0;
	text-align: right;
	width: 20%;
}

.form-row {
	width: 80%;
}

main .search-form {
	margin-bottom: 1.5rem;
	max-width: 75%;
}

main .search-form .form-input {
	float: left;
	padding-right: 0.5rem;
	width: 75%;
}

main .search-form .form-submit {
	float: left;
	width: 25%;
}

.search-form-block {}

.search-form-block .chosen-container {
	margin-right: 10px;
}

select {
	margin-right: 10px;
}

textarea {
	min-height: 10rem;
}


/* NINJA FORMS STYLES
============================================================================ */
nf-field {
	display: block;
	margin: 0 0 1.5rem;
}

nf-field label {
	margin: 0 0 0.25rem;
}

.nf-field-element ul {
	list-style-type: none;
	padding-left: 0;
}

.nf-field-element ul li {
	display: inline-block;
	margin: 0;
	margin-right: 1rem;
}

.nf-field-label {}

.nf-form-fields-required,
.ninja-forms-req-symbol,
.nf-form-hp {
	display: none;
}

.nf-response-msg,
.nf-error-msg.nf-error-field-errors {
	margin: 0 0 1.5rem;
}

.nf-response-msg {
	border: 2px solid #004000;
	color: #004000;
	display: none;
	padding: 1rem 1rem 1px;
}

.nf-error-msg.nf-error-field-errors {
	border: 2px solid #c10005;
	color: #c10005;
	padding: 1rem;
}

.nf-error-msg.nf-error-invalid-email,
.nf-error-msg.nf-error-required-error {
	color: #c10005;
}


/* TRANSITION STYLES
============================================================================ */
a>img {
	transition: filter 0.2s;
}

button,
input[type=button],
input[type=submit],
header#site-header nav>ul>li>a,
.mobile-trigger,
#products-index ul>li>a,
#projects-index ul>li a>div {
	transition: background 0.2s;
}

header#site-header {}

#home-carousel-projects a img {
	transition: box-shadow 0.2s;
}


/* MISC. STYLES
============================================================================ */
html[xmlns] .clearfix {
	display: block;
}

* html .clearfix,
* html .container {
	height: 1%;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignleft {
	display: block;
	float: left;
	margin: 0 1.5rem 1.5rem 0;
}

.alignright {
	display: block;
	float: right;
	margin: 0 0 1.5rem 1.5rem;
}

.clearfix::after,
.container::after {
	clear: both;
	content: "";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.hide {
	display: none!important;
}

.nowrap {
	white-space: nowrap;
}

.pad0 {
	margin-bottom: 0!important;
}

.padhalf {
	margin-bottom: 0.75rem;
}

.show {
	display: block!important;
}

.textcaps {
	text-transform: uppercase;
}

.textcenter {
	text-align: center;
}

.textright {
	text-align: right;
}

.wp-caption { }

.wp-caption-text {
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
}


/* BASE MEDIA QUERY STYLES
============================================================================ */
@media screen and (max-width: 1415px)
{
	header#page-header figure {
		margin: 0 -5%;
		width: 110%;
	}
}


@media screen and (max-width: 1299px)
{
	body#page-products main>article>.container, body#page-projects main>article>.container, body.page-has-sidenav main>article>.container, body.page-template-page-project main>article>.container, body.page-template-page-has-sidebar main>article>.container, body.single-project main>article>.container {
		padding-top: 30px;
	}
	
	body footer#site-footer .logo,
	body header#site-header .logo {
		width: 225px;
	}
	
	body header#site-header {
		height: 90px;
	}

	body main {
		padding-top: 90px;
	}
	
	header#page-header figure {
		margin: 0 -7.5%;
		width: 115%;
	}
	
	.home-products-row {
		max-width: 55%;
	}
}


@media screen and (max-width: 1199px)
{
	#carouselMainStage .carousel-inner {
		overflow-x: hidden;
	}
	
	#carouselMainStage .carousel-inner .carousel-item {
		margin-left: -5%;
		margin-right: -5%;
		width: 110%;
	}
	
	header#page-header figure {
		margin: 0 -10%;
		width: 120%;
	}
	
	.home-products-row {
		max-width: 60%;
	}
}


@media screen and (max-width: 1099px)
{
	#carouselMainStage .carousel-inner .carousel-item {
		margin-left: -7.5%;
		margin-right: -7.5%;
		width: 115%;
	}
	
	header#page-header figure {
		margin: 0 -12.5%;
		width: 125%;
	}
	
	.home-products-row {
		max-width: 65%;
	}
}


@media screen and (max-width: 992px)
{
	.archive-entry>div,
	.archive-video-description {
		padding-left: 1rem;
		width: 75%;
	}

	.archive-entry>figure,
	.archive-video-thumbnail {
		width: 25%;
	}
	
	#content {
		padding-right: 20px;
	}
	
	#find-products .row>div {
		width: 25%;
	}
	
	.project-content,
	.project-gallery {
		width: 50%;
	}
	
	.project-gallery {
		padding-right: 25px;
	}
	
	body#page-products main>article>.container #sidebar,
	body#page-projects main>article>.container #sidebar,
	body.page-has-sidenav main>article>.container #sidebar,
	body.page-template-page-project main>article>.container #sidebar,
	body.page-template-page-has-sidebar main>article>.container #sidebar,
	body.single-project main>article>.container #sidebar {
		padding-left: 20px;
	}
	
	main>article {
		padding: 2.5rem 0 1.3rem;
	}
	
	body footer#site-footer .logo,
	body header#site-header .logo {
		width: 200px;
	}
	
	body header#site-header {
		height: 81px;
	}

	body main {
		padding-top: 81px;
	}
	
	#carouselMainStage .carousel-inner .carousel-item {
		margin-left: -10%;
		margin-right: -10%;
		width: 120%;
	}
	
	#carouselMainStage .carousel-item>div {
		width: 55%;
	}
	
	#carouselProducts {
		padding: 15px 0 60px;
	}
	
	#carouselProjects {
		padding: 0 0 60px;
	}
	
	footer#site-footer nav>ul>li {
		margin: 0.25rem;
	}
	
	footer#site-footer nav>ul>li::before {
		content: '';
	}
	
	header#page-header figure {
		margin: 0 -15%;
		width: 130%;
	}
	
	#home-carousel-products,
	#home-carousel-projects {
		padding-top: 30px;
	}
	
	#home-carousel-projects h2,
	#home-carousel-products h2 {
		font-size: 2.5rem;
		margin-bottom: 15px;
	}
	
	#home-carousel-products a h3,
	#home-carousel-projects a h3 {
		font-size: 1.5rem;
	}
	
	#home-carousel-projects .carousel-project {
		padding: 0 15px;
	}
	
	.home-products-row {
		max-width: 70%;
	}
	
	.product-downloads>li {
		margin: 2px 0 2px 8px;
	}
}


@media screen and (max-width: 880px)
{
	main>article {
		padding: 2.2rem 0 1.5rem;
	}
	
	#carouselMainStage .carousel-inner .carousel-item {
		margin-left: -12.5%;
		margin-right: -12.5%;
		width: 125%;
	}
	
	header#page-header figure {
		margin: 0 -17.5%;
		width: 135%;
	}
	
	.home-products-row {
		max-width: 75%;
	}
	
	.product-application {
		float: right;
	}
	
	.product-application p {
		margin-bottom: 1rem;
	}
	
	.product-application,
	.product-description {
		padding: 0 10px;
	}
	
	.product-application {
		padding-right: 0;
	}
	
	body.single-application .product-application {
		margin: 0 0 1.5rem 1.5rem;
		padding: 0;
	}
	
	body.single-application .product-application p {
		margin: 0;
	}
	
	.product-description {
		float: none;
		padding: 0;
		width: 100%;
	}
	
	#product-details {
		margin: 0;
	}
	
	.product-diagrams {
		margin: 0 0 1rem;
	}
	
	.product-diagrams ul {
		margin: 0 -0.5rem;
		text-align: center;
	}
	
	.product-diagrams ul>li {
		padding: 0 0.5rem;
		width: 25%;
	}
	
	.product-thumbnail {
		margin-bottom: 1rem;
		padding-right: 10px;
		width: 50%;
	}
	
	.project-content {
		float: none;
		width: 100%;
	}
	
	.project-gallery {
		padding: 0;
		width: 100%;
	}
	
	.project-gallery .feature-image {
		float: left;
		padding-right: 25px;
		width: 65%;
	}
	
	.project-gallery .thumbnails {
		float: left;
		width: 35%;
	}
	
	.project-gallery .thumbnails ul {
		margin: 0 -10px;
	}
	
	.project-gallery .thumbnails ul>li {
		margin: 0 0 20px;
		width: 33.333333%;
	}
	
	#projects-nav {
		text-align: left;
	}
	
	main .search-form {
		max-width: 90%;
	}
	
	table.ies-downloads,
	table.ies-downloads thead,
	table.ies-downloads tbody,
	table.ies-downloads td,
	table.ies-downloads tr { 
		display: block; 
	}
	
	table.ies-downloads {
		border-left: 1px solid #d4d4d4;
		border-top: 1px solid #d4d4d4;
	}
	
	table.ies-downloads th {
		display: none;
	}
	
	table.ies-downloads td {
		border: none;
		border-bottom: 1px solid #d4d4d4;
		border-right: 1px solid #d4d4d4;
		font-size: 13px;
		line-height: 15px;
		padding: 9px 20px;
		position: relative;
		padding-left: 15%;
	}
	
	table.ies-downloads td::before {
		left: 10px;
		padding-right: 10px; 
		position: absolute;
		top: 10px;
		white-space: nowrap;
		width: 15%;
	}
	
	table.ies-downloads td:nth-of-type(1)::before { content: "Series"; }
	table.ies-downloads td:nth-of-type(2)::before { content: "Catalog #"; }
	table.ies-downloads td:nth-of-type(3)::before { content: "Orient"; }
	table.ies-downloads td:nth-of-type(4)::before { content: "Test #"; }
	table.ies-downloads td:nth-of-type(5)::before { content: "Reflector"; }
	table.ies-downloads td:nth-of-type(6)::before { content: "Fixture"; }
	table.ies-downloads td:nth-of-type(7)::before { content: "Lamph"; }
	table.ies-downloads td:nth-of-type(8)::before { content: "Lumens"; }
	
	table#table-product-family,
	table#table-product-family thead,
	table#table-product-family tbody,
	table#table-product-family td,
	table#table-product-family tr { 
		display: block; 
	}

	table#table-product-family th {
		display: none;
	}

	table#table-product-family td { 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 25%;
	}
	
	table#table-product-family .col-download,
	table#table-product-family .col-fixture,
	table#table-product-family .col-lumens {
		width: 100%;
	}

	table#table-product-family td::before { 
		left: 10px;
		padding-right: 10px; 
		position: absolute;
		top: 10px;
		white-space: nowrap;
		width: 25%;
	}
	
	table#table-product-family .col-download::before { content: "Download"; }
	table#table-product-family .col-fixture::before { content: "Fixture"; }
	table#table-product-family .col-lumens::before { content: "Lumens"; }
	table#table-product-family .col-mounting::before { content: "Mounting"; }
	table#table-product-family .col-sizes::before { content: "Sizes"; }
	
	table#table-product-family td,
	table#table-product-family th {
		padding: 9px 10px 9px 20%;
	}
}


@media screen and (max-width: 782px)
{
	body.logged-in header#site-header {
		top: 46px;
	}
}


@media screen and (max-width: 767px)
{
	.archive-entry>div,
	.archive-video-description {
		width: 70%;
	}

	.archive-entry>figure,
	.archive-video-thumbnail {
		width: 30%;
	}
	
	#find-products .row>div {
		width: 33.333333%;
	}
	
	.home-products-row {
		max-width: 80%;
	}
	
	main>article {
		padding: 30px 0 1rem;
	}
	
	body#page-products main>article>.container,
	body#page-projects main>article>.container,
	body.page-has-sidenav main>article>.container,
	body.page-template-page-project main>article>.container,
	body.page-template-page-has-sidebar main>article>.container,
	body.single-project main>article>.container {
		background: none;
	}
	
	body#page-products main>article>.container #sidebar,
	body#page-projects main>article>.container #sidebar,
	body.page-has-sidenav main>article>.container #sidebar,
	body.page-template-page-project main>article>.container #sidebar,
	body.page-template-page-has-sidebar main>article>.container #sidebar,
	body.single-project main>article>.container #sidebar {
		padding: 0;
	}
	
	body#page-products main>article>.container #sidebar,
	body.single-project main>article>.container #sidebar {
		border-top: 2px solid #d4d4d4;
		padding: 1.3rem 0 0;
	}
	
	body#page-products #sidebar ul#sidebar-nav-menu li {
		display: inline-block;
	}
	
	body#page-products #sidebar ul#sidebar-nav-menu li::after {
		content: ',';
		display: inline-block;
	}
	
	body#page-products #sidebar ul#sidebar-nav-menu li:last-child::after {
		content: '';
	}
	
	.carousel .carousel-indicators {
		bottom: 20px;
	}
	
	#carouselMainStage .carousel-inner .carousel-item {
		margin-left: -15%;
		margin-right: -15%;
		width: 130%;
	}
	
	#carouselMainStage .carousel-item>div .btn {
		padding: 8px 12px;
	}
	
	#carouselMainStage .carousel-item>div {
		background: rgba(0,0,0,0.6);
		padding: 25px 15px 30px;
		width: 60%;
	}
	
	#carouselMainStage .carousel-item>div h2,
	#home-carousel-projects h2,
	#home-carousel-products h2 {
		font-size: 2.25rem;
	}
	
	#carouselProjects,
	#carouselProducts {
		padding: 10px 0 60px;
	}
	
	#content, #sidebar {
		float: none;
		padding: 0;
		width: 100%;
	}
	
	footer#site-footer .footer-container {
		display: block;
	}
	
	footer#site-footer .footer-container>div {
		display: block;
	}
	
	body footer#site-footer .logo {
		margin: 0 auto 0.5rem;
		padding: 0;
		width: 200px;
	}
	
	footer#site-footer {
		padding: 20px;
	}
	
	footer#site-footer .container {
		padding: 0;
	}
	
	footer#site-footer .nav-menu {
		margin: 0 0 1.5rem;
		width: 100%;
	}
	
	footer#site-footer nav>ul>li::before {
		content: '\00a0\007C\00a0\00a0';
	}
	
	footer#site-footer .social {
		text-align: center;
		width: 100%;
	}
	
	footer#site-footer #site-footer-social>li {
		padding: 0 0.4rem;
	}
	
	footer#site-footer .nav-menu ul {
		line-height: 1.15;
		margin: 0 0 1rem;
	}
	
	footer#site-footer nav>ul>li {
		margin: 0;
	}
	
	.form-row {
		width: 100%;
	}
	
	header#page-header figure {
		margin: 0 -25%;
		width: 150%;
	}
	
	header#site-header {
		bottom: auto;
	}
	
	header#single-header h1 {
		font-size: 1.75rem;
		line-height: 1.2;
	}
	
	body.response header#site-header {
		background: rgba(0,0,0,0.9);
		bottom: 0;
		height: auto;
		left: 0;
		overflow-x: hidden;
		overflow-y: auto;
		position: fixed;
		right: 0;
		-webkit-overflow-scrolling: touch;
	}
	
	header#site-header>.container {
		padding: 0 20px;
	}
	
	header#site-header .header-container,
	header#site-header .header-container>div {
		display: block;
		table-layout: auto;
	}
	
	header#site-header .header-container .logo {
		padding-bottom: 9px;
	}
	
	header#site-header .nav-menu nav {
		background: rgba(0,0,0,0.9);
		height: 0px;
		overflow: hidden;
		margin: 0 -20px;
		padding: 0 20px;
	}
	
	header#site-header nav>ul {
		border-top: 1px solid rgba(255,255,255,0.5);
	}
	
	header#site-header nav>ul>li {
		border-bottom: 1px solid rgba(255,255,255,0.5);
		display: block;
		margin: 0;
		padding: 0;
	}
	
	header#site-header nav>ul>li:focus>a,
	header#site-header nav>ul>li:hover>a,
	header#site-header nav>ul>li.current-menu-item>a,
	body.single-product header#site-header nav>ul>li#menu-item-1824>a,
	body.single-project header#site-header nav>ul>li#menu-item-1795>a,
	header#site-header nav>ul>li.current-page-ancestor>a,
	header#site-header nav>ul>li.current-page-parent>a {
		background: rgba(255,255,255,0.2);
	}
	
	header#site-header nav>ul>li:first-child {
		border-top: 0;
	}
	
	header#site-header nav>ul>li>a {
		padding: 0.75rem;
	}
	
	header#site-header nav .sub-menu,
	header#site-header nav>ul>li:focus .sub-menu,
	header#site-header nav>ul>li:hover .sub-menu {
		background: transparent;
		border-top: 1px solid #999999;
		box-shadow: none;
		display: block;
		font-size: 0;
		line-height: 0;
		list-style-type: none;
		margin: 0 1.5rem 1.5rem;
		padding: 0;
		position: static;
		text-align: left;
		width: auto;
		z-index: auto;
	}
	
	header#site-header nav>ul>li.menu-item-has-children>a::after {
		display: none;
	}
	
	header#site-header nav>ul>li .sub-menu>li>a {
		border-left: 4px solid #000000;
		color: #FFFFFF;
	}
	
	#home-carousel-products,
	#home-carousel-projects {
		padding: 20px 15px 15px;
	}
	
	#home-carousel-projects h2,
	#home-carousel-products h2 {
		font-size: 2.25rem;
	}
	
	#home-carousel-products a h3,
	#home-carousel-projects a h3 {
		font-size: 1.25rem;
	}
	
	#home-carousel-projects .carousel-project {
		padding: 0 10px;
	}
	
	#home-carousel-products .container,
	#home-carousel-projects .container {
		padding: 0;
	}
	
	.mobile-trigger {
		display: block;
	}
	
	#products-index ul>li>a {
		padding: 0;
	}
	
	body.error404 #sidebar,
	#sidebar.response-hide {
		display: none;
	}
	
	table.ies-downloads td {
		padding-left: 20%;
	}
	
	table.ies-downloads td::before {
		width: 20%;
	}
	
	table#table-product-family td { 
		padding-left: 30%;
	}
	
	table#table-product-family td::before { 
		width: 30%;
	}
}


@media screen and (max-width: 660px)
{
	.brochures-feature-icon,
	.brochures-feature-text,
	.brochures-videos-description,
	.brochures-videos-thumb {
		float: none;
		padding: 0;
		width: 100%;
	}
	
	.brochures-feature-icon img {
		max-width: 50%;
	}
	
	.brochures-videos-thumb {
		text-align: center;
	}
	
	.brochures-feature-icon p,
	.brochures-videos-thumb p {
		margin: 0 0 0.25rem;
	}
	
	.carousel .carousel-indicators {
		bottom: 10px;
	}
	
	#carouselMainStage .carousel-inner .carousel-item {
		margin-left: -17.5%;
		margin-right: -17.5%;
		width: 135%;
	}
	
	#carouselMainStage .carousel-item>div h2,
	#home-carousel-projects h2,
	#home-carousel-products h2 {
		font-size: 2rem;
	}
	
	.form-field,
	.form-label {
		float: none;
		padding: 0;
		width: 100%;
	}
	
	.form-label-blank { display: none; }
	
	.form-label {
		text-align: left;
	}
	
	.form-label p {
		margin: 0 0 0.25rem;
	}
	
	header#page-header figure {
		margin: 0 -30%;
		width: 160%;
	}
	
	.project-gallery .thumbnails ul>li {
		margin: 0 0 10px;
		padding: 0 5px;
	}
	
	#products-index ul>li,
	#projects-index ul>li {
		width: 50%;
	}
	
	#products-index ul>li:nth-child(3n+1),
	#projects-index ul>li:nth-child(3n+1) {
		clear: none;
	}
	
	#products-index ul>li:nth-child(2n+1),
	#projects-index ul>li:nth-child(2n+1) {
		clear: both;
	}
	
	#products-index ul>li>a {
		padding: 0;
	}
}


@media screen and (max-width: 575px)
{
	.archive-entry>div,
	.archive-video-description {
		float: none;
		padding: 0;
		width: 100%;
	}

	.archive-entry>figure,
	.archive-video-thumbnail {
		float: none;
		width: 45%;
	}
	
	.brochures-feature-icon {
		float: left;
		width: 20%;
	}
	
	.brochures-feature-icon img {
		max-width: 100%;
	}

	.brochures-feature-text {
		float: left;
		padding-left: 20px;
		width: 80%;
	}
	
	.brochures-feature-icon p,
	.brochures-videos-thumb p {
		margin-bottom: 1.5rem;
	}

	.brochures-videos-description {
		float: left;
		padding-left: 15px;
		width: 75%;
	}

	.brochures-videos-thumb {
		float: left;
		width: 25%;
	}
	
	.btn,
	.button {
		font-size: 0.9rem;
	}
	
	#carouselMainStage .carousel-inner .carousel-item {
		margin-left: -20%;
		margin-right: -20%;
		width: 140%;
	}
	
	#carouselMainStage .carousel-item>div ul>li {
		padding: 0.5rem;
	}
	
	#find-products .row>div ul br,
	#find-products .row>div ul br::after {
		content: ' ';
	}
	
	h1 {
		font-size: 2.5rem;
	}
	
	#carouselMainStage .carousel-item>div h2,
	#home-carousel-projects h2,
	#home-carousel-products h2 {
		font-size: 1.5rem;
	}
	
	#carouselMainStage .carousel-item>div .btn {
		padding: 5px 10px;
	}
	
	#carouselMainStage .carousel-item>div {
		background: rgba(0,0,0,0.7);
		padding: 20px 10px 25px;
		width: 60%;
	}
	
	#carouselProducts,
	#carouselProjects {
		padding: 30px 0 0;
	}
	
	.carousel#carouselProducts .carousel-indicators,
	.carousel#carouselProjects .carousel-indicators {
		bottom: auto;
		top: 0;
	}
	
	#find-products .row>div {
		width: 50%;
	}
	
	footer#site-footer {
		padding: 15px;
	}
	
	body footer#site-footer .logo {
		width: 200px;
	}
	
	header#page-header figure {
		margin: 0 -40%;
		width: 180%;
	}
	
	header#single-header h1 {
		font-size: 1.5rem;
		line-height: 1.1;
	}
	
	.home-products-row {
		max-width: 100%;
	}
	
	#home-carousel-projects .carousel-project,
	.home-products-row>div {
		display: block;
		margin-bottom: 1.5rem;
		width: 100%;
	}
	
	.product-application,
	.product-description {
		float: none;
		margin: 0 auto 1.5rem;
		max-width: 85%;
		padding: 0;
	}
	
	.product-application,
	.product-thumbnail,
	body.single-application .product-application {
		margin: 0 auto 1rem;
		padding: 0;
		width: 100%;
	}
	
	.product-diagrams {
		margin: 0 0 0.5rem;
	}
	
	.product-diagrams ul>li {
		padding: 0 10px 10px;
		width: 33.333333%;
	}
	
	.product-diagrams ul>li.bordered {
		max-width: 30%;
	}
	
	#products-index ul>li>a {
		padding: 0;
	}
	
	.project-gallery {
		float: none;
		margin: 0 auto;
		width: 100%;
	}
	
	.project-gallery .feature-image {
		margin: 0 0 1rem;
	}
	
	.project-gallery .feature-image,
	.project-gallery .thumbnails {
		float: none;
		padding: 0;
		width: 100%;
	}
	
	.project-gallery .thumbnails ul {
		margin: 0 -8px;
	}
	
	.project-gallery .thumbnails ul>li {
		margin-bottom: 16px;
		padding: 0 8px;
		width: 25%;
	}
	
	main .search-form {
		max-width: none;
	}
	
	main .search-form .form-input {
		width: 65%;
	}
	
	main .search-form .form-submit {
		width: 35%;
	}
	
	.search-form-block input[type=submit] {
		width: auto;
	}
	
	table.ies-downloads td {
		padding-left: 25%;
	}
	
	table.ies-downloads td::before {
		width: 25%;
	}
	
	table#table-product-family td { 
		padding-left: 35%;
	}
	
	table#table-product-family td::before { 
		width: 35%;
	}
}


@media screen and (max-width: 520px)
{
	.product-application,
	.product-description {
		max-width: 85%;
		padding: 0;
	}
	
	.product-application {
		margin-bottom: 0.5rem;
	}
}


@media screen and (max-width: 480px)
{
	.carousel .carousel-indicators {
		bottom: auto;
		top: 10px;
	}
	
	#carouselMainStage {
		background: rgba(0,0,0,0.8);
	}
	
	#carouselMainStage .carousel-inner .carousel-item {
		margin-left: -22.5%;
		margin-right: -22.5%;
		width: 145%;
	}
	
	#carouselMainStage .carousel-item>div {
		background: none;
		width: 60%;
	}
	
	header#page-header figure {
		margin: 0 -45%;
		width: 190%;
	}
	
	.product-application,
	.product-description {
		max-width: 90%;
	}
	
	.product-family-legend {
		margin-left: 1rem;
		text-align: left;
	}
	
	.product-family-legend li {
		display: block;
		margin: 0.5rem 0;
		padding-left: 34px;
	}
	
	.project-gallery {
		width: 100%;
	}
	
	.project-gallery .feature-image,
	.project-gallery .thumbnails {
		text-align: left;
	}
	
	#products-index ul>li:nth-child(2n+1),
	#projects-index ul>li:nth-child(2n+1) {
		clear: none;
	}
	
	#products-index ul>li,
	#projects-index ul>li {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 75%;
	}
	
	#products-index ul>li a {
		padding: 0;
	}
	
	table.ies-downloads td {
		padding-left: 30%;
	}
	
	table.ies-downloads td::before {
		width: 30%;
	}
	
	table#table-product-family td { 
		padding-left: 40%;
	}
	
	table#table-product-family td::before { 
		width: 40%;
	}
}


@media screen and (max-width: 420px)
{
	.archive-entry>figure,
	.archive-video-thumbnail {
		width: 50%;
	}
	
	#carouselMainStage .carousel-inner .carousel-item {
		margin-left: -10%;
		margin-right: -10%;
		width: 120%;
	}
	
	#carouselMainStage .carousel-item>div {
		left: auto;
		margin: 0 auto;
		padding: 20px 20px 25px;
		position: static;
		top: auto;
		transform: none;
		width: 85%;
	}
	
	.container {
		padding-left: 25px;
		padding-right: 25px;
	}
	
	#find-products .row>div {
		float: none;
		text-align: center;
		width: 100%;
	}
	
	#find-products .row>div ul {
		margin-bottom: 0;
	}
	
	h1 {
		font-size: 2.25rem;
		margin-bottom: 0.5rem;
	}
	
	h2 {
		font-size: 1.75rem;
	}
	
	h3 {
		font-size: 1.25rem;
	}
	
	header#page-header figure {
		margin: 0 -50%;
		width: 200%;
	}
	
	.product-application,
	.product-description {
		max-width: none;
	}
	
	#product-details {
		margin: 0;
	}
	
	#products-index ul>li,
	#projects-index ul>li {
		width: 85%;
	}
	
	table.ies-downloads td {
		padding-left: 40%;
	}
}


@media screen and (max-width: 380px)
{
	.archive-entry>figure,
	.archive-video-thumbnail {
		margin: 0 0 0.5rem;
		width: 75%;
	}
	
	h1 {
		font-size: 2rem;
	}
	
	header#page-header figure {
		margin: 0 -55%;
		width: 210%;
	}
	
	#products-index ul>li,
	#projects-index ul>li {
		width: 100%;
	}
	
	#products-index ul>li a>div h2,
	#projects-index ul>li a>div h2 {
		text-align: center;
	}
}