/*!
Theme Name: CyberLock Theme
Author: Jeff Beidler
Author URI: https://cyberlock.com/
Description: CyberLock theme based on _s.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cyberlock
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

CyberLock Theme is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Content
	## Posts and pages
	## Comments
# Widgets
# Infinite scroll
# Media
	## Captions
	## Galleries
# Custom Post Types
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-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;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

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

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: Lato, Verdana, Arial, sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-family: Lato, Verdana, Arial, sans-serif;
}

p {
	margin-bottom: 1.5em;
}

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

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym, abbr[title] {
	border-bottom: none;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #333;
	/* Fallback for when there is no custom background color defined. */
	/*        background-image: url('images/grate-bg-left.jpg');
        background-size: 50%;
        background-position: top right 50%;*/
}

blockquote, q {
	quotes: "" "";
	background-color: #fec13d;
}

blockquote p, q p {
	padding: 10px 15px;
	font-style: italic;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 1em;
	padding-left: 1em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

/*li > ul {
    list-style-type: circle;
}*/
dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
	font-size: 90%;
	border: 1px solid black;
}

table thead th {
	border-bottom: 1px solid gray;
	background-color: #fec13d;
	color: black;
	font-size: 100%;
}

table tbody td, table tbody th {
	padding: .25em .5em;
}

table tbody tr:nth-child(even) {
	background-color: rgba(254, 193, 61, 0.15);
}

/*
    Styles for jQuery accordions (on FAQ page, etc.)

    Created on : Feb 2, 2018, 8:31:06 AM
    Author     : jeffb
*/
.accordion h3 {
	line-height: normal;
}

.accordion .ui-accordion-header {
	background: #fec13d url("https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/start/images/ui-bg_glass_75_fec13d_1x400.png") repeat-x scroll 50% 50%;
	color: black;
	font-size: 1.05rem;
	font-weight: bold;
	padding: 5px;
	border-radius: 5px;
	margin: 2px 0;
	border-color: #ccc;
}

.accordion .ui-state-active, .accordion .ui-accordion-content-active {
	border-color: #aaa;
}

.accordion .ui-state-default .ui-icon, .accordion .ui-state-active .ui-icon {
	background-image: url("images/ui-icons_000000_256x240.png");
}

.accordion .ui-accordion-content.ui-accordion-content-active {
	padding: 20px 10px;
	font-family: Oswald,Verdana,Arial,sans-serif;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid black;
	border-radius: 3px;
	background: #fec13d;
	color: rgba(0, 0, 0, 0.8);
	font-size: 13.6px;
	font-size: 0.85rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	background-color: #feb10a;
	color: black;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: blue;
	/* Make a link look like a button */
	/* jQuery accordions on FAQ page */
}

a:visited {
	color: blue;
}

