/*
Theme Name: Javelin Blog Theme
Theme URI: https://www.javelin-tech.com/blog/
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/



/* General Styles
--------------------------------------------- */
a {transition: color 0.4s linear; transition: background-color 0.4s linear;}
a:hover, a:focus {text-decoration: none !important;}
.lead { font-size: 28px;}

body .fl-post-entry p > strong, body .fl-post-entry li > strong, body .fl-post-entry p > em > strong, body .fl-post-entry li > em > strong, body .fl-post-entry p > b, body .fl-post-entry li > b { color: #333; }

@media only screen and (max-width: 1200px) {
p.lead, .lead, .fl-module-rich-text.lead, .fl-post-entry > p:first-of-type { font-size: 24px;}
}

@media only screen and (max-width: 992px) {
p, li { font-size: 16px;}
.lead p, .lead, .fl-module-rich-text.lead, .fl-post-entry > p:first-of-type { font-size: 22px;}
}

.highlight, .figure {color: #F60;}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 30px;
    margin-bottom: 10px;
}

h2.sub-heading {
	margin-bottom: 30px;
	color: #FF6000;
	text-transform: uppercase;
	font-weight: lighter;
	font-size: 28px;
	letter-spacing: 2px;
	font-style: normal;
	font-family: "Open Sans", Georgia, serif;
	border-bottom: thin solid #FF6000;
	padding-bottom: 20px;
}
h6 { 
	margin-bottom: 0;
    text-transform: uppercase;
    font-weight: lighter;
    letter-spacing: 2px;
    font-family: "Open Sans", Georgia, serif;
    margin-top: 0;
    padding-top: 0;
    color: #FF6000;
}
pre {
	margin-top: 20px;
	margin-bottom: 20px;
	font-family: Consolas, Monaco, monospace; 
	font-size: inherit;
	border-color: #FF6000;
	border-radius: 0;
}
ul, ol {
    margin-top: 0;
    margin-bottom: 20px;
}

/* Top Bar Styles
---------------------------------------------*/
.fl-page-bar-container {
    padding-bottom: 0;
    padding-top: 6px;
    margin-bottom: -10px;
}
.fl-page-bar {
    border-bottom: none;
	font-size: 14px;
}
.fl-page-bar .navbar-nav li > a:hover, .fl-page-bar .navbar-nav li > a:focus { color: #016AB0;}

.fl-page-bar .text-right .fl-social-icons {
    margin-left: 25px;
    border-left: #FF6000 1px solid;
    padding-left: 10px;
}

.fl-page-bar .fl-social-icons i.fa { font-size: 15px; font-weight: 100;}

/* Page Header Styles
--------------------------------------------- */
.fl-page-header-container li.button { display: none !important;}
.fl-page-header-fixed li.button { display: block!important;}
img.fl-logo-img { margin-top: -20px;}
img.sticky-logo.fl-logo-img  { margin-top: 0!important;}
.fl-page-nav-right.fl-page-header-fixed .fl-logo-img, .fl-page-header-fixed .fl-logo-img { margin-top: 0!important;}

/* Headroom Styles
--------------------------------------------- 
.fl-page-header {
	will-change: transform;
	-webkit-transition: transform 500ms linear;
	-moz-transition: transform 500ms linear;
	transition: transform 500ms linear;
}

.headroom--pinned {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	transform: translateY(0%);
}

.headroom--unpinned {	
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	transform: translateY(-100%);
}
*/

/* Navigation Styles
--------------------------------------------- */
.fl-page-nav .navbar-nav > li.current-menu-item > a, .fl-page-nav .navbar-nav > li.current-menu-ancestor > a, .fl-page-nav .navbar-nav > li.current-page-ancestor > a, .fl-page-nav .navbar-nav > li.current_page_parent > a { border-bottom: 4px solid #FF6000; color:#244884;}
.fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-ancestor > a, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-parent > a, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav li.current-menu-item > a {
	color: #016AB0;}
.fl-page-nav .navbar-nav > li.fl-sub-menu-open > a { color: #FF6000!important;}
li.button.menu-item {
	font-size: 22px;
    line-height: 24px;
    background: #0099ff;
	display: inline-block;
	margin-left:10px;
}
li.button.menu-item:hover {
    background: #016ab0;
}
li.button.menu-item a {
	color:white !important;
	border-bottom: none !important;
}
.fl-page-header > li.button.menu-item a {display:none!important;}

.fl-page-nav-right .fl-page-header-row .navbar-right > li:last-child > a { padding-right: 15px !important;}

li.col-heading > a { color: #244884 !important; font-weight: bold!important; }

.fl-page-nav .navbar-nav li > ul.sub-menu li a, .fl-page-nav .navbar-nav li > ul.sub-menu li li a {
	color: #0099FF; 
	font-family: 'Open Sans', sans-serif;
 	font-weight: 400;
	font-size: 18px;
	text-transform: none;
}
.fl-page-nav .navbar-nav li > ul.sub-menu li li.current-menu-item a, li.sub-heading.current_page_item > a, .fl-page-nav .navbar-nav li > ul.sub-menu li li.current-post-parent a {color: #FF6000 !important;}
.fl-page-nav .navbar-nav li > ul.sub-menu > li a:hover {color: #016AB0;}

/*ul.navbar-nav > li a:hover, ul.navbar-nav > li a:active {
	background-color: transparent;
	border-bottom: 4px solid #FF6000;
}*/

.fl-page-footer .nav>li>a {padding: 0 5px; font-size:14px;}
.fl-page-footer i.fab { font-size:18px;} 

/* Search form styles */
.fl-page-nav-search form {
    background-color: #ff6000;
    border-top: none;
    padding: 20px;
    right: 0;
    top: 85px;
    width: 600px;
    z-index: 1000;
    -moz-box-shadow: 0 1px 20px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 20px rgba(0,0,0,0.15);
    box-shadow: 0 1px 20px rgba(0,0,0,0.15);
}

.fl-page .pp-search-form input[type=search] { margin-bottom: 0;}

/*Submenu & Mega Menu Styles */
.fl-page-nav ul.sub-menu {
    background-color: #ffffff;
    border-top: 3px solid #FF6000;
}
.fl-page-nav ul.sub-menu ul.sub-menu {
    border-top: none;
}
.fl-page-nav .navbar-nav li.mega-menu > ul.sub-menu {
	background-image: url(https://www.javelin-tech.com/3d/wp-content/uploads/orange-stripe.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 70px !important;
	margin-top: 0;
}
.fl-page-nav .navbar-nav li.mega-menu > a {text-transform: uppercase;}
.fl-page-nav .navbar-nav li.mega-menu > ul.sub-menu > li > a, .fl-page-nav .navbar-nav li.mega-menu > ul.sub-menu > li > ul > li a { font-style: normal; font-weight: normal;}
.fl-page-nav .navbar-nav li.sub-heading > a {font-size: 20px; color: #244884 !important;}
.fl-page-nav .navbar-nav li.current-menu-item > a, .fl-page-nav .navbar-nav ul.sub-menu li.current-menu-item > a, ul.sub-menu li.current-menu-parent > a { color: #ff6000; }
.fl-module-menu li:before {display: none;}
/*.fl-module-menu .menu li a {font-family: 'Roboto Condensed', sans-serif;
    color: #EAF4F7;
}*/
.fl-module-menu .menu li.current-menu-item a {
	color: #F60;
	border-bottom: 3px solid #F60;
}
.fl-module-menu .menu li.current-menu-item ul.sub-menu li.menu-item a, .fl-module-menu .menu ul.sub-menu li.menu-item a {
	border-bottom: none !important;
}
.caption > .fl-module-content {
	background: rgba(51,51,51,0.8);
}

@media (min-width: 768px) {
	ul.navbar-nav li.mega-menu > ul.sub-menu > li {
		border-right: 1px solid #ff6000;
	}
}

/* Page Custom Header Menus
--------------------------------------------- */

body.page-template-default .fl-page-nav.custom ul.sub-menu ul.sub-menu {width: 100%; margin-top: 0;}
.fl-menu .fl-menu-mobile-toggle.text {
    background-color: #0099FF;
    color: white;
}
.fl-menu .fl-menu-mobile-toggle.text:hover {
    background-color: #244884;
    color: white;
}
.fl-menu ul.sub-menu {margin-top: 1px;}
.fl-menu li.current-menu-item ul.sub-menu {margin-top: -2px;}

/* Banner Styles
--------------------------------------------- */
.heading-block h1, .heading-block h2 {
    text-shadow: 0px 2px 0px rgba(16, 34, 41, 1);
}
.heading-block p { color: white;}

/* Block Heading Styles
--------------------------------------------- */
.block-heading .fl-module-content {
	text-align: center;	
}
.block-heading h1.fl-heading {
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	background: rgba(255,64,0, 1);
	display: inline-block;
	padding: 15px 30px !important;
}
.shadow {text-shadow: 0px 2px 0px rgba(16, 34, 41, 1);}


/* Heading Styles
--------------------------------------------- */

/*h1.fl-heading:after, h2.fl-heading:after, .fl-widget h2.widgettitle:after, .entry-header-wrapper h1:after {
    content: "";
    position: absolute;
    bottom: 0;
    margin-left: -30px;
    width: 66px;
    height: 4px;
    background-color: #ff6600;
	text-align:center;
	left: 50%;
}*/

.heading p {
	color: #888;
	font: 160% "Open Sans", Georgia, serif;
}
.heading-block {
  padding-top: 20px;
  padding-bottom:0;
  position: relative;
  line-height: 1.3125em;
  padding-bottom: 10px;
  word-wrap: break-word;
  word-break: keep-all;
  text-align: center;
  
}
.heading-block > .fl-row-content-wrap { 
	padding-top: 0; 
	padding-bottom: 0;
}
.heading-block h1 {
	text-shadow: 0px 2px 0px rgba(16, 34, 41, 1);
	font-size: 60px;
	color: #ff6000;	
}

.heading-block.dark h1 {text-shadow: 0px 2px 0px rgba(16, 34, 41, 1);}

.heading-block p, .heading-block h2 {
	padding-bottom: 10px;
	margin-bottom: 0;
	font: 600 38px/150% 'Roboto Condensed', sans-serif;
}

/*.heading-block:after {
    content: "";
    bottom: 0;
    margin-left: -30px;
    width: 66px;
    height: 5px;
    background-color: #ff6600;
}*/

.heading-block.center:after {
  position: relative;
  left: 50%;
}

@media only screen and (max-width: 992px) {
.heading-block h1 { font-size: 60px !important;}
}
@media only screen and (max-width: 768px) {
.heading-block h1 { font-size: 44px !important;}
.heading-block h2 { font-size: 30px !important;}	
}

.underline:after {
    content: "";
    bottom: 0;
    margin-left: 20px;
    margin-top: 20px;
    width: 60px;
    height: 5px;
    background-color: #ff6600;
}
.underline.center:after {
    content: "";
    bottom: 0;
    margin-left: -30px;
    width: 66px;
    height: 5px;
    background-color: #ff6600;
	position: relative;
  	left: 50%;
}
@media only screen and (max-width: 992px) {
.hero-block .fl-row-content-wrap {
    padding-top: 40px !important;
    padding-bottom: 60px !important;} 
}

/* Category Styles
--------------------------------------------- */
.fl-row.two-column h1 {
	font-size: 44px;
}
.fl-row.two-column h2 {
	font-size: 28px;
	color: #F60;
	font-family: ‘Merriweather’, Georgia, serif;
	margin-bottom: 20px;
}

.fl-page-content h4, .fl-page-content h5 {padding-top: 20px;}
.fl-logo-img {max-width: 160px; z-index: 1000;}
.btn {
    cursor: pointer;
    background-image: none;
    border: none;
    font-size: 18px;
    border-radius: 0px;
	text-transform: uppercase;
}
.btn:hover {
    border: none;
}
.btn-primary {
    color: #fff;
    background-color: #0099FF;
    border-color: #0099FF;
	padding: 15px;
}
.btn-warning {
    color: #fff;
    background-color: #FF6000;
    border-color: #FF6000;
}
.btn-lg {
	font-size: 30px;
    line-height: 42px;
    padding: 15px 30px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
	width: auto;
}
.btn.xlarge {
	font-size: 40px;
    line-height: 42px;
    padding: 20px 40px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
	width: auto;
}
h2.fl-callout-title .col-orange  {
	color: #FF6600 !important;
}

.tag-meta a { 
    line-height: 24px;
    background: #0099ff;
	display: inline-block;
	margin-right:6px;
	color:white !important;
	padding: 6px 12px;
	margin-bottom: 10px;
}
.tag-meta a:hover { 
    background: #016AB0;
}

/* Post Heading Styles
--------------------------------------------- */

body.single-post h2 { font-size: 32px; }
body.single-post h3 { font-size: 26px; }
body.single-post h4 { font-size: 22px; }
body.single-post h5 { font-size: 18px; }
.fl-post-title { margin-top:10px; }

/* Post Body Styles
----------------------------------------------------------------------------- */

.fl-post-entry p:first-of-type, div.webinar-body p:first-of-type {  
	font-size: 24px; 
	font-weight: 300;
    line-height: 1.4;
	margin-bottom: 20px;
}

.wp-caption {
    background: transparent;
    border: none;
    padding: 10px;
    text-align: center;
	margin-bottom: 25px !important;
}
.wp-caption p.wp-caption-text {
	font-size: 16px;
	color: #FF6000;
	line-height: 120%;
	margin-top: 10px;
}

.category-heading a {
	display: inline-block;
	width: auto;
	padding: 15px 20px;
	color: white;
	background-color: #FF6000;
	margin-bottom: 15px;
	text-transform: uppercase;
	letter-spacing: 2px;	
}

.fl-post-info-terms a {
	display: inline-block;
	width: auto;
	padding: 6px 10px 5px 10px;
	margin-bottom: 3px;
	color: white;
	background-color: #FF6000;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 14px;
}

.fl-post-info-terms a:hover {
	background-color: #016AB0;
	text-decoration: none;
}

.fl-post-event-block {
    padding: 2px 9px 4px 8px;
    font-size: 14px;
    display: inline-block;
    border: none;
    line-height: inherit;
    background: #FFFF4D;
    color: #444;
    margin-right: 4px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 1px;
}
p.lead > span.fl-post-event-block {
	padding: 8px 16px;
	font-size: 24px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.fl-post-event-block:empty { display: none;}

div.fl-post-meta-bottom {
	background-image: url(https://www.javelin-tech.com/3d/wp-content/uploads/orange-stripe.png);
	background-repeat: repeat-x;
	padding-top:50px;
	border: none;
	margin-top: 40px;
	margin-bottom: 40px;
}

.fl-archive-header {
	background-image: url(https://www.javelin-tech.com/3d/wp-content/uploads/orange-stripe.png);
	font-size: 22px;
	margin-bottom: 40px;
	padding-bottom: 8px;
	background-position: bottom;
	background-repeat: repeat-x;
}

.fl-archive .fl-archive-title {
	border-bottom: none;
	margin-bottom: 30px;
	color: #FF6000;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	font-style: normal;
	font: 140% "Open Sans", Georgia, serif;
}

.fl-archive .fl-post, .fl-post-feed-post {
    border-bottom: 1px solid #E6F0F3;
}

/* feed post style for archives, search, and resource library*/
body.archive .fl-post-feed-post, body.blog .fl-post-feed-post, body.fl-theme-layout-template-default .fl-post-feed-post, body.search-results .fl-post-feed-post, body.page .fl-post-feed-post  {
    background-color: white;
    padding: 40px;
    margin-bottom: 40px;
	box-shadow: 0 2px 0 #D9E1E7;
	border: none;
	}

.fl-post-feed-post .fl-post-image { margin-bottom: 10px;}

.fl-post-feed-post:last-child { padding-bottom: 30px;}
.event-list .fl-post-feed-post:last-child { padding-bottom: 0;}

.latest-news-col .fl-post-feed-post {
	background-color: transparent;
	padding: 10px 10px 10px 0;
	margin-bottom: 10px;
	box-shadow: none;
	border-bottom: 1px dotted #F60;
	}

.fl-post-feed .fl-post-meta {margin-bottom:10px;}
.fl-post-feed .fl-post-info-terms a { font-size:13px;}
.fl-post-feed .tag-meta {
	margin-top: 30px;
	border-top: 1px solid #D3E9EF;
	font-size: 16px;
	padding: 20px 20px 0px;
}

.fl-post-feed .tag-meta a { 
	font-size: 16px;
    background: #0099ff;
	display: inline-block;
	margin-right:2px;
	color:white;
	text-transform: uppercase;
	padding: 4px 8px;
	margin-bottom: 5px;
}
.fl-post-feed .tag-meta a:hover { 
    background: #016AB0;
}

.fl-builder-pagination li a.page-numbers, .fl-builder-pagination li span.page-numbers {
    border: none;
    display: inline-block;
    padding: 5px 10px;
    margin: 0 5px 0 0;
	background-color: #09F;
	color: white;
}

.fl-builder-pagination li a.page-numbers:hover, .fl-builder-pagination li span.current {
    background: #FF6000 ;
    text-decoration: none;
}
p.tag-label { color: #D3E9EF; text-transform: uppercase;}
img.presenter { border-radius: 50%;}

/* Post Footer Styles
----------------------------------------------------------------------------- */
.alert { border-radius: 0;}
.alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe;
}


/* Post Footer Styles
----------------------------------------------------------------------------- */
.owl-dot {background-color: transparent !important; margin-top: 10px;}


/* Gallery Styles
----------------------------------------------------------------------------- */
.gallery-item img {
    border: none !important;
}

/* Tables
--------------------------------------------- */

.fl-module-content table { width: 100%; margin-top: 30px;}
.fl-module-content table th {
	color: #FFF;
	background: #244884;
}
.fl-module-content table th, .fl-module-content table td {padding:20px !important;}
.table {
    margin-bottom: 30px;
    margin-top: 30px;
}
.table th { text-align: left; }
.table th a { color: white !important; }
.table th.text-center { text-align: center !important; }
.table td.bullet, table.table td.center { text-align: center; }
.table>thead>tr>th {
    vertical-align: middle;
    border-bottom: 2px solid #ddd;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: white;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    vertical-align: middle;
}


/* Sections
--------------------------------------------- */
.info-container .fl-heading {
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-top: 25px!important;
}
.info-container .fl-col-content {
	background: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	box-shadow: 0 2px 0 #D9E1E7;
}
.info-container .fl-icon { color: #FF6000; }
.info-container .fl-module .fl-module-content {
	margin: 10px 0px 10px 25px;
}
.info-container .fl-module.fl-module-icon .fl-module-content.fl-node-content {
	margin-left: 10px;
}
.info-container .fl-module-icon {
	border-bottom: 2px solid #F0F3F5;
	text-align: left !important;
	margin-left: 10px;
	margin-right: 10px;
}
.info-container p { color:#242638;}
.info-container a p {color:#0099FF;}
.info-container a:hover p {color:#016AB0;}
.info-container .fl-module-icon:last-child { border-bottom: none; padding-bottom: 15px; }

/* Horizontal Line
----------------------------------------------------------------------------- */
hr {
    margin-top: 40px;
    border-top: 1px dotted #ff6000;
}

/* Sticky Element Styles
--------------------------------------------- 
html.fl-builder-edit .sticky.sticky-element-original {
	position: initial !important;
}
*/
html.fl-builder-edit div.fl-module-sticky.sticky-element-original {
	position: static !important;
}

.fl-module-form {
	background: #FFF;
	padding: 30px 30px 30px 40px;
}

div.fl-module-sticky.sticky-element-original.sticky-element-active, div.fl-row.sticky.sticky-element-original.sticky-element-active {
	border-color: #e6e6e6;
    background-color: #FFFFFF;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.fl-module-sticky.sticky-element-original, div.fl-row.sticky.sticky-element-original  {
	border-color: #e6e6e6;
	background-color: #FFFFFF;
	-moz-box-shadow: 0 2px 1px #D9E1E7;
	-webkit-box-shadow: 0 2px 1px #D9E1E7;
	box-shadow: 0 2px 1px #D9E1E7;
}

/*
Sticky Right Column Styles
----------------------------------------------------------------------------- */
.scrollable-col {
    position: static;
    overflow-x: auto;
}

@media only screen and (min-width: 992px){
.scrollable-col {
  max-height: 99vh;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 20px;
  overflow-x: scroll;
  overflow-x: hidden;
}
.scrollable-col blockquote { display: none;}
}

/* Sticky Menu Nav Bar Styles
--------------------------------------------- */
div.fl-module-sticky.sticky-element-original.sticky-element-active {
	border-color: #e6e6e6;
    background-color: #FFFFFF;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	width: 100% !important;
}

div.fl-module-sticky.sticky-element-original {
	border-color: #e6e6e6;
	background-color: #FFFFFF;
	-moz-box-shadow: 0 2px 1px #D9E1E7;
	-webkit-box-shadow: 0 2px 1px #D9E1E7;
	box-shadow: 0 2px 1px #D9E1E7;
	width: 100% !important;
}

html.fl-builder-edit div.fl-module-sticky.sticky-element-original {
	position: static !important;
}

div.fl-module-sticky.sticky-element-original ul li {
    list-style: none;
    margin-bottom: 0;
}

li.javelin-icon { background-color: #FF6000; border-radius: 30px; }
li.javelin-icon a { padding: 15px;}
li.javelin-icon i { color: white; font-size: 20px; }

@media only screen and (max-width: 1240px) {
div.fl-module-sticky div.fl-module.button-module .fl-button-center {
    text-align: right !important;
}
div.fl-module-sticky div.call-module .fl-icon-wrap {
    display: block;
}
}

@media only screen and (max-width: 768px)
{
#fixed-sub-menu p  { font-size: 14px !important;}
#fixed-sub-menu	a.fl-button {
    font-size: 14px!important;
    line-height: 14px!important;
    padding: 10px 15px!important;
	text-align: center;
	}
#fixed-sub-menu	.fl-module-content.fl-node-content { margin: 10px!important;}
#fixed-sub-menu	.fl-icon-text {height: 0!important;}
}


/* Category Styles
--------------------------------------------- */
.fl-row.two-column h1 {
	font-size: 44px;
}
.fl-row.two-column h2 {
	font-size: 28px;
	color: #F60;
	font-family: ‘Merriweather’, Georgia, serif;
	margin-bottom: 20px;
}

.fl-page-content h4, .fl-page-content h5 {padding-top: 20px;}
.fl-logo-img {max-width: 160px;}
.btn-warning {
    color: #fff;
    background-color: #FF6000;
    border-color: #FF6000;
}
h2.fl-callout-title .col-orange  {
	color: #FF6600 !important;
}

/* Countdown styles
--------------------------------------------- */
.fl-countdown-unit {
    margin-top: 10px;
}


/* Sections/Background Colours
--------------------------------------------- */
.nobg { background: none; }
.nobgcolor { background-color: transparent; }
.bgcolour-white{ background-color: white;}
.bgcolour-dark { background-color: #152B4D }
.bgcolour-green { background-color: #24B685;}
.bgcolour-red { background-color: #EF3E42;}
.bgcolour-blue { background-color: #09D5D9;}
.bgcolour-grey { background-color: #333333;}
.bgcolour-orange { background-color: #FF6000;}
.stripe-orange { height: 40px; background: url(images/orange-stripe.png) repeat;}
.stripe-blue { height: 40px; background: url(images/blue-stripe.png) repeat;}
.stripe-white { height: 40px; background: url(images/white-stripe.png) repeat;}

/* Striped Section
--------------------------------------------- */
.striped {
	height: 40px;
	background: url(images/orange-stripe.png) repeat;
}


/* Post & Blog Styles
----------------------------------------------------------------------------- */
.fl-content-left {
    border-right: none;
    padding-right: 30px;
}

body.single-post h1 {
    font-size: 45px;
}
body.single-post h2, body.single-post h3, body.single-post h4 {
    margin-top: 40px;
    margin-bottom: 10px;
}
blockquote {
	border-color: #FF6000;
	margin-top: 30px;
	margin-bottom: 50px;
	color: #333;
	font-size: 110%;
}
blockquote p {
	font-size: 110%;
	color: #333;
	font-weight: 500 !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}
blockquote p em {
	font-size: 110%;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
.wp-caption {
    background: transparent;
    border: none;
    padding: 10px;
    text-align: center;
	margin-bottom: 25px !important;
}
.wp-caption p.wp-caption-text, .wp-caption-text.gallery-caption {
	font-size: 16px;
	color: #FF6000;
	line-height: 120%;
	margin-top: 10px;
	font-weight: 500;
}

.category-heading a {
	display: inline-block;
	width: auto;
	padding: 15px 20px;
	color: white;
	background-color: #FF6000;
	margin-bottom: 15px;
	text-transform: uppercase;
	letter-spacing: 2px;	
}
div.fl-post-meta-bottom {
	background-image: url(images/orange-stripe.png);
	background-repeat: repeat-x;
	padding-top:50px;
	border: none;
	margin-top: 40px;
	margin-bottom: 40px;
}

.fl-archive-header {
	background-image: url(images/orange-stripe.png);
	font-size: 22px;
	margin-bottom: 40px;
	padding-bottom: 8px;
	background-position: bottom;
	background-repeat: repeat-x;
}

.fl-archive .fl-archive-title {
	border-bottom: none;
	margin-bottom: 30px;
	color: #FF6000;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	font-style: normal;
	font: 140% "Open Sans", Georgia, serif;
}

.fl-archive .fl-post {
    border-bottom: 1px dotted #F60;
}

.aligncenter, div.aligncenter {
    display: block;
    margin: 25px auto 25px auto;
}

/* Blog Widgets
--------------------------------------------- 

.fl-page-content .fl-widget {
	background: #FFF;
	padding: 10px 30px 30px;
	box-shadow: 0 2px 0 #D9E1E7;
}*/
h2.widgettitle { font-size: 24px; text-transform: uppercase;}

body.single-post .fl-page-content h4.fl-widget-title { margin-top: 0;}

.fl-page-content .fl-widget li {
	border-bottom: 2px solid #F0F3F5;
	text-align: left;
	padding: 10px;
}
.fl-page-content .fl-widget li:last-child { border-bottom: none; }
.fl-page-content .fl-widget i  { color: #FF6000; margin-right: 5px; }
/*.fl-page-content .fl-widget li.current-post-ancestor a {color: #FF6000 !important;}*/

.fl-widget .fl-widget-title {
	margin-top: 0;
    margin-bottom: 20px;
}

input[type=text].fl-search-input {
    color: rgba(111,129,140,0.6);
    background-color:#F7F7F7;
    width: 90%;
}

.fl-widget div.widget_nav_menu ul > li:before {
	/* [disabled]content: normal !important; */
	font-family: FontAwesome;
	content: "\f0a3";
	color: #F06000;
	float: left;
	margin-left: -1.25em;
}
.fl-widget div.widget_nav_menu ul.sub-menu > li:before {
	font-family: FontAwesome;
	content: "\f02e";
}

.fl-widget div.widget_nav_menu ul li { padding-left: 25px; }
.fl-widget div.widget_nav_menu ul li.menu-item-has-children { font-size: 20px; display:block; border:none;}
.fl-widget div.widget_nav_menu ul li ul.sub-menu li { font-size: 18px;}
.fl-widget div.widget_nav_menu ul li ul.sub-menu { margin-top:15px; margin-bottom:10px;}
.fl-widget div.widget_nav_menu ul li.current_page_item a { color:#FF6000;}

/* 
Form Styles
--------------------------------------------- */

.fl-page input[type=search], .fl-page input[type=email], .fl-page textarea {
	font-size: 16px;
	padding: 10px 15px;
	border: none;
	margin-bottom: 10px;
	color: #333;
	background-color: white;
	height: 50px;
	border-radius: 0;
}
.fl-page input[type=search]:active, .fl-page input[type=search]:focus { background-color: white;}

.fl-page-content input, .fl-page-content input[*], .fl-page-content select, .fl-page-content textarea {
	font-size: 16px;
	padding: 10px 15px;
	border: none;
	margin: 10px;
	color: #333;
	background-color: white;
	height: 50px;
}
.fl-page-content input[type="submit"] { background-color: #0099FF; color: white; text-transform: uppercase; border: none; border-radius: 0; font-size: 16px; padding: 15px;}
.fl-page-content input[type="submit"]:hover { background-color: #016AB0; border: none; }
.fl-page-content input:focus, .fl-page-content input[*]:focus, .fl-page-content select:focus, .fl-page-content textarea:focus {
	background-color: #F7F7F7;
}

/* Button Styles
--------------------------------------------- */
.fl-button-text, a.pp-button {
	text-transform: uppercase;
}
a.fl-button, a.fl-button:visited, .fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited {
    background: #0099ff;
    color: #ffffff;
    border: none;
	text-align: center;
	border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
a.fl-button:hover, .fl-builder-content a.fl-button:hover { background: #016ab0; border: none; }
a.fl-button * {border: none;}

.fl-page-content a.button {
	color: #FFF;
	background: #09F;
	display: inline-block;
	padding: 10px 16px;
	border-radius: 0;
	margin-top: 10px;
	font-family: 'Oxygen', sans-serif!important;
	text-transform: uppercase;
}
.fl-page-content a.button:hover {
	color: #FFF!important;
	background: #016AB0;
	text-decoration: none !important;
}

/* Helper Classes
----------------------------------------------------------------------------- */
.allmargin { margin: 50px; }
.allpadding { padding: 50px; }
.leftmargin { margin-left: 50px; }
.rightmargin { margin-right: 50px; }
.topmargin { margin-top: 50px; }
.bottommargin { margin-bottom: 50px; }
.leftpadding  { padding-left: 50px; }
.rightpadding { padding-right: 50px; }
.toppadding { padding-top: 80px; }
.bottompadding { padding-bottom: 80px; }
.clear-bottommargin { margin-bottom: -50px; }
.allmargin-sm { margin: 30px; }
.leftmargin-sm { margin-left: 30px; }
.rightmargin-sm { margin-right: 30px; }
.topmargin-sm { margin-top: 30px; }
.bottommargin-sm { margin-bottom: 30px; }
.clear-bottommargin-sm { margin-bottom: -30px; }
.allmargin-lg { margin: 80px; }
.leftmargin-lg { margin-left: 80px; }
.rightmargin-lg { margin-right: 80px; }
.topmargin-lg { margin-top: 80px; }
.bottommargin-lg { margin-bottom: 80px; }
.clear-bottommargin-lg { margin-bottom: -80px; }
.nomargin {margin: 0; }
.nopadding {padding: 0 !important; }
.noleftmargin { margin-left: 0; }
.norightmargin { margin-right: 0; }
.notopmargin { margin-top: 0; }
.nobottommargin { margin-bottom: 0; }
.header-stick { margin-top: -50px; }
.content-wrap .header-stick { margin-top: -80px; }
.footer-stick { margin-bottom: -50px; }
.content-wrap .footer-stick { margin-bottom: -80px; }
.noborder { border: none; }
.noleftborder { border-left: none; }
.norightborder { border-right: none; }
.notopborder { border-top: none; }
.nobottomborder { border-bottom: none; }
.noradius { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.col-padding { padding: 60px; }
.nopadding { padding: 0; }
.noleftpadding { padding-left: 0; }
.norightpadding { padding-right: 0; }
.notoppadding { padding-top: 0; }
.nobottompadding { padding-bottom: 0; }
.noabsolute { position: relative; }
.noshadow { box-shadow: none; }
.hidden { display: none; }
.nothidden { display: block; }
.inline-block {
	float: none;
	display: inline-block;
}
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.divcenter {
	position: relative;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
div.z-up { 
z-index: 10;
position: relative;
}
.z-up10 { 
z-index: 10;
position: relative;
}
.z-up20 { 
z-index: 20;
position: relative;
}
.light {     
	font-weight: 100 !important;	
	font-family: "Open Sans", sans-serif;
}

/* Lightbox Styles
--------------------------------------------- */
#cboxTitle { top: -30px;}


/* iframe and Video Wrapper Styles
--------------------------------------------- */
iframe {
    margin-top: 40px;
    margin-bottom: 40px;
}

p div.fluid-width-video-wrapper {
	margin-top: 40px !important;
    margin-bottom: 70px !important;
	top:-30px;
}

.fl-video .fluid-width-video-wrapper iframe {
	margin-top: 0;
    margin-bottom: 0;
}

.wp-video {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
div.wistia_responsive_padding { margin-bottom: 60px;}


/* Accordian Styles
--------------------------------------------- */

.fl-module-accordion.software .fl-accordion-button {
	background-color:#ef3e42;
	color:white;
}
.fl-module-accordion.service .fl-accordion-button {
	background-color:#09D5D9;
	color:white;
}
.fl-module-accordion.training .fl-accordion-button {
	background-color:#24B685;
	color:white;
}
.fl-module-accordion.hardware .fl-accordion-button {
	background-color:#333333;
	color:white;
}
.fl-module-accordion.discount .fl-accordion-button {
	background-color:#FF4400;
	color:white;
}
.fl-accordion-medium .fl-accordion-content {
	padding: 20px 40px 15px 20px;
}
.fl-accordion-button-icon {
    opacity: 1;
}



/* Colour Styles
--------------------------------------------- */

.col-green {
	color: #24B685;
}
.col-orange {
	color: #FF6600 !important;
}
.col-red {
	color: #ED3E40;
}
.col-blue {
	color: #09D5D9;
}
.col-grey {
	color: #95A0A9;
}
.col-black {
	color: black;
}


/* Bullet Styles
--------------------------------------------- */

.fl-page-content .fl-module ul {
	list-style: none;
	margin-bottom: 20px;
}
.fl-page-content .fl-module ul li {
	list-style: none;
}
.fl-page-content .fl-module ul li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f105";
	font-weight: 600;
    color: #F60;
    float: left;
    margin-left: -1em;
}

.fl-page-content ul li ul li:before, .fl-page-content .fl-module-fl-post-content ul li ul li:before, .fl-post-content ul li ul li:before {
    font-family: FontAwesome;
    content: "\2014";
    color: #F06000;
    float: left;
    margin-left: -1.5em;
}


.fl-page-content .fl-rich-text ul ul, .fl-post-content ul ul {
	margin-top: 5px;
	margin-bottom: 25px;
}


/* Reset Bullet Styles */

.fl-page-content .fl-module ul li.pp-list-item:before, .fl-builder-submenu ul li:before, .fl-module-overlay ul li:before, .fl-page-content .fl-module ul li.pp-icon-list-item:before, ul.page-numbers li:before, ul.nav li:before   {
	content: normal !important;
}

/* Button Styles
--------------------------------------------- */
.fl-button-text {
	text-transform: uppercase;
}
.btn { border:none; }
.btn-primary {
	color: #fff;
	border: none;
	background: #0099FF;
	border-radius:0;
    font-size: 20px;
    text-transform: uppercase;
}
.btn-primary:hover {
	border: none;
	background-color: #016AB0;
	color: #fff;
	transition: background-color 0.4s linear;
}
.btn-large { font-size:24px; text-transform:uppercase;}

/* Post Filter Styles
--------------------------------------------- 
.pp-post-filters li {
	background: #FFF !important;
	color: #0099FF !important;
	font-size: 20px !important;
}
.pp-post-filters li:hover {
	background: #016AB0 !important;
	color: #FFF !important;
}

.pp-post-filters li.pp-filter-active {
    background: #FF5000 !important;
    color: #ffffff !important;
    border-color: #FF5000 !important;
}*/

.pp-post-tile-category { text-transform: uppercase; letter-spacing: 2px;}
.pp-post-filters { margin-bottom: 50px; }
.pp-content-post .pp-post-image a {display: inline !important;}
.pp-post-filters-toggle:after { font-size: 30px;}


/* Testimonials
--------------------------------------------- */

.fl-testimonials-wrap.compact .fl-slider-prev {
    right: 30px !important;
}
.fl-testimonials-wrap.compact .fa {
    font-size: 30px;
}

.fl-testimonial p { font-size:30px;}
.fl-testimonial p em {
	font-weight: 500;
	font-size: 36px;
	padding-top: 25px;
	padding-bottom: 25px;
}
@media (max-width: 992px)
{
.fl-testimonial p em {font-size: 24px;}
}

/* CSS Effects
--------------------------------------------- */
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/* Dark Styles
--------------------------------------------- */
.dark,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark p, .dark p.lead { color: white;  }
.dark a { color: white; border-bottom: dotted; }
.dark a:hover { color: #99b8e5 !important; border-bottom: none; }
.dark h1:after { background-color: white;}
.dark ul { 
	margin-left: 0;
	padding-left: 5px;
}
.fl-page-content .fl-module.dark li {
	color: white;
	margin-left: 1.5em;
	list-style: none;
}
.fl-page-content .fl-module.dark ul li:before {
	content: "\2014";
	color: white;
	float: left;
	margin-left: -1.5em;
 }

/*YouTube Video Wrapper Styles
----------------------------------------------------------------------------- */
.fve-video-wrapper {
    overflow: visible;
    margin-bottom: 0;
}


/*Addthis Styles
----------------------------------------------------------------------------- */
#at4-share, #at4-soc {top: 30% !important;}

/*
Yuzo Styles
----------------------------------------------------------------------------- */
.yuzo__title {text-align: center; padding-top:5px;}
.yuzo_related_post h3 {margin-bottom:30px; padding-top:0; padding-bottom:30px;}
.yuzo_related_post .relatedthumb { 
	padding: 0 !important;  
	margin: 20px !important; 
	background-color: white;
}
.yuzo_related_post .relatedthumb:hover { 
	background-color: #e6f0f3;
	transition: background-color 0.4s linear;
}
.yuzo__text--title {
	padding: 15px 15px 25px;
	display: block;
	line-height: 25px;
}
.yuzo_wraps {
    margin-left: auto;
    display: inline-block;
    margin-right: auto;
}

/*
Breadcrumb Styles
----------------------------------------------------------------------------- */
.fl-page-breadcrumbs {
	padding: 20px;
	background-color: #1F4072;
    color: #99B8E5;
    letter-spacing: normal;
    text-transform: capitalize;
}
.fl-page-breadcrumbs  a {
    color: white;
}

.fl-page-breadcrumbs  a:hover {
    color: #016AB0;
} 
 
 
/*
Footer Widgets
----------------------------------------------------------------------------- */
 
.fl-page-footer-widgets {
    border-top: none;
	padding-bottom: 20px;
}

.fl-page-footer-widgets h4.fl-widget-title {
	text-transform: uppercase;
	padding-top: 20px;
	margin-left: 0;
}
.fl-page-footer-widgets .form-inline .form-group {
	width:100%;
}
.fl-page-footer-widgets .form-inline .form-control {
    display: inline-block;
    width: 70%;
    vertical-align: middle;
    border-radius: 0;
    padding: 26px;
	background-color: white;
}
.fl-page-footer-widgets button {
    color: #fff;
    font-size: 18px;
    padding: 14px;
	border-radius: 0;
	width: 28%;
	text-transform: uppercase;
}
.fl-page-footer-widgets button:hover {background-color: #016ab0; border-color: #016ab0;}
.fl-page-footer {border-top: none;} 

/*
Page Footer Styles
----------------------------------------------------------------------------- */

.fl-page-footer-wrap {
	background-image: linear-gradient(135deg, #02BED1 0%, #24b685 100%);
}

.fl-page-footer p {
	font-size: 16px;
	line-height: 180%;
	margin-top: 10px;
}
.fl-page-footer i.fab {
	margin-right: 8px;
} 
.fl-page-footer .middot {
	font-size: 20px;
	padding: 6px 4px 0px;
}
.fl-page-footer .nav > li > a {padding: 0 5px; font-size:16px;}


/*
Media Break Point Styles
----------------------------------------------------------------------------- */
@media only screen and (max-width: 991px) { 
.fl-page-bar {display: none;}
.fl-social-icons {display: none;}
.fl-page-bar-nav li.menu-item {display: none;}
}

@media only screen and (max-width: 846px) {
.relatedthumb { float:none !important; margin-left:auto; margin-right:auto;}
}

@media only screen and (max-width: 768px) {
body { font-size: 16px!important; }
h1 { font-size: 32px !important;}
h2 { font-size: 26px !important;}
h3 { font-size: 24px !important;}
p.lead, .lead p { font-size: 20px !important; }
blockquote p { font-size: 20px !important; }
.fl-testimonial p, .fl-testimonial p em, .pp-testimonials-content p { font-size: 20px !important; }	
.fl-content p {font-size: 16px;}
.fl-content li {font-size: 16px;}
.btn {font-size: 16px;}
.btn.xlarge { font-size: 24px;}
.fl-module-content table>thead>tr>th, .fl-module-content table>tbody>tr>td {padding: 5px 8px;}	
.fl-module-content table>thead>tr>th { font-size: 16px;}
}