/*
  Theme Name: Orion Fire Custom Theme
  Theme URI: http://ainsliegreig.com/
  Description: Orion Fire Custom Theme by Ainslie Greig.
  Author: Ainslie Greig
  Author URI: http://ainsliegreig.com

  Version: 1.0.0

  Tags: black, white, one-column, two-columns, three-columns, four-columns, responsive-layout, accessibility-ready, custom-colors, custom-header, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

  Template: genesis
  Template Version: 2.4.2
  Text Domain: custom-scratch

  License: GPL-3.0+
  License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
*/

/* # Table of Contents
- HTML5 Reset
  - Baseline Normalize
  - Box Sizing
  - Float Clearing
- Defaults
  - Typographical Elements
  - Headings
  - Objects
  - Gallery
  - Forms
  - Tables
  - Screen Reader Text
  - Skip Links
- Structure + Layout
  - Column Widths and Positions
  - Content
  - Primary Sidebar
  - Column Classes
- Site Navigation
  - Accessible Menu
  - Site Header Navigation
  - Before Header Navigation
  - Footer Navigation
  - Site Header
- Footer Widgets
- Site Footer
- Front Page + Widget Areas
  - Home Header Widget
  - Home Intro Widget
  - Home Testimonials Widget
  - Novacool Banner Widget + Novacool After Product Widget
  - Novacool + OrionWear Featured Products Widgets
  - OrionWear + OrionWear FR Banner Widgets
  - Products Page Header Widget
  - Novacool Video Header Widget
  - After Entry (Related Posts) Widget
- Page Layouts
  - Contact Page Styles 
  - Product Archive Page Layouts + Styles
- Plugin Styles 
  - Ninja Forms
  - Strong Testimonials
  - Easy Responsive Tabs
  - Soliloquy Slider
  - Contextual Related Posts
- Media Queries
  - Responsive Navigation


/* # HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* ## Baseline Normalize
--------------------------------------------- */
/* normalize.css v4.1.1 | MIT License | http://necolas.github.io/normalize.css/ */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

/* ## Box Sizing
--------------------------------------------- */

html,
input[type="search"]{
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
}


*,
*:before,
*:after {
  box-sizing: inherit;
}


/* ## Float Clearing
--------------------------------------------- */

.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.wrap:before {
  content: " ";
  display: table;
}

.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.widget:after,
.wrap:after {
  clear: both;
  content: " ";
  display: table;
}


/* # Defaults
---------------------------------------------------------------------------------------------------- */

/* ## Typographical Elements
--------------------------------------------- */

body {
  color: #313131;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1.625;
  margin: 0;
  background-color: #f2f2f2;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition:    all 0.1s ease-in-out;
  -ms-transition:     all 0.1s ease-in-out;
  -o-transition:      all 0.1s ease-in-out;
  transition:         all 0.1s ease-in-out;
}

a {
  color: #313131;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #333;
  text-decoration: none;
}

a[href^="mailto:"] {
  border-bottom: 1px solid #313131;
}

:target:before {
  content:"";
  display:block;
  height:100px; /* fixed header height*/
  margin:-100px 0 0; /* negative fixed header height */
}

p {
  margin: 28px 0 0;
  padding: 0;
}

ol,
ul {
  margin-top: 0 !important;
  margin-left: 20px;
  padding: 0;
  list-style-type: disc;
}

li {
  list-style-type: disc;
}

hr {
  border: 0;
  border-collapse: collapse;
  border-top: 1px solid #eee;
  clear: both;
  margin: 1em 0;
}

b,
strong {
  font-weight: 700;
}

cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 40px;
}


/* ## Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  line-height: 1.2;
  margin: 28px 0;
}

h1 {
  font-size: 36px;
}

h2 {
  font-size: 30px;
  margin: 0;
}

h3 {
  font-size: 23px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

/* ## Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
  max-width: 100%;
}

img {
  height: auto;
}

figure {
  margin: 0;
}

/* ## Gallery
--------------------------------------------- */

.gallery {
  overflow: hidden;
}

.gallery-item {
  float: left;
  margin: 0 0 28px;
  text-align: center;
}