a:hover, a:focus, a:active {
	color: black;
	background-color: #fec13d;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

a.button-link {
	padding: 8px;
	background-color: #fec13d;
	border: 1px solid lightgray;
	border-radius: 3px;
	display: inline-block;
	width: 100%;
}

a.button-link:hover {
	background-color: #fed170;
	border-color: gray;
}

a h2 {
	color: black;
	border-bottom: 1px solid white;
}

h2 a {
	color: black;
}

h2 a:visited {
	color: black;
}

.ui-accordion .ui-widget-content a {
	color: blue;
}

/*--------------------------------------------------------------
## Content Navigation
--------------------------------------------------------------*/
.comment-navigation a,
.posts-navigation a,
.post-navigation a {
	display: block;
	margin: 1em auto;
	width: 100%;
	border: 1px solid gray;
	padding: 1em;
}

.comment-navigation a .post-title,
.posts-navigation a .post-title,
.post-navigation a .post-title {
	border-bottom: 1px solid #fec13d;
}

.comment-navigation a:hover .post-title,
.posts-navigation a:hover .post-title,
.post-navigation a:hover .post-title {
	border-bottom: 1px solid black;
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: right;
}

.comment-navigation .meta-nav,
.posts-navigation .meta-nav,
.post-navigation .meta-nav {
	display: block;
	color: #404040;
	font-size: 90%;
}

@media screen and (min-width: 469px) {
	.nav-links {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: stretch;
		    -ms-flex-align: stretch;
		        align-items: stretch;
		padding: 0;
	}
	.comment-navigation .nav-previous,
	.comment-navigation .nav-next,
	.posts-navigation .nav-previous,
	.posts-navigation .nav-next,
	.post-navigation .nav-previous,
	.post-navigation .nav-next {
		float: left;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: stretch;
		    -ms-flex-align: stretch;
		        align-items: stretch;
		width: 48%;
	}
	.comment-navigation .nav-next,
	.posts-navigation .nav-next,
	.post-navigation .nav-next {
		float: right;
		text-align: right;
	}
	.nav-previous {
		padding-bottom: 0;
	}
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Global
--------------------------------------------------------------*/
.site-content {
	padding: 1em;
}

@media screen and (min-width: 469px) {
	.site-content {
		padding: 2em;
	}
}

.site-content {
	max-width: 1400px;
	margin: 0 auto;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

@media screen and (max-width: 800px) {
	.site-content #secondary {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		width: 100%;
	}
}

@media screen and (min-width: 800px) {
	.site-content {
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
	}
	.site-content .content-area {
		width: 65%;
	}
	.site-content .widget-area {
		width: 25%;
	}
}

.site-content {
	background-color: white;
}

.content-area.cl-front-page {
	width: 100%;
}

.widget-area {
	background-color: #eee;
	padding: 1em;
}

#main-content-container {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#main-content-container #left-bg, #main-content-container #right-bg {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}

#main-content-container #left-bg {
	background: url("images/grate-bg-left.jpg") top right;
}

#main-content-container #right-bg {
	background: url("images/grate-bg-right.jpg") top left;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header {
	position: relative;
	padding: 1em;
	background-color: black;
	color: #fec13d;
}

.site-header a {
	color: #fec13d;
	text-decoration: none;
}

.site-header a:hover {
	text-decoration: underline;
}

@media screen and (min-width: 469px) {
	.site-header {
		padding: 1em 2em;
	}
}

.site-branding {
	min-height: 65px;
}

.custom-logo-link img {
	display: block;
}

.site-title {
	margin: 0;
	padding: 0;
	font-weight: bold;
	line-height: 1em;
}

.site-description {
	margin: 0;
	font-size: .9em;
	font-style: italic;
}

@media screen and (min-width: 800px) {
	.site-header {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.site-branding {
		width: 25%;
	}
	#site-navigation {
		width: 75%;
		font-family: Lato, Verdana, Arial, sans-serif;
	}
}

.main-navigation {
	display: block;
	font-weight: 400;
	clear: left;
	/* JB
        .menu-item-has-children,
	.page_item_has_children {
		min-width: 218px;
                
	}
        
 
	.menu-item-has-children > a,
	.page_item_has_children > a {
		padding-right: 2em;
	}
        */
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-top: 1em;
	padding-left: 0;
}

.main-navigation ul ul {
	display: none;
	top: 1.5em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	top: 0;
}

.main-navigation ul ul li {
	padding-left: 1em;
	/* Default style disabled to prevent sub-menu from jumping to right side --
				&:hover > ul,
				&.focus > ul {
					left: 100%;
				}
                            */
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: inline-block;
	width: 100%;
	padding: .5em 1em .5em 0;
	text-decoration: none;
	border-bottom: none;
	color: #fec13d;
}

.main-navigation a:hover,
.main-navigation a:focus {
	text-decoration: underline;
	background-color: transparent;
}

button.dropdown-toggle {
	position: absolute;
	height: 25px;
	width: 25px;
	right: 0;
	top: 10px;
	border: none;
	background-color: rgba(254, 193, 61, 0.25);
	color: orange;
	line-height: 0;
	padding: 0.25em 0 0 0;
	/* padding: .4em 1em .4em .5em; */
}

button.dropdown-toggle:hover, button.dropdown-toggle:focus {
	background-color: rgba(254, 193, 61, 0.5);
}

.dropdown-toggle.toggled-on {
	padding: 0;
}

.dropdown-symbol {
	position: relative;
	top: -3px;
}

.menu-toggle {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	margin: 1.2em 1.2em 0 0;
	padding: .6em .8em;
	font-size: 80%;
	text-transform: uppercase;
	color: black;
	background-color: orange;
	border: none;
}

/* Toggle small menu and children on */
.toggled-on ul,
.sub-menu.toggled-on {
	display: block;
	/* Added 8-9-18: make menu overlay page content */
	position: absolute;
	background-color: black;
	margin-top: 12px;
}

/* Make Social sub-menu shift left to remain on visible page */
#menu-item-4155 .sub-menu.toggled-on {
	right: -50%;
}

