/*** global styling - reusables ***/
/* reusable classes */
.yellow, a.yellow {
 color: #f4c900;
}
.grey, a.grey {
 color: #ababab;
}
.white, a.white {
 color: #fff;
}
.red, a.red {
 color: #990000;
}
.black, a.black {
 color: #000;
}
.clear {
 clear: both;
}
/*** utility bar, topmost of each page ***/
/* utility bar base style */
.utility-bar {
 clear: both;
 padding: 4px 0;
 background-color: #333;
}
.utility-bar .wrap {
 margin: 0 auto;
 max-width: 850px;
}
/* normalize featured posts on utility bar */
.utility-bar .post,.utility-bar .post h2 {
 margin: 0;
 padding: 0;
}
.utility-bar .post h2 {
 display: inline;
}
.utility-bar .post .entry {
 text-align: left;
}
.utility-bar .post .entry-content {
 display: none;
}
/* utility bar font color and styling */
.utility-bar .widget, .utility-bar .post h2, .utility-bar .post h2 a {
 color: #a1cfff;
 font-size: 13px;
/* white-space: nowrap; ***** avwp ***** */  
}
.utility-bar .widget a {
 text-decoration: underline;
}
/* on desktop split utility bar into 4 sections */
.utility-bar .widget {
 width: 25%;
 float: left;
 text-align: center;
}
.utility-bar .widget:first-child {
 text-align: left;
}
.utility-bar .widget:last-child {
 text-align: right;
}
/* subheader */
.subheader {
 padding: 4px 0;
 color: #fff;
 background-color: #122131;
}
.subheader .wrap {
 display: block;
 margin: 0 auto;
 max-width: 850px;
}
/** site containers ***/
.site-inner {
 margin-top: 8px;
}
/* newt template containers */
.page-template-page-newt-php .site-inner {
 margin-top: 0;
}
.page-template-page-newt-php .entry {
 padding-top: 0;
}
/*** newt banner ***/
.newt.banner {
 padding: 20px 0 10px 0;
}
/*** jumbotron ***/
/* homepage jumbotron */
.jumbotron {
 overflow: hidden;
 position: relative;
 margin: 0;
 padding: 0;
 width: 100%;
 background: #FFF; /* jumbotron transition (dip) color */
}
.jumbotron .shadow {
 position: relative;
 display: block;
 overflow: hidden;
 height: 8px; width: 100%;
}
.jumbotron .shadow.top {
 top: -20px;
 box-shadow: 0 0 7px 3px rgba(0,0,0,0.4); /* shadow test by dc #f00 */
 -webkit-box-shadow: 0 0 7px 3px rgba(0,0,0,0.4);
 -moz-box-shadow: 0 0 7px 3px rgba(0,0,0,0.4);
 -o-box-shadow: 0 0 7px 3px rgba(0,0,0,0.4);
}
.jumbotron .shadow.bottom {
 top: 16px;
 box-shadow: 0 -3px 7px 3px rgba(0,0,0,0.3);
 -webkit-box-shadow: 0 -3px 7px 3px rgba(0,0,0,0.3);
 -moz-box-shadow: 0 -3px 7px 3px rgba(0,0,0,0.3);
 -o-box-shadow: 0 -3px 7px 3px rgba(0,0,0,0.3);
}
/* limit theatre size so it'll look consistent on really large screen */
.jumbotron .theatre {
 margin: 0;
 padding: 12px 0 8px 0;
 max-width: none;
 letter-spacing: 0.02em;
}
.jumbotron .theatre.newt {
 background: #122131; /* old browser */
 background: -webkit-radial-gradient(36% 50%, circle cover, farthest-corner, #4279ae 0%, #122131 56%);
 background: -o-radial-gradient(36% 50%, circle cover, farthest-corner, #4279ae 0%, #122131 56%);
 background: -moz-radial-gradient(36% 50%, circle cover, farthest-corner, #4279ae 0%, #122131 56%);
 background: -ms-radial-gradient(36% 50%, circle cover, farthest-corner, #4279ae 0%, #122131 56%);
 background: radial-gradient(circle farthest-corner at 36% 50%, #4279ae 0%, #122131 56%);
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4279ae', endColorstr='#122131',GradientType=1 );
}
.jumbotron .theatre.slitheris {
 background: #2d1414; /* old browser */
 background: -webkit-radial-gradient(36% 50%, circle cover, farthest-corner, #b44646 0%, #2d1414 56%);
 background: -o-radial-gradient(36% 50%, circle cover, farthest-corner, #b44646 0%, #2d1414 56%);
 background: -moz-radial-gradient(36% 50%, circle cover, farthest-corner, #b44646 0%, #2d1414 56%);
 background: -ms-radial-gradient(36% 50%, circle cover, farthest-corner, #b44646 0%, #2d1414 56%);
 background: radial-gradient(circle farthest-corner at 36% 50%, #b44646 0%, #2d1414 56%);
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#b44646', endColorstr='#2d1414',GradientType=1 );
}
.jumbotron .theatre .slide {
 position: relative;
 margin: 0 auto;
 padding: 0;
 max-width: 1024px;
}
/* the 'glow' */
.jumbotron .screen {
 display: block;
 float: left;
 position: relative;
 width: 65%;
 text-align: center;
 background: transparent;
}
/* the laptop, set explicit width & height to keep the layout correct even when user not displaying images on their browsers */
.jumbotron .screen img {
 width: 532px;
 height: 291px;
}
/* center the video on the laptop screen */
.jumbotron .screen .widget {
 display: block;
 position: absolute;
 /* top: 46px;
 left: 0;
 <-- original */
 top: 32px;
 left: 0;
 /* Tried move video a pixel or two to the right, but left doesn't seem to affect it. Was able to change top to 49 to move it down -JP */
 width: 100%;
}
/* video size */
.jumbotron .screen .widget iframe {
 margin-left: 1px;
 /* move 1px to the right to center the video */
 width: 344px;
 /* height: 213px;
 <-- original */
 height: 206px;
 /* To fit new shorter laptop -JP */
}
/* teaser text positioning */
.jumbotron .teaser {
 display: block;
 float: left;
 position: relative;
 top: 6px;
 left: -5%;
 width: 35%;
}
/* the big white title on teaser text */
.jumbotron .teaser h1 {
  margin: 0 0 8px 0;
  color: #fff;
  font-family: "Open Sans Bold","Open Sans";
  font-size: 26px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
  line-height: 1;
}
.jumbotron .teaser h2 {
 color: #fff;
 font-size: 30px;
 font-family: "Open Sans Bold", "Open Sans";
 line-height: 1.1;
 margin: 0;
}
.jumbotron .teaser h2 span{
 display: block;
}
.jumbotron .teaser h2 span:last-child {
 position: relative;
 top: -6px;
 font-size: 24px;
}
/* 2015-05-12 dc: jumbotron title text gradient (webkit only) */
/*.jumbotron .teaser h2 span {
 background: -webkit-linear-gradient(top, #fff, #ccc);
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
}
^^^^ Removed by JP */
/* the small yellow teaser description */
.jumbotron .teaser p {
 margin: -4px 0 8px 0;
 /* min-height: 29px;  Removed by JP 4/2/2016 */
 color: #f4c900;
 font-size: 14px;
 font-weight: bold;
 letter-spacing: 0.01em;
 line-height: 1.2;
}
/* 2015-05-12 dc: jumbotron text shadows */
.jumbotron .teaser p,
.jumbotron .teaser li {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
/* 2015-05-18 dc: jumbotron title text shadows */
.jumbotron .teaser h2 {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}
/* teaser items */
.jumbotron .teaser ul {
 list-style-type: disc;
}
.jumbotron .teaser li {
 margin: 0 0 8px 18px;
 color: #fff;
 font-family: "Open Sans Bold";
 font-size: 16px;
/* font-weight: bold; Removed by JP 4/2/2016 */
 line-height: 0.8;
 list-style-type: disc;
}
/* blue text on teaser items */
.jumbotron .teaser li span {
 display: block;
 padding-top: 5px; /* distance between white and blue text */
 color: #a1cfff;
 font-size: 12px;
 /* font-weight: bold; Removed by JP 4/2/2016 */
}
/* slitheris blue teaser text */
.jumbotron .theatre.slitheris .teaser li span {
 /* color: #fff; */
color: #ffd200;
}
/* normalize pad & margin */
.jumbotron .screen, .jumbotron .screen img, .jumbotron .teaser {
 padding: 0;
 margin: 0;
}
/* make sure it doesn't collapse improperly */
.jumbotron .clear {
 clear: both;
}
/* jumbotron control */
.jumbotron .control {
 display: block;
 position: absolute;
 top: 42%;
 width: 100%;
 height: 48px;
 opacity: 0.75;
}
.jumbotron .control a {
 visibility: hidden;
}
.jumbotron:hover .control a {
 visibility: visible;
}
.jumbotron .control a.left {
  float: left;
  margin-left: 10px;
}
.jumbotron .control a.right {
  float: right;
  margin-right: 10px;
}
.jumbotron .control a img {
  width: 48px;
  height: auto;
}
/*** home ***/
/* home featured */
.home .featured {
 display: block;
 margin: 32px auto 24px auto;
 max-width: 1024px;
}
.home .featured div {
 box-sizing: border-box;
}
.home .featured .row {
 width: 100%;
}
.home .featured .col-sm-12 > .widget:first-child,
.home .featured .col-sm-12 > .widget-n0 {
 float: none;
 clear: both;
 width: 100%;
 text-align: center;
}
.home .featured .col-sm-12 > .widget-n1,
.home .featured .col-sm-12 > .widget-n2,
.home .featured .col-sm-12 > .widget-n3 {
 display: block;
 float: left;
}
.home .featured .col-sm-12 > .widget-n1 {
 width: 38%;
}
.home .featured .col-sm-12 > .widget-n2 {
 width: 37%;
}
.home .featured .col-sm-12 > .widget-n3 {
 width: 25%;
}
/* Below is sizing for the centered paragraph under Slitheris?  Not sure! -JP */
.home .featured .col-sm-12.col-middle {
 padding: 24px 64px 0 64px;
 font-size: 12px;
}
.home .featured .col-sm-12.col-middle a {
 font-weight: bold;
 text-decoration: underline;
}
.home .featured .col-sm-12.col-bottom {
 padding-top: 32px;
}
.home .featured .product-logo  img {
 margin: 0;
 max-width: 100%;
 height: auto;
}
.home .featured .product-slogan {
 margin-bottom: 12px;
 font-size: 14px;
}
.home .featured .widget-title {
 margin: 0 0 12px 0;
 color: #646464;
 font-size: 18px;
 font-weight: 700;
}
.home .featured .btn {
 padding: 10px 20px;
 color: #ffffff;
 background: #4279ae;
 background: -moz-linear-gradient(top, #4279ae 0%, #122131 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4279ae), color-stop(100%,#122131));
 background: -webkit-linear-gradient(top, #4279ae 0%,#122131 100%);
 background: -o-linear-gradient(top, #4279ae 0%,#122131 100%);
 background: -ms-linear-gradient(top, #4279ae 0%,#122131 100%);
 background: linear-gradient(to bottom, #4279ae 0%,#122131 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4279ae', endColorstr='#122131',GradientType=0 );
 border-radius: 5px;
 box-shadow: 0px 1px 3px #666666;
 white-space: nowrap;
}
.home .featured .btn:hover {
 background: #a0c7d3;
 background: -moz-linear-gradient(top, #a0c7d3 1%, #4279ae 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#a0c7d3), color-stop(100%,#4279ae));
 background: -webkit-linear-gradient(top, #a0c7d3 1%,#4279ae 100%);
 background: -o-linear-gradient(top, #a0c7d3 1%,#4279ae 100%);
 background: -ms-linear-gradient(top, #a0c7d3 1%,#4279ae 100%);
 background: linear-gradient(to bottom, #a0c7d3 1%,#4279ae 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0c7d3', endColorstr='#4279ae',GradientType=0 );
}
/* disclaimer */
.home .disclaimer {
 margin: 0 auto;
 padding: 32px 16px 0 16px;
 max-width: 800px;
 font-size: 11px;
}
/*** sitemap styling ***/
.sitemap {
 font-size: 12px;
}
.sitemap h2 {
 margin: 6px 0;
 font-size: 16px;
 font-weight: bold;
}
.sitemap h3 {
 margin: 0 0 4px 0;
 font-size: 14px;
 font-weight: bold;
}
.sitemap ul {
 margin-bottom: 10px;
}
/*** 2015-03-30 'hanging' footer fix *** /
html, body {
 height: 100%;
}
.page .site-inner {
 min-height: 100%;
 height: auto !important;
 height: 100%;
 margin: 0 auto -210px auto;
}
.page .site-inner .push {
 height: 210px;
 clear: both;
} */
/*** 2015-07-22: archive styling ***/
.archive .content-sidebar-wrap .content {
  float: left;
  padding: 20px 0;
  width: 75%;
}
.archive .content-sidebar-wrap .content > .post {
  margin-bottom: 0;
  border-bottom: 2px solid #f5f5f5;
}
.archive .content-sidebar-wrap .content > .post:last-child {
  border-bottom: 0;
}
.archive .content-sidebar-wrap .content .entry-meta {
  font-size: 12px;
}
.archive .content-sidebar-wrap .content .entry-title,
.archive .content-sidebar-wrap .content .entry-content > p {
  margin: 0;
}
.archive .content-sidebar-wrap .content .entry-footer {
  display: none;
}
.archive .content-sidebar-wrap .sidebar {
  float: right;
  padding: 38px 24px;
  width: 25%;
}
.archive .content-sidebar-wrap .sidebar .widget-title {
  color: #646464;
  font-size: 24px;
}
/*** sitewide footer - what appears on the bottom of each page ***/
/* footer base styling */
.footer-bar {
 padding: 20px 0 40px 0;
 /* min-height: 210px; */
 color: #fff;
 background-color: #3d3c3c;
 font-size: 16px;
 -webkit-box-shadow: 0 1366px 0 1366px #3d3c3c;
 -moz-box-shadow: 0 1366px 0 1366px #3d3c3c;
 box-shadow: 0 1366px 0 1366px #3d3c3c;
}
.footer-bar .wrap {
 margin: 0 auto;
 max-width: 850px;
}
.footer-widgets {
 padding: 0;
}
/* split sitewide footer into 3 sections */
.home-footer-one {
 width: 30%;
}
.home-footer-two {
 width: 25%;
}
.home-footer-three {
 float: right;
 margin-top: 24px;
 width: 37%;
 text-align: left;
}
/* position the copyright & social icons */
.home-footer-three .widget {
 margin-bottom: 20px;
}
.home-footer-three .widget span {
 display: block;
}
/* sitewide footer section styling */
.home-footer-one,.home-footer-two {
 float: left;
 text-align: right;
}
.home-footer-one,.home-footer-two,.home-footer-three {
 padding: 0;
 color: #b2b2b2;
 font-size: 12px;
 line-height: 1.2;
}
/* 2015-11-11 dc: downloads page */
.downloads {
 text-align: center;
}
.downloads .download {
 padding-bottom: 32px;
 border-top: 3px solid #ccc;
}
.downloads .download h2 a {
 padding: 10px 20px;
 color: #f0f0f0;
 border-radius: 8px;
 background-color: #7eac24;
}
.downloads .download h2 a:hover {
 color: #fff;
}
.downloads .download p a {
 color: #5092cb;
}
/* specific template */
.page-template-sandbox-newt .site-inner,
.page-template-sandbox-slitheris .site-inner {
 margin-top: 0;
}
/* media breakpoints for < 1024 wide screen */
@media only screen and (max-width: 1023px) {
 /*** responsive menu ***/
 /* move the click menu to proper position just under the utility bar */
 #click-menu, #click-menu.admin-bar-showing {
 top: 54px !important;
 margin-top: 0px !important;
}
 /* make the menu button black */
 #click-menu #RM3Lines.threeLines .line {
 background-color: #000 !important;
}
 #click-menu #click-menu-label {
 color: #000;
}
 /*** site containers ***/
 /* add l+r pad to inner wrapper */
 .site-inner, .wrap {
 padding-left: 3%;
 padding-right: 3%;
}
 /*** jumbotron ***/
 /* resize & reposition jumbotron */
 .jumbotron .screen {
 width: 60%;
}
 .jumbotron .teaser {
 width: 40%;
 left: 0;
}
 /*** archive ***/
 .archive .content-sidebar-wrap .content > .post {
  padding: 50px 0 !important;
 }
 /*** sitewide footer ***/
 /* pad & resize footer **/
 .footer-bar {
 padding: 0 10%;
}
 .footer-bar .wrap {
 width: 100%;
}
}
/* media breakpoints for < 960 wide screen */
@media only screen and (max-width: 959px) {
 /*** utility bar ***/
 /* collapse utility bar into 2 rows 2 colums format */
 .utility-bar .widget, .utility-bar .widget:first-child, .utility-bar .widget:last-child {
 width: 50%;
 text-align: center;
}
 /* site header */
 .site-header .title-area {
  width: 100%;
}
 .site-header .widget-area {
  display: none;
}
 /* hide annoying blue menu description */
 .menu-description {
 display: none;
}
 /*** site containers ***/
 /* add padding so content won't touch edge of screen */
 .footer-widgets, .customers, .site-footer {
 padding-left: 3%;
 padding-right: 3%;
}
/* set max width on site-inner */
 .site-inner, .page .site-inner {
 width: 100%;
}
 /*** jumbotron ***/
 /* reposition & resize jumbotron */
 .jumbotron .screen, .jumbotron .teaser {
 width: 100%;
 top: 0;
 text-align: center;
}
 /* center gradient */
 .jumbotron .theatre.newt {
 background: #122131; /* old browser */
 background: -webkit-radial-gradient(50% 50%, circle cover, farthest-corner, #4279ae 0%, #122131 56%);
 background: -o-radial-gradient(50% 50%, circle cover, farthest-corner, #4279ae 0%, #122131 56%);
 background: -moz-radial-gradient(50% 50%, circle cover, farthest-corner, #4279ae 0%, #122131 56%);
 background: -ms-radial-gradient(50% 50%, circle cover, farthest-corner, #4279ae 0%, #122131 56%);
 background: radial-gradient(circle farthest-corner at 50% 50%, #4279ae 0%, #122131 56%);
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4279ae', endColorstr='#122131',GradientType=1 );
}
 .jumbotron .theatre.slitheris {
 background: #122131; /* old browser */
 background: -webkit-radial-gradient(50% 50%, circle cover, farthest-corner, #4279ae 0%, #122131 56%);
 background: -o-radial-gradient(50% 50%, circle cover, farthest-corner, #4279ae 0%, #122131 56%);
 background: -moz-radial-gradient(50% 50%, circle cover, farthest-corner, #4279ae 0%, #122131 56%);
 background: -ms-radial-gradient(50% 50%, circle cover, farthest-corner, #4279ae 0%, #122131 56%);
 background: radial-gradient(circle farthest-corner at 50% 50%, #4279ae 0%, #122131 56%);
 filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#4279ae', endColorstr='#122131',GradientType=1 )
}
 .jumbotron .teaser h2 span {
  display: block;
}
 .jumbotron .teaser .widget {
 padding: 2px 10px;
}
 /* kill the bullet points on small screen */
 .jumbotron .teaser .widget li, .footer-widgets .widget li {
 margin-left: 0;
 margin-right: 0;
 list-style-type: none;
}
 .jumbotron .control a {
  visibility: visible;
}
/* home featured */
 .home .featured .col-sm-12 > .widget-n1,
 .home .featured .col-sm-12 > .widget-n2,
 .home .featured .col-sm-12 > .widget-n3 {
 float: none;
 width: 100%;
 text-align: center;
}
 /*** archive ***/
 .archive .content-sidebar-wrap .content {
  float: none;
  width: 100%;
 }
 .archive .content-sidebar-wrap .sidebar {
  display: none;
 }
 /*** sitewide footer ***/
 /* collapse footer into 2 colums on top, and 1 columns on bottom */
 .home-footer-one {
 width: 45%;
}
 .home-footer-two {
 float: right;
 width: 45%;
 text-align: left;
}
 .home-footer-three {
 width: 100%;
 text-align: center;
}
 .home-footer-three .widget span {
 display: inline;
}
 .home-footer-three .widget span:last-child {
 display: block;
}
}
/* media breakpoints for < 569 wide screen */
@media only screen and (max-width: 568px) {
 /*** utility bar ***/
 /* stack utility bar into 4 rows */
 .utility-bar .widget, .utility-bar .widget:first-child, .utility-bar .widget:last-child {
 width: 100%;
}
 /* subheader */
 .subheader {
  text-align: center;
}
 /*** responsive menu ***/
 /* move responsive menu down a bit following the utility bar */
 #click-menu, #click-menu.admin-bar-showing {
 top: 96px !important;
}
 /*** jumbotron ***/
 .jumbotron .slitheris .screen img {
 display: block;
 margin: 0 auto 16px auto;
 max-width: 95%;
 height: auto;
}
/* hide the laptop */
 .jumbotron .screen img {
 display: none;
}
 /* make the video full width */
 .jumbotron .screen .widget {
 position: inherit;
 margin: 0 auto 10px auto;
 top: 0;
 width: 95%;
}
 /* make sure the video is resized to proper aspect ratio on every device */
 .jumbotron .screen .widget .textwidget {
 position: relative;
 padding-bottom: 56.25%;
 /* 100%: 56.25% = 16: 9 aspect ratio */
 width: 100%;
}
 /* set the video size & pos */
 .jumbotron .screen .widget iframe {
 position: absolute;
 margin: 0;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 width: 100%;
 height: 100%;
}
 /*** sitewide footer ***/
 /* stack footer into 3 rows */
 .home-footer-one, .home-footer-two {
 width: 100%;
 text-align: center;
}
}
/* media breakpoints for < 480 wide screen */
@media only screen and (max-width: 479px) {
 /*** header ***/
 /* adjust padding */
 .site-header .wrap {
 padding: 0 5%;
}
 /* keeps the komodo logo from dropping on smaller screen devices */
 .title-area {
 margin: 0;
}
 .title-area .site-title {
 margin-top: 8px;
}
}
/* media breakpoints for < 375 wide screen */
@media only screen and (max-width: 374px) {
 /*** jumbotron ***/
 /* reduce font size for jumbotron on smaller screen */
 .jumbotron .teaser h2 {
 font-size: 26px;
}
 .jumbotron .teaser p {
 font-size: 10px;
}
 .jumbotron .teaser li {
 font-size: 14px;
 line-height: 1;
}
}
/* media breakpoints for < 246 wide screen - really a crappy device */
@media only screen and (max-width: 245px) {
 /*** header ***/
 /* reduce komodolabs logo so it won't overlap with the menu */
 .header-image .site-title > a {
 background-size: 75% auto;
}
 /*** jumbotron ***/
 /* reduce font size for jumbotron on smaller screen */
 .jumbotron .teaser h2 {
 font-size: 20px;
}
 .jumbotron .teaser li {
 font-size: 12px;
}
}