.gallery-columns-1 .gallery-item {
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-3 .gallery-item {
  width: 33%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery-columns-5 .gallery-item {
  width: 20%;
}

.gallery-columns-6 .gallery-item {
  width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
  width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
  width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  width: 11.1111%;
}

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
  clear: left;
}

.gallery img {
  border: 1px solid #eee;
  height: auto;
  padding: 4px;
}

.gallery img:hover,
.gallery img:focus {
  border: 1px solid #999;
}

/* ## Forms
--------------------------------------------- */

input,
select,
textarea {
  background-color: #fff;
  border: 1px solid #313131;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  padding: 10px;
  width: 100%;
  text-transform: uppercase;
  border-radius: 0;
}

input:focus,
textarea:focus {
  border: 1px solid #999;
  outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
  width: auto;
}

::-moz-placeholder {
  color: #333;
  opacity: 1;
}

::-webkit-input-placeholder {
  color: #333;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
  background-color: #313131;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 60px;
  margin-bottom: 20px;
  text-decoration: none;
  text-transform: uppercase;
  white-space: normal;
  width: auto;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
button:focus,
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"],
.button:focus  {
  background-color: #c3251d;
  color: #fff;
}

.entry-content .button:hover,
.entry-content .button:focus {
  color: #fff;
}

.button {
  display: inline-block;
}

a.button.small,
button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small {
  padding: 8px 16px;
}

.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
  background-color: #eee;
  border-width: 0;
  color: #777;
  cursor: not-allowed;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
  display: none;
}

/* ## Tables
--------------------------------------------- */

table {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 2;
  margin: 40px auto 0;
  width: 100%;
 /* word-break: break-word;*/
  border: 1px solid #313131;
}

tbody {
/*  border-bottom: 1px solid #eee;*/
}

td,
th {
  text-align: center;
}

tr {
  border: 1px solid #313131;
}

tr:last-of-type {
  background-color: #f3d3d1;
  color: #c3251d;
  font-weight: 600;
}

td {
  padding: 6px;
  border: 1px solid #313131;
  max-width: 150px;
}

th {
  background-color: #313131;
  color: #fff;
  font-weight: 600;
  padding: 6px;
}

th:first-of-type {
  width: 150px;
}

/* ## Screen Reader Text
--------------------------------------------- */

.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus  {
  clip: auto !important;
  height: auto;
  width: auto;
  display: block;
  font-size: 1em;
  font-weight: bold;
  padding: 15px 23px 14px;
  color: #333;
  background: #fff;
  z-index: 100000; /* Above WP toolbar. */
  text-decoration: none;
  box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
}

.more-link {
    position: relative;
}

/* # Skip Links
---------------------------------------------------------------------------------------------------- */

.genesis-skip-link {
  margin: 0;
}

.genesis-skip-link li {
  height: 0;
  width: 0;
  list-style: none;
}

/* Display outline on focus */
:focus {
  color: #333;
  outline: #ccc solid 1px;
}


/* # Structure + Layout
---------------------------------------------------------------------------------------------------- */

.site-inner {
  max-width: 1280px;
  margin: 0 auto;
}

.site-header,
.site-footer{
  width: 100%;
  margin: 0 auto;
}

/* ## Column Widths and Positions
--------------------------------------------- */

/* ### Content */

.content {
  /*float: right;*/
  width: 800px;
  margin: auto;
}

.content-sidebar .content {
  float: left;
}

.full-width-content .content {
  width: 100%;
/*  padding-bottom: 40px;*/
}

.site-inner {
  border-right: 4px solid #fff;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
}

/* ### Primary Sidebar */

.sidebar-primary {
  float: right;
  width: 360px;
}

.sidebar-content .sidebar-primary {
  float: left;
}

/* Column Classes
--------------------------------------------- */
/* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
  float: left;
  margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
  width: 48.717948717948715%;
}

.one-third,
.two-sixths {
  width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
  width: 65.81196581196582%;
}

.one-fourth {
  width: 23.076923076923077%;
}

.three-fourths {
  width: 74.35897435897436%;
}

.one-sixth {
  width: 14.52991452991453%;
}

.five-sixths {
  width: 82.90598290598291%;
}

.first {
  clear: both;
  margin-left: 0;
}

/* # Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
  clear: both;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  width: 100%;
  text-align: center;
}

.genesis-nav-menu .menu-item {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 0 !important;
  padding-bottom: 0;
  text-align: center;
  min-width: 153px;
}

.genesis-nav-menu .menu-item:first-of-type {
  margin-right: -4px !important;
}

.menu-product-page-nav-menu .menu-item li {
  margin-left: -2px !important;
  margin-right: -2px !important;
}

.genesis-nav-menu a {
  color: #313131;
  text-decoration: none;
  display: block;
  padding: 22px 30px;
  margin-top: 10px;
}

.genesis-nav-menu a span:hover,
.genesis-nav-menu .current-menu-item > a > span {
  padding-bottom: 5px;
  border-bottom: 3px solid #313131;
}

.genesis-nav-menu .menu-item:first-of-type {
  background: url('images/orion-fire_logo.png') no-repeat center;
  background-color: #313131;
/*  margin: 0;*/
  text-align: right;
}

.genesis-nav-menu .menu-item:first-of-type span {
  margin-right: -9999px;
}

.nav-primary ul {
  margin-left: 0;
  margin-bottom: 0;
}