/*Sub-menu level 2 */
.sub-menu.toggled-on .sub-menu.toggled-on {
	position: relative;
	margin-top: 0;
	background-color: #222;
}

/*Sub-menu level 3 */
.sub-menu.toggled-on .sub-menu.toggled-on .sub-menu.toggled-on {
	background-color: #333;
}

/* JB */
ul.children.toggled-on {
	display: block;
	padding-top: 0;
}

li.current-page-ancestor > a {
	font-weight: bold;
}

li.current-page-ancestor > a:after {
	content: " \2935";
}

.sub-menu .current_page_item {
	font-weight: bold;
}

.sub-menu .current_page_item:before {
	content: "\279C";
}

.current_page_item .sub-menu a {
	font-weight: initial;
}

#primary-menu li.current_page_item > a {
	font-weight: bold;
	text-decoration: underline;
}

@media screen and (min-width: 469px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation .menu-item-has-children > a,
	.main-navigation .page_item_has_children > a {
		padding-right: 2em;
	}
	.main-navigation ul {
		display: block;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.main-navigation ul ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		background: rgba(255, 255, 255, 0.1);
		margin-left: 0;
	}
	.main-navigation ul ul li {
		/*padding-left: 0;*/
	}
	.main-navigation ul ul li a {
		width: 218px;
		background: none;
	}
	.main-navigation ul li a {
		padding: .4em 1em;
	}
}

@media screen and (min-width: 800px) {
	.main-navigation ul {
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		padding-top: 0;
		/* If you want dropdowns to open on hover, uncomment this: */
		/*
			li:hover > ul,
				li:focus > ul {
				display: block;
			}
			*/
	}
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
#footer-widget-area {
	padding: 3em 1em;
}

#footer-widget-area > div {
	width: 100%;
}

@media screen and (min-width: 469px) {
	#footer-widget-area > div {
		width: 50%;
	}
}

@media screen and (min-width: 1024px) {
	#footer-widget-area > div {
		width: 25%;
	}
}

#footer-widget-area ul.menu {
	list-style-type: none;
	margin: 0;
	padding-left: 0.3em;
}

#footer-widget-area .widget-title {
	color: #fec13d;
}

#footer-logo {
	width: 100%;
	text-align: center;
}

#footer-logo img {
	margin-top: -1em;
}

@media screen and (min-width: 469px) {
	#footer-logo {
		width: 50%;
		text-align: left;
	}
}

@media screen and (min-width: 800px) {
	#footer-logo {
		width: 30%;
	}
}

.site-footer {
	position: relative;
	padding: 1em;
	background-color: black;
	color: #fec13d;
}

.site-footer a {
	color: #fec13d;
	text-decoration: none;
	border-bottom: none;
}

.site-footer a:hover {
	text-decoration: underline;
	color: black;
}

@media screen and (min-width: 469px) {
	.site-footer {
		padding: 1em 2em;
	}
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.entry-title {
	border-bottom: 2px solid #fec13d;
}

.entry-meta {
	font-size: 90%;
}

.entry-meta a {
	color: black;
	text-decoration: none;
}

.entry-meta a:focus, .entry-meta a:hover {
	background-color: #fec13d;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
# Overview pages with yellow icons or PDF preview images
--------------------------------------------------------------*/
.prod-line-overview, .img-on-left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.prod-line-overview .noshrink, .img-on-left .noshrink {
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}

.prod-line-overview .prod-line-icon, .prod-line-overview .img-div, .img-on-left .prod-line-icon, .img-on-left .img-div {
	float: left;
	height: 100%;
}

.prod-line-overview .prod-line-icon a, .prod-line-overview .img-div a, .img-on-left .prod-line-icon a, .img-on-left .img-div a {
	border-bottom: none;
	display: inline-block;
}

.prod-line-overview .prod-line-icon a img, .prod-line-overview .img-div a img, .img-on-left .prod-line-icon a img, .img-on-left .img-div a img {
	vertical-align: middle;
}

@media screen and (max-width: 469px) {
	.prod-line-overview .prod-line-icon, .img-on-left .prod-line-icon {
		max-width: 35%;
	}
}

.prod-line-overview .prod-line-text, .img-on-left .prod-line-text {
	max-width: calc(100% - 150px);
}

.prod-line-overview .prod-line-text, .prod-line-overview .text-div, .img-on-left .prod-line-text, .img-on-left .text-div {
	padding-left: 20px;
}

.prod-line-overview .prod-line-text h2, .prod-line-overview .text-div h2, .img-on-left .prod-line-text h2, .img-on-left .text-div h2 {
	margin-top: 0;
	margin-bottom: 0.25em;
	line-height: 0.85em;
}

.prod-line-overview .prod-line-text h2 a, .prod-line-overview .text-div h2 a, .img-on-left .prod-line-text h2 a, .img-on-left .text-div h2 a {
	line-height: 1.15em;
	color: black;
}

.prod-line-overview .prod-line-text p, .prod-line-overview .text-div p, .img-on-left .prod-line-text p, .img-on-left .text-div p {
	margin-top: 0.75em;
}

.img-on-left {
	min-height: 175px;
}

.img-on-left .img-div {
	min-width: 150px;
}

.page-id-2781 .img-on-left .img-div {
	min-width: 115px;
	max-width: 115px;
}

.page-id-2827 .img-on-left .img-div, .post-2774 .img-on-left .img-div, .post-3024 .img-on-left .img-div {
	min-width: 120px;
	max-width: 120px;
}

.page-id-2827 .img-on-left .img-div img, .post-2774 .img-on-left .img-div img, .post-3024 .img-on-left .img-div img {
	border: 1px solid lightgray;
}

/*--------------------------------------------------------------
# Featured product panes 
--------------------------------------------------------------*/
.featured-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.featured-container h2 {
	width: 100%;
}

.featured-container .featured-prod {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	min-width: 180px;
	max-width: 48%;
	padding: 10px;
	margin: 0 10px 10px;
	background-color: #f9f9f9;
	border: 1px solid lightgray;
	border-radius: 10px;
}

@media screen and (max-width: 469px) {
	.featured-container .featured-prod {
		min-width: 100%;
		margin: 10px auto;
	}
}

.featured-container .featured-prod:first-of-type, .featured-container .featured-prod:last-of-type {
	margin-left: 0;
	margin-right: 0;
}

.featured-container .featured-prod p:first-of-type {
	margin-bottom: 0;
}

.featured-container .featured-prod p {
	margin-bottom: 10px;
}

.featured-container .featured-prod p:last-of-type {
	-ms-flex-item-align: end;
	    align-self: flex-end;
	width: 100%;
	text-align: center;
}

.featured-container .featured-prod h3 {
	margin: 5px 0;
	width: 100%;
}

.featured-container .featured-prod .feat-prod-img {
	min-height: 150px;
	padding-top: 1em;
}

/*--------------------------------------------------------------
# Software Enhancement Modules Page 
--------------------------------------------------------------*/
.version-codes {
	font-size: 60%;
	vertical-align: middle;
}

.version-codes .pro, .version-codes .basic, .version-codes .ent {
	padding: 0 3px;
	border-radius: 3px;
	margin: 0 1px;
}

.version-codes .pro {
	background-color: green;
	color: white;
}

.version-codes .pro::before {
	content: "P";
}

.version-codes .basic {
	background-color: blue;
	color: white;
}

.version-codes .basic::before {
	content: "B";
}

.version-codes .ent {
	background-color: #fec13d;
	color: black;
}

.version-codes .ent::before {
	content: "E";
}

/*--------------------------------------------------------------
# Applications Pages 
--------------------------------------------------------------*/
.application-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.application-container .app-main-content {
	width: 60%;
}

@media screen and (max-width: 469px) {
	.application-container .app-main-content {
		width: 100%;
	}
}

.application-container .app-side-content {
	width: 30%;
}

@media screen and (max-width: 469px) {
	.application-container .app-side-content {
		width: 100%;
	}
}

.application-container .app-side-content .pull-quote {
	background-color: wheat;
	font-size: smaller;
	font-style: italic;
	padding: 1px 5px;
	border-radius: 2px;
}

.application-container .app-side-content .pull-quote p {
	margin: .5em auto;
}

.application-container .app-side-content .pull-quote p:last-of-type {
	text-align: right;
}

.application-container .app-side-content .app-benefits h3 {
	margin-bottom: 5px;
}

.application-container .app-side-content .app-benefits ul {
	font-size: .95em;
}

.application-container .app-side-content .app-tri-folds ul {
	list-style-type: none;
}

/*--------------------------------------------------------------
# Press Releases Page 
--------------------------------------------------------------*/
#pr-container {
	margin-left: 25px;
}

/*--------------------------------------------------------------
# Webinars Page 
--------------------------------------------------------------*/
#post-2901 a {
	margin-bottom: 10px;
	display: inline-block;
}