.nav-primary ul li {
  padding: 0;
  margin-right: 2px;
}

.menu-secondary {
  background-color: #313131;
  position: relative;
  z-index: 1;
  margin:0;
  overflow: hidden;
  border-top: 4px solid #fff
}

.menu-secondary li > a {
  border-right: 2px solid #fff;
  color: #fff;
  margin-top: 0;
}

.genesis-nav-menu.menu-secondary li {
  border: none;
  border-right: 2px solid #fff;
}

.menu-secondary li > a:last-of-type {
  border-right: none;
}

.menu-secondary li {
  max-height: 148px;
}

.menu-secondary .menu-item:first-of-type span {
  margin-left: -9999px !important;
}

/* ## Accessible Menu
--------------------------------------------- */

.menu .menu-item:focus {
  position: static;
}

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
  left: auto;
  opacity: 1;
}

.sub-menu-toggle,
.menu-toggle {
  display: none;
  visibility: hidden;
}

/* ## Site Header Navigation
--------------------------------------------- */

.site-header .genesis-nav-menu li li {
  margin-left: 0;
}

/* ## Before Header Navigation
--------------------------------------------- */

.nav-primary {
  float: none;
  text-align: center;
  width: 100%;
  margin-top: -8px;
}

.genesis-nav-menu ul {
  margin-left: -20px;
}

.genesis-nav-menu li {
  border-left: 2px solid #313131;
}

.genesis-nav-menu li:last-of-type {
  border-right: 2px solid #313131;
}

.genesis-nav-menu a {
  text-transform: uppercase;
}

/* ## Footer Navigation
--------------------------------------------- */

.site-footer .genesis-nav-menu {
  padding-bottom: 20px;
}

.site-footer .genesis-nav-menu a {
  padding: 0 20px 10px;
}

/* ## Site Header
--------------------------------------------- */

.site-header {
  background-color: rgba(255,255,255,.8);
/* border-top: 3px solid #313131;*/
 /*background-color: transparent;*/
  position: fixed;
  width: 100%;
  z-index: 1000;
}

.white .site-header {
  background-color: #fff;
}

.admin-bar .site-header {
  top: 32px;
}

.title-area {
  display: none;
}

.title-area .site-title > a {
  background: url('/images/orion-fire_logo.png') no-repeat;
  min-height: 24px;
  width: 103px;
  margin-top: 5px;
  float: left;
  text-align: center;
}

.title-area .site-title,
.site-description {
  display: block;
  height: 0;
  text-indent: -9999px;
}

/* # Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets .wrap {
  background-color: #f5f5f5;
  font-size: 16px;
  clear: both;
  padding: 30px 20px;
  text-align: center;
  max-width: 100%;
}

.footer-widgets input,
.footer-widgets button,
.footer-widgets input[type="button"],
.footer-widgets input[type="reset"],
.footer-widgets input[type="submit"],
.footer-widgets .button {
  width: 80%;
  margin: 10px auto;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
  width: 33.3333%;
  padding-left: 10px;
  padding-right: 10px;
}

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

.footer-widgets-3 {
  float: right;
}


/* # Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
  background-color: #252525;
  color: #fff;
  font-size: 12px;
  padding: 10px 0 20px 28px;
  border-top: 2px solid #fff;
  margin-top: 0;
  text-align: center;
}

.site-footer p {
  margin-top: 5px;
  display: inline;
}

.site-footer p::after {
  padding: 20px;
}

.site-footer a {
  color: #fff;
  border-bottom: 1px solid #fff;
}

.site-footer a:hover {
  color: #f2f2f2;
}

.footer-center {
  display: inline;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}

/* # Front Page
---------------------------------------------------------------------------------------------------- */

/* ## Home Header Widget
--------------------------------------------- */