/*--------------------------------------------------------------
# Virtual Tour Page 
--------------------------------------------------------------*/
.page-id-3223 .site-content #primary.content-area {
	width: 950px;
}

/*--------------------------------------------------------------
# About CyberLock Page 
--------------------------------------------------------------*/
#post-3086 #about-us-buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

#post-3086 #about-us-buttons .button-link {
	width: 45%;
	text-align: center;
}

/*--------------------------------------------------------------
# Securing Critical Infrastructure Page 
--------------------------------------------------------------*/
#post-4750 .critical-vid {
	background-color: #efefef;
	padding: 5px;
	border-radius: 5px;
}

#post-4750 .critical-vid .wpvl_auto_thumb_box,
#post-4750 .critical-vid .video_lightbox_auto_anchor_image {
	width: 100%;
	height: auto;
}

#post-4750 .critical-vid .wpvl_auto_thumb_play {
	left: 50%;
	top: 50%;
	margin-left: -24px;
	margin-top: -24px;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
## Front Page
--------------------------------------------------------------*/
/* Styles for the front (landing) page */
/* Language switcher */
#lang-switch {
	text-align: right;
}

#lang-switch ul {
	list-style-type: none;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

#lang-switch ul li:last-of-type {
	margin-left: 10px;
}

#lang-switch .qtranxs_flag_and_text {
	padding-left: 24px;
	background-position-y: center;
}

/* Intro section */
#home-intro {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-bottom: 3em;
}

#home-intro h1 {
	width: 100%;
}

#home-intro hr {
	width: 960px;
	text-align: center;
	color: #fec13d;
}

#intro-img {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

#intro-text {
	background-color: #f5f5f5;
	padding: 0 1em;
}

@media screen and (min-width: 800px) {
	#intro-img, #intro-text {
		width: 48%;
	}
}

/* End intro section styles */
/* Product Lines section */
#product-lines {
	margin: 0 -1em;
	padding: 1em;
	background-color: #333;
}

#product-lines h1 {
	color: #fec13d;
	width: 100%;
}

#product-lines .prod-readmore {
	display: block;
	margin: 0 auto 1em;
	background-color: #fec13d;
	font-size: 1em;
	text-transform: uppercase;
	border-radius: 5px;
	padding: 1em 2em;
	width: 90%;
	-ms-flex-item-align: end;
	    align-self: flex-end;
	text-align: center;
	border: 1px solid black;
	cursor: pointer;
}

#product-lines .prod-readmore:hover {
	background-color: #feb10a;
}

.prod-line {
	width: 100%;
	max-width: 600px;
	border-radius: 10px;
	margin: 1em auto;
	padding-bottom: .125em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	background-color: lightgray;
}

.prod-line h2 {
	padding: 0 1rem;
	margin: 0;
}

.prod-line p {
	padding: 0 1em 1em 1em;
	min-height: 5.5em;
}

.prod-line img {
	border-radius: 10px 10px 0 0;
	background-clip: padding-box;
}

/* Styles for Recent News */
#recent-news article {
	margin-top: 2.75em;
	border-bottom: 2px solid rgba(254, 193, 61, 0.25);
}

#recent-news article:last-of-type {
	border-bottom: none;
}

#recent-news h2 {
	margin-bottom: 5px;
}

#recent-news .excerpt-cat-list {
	font-size: .8rem;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Styles for tradeshows listing */
#tradeshow-excerpts h1 {
	width: 100%;
}

#tradeshow-excerpts article {
	margin: 15px;
	width: 90%;
	display: inline-block;
}

#tradeshow-excerpts article h2 {
	border-bottom: 1px solid #fec13d;
}

#tradeshow-excerpts .tradeshow-details {
	text-transform: uppercase;
	background-color: #fec13d;
	padding: .5em 1em;
	font-size: .9em;
	border-radius: 3px;
}

#tradeshow-excerpts .tradeshow-details:hover {
	background-color: #feb10a;
}

#tradeshow-excerpts img {
	max-height: 125px;
	width: auto;
}

@media screen and (min-width: 469px) {
	#product-lines {
		margin: 0 -2em;
	}
}

@media screen and (min-width: 800px) {
	#product-lines {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-ms-flex-line-pack: justify;
		    align-content: space-between;
	}
	.prod-line {
		width: 48%;
	}
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

.widget select {
	width: 100%;
	background-color: white;
}

.widget-title {
	margin-top: 0;
}

.widget_search .search-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.widget_search .search-form label {
	-webkit-box-flex: 2;
	    -ms-flex: 2 1 auto;
	        flex: 2 1 auto;
	padding-right: 2px;
}

.widget_search .search-form label .search-field {
	width: 100%;
}

.widget_nav_menu {
	overflow: hidden;
}

.widget_calendar tfoot > tr > td {
	padding-bottom: .25em;
	background-color: #fec13d;
}

.widget_calendar tfoot > tr > td:first-of-type {
	padding-left: .25em;
}

.widget_calendar tfoot > tr > td:last-of-type {
	padding-right: .25em;
}

.widget_calendar tfoot > tr > td a:hover {
	border-color: black;
}

.widget_calendar tbody > tr > td {
	border: 1px solid;
}

.footer-widgets {
	background-color: black;
	color: white;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.footer-widgets a {
	color: white;
}

.footer-widgets a:hover, .footer-widgets a:focus {
	color: #fec13d;
	background-color: transparent;
}

.footer-widgets .widget_cl_contact_info_widget,
.footer-widgets .widget_cl_social_media_links_widget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.cl-social-links-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}

/* Social Media icons in footer */
.footer-widgets .widget_cl_social_media_links_widget .cl-social-media-link {
	margin: 0 10px;
}

.footer-widgets .widget_cl_social_media_links_widget .cl-social-media-link a {
	border-bottom: none;
}

.footer-widgets .widget_cl_social_media_links_widget .cl-social-media-link a:hover {
	text-shadow: none;
}

/* Social Media icons in sidebar (colored) */
#secondary .widget_cl_social_media_links_widget .fa-facebook-square {
	color: #3b5998;
}

#secondary .widget_cl_social_media_links_widget .fa-instagram {
	color: #c32aa3;
}

#secondary .widget_cl_social_media_links_widget .fa-pinterest {
	color: #bd081c;
}

#secondary .widget_cl_social_media_links_widget .fa-youtube {
	color: red;
}

#secondary .widget_cl_social_media_links_widget a {
	display: inline-block;
	padding: 1px 3px;
}

#secondary .widget_cl_social_media_links_widget a:hover {
	border-radius: 3px;
}

#secondary .widget_cl_social_media_links_widget a img {
	vertical-align: middle;
}

.widget_cl_contact_info_widget .fa-ul {
	line-height: 1.25em;
	padding-left: 1em;
}

.widget_cl_contact_info_widget .fa-ul li {
	margin-bottom: 0.5em;
}

.widget_recent_entries ul {
	list-style-type: none;
	margin-left: 10px;
	padding-left: 0;
}

.widget_recent_entries ul li {
	margin: 15px 0;
}

.widget_recent_entries ul li:first-line {
	margin-left: -10px;
}