.site-container .home-header {
  background-image: url('images/banner_orion-fire_big.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 400px;
  max-width: 1280px;
  display: table;
  table-layout: fixed;
  text-align: center;
  padding: 150px 0;
  margin: auto;
}

.home-header .widget-area {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.home-header .widget {
  background-color: rgba(0,0,0,0.5);
  max-width: 70%;
  margin: 0 auto; 
  padding: 5px 5px 20px 5px;
  color: #fff;
}

.home-header .widget h1 {
  display: inline-block;
  margin: 20px 0 10px;
}

.home-header .widget h2 {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
  display: inline-block;
}

/* ## Home Intro Widget
--------------------------------------------- */

.home-intro {
  max-width: 80%;
  margin: auto;
  text-align: center;
  padding: 30px 60px 60px 60px;
}

/* ## Home Testimonials Widget
--------------------------------------------- */

.home-testimonials .wrap {
  background-color: #fff;
}

/* ## Novacool Banner Widget + Novacool After Product Widget
------------------------------------------------------------------- */

.site-container .novacool-banner,
.novacool-banner-products {
  background-image: url('images/banner_novacool.jpg');
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 300px;
  width: 100%;
  text-align: center;
  margin: auto;
  padding: 30px 60px;
  color: #fff;
}

.home .novacool-banner {
  border-top: 4px solid #fff;
}

.novacool-banner .widget-area {
  border-top: 4px solid #fff !important;
}

.site-container .novacool-banner {
  padding-top: 0;
}

.site-container .novacool-banner .textwidget {
  max-width: 80%;
  margin: 0 auto;
}

.novacool-banner-products p {
  padding-top: 50px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 30px;
  color: #fff;
  max-width: 80%;
  margin: 0 auto;
}

.novacool-after-product {
  max-width: 1280px;
  margin: auto;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
  background-color: #fff;
}

.novacool-after-product .textwidget {
  margin: 0 auto;
  text-align: center;
}

/* ## Novalcool Featured Products Widget + OrionWear Featured Products Widget
-------------------------------------------------------------------------------- */

.novacool-featured-products .widget,
.orionwear-featured-products .widget,
.orionwear-fr-featured-products {
  float: left;
  width: 50%;
  border-top: 4px solid #fff;
  background-color: #f2f2f2;
  /*padding: 40px 0 50px 10px;*/
  padding: 40px 35px 50px 35px;
  font-size: 16px;
}

.novacool-featured-products .widget,
.orionwear-fr-featured-products {
  border-bottom: 4px solid #fff;
}

.novacool-featured-products .widget .product-img,
.orionwear-featured-products .widget .product-img,
.orionwear-fr-featured-products .product-img {
  margin: 0;
  padding: 0;
}

.novacool-featured-products .widget .alignright,
.orionwear-featured-products .widget .alignright,
.orionwear-fr-featured-products .alignright {
  text-align: right;
}

.novacool-featured-products .widget .alignleft,
.orionwear-featured-products .widget .alignleft,
.orionwear-fr-featured-products .alignleft {
  text-align: left;
}

.pagination-next {
  display: none;
}

#text-11, 
#text-13,
.orionwear-fr-featured-products:nth-child(1n) {
  border-right: 4px solid #fff;
}

#text-13,
#text-14 {
  border-bottom: 4px solid #fff;
}



/* ## PPE Banner Widget
--------------------------------------------- */






/* ## OrionWear + OrionWear FR Banner Widgets
--------------------------------------------- */



.site-container .orionwear-banner {
  background-image: url('images/banner_orionwear.jpg');
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 300px;
  width: 100%;
  text-align: center;
  margin: auto;
  padding: 25px;
}

.site-container .orionwear-fr-banner {
  background-image: url('images/banner_orionwear-fr.jpg');
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 300px;
  width: 100%;
  text-align: center;
  margin: auto;
  padding: 25px;
}

.orionwear-banner .textwidget,
.orionwear-fr-banner .textwidget {
  max-width: 80%;
  margin: 0 auto;
  color: #fff;
}

.orionwear-banner .textwidget p,
.orionwear-fr-banner .textwidget p {
  margin-bottom: 30px;
  font-weight: 400;
}

/* ## Products Page Header Widget
--------------------------------------------- */

.site-container .products-header {
  background: url('images/banner_orion-fire.jpg') no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 1280px;
  display: table;
  table-layout: fixed;
  text-align: center;
  padding: 120px 0 60px 0;
  margin: auto;
}

.products-header .widget-area {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.products-header .widget {
  background-color: rgba(0,0,0,0.5);
  max-width: 70%;
  margin: 0 auto;
  color: #fff;
}

.products-header .widget .textwidget {
  padding: 20px 0;
}

.products-header .widget h1 {
  margin: 10px;
}

.products-header .widget h2 {
  font-size: 18px;
  font-weight: 700;
}

/* ## Novacool Page Video Header Widget
--------------------------------------------- */

.novacool-video-header {
  border: none;
  margin: 0;
}

/* ## Novacool-Home Page Video Header Widget
--------------------------------------------- */

.novacool-home-video-header {
  border: none;
  margin: 0;
}

/* ## After Entry Widget (Related Posts)
--------------------------------------------- */

.after-entry {
  max-width: 1280px;
  margin: auto;
  border-left: 4px solid #fff;
  border-right: 4px solid #fff;
}

/* ## Page Layouts
--------------------------------------------- */

.full-width-content .content {
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.single, .page-template-default {
  background-color: #f2f2f2;
}

.single .site-container .site-inner {
  max-width: 1280px;
  margin: 0 auto;
  padding-top: 80px;
  padding-bottom: 40px;
}

.single .entry-content {
  width: 95%;
  margin: auto;
}

.error404 .site-container .site-inner {
  padding: 100px 200px 0 200px;
  min-height: 500px;
  text-align: center;
  font-size: 18px;
}

.error404 p > a {
  border-bottom: 2px solid #313131;
  padding-bottom: 2px;
}

/* Contact Page Styles 
------------------------------------------------ */

.page-id-6 .site-inner {
  max-width: 1280px;
  padding-bottom: 0;
  padding-top: 150px;
}

.page-id-6 .site-inner .content {
  width: 100%;
}

.entry-content .contact {
  max-width: 525px;
  margin: auto;
  text-align: center;
}

.contact h3 {
  margin: 0;
}

.map-wrapper {
  margin-top: 40px;
  border: 4px solid #fff;
  position: relative;
}

.map-wrapper iframe {
  margin-top: -28px;
}

.map-info {
  font-size: 14px;
  background-color: #fff;
  border: 2px solid #313131;
  padding: 0 30px 30px 30px;
  position: absolute;
  bottom: 80px;
  right: 100px;
  z-index: 1;
}

.overlay {
  background:transparent;
  position:relative;
  width:100%; /* your iframe width */
  height:600px; /* your iframe height */
  top:600px; /* your iframe height */
  margin-top:-600px; /* your iframe height */
}

@media only screen and (max-width: 1000px) {

  .map-info {
    position: static;
  }

}

/* ## Product Archive Page Layouts + Styles
--------------------------------------------- */

.post-type-archive-products .site-container .site-inner .content,
.archive.tag-fire-service,
.archive.tag-industry {
  max-width: 100%;
  margin-top: 0;
}

.post-type-archive-products .site-container .site-inner .content .one-fourth,
.tag-fire-service .one-fourth,
.tag-industry .one-fourth {
  width: 25%;
  margin: 0;
  background-color: #f2f2f2;
  border: 2px solid #fff;
  text-align: center;
}

.archive.tag-industry .type-products,
.archive.tag-fire-service .type-products {
/*  margin-bottom: 20px;*/
  text-align: center;
  background-color: #f2f2f2;
  padding: 20px;
}

.archive.tag-industry .site-inner,
.archive.tag-fire-service .site-inner {
  /*border: none;*/
}

.archive-title {
  padding-left: 20px;
}

.single.tag-fire-service {
  border: none;
}

.products .entry-content {
  padding-bottom: 0;
  padding-right: 20px;
}

.products .entry-content img {
  margin: auto;
}

.post-type-archive-products .entry-title a,
.type-products .entry-title a {
  text-align: center;
  font-size: 16px;
}

.view-product-button {
  margin-top: 20px;
  padding: 10px 40px;
}

.product-page-nav-menu.widget-area {
  max-width: 70%;
  margin: auto;
  text-align: center;
}

.product-page-nav-menu.widget-area .textwidget {
  padding: 30px;
}

.menu-product-page-nav-menu-container {
  margin-bottom: 50px;
}

.product-page-nav-menu .menu-item {
  display: inline-block;
  list-style-type: none;
}

.product-page-nav-menu .menu-item li {
  margin: -2px;
  border-right: 1px solid #fff;
}

.product-page-nav-menu li {
  background-color: #6e6e6e;
  padding: 8px 15px;
  margin: -1px !important;
}

.product-page-nav-menu li:focus,
.product-page-nav-menu li:hover {
  background-color: #313131;
}

.tag-fire-service .product-page-nav-menu .current-menu-item,
.tag-industry .product-page-nav-menu .current-menu-item,
.product-page-nav-menu .active-class {
  background-color: #313131;
}

.tag-fire-service .product-page-nav-menu .current-menu-item a,
.tag-industry .product-page-nav-menu .current-menu-item a,
.product-page-nav-menu .active-class a {
  border-bottom: 1px solid #fff;
}

.product-page-nav-menu a {
  color: #fff;
}

.product-page-nav-menu a:hover {
  border-bottom: 1px solid #fff;
}

.section-header-tab {
  background-color: #fff;
  color: #fff;
  padding-top: 2px;
  margin-bottom: 4px;
  border-top: 4px solid #fff;
  border-bottom: 4px solid #313131;
  clear: both;
}

.section-header-tab-inner {
  display: inline-block;
  background-color: #313131;
  min-width: 230px;
  height: 80px;
  position: relative;
  margin: 0;
  display: table;
}

.section-header-tab-inner:after {
    content:"";
    position:absolute;
    top:0;
    right:0;
    width: 0; 
    height: 0; 
    border-top: 80px solid white; 
    border-left: 20px solid transparent; 
}

.section-header-tab h2 {
  text-align: left;
  padding-right: 40px;
  padding-left: 35px;
  display: table-cell;
  vertical-align: middle;
}

.section-header-tab-small {
  background-color: #fff;
  color: #fff;
  border-top: 4px solid #fff;
  border-bottom: 4px solid #707070;
  clear: both;
}

.section-header-tab-small-inner {
  display: inline-block;
  background-color: #707070;
  min-width: 320px;
  height: 60px;
  position: relative;
  margin:0;
  display: table;
}

.section-header-tab-small-inner:after {
    content:"";
    position:absolute;
    top:0;
    right:0;
    width: 0; 
    height: 0; 
    border-top: 60px solid #fff; 
    border-left: 20px solid transparent; 
}

.section-header-tab-small-inner h4 {
  text-align: left;
  padding-right: 30px;
  padding-left: 35px;
  display: table-cell;
  vertical-align: middle;
}

/* ## Plugin Styles 
------------------------------------------------ */

/* Ninja Forms Plugin Styles */

.nf-form-layout {
  margin-top: 30px;
}

.nf-form-fields-required {
  display: none;
}

.nf-field-label {
  margin-bottom: 0 !important;
}

.nf-field-label label {
  font-weight: normal !important;
}

.ninja-forms-req-symbol, .nf-error-msg {
  color: #313131 !important;
}

select {
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #313131;
/*  padding: 0;*/
 /* -webkit-appearance: button;*/
}

#nf-field-5-wrap > .nf-field-element:after {
  content: 'v';
  font: 16px "Arial", sans-serif;
  color: #313131;
  right: 10px;
  top: 1px;
  height: 42px;
  padding: 12px 8px 0px 15px;
  border-left: 1px solid #313131;
  position: absolute;
  pointer-events: none;
} 

/* Strong Testimonials Plugin Styles */

.strong-testimonials-view-widget {
  margin: auto;
  max-width: 80%;
  background-color: #fff;
  padding-top: 50px;
}

.strong-testimonials-view-widget .widget-title {
  font-size: 30px;
  text-align: center;
}

.strong-testimonials-view-widget .section-header-tab-small {
  color: #313131;
  margin-top: 2px;
  margin-bottom: 4px;
  border: none;
  clear: both;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

.strong-testimonials-view-widget .section-header-tab-small-inner {
  display: inline-block;
  background-color: #fff;
}

.strong-testimonials-view-widget .section-header-tab-small-inner:after {
    content:"";
    position:absolute;
    top:0;
    right:0;
    width: 0; 
    height: 0; 
    border: none;
}

.strong-testimonials-view-widget .section-header-tab-small-inner h4 {
  padding-left: 65px;
  text-align: center;
}

.strong-view .wpmslider-viewport {
  border: none !important;
}

.testimonial-inner {
   text-align: center !important;
}

.testimonial-inner .testimonial-client {
   text-align: center !important;
}

.testimonial-inner .testimonial-name::before {
  content: "- ";
}

.testimonial-inner .testimonial-heading {
  display: none;
}

.wpmslider-pager-item {
  margin-right: 10px !important;
}

.strong-view.pager-style-buttons .wpmslider-wrapper .wpmslider-pager-link:before {
  font-size: 18px !important;
}

.strong-view.pager-style-buttons .wpmslider-wrapper .wpmslider-pager-link.active:before {
  color: #000 !important;
}

.wpmslider-controls .wpmslider-custom-pager {
  margin-top: 30px;
}

@media only screen and (max-width: 600px) {
  
  .strong-testimonials-view-widget {
    max-width: 100%;
  }

}

@media only screen and (max-width: 400px) {

  .strong-view.default.slider-container {
    padding-top: 30px;
  }

}

/* Easy Responsive Tabs
--------------------------------------------- */

.osc-res-tab .nav {
  border-bottom: 2px solid #313131;
  border-left: 2px solid #313131;
}

.nav-pills>li>a {
  border-radius: 0 !important;
  border-top: 2px solid #313131;
  border-right: 2px solid #313131;
  text-align: center;
}

.nav-pills>li>a:hover {
  color: #fff !important;
}

.osc-res-tab .nav>li>a {
  min-width: 200px;
}

.osc-res-tab .nav-pills>li+li {
  margin-left: 0;
}

.osc-res-tab ul.tab-content {
  padding-left: 20px;
}

@media only screen and (max-width: 909px) {
  
  .osc-res-tab .nav {
    border-bottom: none;
  }

  .osc-res-tab .nav-pills>li+li {
    border-bottom: 2px solid #313131
  }

  .dropdown.pull-right {
    border-left: 2px solid #313131;
    border-bottom: 2px solid #313131;
  }

}

/* Soliloquy Slider Styles
--------------------------------------------- */

.soliloquy-container .soliloquy-image {
  border: 4px solid #fff;
}

.soliloquy-video-link .soliloquy-video-youtube {
  border: none;
  border-bottom: 4px solid #fff;
}

.soliloquy-container .soliloquy-wrapper {
  margin: 0 !important;
}

.soliloquy-caption .soliloquy-caption-inside {
  padding-top: 200px;
}

.soliloquy-container .soliloquy-caption {
  position: absolute !important;
  /*display: block !important;*/
  /*width: 100% !important;*/
  height: 70% !important;
  z-index: 100 !important;
/*  background-color: rgba(0,38,62,.2) !important;*/
}
 
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
  display: table !important;
  width: 100% !important;
  height: 100% !important;
  text-align: center !important;
  padding: 20px 0 35px !important;
}

.soliloquy-container .soliloquy-caption-inside .soliloquy-caption-wrap {
  display: table-cell !important;
  padding-top: 80px;
  padding-left: 60px;
  text-align: left;
  vertical-align: middle !important;
}

.soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
  color: #00263e;
  padding: 50px 50px 200px 50px;
  background-color: rgba(255,255,255,.5);
  background-color: transparent !important;
}

.soliloquy-container .soliloquy-caption .soliloquy-caption-inside h1 {
  font-size: 1.5rem;
  text-transform: uppercase;
  padding: 20px;
}

.soliloquy-container .soliloquy-caption .soliloquy-caption-inside img {

}

.soliloquy-container .soliloquy-video-icon {
  background: transparent url(images/play-icon-60.png) no-repeat scroll 50% 60% !important;
}

.soliloquybox-skin .soliloquybox-title-inside-wrap {
  background-color: #313131 !important;
  padding-bottom: 15px;
  color: #fff;
  text-align: center;
}

/* Contextual Related Posts
--------------------------------------------- */

.crp_related .one-fourth,
.crp_related_widget .one-fourth {
  text-align: center;
  width: 25%;
  margin: 0;
}

.crp_related_widget .similar-product {
  padding: 20px 14px;
  border-top: 4px solid #fff;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
}

.crp_related_widget .similar-product:last-of-type {
  border-right: 4px solid #fff;
}

.crp_related_widget span {
  display: block;
  font-weight: 600;
}

.crp_related_widget ul li {
  list-style-type: none;
  display: inline-block;
}

.crp_related_widget ul li a {
  margin: 0;
}

.widget-wrap .section-header-tab-small-inner:after {
    border-top: 60px solid #fff; 
}

/* ## Media Queries 
--------------------------------------------- */

@media only screen and (max-width: 1200px) {

    .one-half {
      width: 100%;
    }

    .flex-wrapper {
      display: flex;
      flex-flow: row wrap;
    }

    .top-align {
      order: 1;
    }

    .bottom-align {
      order: 2;
    }

      .one-fourth {
      min-width: 50%;
    }

    .textwidget .novacool-banner-products p,
    .textwidget .orionwear-banner p,
    .textwidget .orionwear-fr-banner p {
      padding-top: 20px;
    }

    .novacool-featured-products .widget .alignright,
    .novacool-featured-products .widget .alignleft,
    .orionwear-featured-products .widget .alignright,
    .orionwear-featured-products .widget .alignleft,
    .orionwear-fr-featured-products .alignright,
    .orionwear-fr-featured-products .alignleft {
      text-align: center;
    }

    .novacool-featured-products .widget .product-img,
    .orionwear-featured-products .widget .product-img,
    .orionwear-fr-featured-products .product-img {
      margin: 0;
      padding: 0;
      display: block;
    }

    .novacool-featured-products .widget,
    .orionwear-featured-products .widget,
    .orionwear-fr-featured-products {
      padding: 40px 10px 50px 10px;
    }

}

@media only screen and (max-width: 800px) {

    .site-container .products-header {
      width: 100%;
    }

  }

@media only screen and (min-width: 600px) and (max-width: 680px) {

    .site-container .novacool-banner {
      height: 360px;
    }

}

@media only screen and (max-width: 600px) {

    .single .site-container .site-inner {
       margin-top: 10px;
    }

    .home-header .widget {
      max-width: 90%;
    }

    .home-header .widget .textwidget {
      padding: 10px;
    }

    .home-header .widget .textwidget h1 {
      margin-top: 0;
    }

    .home-intro {
      padding: 20px;
    }
    
    .novacool-banner-products {
      background-image: url('images/banner_novacool.jpg');
      background-position: top right;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      height: 500px;
    }

    .site-container .novacool-banner {
      background-image: url('images/banner_novacool.jpg');
      background-position: top right;
      background-repeat: no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      height: 450px;
      padding: 30px;
    }

    .site-container .orionwear-banner {
    background-image: url('images/banner_orionwear.jpg');
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 480px;
  }

    .site-container .orionwear-fr-banner {
    background-image: url('images/banner_orionwear-fr.jpg');
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 450px;
  }

  .site-container .products-header {
    padding-top: 150px;
  }

  .product-page-nav-menu .widget .textwidget {
    padding-left: 0;
    padding-right: 0;
  }

  .product-page-nav-menu .menu-item {
    display: block;
    margin: 1px !important;
  }

  .site-container .novacool-banner .textwidget {
    min-width: 100%;
  }

  .textwidget .novacool-banner-products p,
  .textwidget .orionwear-banner p,
  .textwidget .orionwear-fr-banner p {
    font-size: 28px;
    padding-top: 20px;
    max-width: 100%
  }

  .novacool-featured-products .widget,
  .orionwear-featured-products .widget,
  .orionwear-fr-featured-products {
    padding: 20px 10px;
    width: 100%;
  }

  .one-fourth {
    min-width: 100%;
  }

  .footer-center {
    display: inline;
    text-align: center;
    padding: 0;
  }

  .osc-res-tab .nav {
    border: none;
  }

  .dropdown-menu li a {
    color: #313131 !important;
  }

  .dropdown-menu li.active a {
    color: #fff !important;
  }

  .page-id-6 .site-inner {
    max-width: 96%;
  }

}

/* Responsive Navigation
---------------------------------------------------------- */

/* Navigation toggles - mobile
--------------------------------------------- */

@media only screen and (max-width: 600px) {

  .site-header {
    background-color: #fff;
    text-align: center;
    padding-bottom: 4px;
    width: 100%;
  }

  .title-area {
    display: inline-block;
    margin: auto;
    padding: 10px;
    background-color: #313131;
    display: inline-block;
    float: left;
  } 

  .site-title {
    margin-top: 5px;
  }

  .title-area .site-title > a {
    padding-bottom: 10px;
  }

  .menu-toggle,
  .sub-menu-toggle {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 700;
    margin: 0 auto;
    overflow: hidden;
    padding: 8px;
    padding: .8rem;
    text-align: center;
    visibility: visible;
  }

  button.menu-toggle, 
  button.sub-menu-toggle {
    background-color: #fff;
    color: #313131;
    padding: 0;
    position: relative;
    right: 5px;
    padding-left: 120px;
    display: inline-block;
    text-align: right;
    font-size: 63px;
    line-height: 59px;
    font-weight: 400;
  } 

  button.menu-toggle.footer {
    background-color: #fff;
    color: #313131;
    padding: 0;
    font-size: 63px;
    line-height: 59px;
    float: none;
    display: inline-block;
    text-align: center;
    width: 100%;
  }

  .menu-toggle.footer:before {
    content: "\2261";
    position: relative;
    top: -8px;
  }

  .sub-menu-toggle {
    padding: 8;
    position: absolute;
    right: 0;
    top: 0;
  }

  .menu-toggle:before {
    content: "\2261";
  }

  .menu-toggle.activated:before {
    content: "\2191";
    position: relative;
    top: 16px;
  }

  .sub-menu-toggle:before {
    content: "+";
  }

  .sub-menu-toggle.activated:before {
    content: "-";
  }

  nav {
    display: none;
    position: relative;
  }

  .genesis-nav-menu .menu-item {
    background-color: #fff;
    display: block;
    position: relative;
    text-align: center;
    border: none;
  }

  .genesis-nav-menu li:last-of-type {
    border: none;
  }

  .genesis-nav-menu .menu-item:hover {
    position: relative;
  }

  .genesis-nav-menu .sub-menu {
    clear: both;
    display: none;
    opacity: 1;
    position: static;
    width: 100%;
  }

  .genesis-nav-menu .sub-menu a {
    border-left: 0;
    position: relative;
    width: auto;
  }

  .genesis-nav-menu .sub-menu .sub-menu {
    margin: 0;
  }

  .genesis-nav-menu .sub-menu .sub-menu a {
    background-color: #f2f2f2;
    padding-left: 30px;
  }

  .genesis-nav-menu .sub-menu .sub-menu .sub-menu a {
    background-color: #fff;
    padding-left: 40px;
  }

  .nav-primary a:hover,
  .nav-primary .current-menu-item > a {
    color: #333;
  }

  .menu-secondary li > a {
    color: #313131;
  }

  li#menu-item-25 {
    display: none;
  }

  ul#menu-header-menu {
    border-top: 4px solid #ffffff;
  }

  .genesis-nav-menu .menu-item:first-of-type, 
  #menu-item-154 {
    margin-right: -4px !important;
    border-top: 4px solid #313131;
  }

  .genesis-nav-menu #menu-item-187 {
    background: url(images/orion-fire_logo.png) no-repeat center;
    background-color: #313131;
    text-align: right;
  }

}


.dashicons, .dashicons-before:before {
	margin-top: -2px;
}