.cl-cta-buttons-container {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.cl-cta-buttons-container .cl-cta-button {
	width: 80%;
	text-align: center;
	background-color: #fec13d;
	padding: 5px 10px;
	border-radius: 5px;
	margin-bottom: 10px;
	border: 1px solid darkgray;
}

.cl-cta-buttons-container .cl-cta-button:hover {
	background-color: #feb10a;
	cursor: pointer;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0 0 0.8075em 0;
	font-size: 90%;
	background-color: #fec13d;
	padding: 5px 0;
	color: black;
}

.wp-caption .wp-caption-text a {
	text-decoration: underline;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## Special image styles
--------------------------------------------------------------*/
/*-----------------------------------------------------
Special image styles
-----------------------------------------------------*/
.img-center-abut {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
}

@media (max-width: 469px) {
	.img-center-abut {
		display: block;
	}
}

/*--------------------------------------------------------------
## Slider styles
--------------------------------------------------------------*/
#home-intro .soliloquy-container {
	box-shadow: 5px 5px 5px 3px #555;
	margin: 0 auto 3em;
}

#home-intro .soliloquy-container h2 {
	color: #fec13d;
	font-size: 1.5rem;
	text-shadow: 1px 1px 1px black;
}

#home-intro .soliloquy-container .soliloquy-pager {
	margin: 0 auto !important;
	text-align: center !important;
	width: 100% !important;
}

#home-intro .soliloquy-container .soliloquy-caption {
	max-width: 400px;
	border-top-right-radius: 15px;
}

@media screen and (max-width: 600px) {
	#home-intro .soliloquy-container {
		max-height: none !important;
	}
	#home-intro .soliloquy-container .soliloquy-viewport {
		height: auto !important;
	}
	#home-intro .soliloquy-container .soliloquy-caption {
		position: relative !important;
		display: block;
		background-color: black;
		max-width: none;
		border-top-right-radius: 0;
	}
	#home-intro .soliloquy-container .soliloquy-pager {
		display: block;
	}
	#home-intro .soliloquy-container h2 {
		font-size: 1.1rem;
	}
}

/*--------------------------------------------------------------
# Custom Post Types
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Photos and Specs Pages
--------------------------------------------------------------*/
#prod-image {
	float: right;
	clear: both;
	min-width: 234px;
	margin: 0 0 15px 15px;
}

@media (max-width: 469px) {
	#prod-image {
		width: 100%;
		text-align: center;
	}
}

#prod-pdf {
	float: right;
	clear: both;
	margin-left: 15px;
}

#prod-pdf img {
	border: 1px solid #efefef;
}

#prod-pdf a {
	border: none;
}

@media (max-width: 469px) {
	#prod-pdf {
		width: 100%;
		text-align: center;
	}
}

#prod-extra h2, #prod-extra h3 {
	display: inline;
	line-height: 1.1em;
	margin-bottom: 5px;
}

#prod-extra h2:first-of-type, #prod-extra h3:first-of-type {
	margin-top: 0;
}

#prod-extra h2 + p, #prod-extra h3 + p {
	margin-top: 0;
}

.ps-common h2 {
	display: inline;
}

.ps-common h2 + ul {
	margin-top: 10px;
}

.ps-common ul ul {
	margin-bottom: 5px;
}

/* ----------------------------------------------------
    Categories listing with image links to catgories
-----------------------------------------------------*/
#prod-cats-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: space-evenly;
	    -ms-flex-pack: space-evenly;
	        justify-content: space-evenly;
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

#prod-cats-container .prod-cat-entry {
	text-align: center;
	min-height: 180px;
	min-width: 160px;
	margin: 10px auto;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}

/* ----------------------------------------------------
    Archive listings
-----------------------------------------------------*/
/* Special cases: 
   - The Safe Locks category page (#post-2514)
   - The Accessories category page (#post-2563)
*/
#post-2514 h1, #post-2563 h1 {
	border-bottom: none;
}

#post-2514 .prod-thumb, #post-2563 .prod-thumb {
	min-width: 150px;
}

#post-2514 .prod-name a, #post-2563 .prod-name a {
	border-bottom: 1px solid #fec13d;
}

#post-2514 .prod-name a:hover, #post-2563 .prod-name a:hover {
	color: black;
}

.post-type-archive-cl_photos_specs .widget a:hover, #post-2514 .widget a:hover, #post-2563 .widget a:hover {
	color: black;
}

.post-type-archive-cl_photos_specs a, #post-2514 a, #post-2563 a {
	border-bottom: none;
}

.post-type-archive-cl_photos_specs a:hover, #post-2514 a:hover, #post-2563 a:hover {
	color: #feb10a;
}

.post-type-archive-cl_photos_specs .ps-archive-link, #post-2514 .ps-archive-link, #post-2563 .ps-archive-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 20px 0;
}

.post-type-archive-cl_photos_specs .ps-archive-link .prod-name, #post-2514 .ps-archive-link .prod-name, #post-2563 .ps-archive-link .prod-name {
	border-bottom: none;
	margin-left: 25px;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}

.post-type-archive-cl_photos_specs .ps-archive-link .prod-name h2, #post-2514 .ps-archive-link .prod-name h2, #post-2563 .ps-archive-link .prod-name h2 {
	margin-top: 0;
}

/*--------------------------------------------------------------
# Case Studies Pages
--------------------------------------------------------------*/
/* ----------------------------------------------------
    Archive listings
-----------------------------------------------------*/
.post-type-archive-cl_case_studies h1.page-title {
	border-bottom: 1px solid #fec13d;
}

.post-type-archive-cl_case_studies h2 {
	margin-bottom: 5px;
}

.post-type-archive-cl_case_studies h3 {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	font-size: 1.1rem;
	font-weight: normal;
}

/* ----------------------------------------------------
    Applications pages
-----------------------------------------------------*/
#app-cs-list h3 {
	margin-bottom: 10px;
}

#app-cs-list ul {
	list-style-type: none;
	font-size: 0.95em;
	margin-left: 10px;
	padding-left: 0;
}

#app-cs-list ul li {
	margin: 10px 0;
	line-height: 1.45em;
}

/* ----------------------------------------------------
    Single case study pages
-----------------------------------------------------*/
#cs-main-text {
	width: 65%;
	float: left;
}

#cs-main-text h2 {
	line-height: 1.15em;
}

@media (max-width: 469px) {
	#cs-main-text {
		width: 100%;
	}
}

#cs-pull-quote {
	background-color: beige;
	padding: 5px;
	margin: 10px 0;
	border-radius: 2px;
	font-size: .85em;
	font-style: italic;
	max-width: 30%;
}

#cs-pull-quote, #cs-pdf img {
	border: 1px solid lightgray;
}

#cs-image, #cs-pull-quote, #cs-pdf {
	float: right;
}

#cs-image h3, #cs-pull-quote h3, #cs-pdf h3 {
	font-size: .8em;
}

@media (max-width: 469px) {
	#cs-image, #cs-pull-quote, #cs-pdf {
		width: 100%;
		max-width: 100%;
		margin: 10px auto;
	}
}

/*--------------------------------------------------------------
# Case Studies Pages
--------------------------------------------------------------*/
/* ----------------------------------------------------
    Glossary Terms listings
-----------------------------------------------------*/
.cl-glossary-term-definition {
	margin-top: .5em;
}

.cl-glossary-term-definition p {
	margin-top: .5em;
}

/*--------------------------------------------------------------
# Tradeshows Pages
--------------------------------------------------------------*/
/* ----------------------------------------------------
    Tradeshows listings
-----------------------------------------------------*/
.type-cl_tradeshow h2 a, .post-type-archive-cl_tradeshow h2 a {
	border-bottom: none;
}

.tradeshow-archive-listing {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.tradeshow-archive-listing .tradeshow-logo {
	min-width: 150px;
}

.tradeshow-archive-listing .tradeshow-dates {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	margin: 0 20px;
}

.tradeshow-archive-listing .tradeshow-dates p {
	margin-top: 0;
}

@media screen and (max-width: 469px) {
	.tradeshow-archive-listing {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.tradeshow-archive-listing .tradeshow-logo, .tradeshow-archive-listing .tradeshow-dates, .tradeshow-archive-listing .tradeshow-type {
		width: 100%;
	}
	.tradeshow-archive-listing .tradeshow-dates {
		margin: 0;
	}
}

.single-cl_tradeshow img.attachment-post-thumbnail {
	max-height: 300px;
	width: auto;
}

/*# sourceMappingURL=../cyberlock/sass/maps/style.css.map */