/*
Theme Name: Insite Starter
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Author: Insite Website
Author URI: //www.insitewebsite.com/
Description:  A WordPress starter theme based on these frameworks: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap and Font Awesome (or Fontawesome, a suite of 675+ pictographic icons). 
This theme, like WordPress, is licensed under the GPL. You can use this theme as a base for your next WordPress theme project and change or customize it in any way. 
Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
We have also modified this theme with some additions from L'il B (below) and other customizations - PS
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: insite-starter
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template

Credits:

1. Bootstrap
 * Bootstrap v4.2.1 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Generated using the Bootstrap Customizer (?) (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c) (!?)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c (!?)

2. wp_bootstrap_navwalker
 * Class Name: wp_bootstrap_navwalker
 * GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker

3. Glyphicons
 * http://getbootstrap.com/components/

4. _s (Underscores)
 * http://automattic.com/
 * https://underscores.me/
 * https://github.com/Automattic/_s
 
5. FontAwesome
 * https://fontawesome.com/
 * (We are currently using the webfont version, not the SVG/JS version.)
 * see https://fontawesome.com/start
 
6. WP Bootstrap Starter (a WordPress starter theme by afterimagedesigns)
 * Insite Starter is a fork of the WP Bootstrap Starter theme, Version: 3.1.0. Many thanks!
 * https://wordpress.org/themes/wp-bootstrap-starter/
 * https://afterimagedesigns.com/wp-bootstrap-starter/
 
7. Lil' B - Bootstrap
 * A Bootstrap for Bootstrap
 * v1.0.2 (http://itsjonq.github.io/lil-b/)
 * Copyright 2014 Jon Q
 * Licensed under MIT (https://github.com/itsjonq/lil-b/blob/master/LICENSE)
 
*/

/* ASBPE Colors:
Dark Blue: 	#003366   rgba(0, 51, 102, 1.0)
Light Blue: #5e7db1   rgba(94, 125, 177, 1.0)
Gold: 		#D8B446   rgba(216, 180,70, 1.0)
Slightly deeper gold for text: #BFA040  rgba(191, 160, 64, 1.0)
*/

/*--------------------------------------------------------------
! Stylesheet for: insitewebsite.com/starter
----------------------------------------------------------------

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

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:hover {
  outline: 0;
}
dfn {
  font-style: italic;
}
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;
}
sup.pdf-indicator {
	top: -0.4em;
	margin-left: .2em;
}
a.pdf-link:hover sup.pdf-indicator {
	text-decoration: none;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 2.5rem;
}
hr {
  box-sizing: content-box;
  height: 0;
}
button,
.btn,
.btn-default,
.v3 a.wpz-sc-button {
	overflow: visible;
	display: inline-block;
	font-weight: bold;
	letter-spacing: .01rem;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #EFEFEF;
	border: 1px solid #B3B3B3;
	padding: .375rem .75rem;
	margin: .1rem 0;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
/* Safari fix */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	a.btn[type=button], a.btn[type=reset], a.btn[type=submit], a.btn.btn-theme {
		;-webkit-appearance: none;
		;padding: .17rem .75rem .13rem;
	}
}
button:hover,
.btn:hover,
.btn-default:hover {
	background-color: #fff;
}
button:focus,
.btn:focus,
.btn-default:focus {
	background-color: #fff;
	outline: 5px auto -webkit-focus-ring-color;
	box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
	background-color: rgba(0, 255, 0, 0.15);
}
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger,
.btn-theme {
	border-color: transparent;
}
.btn.btn-primary {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}
.btn.btn-primary:hover {
	color: #fff;
	background-color: #0069d9;
	border-color: #0062cc;
}
.btn.btn-success {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745;
}
.btn.btn-success:hover {
	color: #fff;
	background-color: #218838;
	border-color: #1e7e34;
}
.btn.btn-info {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}
.btn.btn-info:hover {
	color: #fff;
	background-color: #138496;
	border-color: #117a8b;
}
.btn.btn-warning {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}
.btn.btn-warning:hover {
	color: #212529;
	background-color: #e0a800;
	border-color: #d39e00;
}
.btn.btn-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}
.btn.btn-danger:hover {
	color: #fff;
	background-color: #c82333;
	border-color: #bd2130;
}
.btn.btn-theme,
.btn.btn-gold,
.v3 a.wpz-sc-button,
.btn.btn-theme:visited,
.btn.btn-gold:visited,
.v3 a.wpz-sc-button:visited {
	color: #000;
	background-color: #D8B446;
	border-color: #D8B446;
	border-radius: 0;
	padding: .15rem .75rem;
	font-size: 1.2rem;
	letter-spacing: .075rem;
}
.v3 a.wpz-sc-button {
	color: #000 !important;
}
.v3 a.wpz-sc-button.red {
    background: #D8B446;
}
.v3 div > a.wpz-sc-button {
	margin-bottom: 1rem;
}
.btn.btn-theme:hover,
.btn.btn-gold:hover {
	color: #fff !important;
	background-color: #003366;
	border-color: #003366;
}
.btn.btn-blue,
.btn.btn-blue:visited {
	color: #fff;
	background-color: #003366;
	border-color: #003366;
	border-radius: 0;
	padding: .15rem .75rem;
	font-size: 1.2rem;
	letter-spacing: .075rem;
}
.btn.btn-blue:hover {
	color: #000;
	background-color: #D8B446;
	border-color: #D8B446;
}
.btn.btn-theme.btn-lg {
	padding: .4rem 1rem;
	font-size: 1.35rem;
	line-height: 1.5;
}
.btn.btn-link {
	display: inline;
	color: inherit;
	border: 0px solid transparent;
	border-radius: 0;
	background-color: transparent;
	padding: 0;
	font-weight: normal;
	letter-spacing: 0;
	vertical-align: baseline;
}
.btn.btn-sm {
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}
.btn.btn-lg {
	padding: .4rem 1rem;
	font-size: 1.35rem;
	line-height: 1.5;
}
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;
}
button.close {
	color: red;
	text-shadow: none;
	opacity: .75;
	border: 1px solid gray;
	border-radius: 3px;
	line-height: 1.0rem;
	text-align: center;
	font-family: helvetica, 'helvetica neau', arial, sans-serif;
	font-size: 1.5rem;
	display: table-cell;
	vertical-align: middle;
	padding: .15rem .25rem .25rem .3rem;
}
button.close:hover {
	color: #A90000;
	opacity: 1.0 !important;
	background-color: #f1f1f1;
}
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;
}
code {
	position: relative;
	bottom: .03rem;
}
.alert-info {
    background-color: rgba(209, 236, 241, 0.6);	
}

/* My Minimal WordPress Styling comes here */


/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	max-width: 100%;
	border-radius: 4px;
	padding: 0 10px;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}
/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}
.gallery-caption {
	display: block;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.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-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 */
}
/* Content =================== */
.main-content-inner {
	padding-bottom: 1.5em;
}
.hentry {
	margin: 0 0 1.5em;
}
.sticky {
	display: block;
}
.bypostauthor {
	display: block;
}
/* Clearing */
.clear {
	clear: both;
}
/* Navigation ===================== */
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {
display: block;
}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

/* Here some needed widget styles ===========================
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 1.5em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }
/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }
/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}
/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }
/**
* Some WP Theme Repository requirements
*/
.sticky {
}
.gallery-caption {

}
.bypostauthor {

}
.entry-meta {
	clear: both;
	font-size: .93rem;
}
.entry-meta a:link {
	color: #5E7DB1;
}

/*! =======================================================================
 * Lil' B - Bootstrap
 * A Bootstrap for Bootstrap
 * v1.0.2 (http://itsjonq.github.io/lil-b/)
 * Copyright 2014 Jon Q
 * Licensed under MIT (https://github.com/itsjonq/lil-b/blob/master/LICENSE)
 */

/**
 * Bootstrap - Lil' B
 * Typography
 */

/**
 * Typography - Base
 * This (re)sets the font-size and line-height for the site. If the font-size
 * is changed, all of the other fonts will respond/adjust appropriately.
 */
body {
    /* font-size: 16px; */                /* Adjust this if needed */
    line-height: 1.65em;
    color: #030303;
}
/**
 * Typography - Color Adjustments
 * The recommended colors are listed below under their selectors. They are
 * commented out by default.
 *
 * It is recommended that the darkest color are the headers, followed by the
 * "lead", then the standard body text to help with separation and readibility.
 */
 
/**
 * Here are some client colors:
Dark Green: #336622   rgba(51, 102, 34. 1.0)
Bright Green: #44AA44   rgba(68, 170, 68. 1.0)
Light Green: #99DD99   rgba(153, 221, 153, 1.0)
Pale green: #cce5bc
Dark rust red: #ab3b2f
*/

html {
	height: 100%; /* for sticky footer */
}
body {
	min-height: 100%;/* for sticky footer */
	/* Sticky Footer using Flex - PS ========= */
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0;
	-webkit-font-smoothing: auto;
	word-wrap: break-word;
	/* font-family: "Fira Sans", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; */
	/* font-family: 'Fira Sans', sans-serif; */
	font-family: itc-officina-sans-pro, sans-serif;
	font-style: normal;
	font-weight: 400;
	/* Sticky Footer using Flex - PS ========= */
	/* height: 100%; */ /* do we need this here? */
	background: #fff;
	overflow-x: hidden;
}

/* for sticky footer */
#page {
	flex-grow: 1;
	flex-direction: column;
	/* for fixed nav:  */
	padding-top: 40px; 
}
body.admin-bar #page {
	padding-top: 20px; /* 40 */
}
.site-content {
}
.site-footer {
}

h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5, h6, .h6 {
    /*color: #222;*/
}
h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5 {
	color: #336622;
}
.lead {
    color: #000;
	font-size: 1.08rem; /* bootstrap lead is much too large */
}
blockquote {
    /* border-left: 5px solid #eee; */
	display: inline-block;
	color: #000;
    font-size: 1.05rem;
    margin: 0 1.5rem 1.25em;
    /* padding: 10px 20px; */
	background-color: #ccd6e0;
	padding: 3rem;
	position: relative;
}
blockquote::before {
	content: '\0201C';
	display: block;
	position: absolute;
	top: 3.2rem;
	left: .3rem;
	font-size: 9rem;
	color: rgba(255, 255, 255, .6);
	font-family: georgia, times, "times new roman", serif;
}
blockquote::after {
	content: '\0201D';
	display: block;
	position: absolute;
	bottom: -1.5rem;
	right: .3rem;
	font-size: 9rem;
	color: rgba(255, 255, 255, .6);
	font-family: georgia, times, "times new roman", serif;
}
blockquote p {
	z-index: 2;
}
blockquote p:last-of-type {
	margin-bottom: 0;
}
blockquote cite {
	display: block;
}
blockquote cite a {
	text-decoration: underline;
}
.blockquote-footer {
    font-size: 85%;
}
.blockquote-footer::before {
	content: "";
}
blockquote footer cite {
	display: inline;
}
blockquote.pullquote {
	float: right;
	max-width: 50%;
	margin-right: 0;
}
blockquote.pullquote div cite {
	color: #646464;
}
blockquote.pullquote div:empty,
blockquote.pullquote div cite:empty {
	display: none;
}

.sidebar-insert {
    float: right;
    max-width: calc(50% - 2rem);
    min-width: 33%;
    margin: 0 0 1.5rem 1.5rem;
    padding: 1rem 1rem 0;
    background-color: rgba(216, 180, 70, 0.4);
}
.sidebar-insert h2,
.sidebar-insert h3,
.sidebar-insert h4,
.sidebar-insert h5,
.callout-block h2,
.callout-block h3,
.callout-block h4,
.callout-block h5 {
	color: #003366;
}
.callout-block {
	padding: 1rem;
	margin-bottom: 1rem;
}
.callout-blue {
	background-color: #ccd6e0;
}
.callout-tan {
	background-color: rgba(216, 180, 70, 0.4);
}
.callout-block > *:last-child {
    margin-bottom: 0;
}
/** List typography ================== */
/* List-based selectors are separated */
ul.lcp_catlist {
	list-style-type: none;
}
ul.list,
ol.list,
.lcp_catlist {
    margin-bottom: 1.25em;  /* 1.5em */
	padding-left: 1.5em;
	list-style-position: outside;
}
.list ul,
.list ol,
.lcp_catlist ul,
.lcp_catlist ol {
	padding-left: .5em;
	margin-top: .5em; /* keep spacing even with other list items in nested lists */
}
.list li {
	padding-left: .5rem;
	text-indent: -.5rem;
	line-height: 1.4;
	margin-bottom: .5rem;
}
.list li li {
	list-style-type: lower-alpha;
}
.list li li li {
	list-style-type: upper-roman;
}
.lcp_catlist li .lcp_excerpt {
	padding-left: 1rem;
}
dl {
    margin-bottom: 1.25em;
}
dt {
    margin-bottom: 0;
    margin-top: 1em;
}
dd {
    margin-left: 1em;
}
/*Adding margin-top offset to lists if followed by a paragraph for even spacing*/
p + dt,
p + ul,
p + ol {
    margin-top: -0.15em;
}
.icon::before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
ul.fancy {
	list-style-type: none;
	padding-left: 1rem;
}
ul.fancy li {
	text-indent: -1em;
	margin-left: 1em;
}
ul.fancy li::before {
	content: "\f303";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	display: inline-block;
	margin-right: 1.2em;
	transform: scaleX(.75) scaleY(1.3) rotate(-135deg) translate(0.1em, 0.3em);
	transform-origin: 50%;
	color: #b68900;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5 {
	/* color: rgba(216, 180,70, 1.0); */
	color: rgba(191, 160, 64, 1.0);
	font-weight: 300;
	line-height: 1.25;
	margin-bottom: .2rem;
}
.h1, h1 {
    font-size: 1.8rem; /* 2.0rem; */
}
h1.page-title {
	margin-bottom: 1.8rem; /* 2rem; */
}
.h2, h2, .h3, h3 {
    font-size: 1.6rem; /* 1.75rem; */
}
.h4, h4, .h5, h5 {
    font-size: 1.4rem; /* 1.5rem; */
}
h1.entry-title, h2.entry-title {
	text-transform: capitalize;
}
/* un-condense condensed header fonts */
.hx {
	transform: scale(1, .8);
	transform-origin: 0 100%;
	/* letter-spacing: .01rem; */
}
h1.hx, .hx.h1 {
	font-size: 2.5rem !important;
}
h2.hx, .hx.h2, h3.hx, .hx.h3 {
	font-size: 2.25rem !important;
}
h4.hx, h4.hx.h2, h5.hx, .hx.h5 {
	font-size: 1.75rem !important;
}
p {
  
}
h1.entry-title {
  font-size: 1.75rem;
  padding-bottom: .5em;
  border-bottom: 1px solid #eaecef;
}
h2.entry-title {
  padding-bottom: .5em;
  border-bottom: 1px solid #eaecef;
}
h3.widget-title {
  font-size: 1.2rem;
  margin-bottom: .5rem;
}
a:link {
	color: #5e7db1;
}
a:active {
	background-color: rgba(150, 150, 150, 0.2);
}
a:focus {
	/* background-color: rgba(0, 255, 0, 0.15); */
	/* outline: thin dotted red; */
	/* outline: 5px auto -webkit-focus-ring-color; */
	box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
	/* transform: scale(1.1,1.1);
	transform-origin: 50% 50%; */
	outline: 1px dotted #b3b3b3;
}
a:hover,
.btn.btn-link:hover {
	/* color: #0056b3; */
	color: rgba(191, 160, 64, 1.0);
	text-decoration: underline;
}
a:visited {
	color: #003366;
}
a.btn {
	color: #000;
}
.hentry a:visited {
	color: #6c727d;
}
.hentry a.btn.btn-theme:visited {
	color: #000;
}
a[target="_blank"]::after,
.list-recording-link a[target="_blank"]::after {
	content: "\f24d";
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	/* transform: rotate(270deg); */
	margin: 0 0 0 .25rem;
	position: relative;
	/* top: -.3em; */
	font-size: .7rem;
	transform: translate(-.2em,-.1em);
	vertical-align: top;
	/* prevent distortion in strong links: */
	font-weight: normal;
}
ul.list li a[target="_blank"]::after {
	margin-left: 1.1em;
	margin-right: 0em;
}
ul.fancy li a[target="_blank"]::after {
	margin-left: 1.9em;
	margin-right: 0em;
}
h2 a[target="_blank"]::after,
h3 a[target="_blank"]::after,
h4 a[target="_blank"]::after {
	transform: translate(-.1em,-0em);
}
/* these links do NOT get a new window icon */
a.has-img[target="_blank"]::after,
a[href*="asbpe.site-ym.com"]::after,
a[href*="azbeeawards.secure-platform.com"]::after,
#twitter-feed-ASBPE a[target="_blank"]::after,
.fts-simple-fb-wrapper a[target="_blank"]::after,
.carousel-caption a[target="_blank"]::after,
a.btn[target="_blank"]::after,
.heateor_sss_sharing_ul a[target="_blank"]::after,
section.widget a[target="_blank"]::after {
	content: '';
	display: none;
}
a[href$=".pdf"]::after {
    /* content: "\f1c1";
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    transform: rotate(0deg);
    margin: 0 .2em;
    font-size: 100%;
    position: relative;
    top: -.1em; */
}
i, cite, em, var, dfn {
    font-family: ff-meta-web-pro, sans-serif;
	font-weight: 500;
	font-style: italic;
	font-size: 93%;
}
b, strong {
    /* font-family: ff-meta-web-pro, sans-serif; */
	font-family: itc-officina-sans-pro, sans-serif;
	font-weight: 700;
}
pre {
	-moz-tab-size: 2;
	-o-tab-size: 2;
	tab-size: 2;
}
xmp {
	white-space: pre;
	font-family: courier, 'courier new', monospace;
	font-size: 110%;
	color: navy;
	-moz-tab-size: 2;
	-o-tab-size: 2;
	tab-size: 2;
}
div > span > pre {
	background-color: transparent;
	border: 0px solid transparent;
	padding: 0;
}
/* A few Typography Classes ================================= */
.small-caps {
	font-variant: small-caps;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
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 1rem;
	width: 100%;
	max-width: 100%;
	overflow: scroll;
	border-bottom: 1px solid silver;
}
table.table {
	border-bottom: 1px solid #dee2e6;
}
table.table th {
	background-color: #eee;
}
table.table tr:nth-child(2n+1) td {
	background-color: #fcfcfc;
}
/* scrollable tables, code generated by js */
.scroll-instructions {
    clear: both;
    font-style: italic;
    margin-bottom: 6px;
	color: #767676;
}
.scroll-instructions .fa {
    font-size: 2.2em;
    vertical-align: -25%;
    font-style: normal;
    padding: 0 .3em;
    cursor: pointer;
    border: 1px solid #D8B446;
    border-radius: 50%;
    margin: 0 .2em;
	color: #003366;
}
.scroll-instructions .fa::before {
    display: inline-block;
}
.scroll-instructions .fa-caret-left::before {
    transform: translate(-15%, 0);
}
.scroll-instructions .fa-caret-right::before {
    transform: translate(15%, 0);
}
.table-wrapper {
    overflow-x: scroll;
    clear: both;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
label {
    margin-bottom: .25rem;
    font-weight: 700;
}
.required {
	color: red;
	font-size: 1.3rem;
	display: inline-block;
	vertical-align: middle;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
header#masthead {
  margin-bottom: 0;
  /* background-color: #563d7c ; */
  background-color: transparent;
  /* padding: .74rem 1rem; */
  padding: 0rem 0rem;
}
.navbar-brand > a {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.1rem;
  outline: medium none;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
  display: inline-block;
}
.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.15);
}
#page-sub-header {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 0;
  text-align: center;
  font-size: 1.25rem;
  background-size: cover !important;
}
body:not(.theme-preset-active) #page-sub-header h1 {
  line-height: 1.6;
  font-size: 4rem;
  color: #563e7c;
  margin: 0 0 1rem;
  border: 0;
  padding: 0;
}
#page-sub-header p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 300;
}
body:not(.theme-preset-active) #page-sub-header p {
color: #212529;
}
a.page-scroller {
  color: #333;
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 2rem;
}
.navbar-toggler:not(:disabled):not(.disabled) {
	/* position: fixed; */ /* for fixed button */
	position: absolute; /* for scroll-away button */
	top: 6px;
	right: 8px;
	border: thin solid rgba(128, 128, 128, 0.5);
	padding: .25rem .5rem;
	background-color: rgba(255,255,255,.4);
}
.navbar-collapse.show ul.navbar-nav {
	background-color: #003366;
	padding: 4rem 2rem 1rem;
}
body.admin-bar .navbar-toggler:not(:disabled):not(.disabled) {
	/* top: 53px; */
	/* we are using Better Admin Bar plugin to autohide the admin bar so we don't need this */
}
@media screen and (min-width: 768px) {
  body:not(.theme-preset-active) #page-sub-header h1 {
    font-size: 3.750rem;
  }
  body:not(.theme-preset-active) #page-sub-header {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 992px) {
  #page-sub-header p {
    max-width: 43rem;
    margin: 0 auto;
  }
}
#main-nav li.footnote a {
	cursor: default;
	pointer-events: none;
	margin-top: .5rem;
	padding-top: .5rem;
	padding-bottom: 0;
	border-top: 1px solid rgba(255,255,255,0.3);
	font-size: .95rem;
	color: rgba(255,255,255,0.6);
}
/* scroll-away nav ================= */
/* Add this class to the body element in extras.php and enable js function in custom.js to use this feature */
body.scrollaway-nav {
    /* padding-top: 40px; */ /* applied to #page instead */
}
body.scrollaway-nav nav.site-nav {
    height: 40px;
    position: fixed;
    top: 0;
    transition: top 0.2s ease-in-out;
    width: 100%;
}

body.scrollaway-nav nav.site-nav.nav-up {
    top: -40px;
}
/* avoid body scrolling when mobile menu is displayed; class added by js */
body.fixed-position {
    position: fixed;
 }
 
.navbar li.sub-head {
	pointer-events: none;
	cursor: default;
}
.navbar li.sub-head a {
	color: rgba(255,255,255,0.9);
}
.navbar li.sub-item {
	padding-left: 1rem;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead nav, .site-nav { /** a.k.a. .site-nav */
	padding-left: 0;
	padding-right: 0;
	/* using FIXED positioning */
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1020;
}
#masthead nav, .site-nav, .dropdown-menu { /** a.k.a. .site-nav */
  background-color: rgba(0, 51, 102, 1.0);
  box-shadow: 0 0 6px 0 rgba(0,0,0,.8);
}
.site-nav {
}
.admin-bar .site-nav {
	/* top: 32px; */
	/* we are using an admin bar hider plugin: Better Admin Bar */
}
@media screen and (max-width: 782px) {
  .admin-bar nav.navbar.site-nav {
    /* top: 46px; */
  }
}
body:not(.theme-preset-active) .site-nav .navbar-nav > li > a {
  color: #f5f5f5;
  padding: 0.5rem;
  font-size: 1rem;
  text-transform: uppercase;
}
body:not(.theme-preset-active) .site-nav .navbar-nav > li > a:hover,
body:not(.theme-preset-active) .site-nav .navbar-nav > li.current_page_item > a {
	color: #fff;
	transform: scale(1.075,1);
	transform-origin: 50% 50%;
  /*background: #f9f9f9;*/
}
body:not(.theme-preset-active) .site-nav .navbar-nav > li.current_page_item > a {
	background: rgba(255,255,255,.15);
}
.navbar-brand {
  height: auto;
}
.width-sm .navbar-brand, .width-xs .navbar-brand {
	display: none;
}
.navbar-brand:hover {
  transform: scale(1.1,1);
  transform-origin: 50% 50%;
}
.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}
.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}
.navbar a:focus {
	box-shadow: none;
}
a.navlink:active {
	background-color: rgba(255, 255, 255, 0.15);
}
/* dropdown menus */
.dropdown-menu {
	margin: 0 0;
	font-size: 1rem;
	color: #fff;
	background-clip: padding-box;
	border: 0px solid rgba(0,0,0,.15);
	border-radius: 0;
}
.dropdown-item,
.dropdown-item:link,
.dropdown-item:visited {
	color: #fff;
}
.dropdown-item:focus, .dropdown-item:hover {
	color: #fff;
	transform: scale(1,1.15);
	transform-origin: 50% 50%;
	text-shadow: 0px 0px 3px #32BCF0, 0px 0px 4px #32BCF0, 0px 0px 1px #000;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.dropdown-item {
  line-height: 1.2;
  padding-bottom: 0.313rem;
  padding-top: 0.313rem;
}
.dropdown-menu {
  min-width: 12.500rem;
}
.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}
.dropdown-menu .dropdown-item {
    white-space: normal;
    background: transparent;
    line-height: 1.2;
	padding-top: 0.3rem;
	padding-bottom: 0.3rem;
}
.dropdown-menu .dropdown-item:hover {
  background: transparent;
}
@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .dropdown-menu li > .dropdown-menu {
    right: -9.875rem;
    top: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  .navbar-nav .dropdown-menu {
    border: medium none;
    /* margin-left: 1.250rem; */
    /* padding: 0; */
  }
  .dropdown-menu li a {
    padding: 0;
  }
  .site-nav .navbar-nav > li > a {
    padding-bottom: 0.625rem;
    padding-top: 0.313rem;
  }
  .navbar-light .navbar-toggler {
    border: medium none;
    outline: none;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 45%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 45%;
}
.comment-content.card-block {
  padding: 20px;
}
.navigation.post-navigation {
  padding-top: 1.875rem;
}
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem 2rem;
  text-decoration: none;
}
.post-navigation .nav-next a::before {
	content: " \2192";
	display: block;
}
.post-navigation .nav-previous a::before {
	content: "\2190 ";
	display: block;
}
.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 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;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.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: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  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;
}
a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}
a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}
a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}
.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}
.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}
/*--------------------------------------------------------------
# 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;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
#secondary {
    padding-top: 3rem;
}
.single-webinar #secondary,
.single-news #secondary,
.post-type-archive-webinar #secondary {
	padding-top: 0;
}
.width-lg.archive .sidebar-inner,
.width-lg.single-news .sidebar-inner,
.width-lg.single-post .sidebar-inner,
.width-lg.single-webinar .sidebar-inner,
.width-xl.archive .sidebar-inner,
.width-xl.single-news .sidebar-inner,
.width-xl.single-post .sidebar-inner,
.width-xl.single-webinar .sidebar-inner {
	border-left: 9px solid rgba(94, 125, 177, 0.4);
	padding-left: 14px;
}
.widget {
  margin: 0 0 1.5em;
  font-size: .95rem;
  /* Make sure select elements fit in widgets. */
}
.widget-area .nav-link,
.widget-area .news-sidebar li a {
    display: block;
    padding: 0 1rem .75rem;
    line-height: 1.3;
}
.widget-area .news-sidebar ul {
	padding-left: 0;
}
.widget select {
  max-width: 100%;
}
.widget_search .search-form input[type="submit"] {
  display: none;
}
.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #eee;
  text-decoration: none;
}
.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}
.widget_categories .nav-link {
  /* display: inline-block; */
  padding: 0 1rem .5rem;
}
#secondary .nav > li > a:focus, #secondary .nav > li > a:hover {
    background-color: transparent;
    text-decoration: underline;
}
.azbees-widget.widget,
.conference-widget.widget,
.member-widget.widget {
	margin-bottom: 0;
}
.azbees-widget div.textwidget {
	position: relative;
	width: 300px;
	height: 400px;
	margin: 0 auto 20px;
	background-image: url('img/sidebar-widgets-sprite-300x800.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}
.azbees-widget .widget-title,
.azbees-widget .widget-subtitle {
	text-indent: -9999px;
}
.azbees-widget .widget-title a {
	display: block;
	height: 280px;
}
.azbees-widget p.winners {
	position: absolute;
	top: auto;
	right: 100px;
	bottom: 45px;
	left: 100px;
	width: 100px;
	height: 60px;
	margin: 0 auto;
	text-indent: -9999px;
}
.azbees-widget p.winners a {
	display: block;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}
.azbees-widget p.learn-more {
	position: absolute;
	top: auto;
	right: 100px;
	bottom: 0;
	left: 100px;
	width: 100px;
	height: 20px;
	margin: 0 auto 16px;
	text-indent: -9999px;
}
.azbees-widget p.learn-more a {
	display: block;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}

.conference-widget div.textwidget {
	position: relative;
	width: 300px;
	height: 200px;
	margin: 0 auto 20px;
	background-image: url('img/sidebar-widgets-sprite-300x800.png');
	background-repeat: no-repeat;
	background-position: 0 -400px;
}
.conference-widget .widget-title {
	text-indent: -9999px;
}
.conference-widget .widget-title a {
	display: block;
	height: 200px;
}

.member-widget div.textwidget {
	position: relative;
	width: 300px;
	height: 200px;
	margin: 0 auto 20px;
	background-image: url('img/sidebar-widgets-sprite-300x800.png');
	background-repeat: no-repeat;
	background-position: 0 -600px;
}
.member-widget .widget-title {
	text-indent: -9999px;
}
.member-widget .member-p {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-indent: -9999px;
	margin-bottom: 25px;
}
.member-widget .member-p a {
	display: block;
	height: 30px;
}
/* advertising slot */
.sponslot {
	background-image: url('img/asbpe-blocker-bg.gif');
	background-repeat: no-repeat;
	background-position: center bottom;
}
.sponslot a {
	display: block;
	width: 300px;
	height: 250px;
	margin: 0 auto;
}
.sponslot h3.widget-title,
.sponslot div.asbpe-adlabel {
	color: #444;
	font-size: .8rem;
	line-height: 1.2;
	margin-bottom: .1rem;
	font-family: itc-officina-sans-pro, sans-serif;
	text-align: center;
	width: 100%;
}
.sponslot div.code-block {
	margin-top: 0 !important;
}
.sponslot img {
	border: 5px solid #5e7db1;
	margin: 0 auto;
}
/*--------------------------------------------------------------
# Bootstrap Editor styles - see also editor-styles.css
--------------------------------------------------------------*/
.row.inserted-columns {
	/* margin-bottom: 1rem; */
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/* Prevent Jumbotron ================= */
#masthead > .container,
#content > .container {
	background-color: #fff;
}
#content > .container {
	padding-top: 1rem;
	padding-bottom: 3.5rem;
}

/*--------------------------------------------------------------
## Header elements
--------------------------------------------------------------*/
.header-brand a {
	display: block;
}
.header-brand .site-title span.title-text,
.header-brand .tagline {
	position: absolute;
	left: -9999px;
}
.container.header-content {
	padding-right: 0;
	padding-left: 0;
}
.container.header-content .col {
	-ms-flex-preferred-size: auto;
	flex-basis: auto;
}
.header-tools .row {
	min-height: 100%;
}
.header-tools .icons-region {
    text-align: right;
}
.header-tools .icons-region a {
    display: inline-block;
	margin: 0 .35rem;
}
.header-tools .icons-region i {
    font-size: 1.5rem;
}
i.social-icon {
	color: #fff;
	padding: .5rem;
	border-radius: 50%;
	background-color: silver;
	width: 2.6rem;
	height: 2.6rem;
	display: inline-block;
	text-align: center;
	line-height: 1.5rem;
	vertical-align: middle;
	opacity: 1;
}
a:hover i.social-icon {
	opacity: .8;
}
i.fa-facebook-f.social-icon {
	background-color: #3B5998;
}
i.fa-twitter.social-icon {
	background-color: #00ACED;
}
i.fa-linkedin-in.social-icon {
	background-color: #007BB6;
}
i.fa-youtube.social-icon {
	background-color: #D46E6E; /* #B50D0D; */
	font-size: 1.3rem;
}
.header-search-wrapper {
	display: inline-block;
}
.header-search-wrapper.closed .search-field {
	width: 0;
	border-color: transparent;
	padding: 0;
}
.icons-region .search-form {
	display: inline-block;
}
.icons-region .search-form .search-submit {
	display: none;
}
.header-tools .icons-region i.fa-search {
	cursor: pointer;
	vertical-align: middle;
	font-size: 1.85rem;
	margin-right: .4rem;
}
.header-buttons {
	text-align: right;
}
.header-buttons, .icons-region {
	padding: .65rem 0;
}
.header-buttons a {
	margin: 0 .25rem;
}
.member-row {
	padding: 1rem 0 2rem;
}
.member-row .col {
	text-align: center;
}
a.with-gradient {
	color: #003366;
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 1.35rem;
	/* padding: 0 4.75rem; */
	padding: 0;
	position: relative;
	z-index: 1;
	/* font-weight: 700; */
}
a.with-gradient:hover {
	text-decoration: none;
}
a.with-gradient::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0;
	bottom: 30%;
	left: 0;
	z-index: -1;
	transition: background 2s ease;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d8b446+0,d8b446+30,d8b446+70,d8b446+100&0.05+0,1+30,1+70,0.05+100 */
	background: -moz-linear-gradient(left,  rgba(216,180,70,0.05) 0%, rgba(216,180,70,1) 30%, rgba(216,180,70,1) 70%, rgba(216,180,70,0.05) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(216,180,70,0.05) 0%,rgba(216,180,70,1) 30%,rgba(216,180,70,1) 70%,rgba(216,180,70,0.05) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(216,180,70,0.05) 0%,rgba(216,180,70,1) 30%,rgba(216,180,70,1) 70%,rgba(216,180,70,0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dd8b446', endColorstr='#0dd8b446',GradientType=1 ); /* IE6-9 */
}
a.with-gradient:hover::before {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d8b446+0,d8b446+30,d8b446+70,d8b446+100&1+0,0.05+30,0.05+70,1+100 */
	background: -moz-linear-gradient(left,  rgba(216,180,70,1) 0%, rgba(216,180,70,0.05) 30%, rgba(216,180,70,0.05) 70%, rgba(216,180,70,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(216,180,70,1) 0%,rgba(216,180,70,0.05) 30%,rgba(216,180,70,0.05) 70%,rgba(216,180,70,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(216,180,70,1) 0%,rgba(216,180,70,0.05) 30%,rgba(216,180,70,0.05) 70%,rgba(216,180,70,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8b446', endColorstr='#d8b446',GradientType=1 ); /* IE6-9 */
}
a.with-gradient .gradient-mask {
    background-color: #fff;
    padding: 0 7px;
}

/* Box Jumbotrons */
@media (min-width: 1200px) {
	body {
		background: #fbfbfb;
		background: #fff;
	}
	.container,
	.container.header-content {
		max-width: 1140px;
		padding-right: 45px;
		padding-left: 45px;
	}
}
/*--------------------------------------------------------------
# Miscellaneous elements
--------------------------------------------------------------*/
/* element which is full width inside of a boxed container */
.breakout {
    width: 100vw;
    position: relative;
    left: calc(-1 * (100vw - 100%) / 2);
}
/* autohide admin bar */
html,
html body,
* html body {
	margin-top: 0 !important
}
html #wpadminbar {
	top: -24px !important;
	opacity: 0.5;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	-webkit-transition-delay: 125ms;
	transition-delay: 125ms;
}
html #wpadminbar:hover {
	opacity: 1;
	top: 0 !important
}
html #wpadminbar * {
	opacity: 0;
}
html #wpadminbar:hover * {
	opacity: 1;
}
@media screen and (max-width: 782px) {
	html #wpadminbar {
		top: -41px !important;
		-webkit-transition-delay: 0;
		transition-delay: 0;
	}
	html #wpadminbar .quicklinks {
		display: -ms-flexbox!important;
		display: flex!important;
		-ms-flex-pack: justify!important;
		justify-content: space-between!important;
		overflow: auto;
		max-width: 100%;
	}
	html #wpadminbar .quicklinks ul {
		display: -ms-flexbox!important;
		display: flex!important;
	}
}
.anr_captcha_field_div {
	margin-bottom: .5rem;
}
.webinar-display-title em {
	color: #6c7289;
	font-size: 90%;
}
.webinar-list-item-footer {
	text-align: right;
}
span.list-recording-link {
	display: inline-block;
	float: left;
}
span.list-recording-link em {
	color: #888;
}
.post-type-archive-webinar article {
	margin-bottom: 1em;
}
/*--------------------------------------------------------------
## `Posts `and pages - applies to all
--------------------------------------------------------------*/
#content.site-content {
  /* padding-bottom: 3.75rem; */
  /* padding-top: 4.125rem; */
  /* padding-top: 1rem; */
}
.sticky .entry-title::before {
  content: '\f08d';
  font-family: "Font Awesome\ 5 Free";
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
  font-weight: 900;
}
.sticky .entry-title {
  position: relative;
}
.single .byline,
.group-blog .byline {
  display: inline;
}
.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
  position: relative;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}
.post.hentry {
  margin-bottom: 1.5rem;
}
.posted-on, .byline, .comments-link {
  color: #9a9a9a;
}
.entry-title > a {
  color: inherit;
}
.page .post-thumbnail-wrapper,
.single-post .post-thumbnail-wrapper,
.single-news .post-thumbnail-wrapper {
	position: relative;
	max-width: 580px;
	margin: 0 auto 3rem;
}
.page .post-thumbnail,
.single-post .post-thumbnail,
.single-news .post-thumbnail {
	display: block;
	width: 100%;
	outline: 1px solid #D8B446;
	margin: 0 auto 1rem;
	/* transform: scale(.9); */
	/* transform-origin: 50% 0; */
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
}
.page .post-thumbnail:after,
.single-post .post-thumbnail:after,
.single-news .post-thumbnail:after {
	content: "";
    display: block;
    padding-bottom: 56.25%;
}
.page .post-thumbnail-wrapper cite,
.single-post .post-thumbnail-wrapper cite,
.single-news .post-thumbnail-wrapper cite {
	position: absolute;
	right: .5rem;
	bottom: -1.5rem;
	color: gray;
	font-size: .8rem;
}
/* archives ======= */
.archive article.post h2.entry-title,
.archive article.news h2.entry-title,
.archive article.webinar h2.entry-title {
	color: rgba(94, 125, 177, 1.0);
	font-size: 1.5rem;
	border-bottom: none;
	padding-bottom: 0;
	border-top: 1px solid #eaecef;
	padding-top: .5em;
}
.archive article.post .entry-content,
.archive article.news .entry-content,
.archive article.webinar .entry-content {
	position: relative;
    margin: .5em 0 0;
}
.archive-thumbnail {
	float: left;
	margin: .3rem 15px .5rem 0;
}
.archive-thumbnail a.thumbnail-wrapper {
	display: block;
	max-width: 80px;
}
.archive-thumbnail a.thumbnail-wrapper img {
	object-fit: cover;
	width: 80px;
	height: 80px;
	background-image: url('/wp-content/uploads/2020/09/thumbnail-bg.png');
	background-size: contain;
	background-repeat: no-repeat;
}
/* Do not double up featured image:  */
.archive article.post > div.post-thumbnail,
.archive article.news > div.post-thumbnail {
	display: none;
}
.readmore:link {
	color: rgba(94, 125, 177, 1.0);
}
div.edit-buttonhole {
	position: absolute;
	bottom: 0;
	right: 0;
}
.btn.btn-sm.btn-edit-post-link {
	padding: .2rem;
	line-height: 1;
	font-size: .75rem;
}
/* author box in single posts */
section.author-box {
	background-color: rgba(0, 51, 102, 0.075);
	padding: 1.5rem 1.5rem .5rem;
	margin: 1.5rem 1rem 1.5rem auto;
	border: 2px solid rgba(94, 125, 177, 0.4);
	border-radius: 3px;
}
.author-box .author-box-name.h4 {
	margin-bottom: .5em;
}
.author-box a:link {
	color: rgba(0, 51, 102, 1.0);
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
	padding: 1rem;
	margin-top: 3rem;
	background-color: rgba(204, 214, 224, 0.4);
	border-radius: 9px;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list .comment {
  display: block;
}
.comment-list {
  padding-left: 0;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback:first-child {
  border: medium none;
}
/*--------------------------------------------------------------
## Reveal elements
--------------------------------------------------------------*/
.dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .2em;
	content: "";
	border-top: .35em solid;
	border-right: .4em solid transparent;
	border-bottom: 0;
	border-left: .4em solid transparent;
	transform: rotate(0deg);
	transition: transform .2s linear;
}
.dropdown-toggle[aria-expanded="true"]::after {
	transform: rotate(-180deg);
}
nav span.caret {
	display: none;
}
.caret::after {
	display: inline-block;
	content: "";
	margin-left: .255em;
	vertical-align: .15em;
	border-top: .45em solid;
	border-right: .55em solid transparent;
	border-bottom: 0;
	border-left: .55em solid transparent;
}
/*--------------------------------------------------------------
# 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 {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}
.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-item .gallery-columns-2 {
  max-width: 50%;
}
.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
  max-width: 25%;
}
.gallery-item .gallery-columns-5 {
  max-width: 20%;
}
.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}
.gallery-caption {
  display: block;
}
/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}
.variations_form .variations .value > select {
  margin-bottom: 0.625rem;
}
.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}
/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/
.elementor-page article .entry-footer {
  display: none;
}
.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}
.elementor-page .entry-content {
  margin-top: 0;
}
/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/
.vc_desktop article .entry-footer {
  display: none;
}
.vc_desktop #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}
.vc_desktop .entry-content {
  margin-top: 0;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
/* social sharing - actually at bottom of content */
.heateor_sss_sharing_title {
	font-weight: 400 !important;
	font-style: italic;
	margin-top: 3rem;
	margin-bottom: 1rem;
}
#page .heateorSssPrintBackground,
#page .heateorSssCopyLinkBackground,
#page .heateorSssEmailBackground {
    background-color: #D8B446;
}
#page .heateorSssMoreBackground {
    background-color: #5E7DB1;
}
.heateor_sss_sharing_container .heateor_sss_sharing_ul {
	width: 160px !important;
	margin: 0 auto !important;
	max-width: 100%;
}
.heateor_sss_sharing_ul a {
	display: inline-block;
}
.heateor_sss_sharing_ul a:nth-of-type(1) {
	margin-left: 18px !important;
}
.heateor_sss_sharing_ul a:nth-of-type(3) {
	margin-right: 16px !important;
}
.heateor_sss_sharing_ul a:nth-of-type(4),
.heateor_sss_sharing_ul a:nth-of-type(5),
.heateor_sss_sharing_ul a:nth-of-type(6),
.heateor_sss_sharing_ul a:nth-of-type(7) {
	margin-top: 6px !important;
}
.heateor_sss_sharing_ul a:nth-of-type(4) span,
.heateor_sss_sharing_ul a:nth-of-type(5) span,
.heateor_sss_sharing_ul a:nth-of-type(6) span,
.heateor_sss_sharing_ul a:nth-of-type(7) span {
	background-color: #D8B446 !important;
}
.heateor_sss_sharing_ul a:nth-of-type(1):hover span,
.heateor_sss_sharing_ul a:nth-of-type(2):hover span,
.heateor_sss_sharing_ul a:nth-of-type(3):hover span,
.heateor_sss_sharing_ul a:nth-of-type(4):hover span,
.heateor_sss_sharing_ul a:nth-of-type(5):hover span,
.heateor_sss_sharing_ul a:nth-of-type(6):hover span,
.heateor_sss_sharing_ul a:nth-of-type(7):hover span {
	background-color: rgba(0, 51, 102, 1.0) !important;
}

.quick-links {
	background-color: rgba(216, 180, 70, 0.4);
}
.quick-links .row {
	padding-top: 3rem;
	padding-bottom: 2rem;
	max-width: 1140px;
	margin: 0 auto;
}
.quick-links a:hover {
	text-decoration: none;
}
.quick-links .col a:nth-of-type(2) {
	display: block;
	text-align: center;
	margin: .5em auto;
	font-size: 1.35rem;
	color: #003366;
	transform: scale(1, 1);
	transform-origin: 50%;
	transition: transform .5s ease;
}
.quick-links a:nth-of-type(2):hover {
	text-decoration: none;
	transform: scale(1.1, 1);
}
.quick-links a span {
	display: block;
	margin: 0 auto;
	height: 100px;
	width: 100px;
	font-size: 1rem;
	text-indent: -9999px;
	background-image: url('img/asbpe-icons-sprite-100x800.png');
	background-repeat: no-repeat;
	background-color: transparent;
	color: #e00000;
	text-align: center;
	text-shadow: 2px 2px 1px #fff;
	line-height: 1.2;
}
.quick-links a span:hover {
	background-color: rgba(255,255,255,0.5);
	-webkit-box-shadow: inset 0 0 25px 15px #EFE1B5;
    -moz-box-shadow: inset 0 0 25px 15px #EFE1B5;
    box-shadow: inset 0 0 25px 15px #EFE1B5;
	text-indent: 0;
}
.azbees-icon {
	background-position: 0 -300px;
}
.conference-icon {
	background-position: 0 -400px;
}
.webinars-icon {
	background-position: 0 -500px;
}
.ethics-icon {
	background-position: 0 -600px;
}
.directories-icon {
	background-position: 0 -700px;
}

footer#colophon {
  font-size: 85%;
}
.footer-content {
	max-width: 1110px;
}
body:not(.theme-preset-active) footer#colophon {
  color: #464646;
  background-color: rgba(0, 51, 102, 0.2);
}
.col-facebook, .col-twitter {
    max-height: 500px;
    overflow: scroll;
	padding-top: 4px;
}
/* twitter feed ========= */
img.fts-twitter-description-image {
	display: none;
}
footer#colophon .fts-twitter-image,
footer#colophon .widget .fts-twitter-image {
	display: none;
}
footer#colophon .tweeter-info .fts-right {
    padding: 0 7px 0 7px;
}
footer#colophon .fts-right .fts-uppercase, .fts-twitter-full-width .fts-uppercase {
    /* margin-left: -300px; */
}
footer#colophon .col-twitter .fts-twitter-div .fts-twitter-text a {
	color: #999;
}
.col-twitter .fts-twitter-reply-wrap,
.col-twitter .fts-twitter-reply-wrap-left {
	margin-top: 0;
}
#colophon .fts-twitter-text a:first-of-type::before {
	content: "";
	display: block;
	margin-right: 1em;
}
#colophon .fts-twitter-text a:first-of-type {
	margin-right: 1em;
}
/* facebook feed ========= */
.fts-jal-fb-header {
	display: none;
}
a.fts-jal-fb-picture {
	margin-top: 0;
	margin-bottom: 0;
}
footer#colophon .fts-jal-fb-post-time {
    margin-bottom: 0px;
}
footer#colophon .fts-jal-fb-message {
    padding-top: 0px;
}
.navbar-dark .site-info {
  color: #fff;
}
.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}
/* fix giant svg icons  */
.ft-gallery-link-popup > svg.svg-inline--fa {
	display: none;
}

/* social feeds section ====== */
section.social-feeds {
	max-width: 500px;
	width: 100%;
	margin: 0 auto 1rem;
	padding: 10px;
	/* border: 1px solid var(--color-primary-tint-2); */
	border-radius: 3px;
}
/* social feed tabs === */
.social-feeds .nav-tabs .nav-link {
    /* border: 1px solid var(--color-secondary-tint-4);
        border-top-color: var(--color-secondary-tint-6);
        border-right-color: var(--color-secondary-tint-6);
        border-bottom-color: transparent;
        border-left-color: var(--color-secondary-tint-6); */
    border: 1px solid rgba(255,255,255,0.3);
        border-top-color: rgba(255,255,255,0.3);
        border-right-color: rgba(255,255,255,0.3);
        border-bottom-color: transparent;
        border-left-color: rgba(255,255,255,0.3);
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
	background-color: rgba(255,255,255,0.3);
	padding: 8px;
}
.social-feeds .nav-tabs .nav-link:focus {
	box-shadow: 0 -.2rem 0 .2rem rgba(0,123,255,.25);
}
.social-feeds .nav-tabs .nav-item {
	margin-bottom: -2px;
	width: 49%;
	text-align: center;
	font-size: 32px;
}
.social-feeds .nav-tabs .nav-item:first-of-type {
	margin-right: 1%;
}
.social-feeds .nav-tabs .nav-item:last-of-type {
	margin-left: 1%;
}
.social-feeds .nav-tabs .nav-item.show .nav-link,
.social-feeds .nav-tabs .nav-link.active {
	background-color: #fff;
    border: 1px solid #fff;
        border-top-color: #fff;
        border-right-color: #fff;
        border-bottom-color: transparent;
        border-left-color: #fff;
}
a#twitter-tab i {
	color: #1b95e7;
}
a#facebook-tab i {
	color: #3566A5;
}
/* feed area === */
.social-feeds .tab-content {
	padding: 10px;
	border: 1px solid #fff;
	background-color: #fff;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
	height: 622px;
	max-height: calc(98vh - 50px);
	overflow-y: scroll;
	overscroll-behavior: contain;
}
.social-feeds .tab-pane {
	/* text-align: center; */
	overscroll-behavior: contain;
	padding-top: 10px;
}
.social-feeds #twitter.tab-pane {
	text-align: left;
}
#twitter, #facebook {
	height: 600px;
}
/* Career Center Feed */
#colophon #widget_wrapper_cfp7DpxR6RpeqwY1zjpCcUVTdKWkvjHN.widget_wrapper {
    width: auto;
    max-width: 100%;
    margin: 0px;
    padding: 0 10px 10px;
    border: 1px solid transparent;
}
#colophon #widget_wrapper_cfp7DpxR6RpeqwY1zjpCcUVTdKWkvjHN .widget_wrapper_title #widget_title {
    font-size: 1.75rem;
}
#colophon #widget_wrapper_cfp7DpxR6RpeqwY1zjpCcUVTdKWkvjHN .jt_input_findjob,
#colophon .searchButton {
	background-color: #D8B446;
	border-color: #D8B446;
	border-left: 0;
	color: #000;
	height: 41px;
}
#colophon #widget_wrapper_cfp7DpxR6RpeqwY1zjpCcUVTdKWkvjHN .primary {
    background-color: #003366;
    color: #FFFFFF;
	font-size: 1.15rem;
}
#widget_wrapper_cfp7DpxR6RpeqwY1zjpCcUVTdKWkvjHN #widget_inner_bottom {
    opacity: 0.6;
}
#widget_wrapper_cfp7DpxR6RpeqwY1zjpCcUVTdKWkvjHN #widget_inner_bottom:hover {
    opacity: 1;
}
#colophon .col-jobs-feed #widget_inner_bottom a[target="_blank"]::after {
	display: none;
}
#colophon .col-jobs-feed nobr {
    display: inline-block;
    vertical-align: bottom;
    margin-left: .25rem;
	transform: translateY(3px);
}

.copyright a, footer#colophon a {
  color: inherit;
}
@media screen and (max-width: 767px) {
  .site-nav .navbar-nav > li > a {
    padding-bottom: 0.938rem;
    padding-top: 0.938rem;
  }
}
.plinth {
	cursor: default;
	display: block;
	margin: 0px auto 2rem;
	border-bottom: 3px solid #8F8F8F;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	height: 0;
	width: 100px;
}
.plinth::after {
	content: '';
	display: block;
	margin: 0px auto;
	padding-bottom: 20px;
	border-top: 3px solid #8F8F8F;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	height: 0;
	width: 100px;
	top: 5px;
	position: relative;
	left: -10px;
}
/*--------------------------------------------------------------
# Pages and Sections
--------------------------------------------------------------*/
/* front-page (homepage) */
.carousel-wrapper {
	width: 1080px;
	max-width: 100%;
	margin: 0 auto;
}
.carousel-item {
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.home .carousel-caption {
	white-space: pre-line;
}
.home .carousel-caption h4 {
	position: fixed;
	top: 7%;
	right: 2rem;
	bottom: auto;
	left: 2rem;
	font-size: 3.75rem;
	font-weight: 700;
	letter-spacing: .075rem;
	text-shadow: 0px 0px 15px #000000;
	color: #fff;
}
.home .slide-cap-wrap {
	min-height: 3.4rem;
}
.home .slide-caption {
	background-color: rgba(255,255,255,0.3);
	border: 1px solid rgba(0,0,0,.5);
	border-radius: 5px;
	padding: .25rem 1rem;
	margin-bottom: 0;
	display: inline-block;
	line-height: 1.25rem;
	clear: both;
	/* position: absolute;
	left: 50%;
	transform: translate(-50%, -20%);
	bottom: 50%; */
	/* display: block; */
	/* transform-origin: 50% 100%;
	min-height: 3.4rem; */
}
.home .slide-caption::before,
.home .slide-caption::after {
	content: '';
	display: block;
	clear: both;
	width: 100%;
}
.home .carousel-caption h4 span,
.home .carousel-caption .slide-caption span,
.home .carousel-caption .slide-caption a.readmore {
	display: none;
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-next:active, .carousel-control-prev:focus, .carousel-control-prev:hover, .carousel-control-prev:active {
	box-shadow: 0 0 0 0 rgba(255,255,255,0.0);
	background-color: transparent;
}
.home .carousel a.pull-right {
	float: none;
}
h1.homepage-title {
	font-size: 2.5rem;
}
.home h1, .home .h1,
.home h2, .home .h2,
.home h3, .home .h3,
.home h4, .home .h4,
.home h5, .home .h5 {
	/* color: rgba(94, 125, 177, 1.0); */
}
.home .h1, .home h1 {
    font-size: 2.0rem;
}
.home .h2, .home h2, .home .h3, .home h3 {
    font-size: 1.75rem;
}
.home .h4, .home h4, .home .h5, .home h5 {
    font-size: 1.5rem;
}
/* benefit icons */
.benefits-row .large-icon {
	width: 100px;
	height: 100px;
	margin: 1rem auto;
	background-image: url('img/asbpe-icons-sprite-100x800.png');
	background-repeat: no-repeat;
	background-color: transparent;
}
.voice-icon {
	background-position: 0 0;
}
.peers-icon {
	background-position: 0 -100px;
}
.awards-icon {
	background-position: 0 -200px;
}
/* within homepage loops */
.home-loop-item {
	position: relative;
}
.home-loop-item .loop-item-title {
	font-size: 1.3rem;
	min-height: 3.1rem;
	max-height: 3.1rem;
	overflow: hidden;
	text-overflow: ellipsis;
}
.home-loop-item .entry-content {
	position: relative;
    margin: 0;
}
.home-loop-item .heateor_sss_sharing_container,
.home-loop-item .heateorSssClear{
	display: none;
}

/* typography page ====== */
.page-typography .hero {
	text-align: center;
	padding: 5rem 0;
	margin-bottom: 1rem;
	margin-top: -1.5rem;
	background-color: whitesmoke;
}
/* contact ====== */
.wpcf7-form .wpcf7-response-output:empty {
	display: none;
}
.wpcf7 form .wpcf7-response-output {
	margin: 0 0 1em;
	padding: 0.4em 1em;
	border: 1px solid #00a0d2;
	border-radius: 5px;
	background-color: rgba(255,255,255,0.5);
	color: #000;
	font-weight: bolder;
}
.wpcf7-form .wpcf7-response-output.alert.alert-success {
	background-color: #d9ffd9; /* aliceblue */
	border: 1px solid silver;
}
.wpcf7-form .wpcf7-response-output.alert {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.wpcf7-form.invalid .wpcf7-response-output.alert {
	background-color: #ffece7;
	border-color: #ffc6ba;
	color: #000;
}
.wpcf7-not-valid {
	border-color: #ffb900;
	box-shadow: 0 0 0 .2rem rgba(255, 185, 0, 0.25);
}
.wpcf7-not-valid-tip {
	font-style: italic;
	font-weight: normal;
}
label .small {
	font-size: 90%;
	font-weight: normal;
}
.form-row > .col, .form-row > [class*="col-"] {
    margin-bottom: 1rem;
}
.page-contact .heateor_sss_sharing_container,
.page-contact .heateorSssClear {
	display: none;
}
/* instead of BSfCF7 css injection... */
div.wpcf7 .ajax-loader {
	/* background-image: url('https://asbpe.org/wp-content/plugins/contact-form-7/assets/ajax-loader.gif'); */
}

/* Who we are page ================ */
#committee-links td {
	vertical-align: top;
	padding-right: 2em;
	padding-bottom: 1em;
	line-height: 1.2;
	border-top: 1px solid silver;
	padding-top: 1em;
}
#committee-links td a {
}

/* find member services page ======== */
.member-services-lists {
	margin-right: -15px;
	margin-left: -15px;
	margin-top: 1rem;
}
.member-services-lists .col {
	background-color: rgba(239, 225, 181, 0.75);
	padding: 1rem 1.5rem;
	border-radius: 7px;
	margin-right: 7.5px;
	margin-left: 7.5px;
	margin-bottom: 15px;
}
.width-xl .member-services-lists .col,
.width-lg .member-services-lists .col,
.width-md .member-services-lists .col {
	max-width: 47%;
}
.col-member-buttons {
	text-align: center;
}
.col-member-buttons h3 {
	text-align: left;
}
.width-xl .member-services-lists .col.col-member-buttons,
.width-lg .member-services-lists .col.col-member-buttons,
.width-md .member-services-lists .col.col-member-buttons {
	max-width: calc(100% - 3rem + 20px);
}
.col-member-buttons .btn.btn-theme {
	font-size: .95rem;
	display: inline-block;
}

.page-helpful-links h2[id] {
	border-top: 1px solid silver;
	padding-top: 1rem;
	margin-top: 3rem;
	margin-bottom: 1rem;
}


/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
  html {
    font-size: 95%;
  }
}
@media screen and (max-width: 1199px) {
  .navbar-dark .dropdown-item {
    color: #fff;
  }
  .navbar-nav .dropdown-menu {
    /* background: transparent;
    box-shadow: none;
    border: none; */
  }
}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  html {
    font-size: 90%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  html {
    font-size: 85%;
  }
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  html {
    font-size: 85%;
  }
}
/*--------------------------------------------------------------
## iPhone
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  html {
    /* font-size: 80%; */
  }
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* !! BREAKPOINTS - see: http://v4-alpha.getbootstrap.com/layout/overview/ */
/* We are using the same breakpoins as Bootstrap */
/* We are using the max-width version */
/* This means that we are using a mobile-LAST implementation */
/* Code for ALL devices appears ABOVE the breakpoint rules;
   Code for specific, progressively smaller, devices appears within the breakpoint rules. */
/* Bootstrap breakpoints are identified as xl, lg, md, sm, xs */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Jumbo devices (large desktops 1921px or larger) - NOT a Bootstrap breakpoint */
@media (min-width: 1921px) {
	/* code for jumbo screen goes here when needed */
}

/* Extra large devices (large desktops 1200px or larger) - Bootstrap xl */
/* No media query since the extra-large breakpoint has no upper bound on its width */
/* Code for ALL devices goes BEFORE this point. */

body {
	/* only show indicator for admins */
	/* a border for quick visual indicator of which breakpoint we are in */
	border-width: 0 0 0 0;
	border-color: red;	/* indicates xl state */
}
body.show-width {
	/* for development use 0 3px 0 0 */
	/* a border for quick visual indicator of which breakpoint we are in */
	border-width: 0 0px 0 0;
	border-style: solid;
}

/* We use a state indicator to synch these breakpoints with our custom.js
 * We use javascript to perform various tasks based on the visitors' browser window state.
 * See our custom.js file for details. 
 * We also use a visible state indicator for logged in admins for ease of theming.
 */
.state-indicator {
	position: fixed;
	top: calc(100vh - 15px);
	right: 9999px;
	text-indent: -9999px;
	height: 10px;
	width: 10px;
	min-width: 10px;
	border-radius: 50%;
	overflow: hidden;
	background-color: red; /* indicates xl state */
    z-index: 1; /* for xl state */
}
body.show-width .state-indicator {
	right: 5px;
}
/* devices in LANDSCAPE mode */
@media (orientation: landscape) {
	.state-indicator:before { content: 'landscape'; }
}

/* devices in PORTRAIT mode */
@media (orientation: portrait) {
	.state-indicator:before { content: 'portrait'; }
}

/* Large devices - Bootstrap lg
 * (less than 1200px:
 * roughly smallish desktops, tablets in landscape mode, and everything smaller) */
@media (max-width: 1199px) {
	/* lg code goes here */
	.state-indicator {
        z-index: 2;
		background-color: orange;
    }
	body {
		border-color: orange;	
	}
	.container {
		width: 94%;	
	}
}

/* RARE - Large devices (desktops, 992px to 1199px ONLY) */
@media (min-width: 992px) and (max-width: 1199px) { 
	/* lg ONLY code goes here */
}

/* Medium devices - Bootstrap md
 * (less than 992px: 
 * roughly tablets in portrait mode and some large phones in landscape mode, and all smaller) */
@media (max-width: 991px) {
	/* md code goes here */
	.state-indicator {
        z-index: 3;
		background-color: yellow;
    }
	body {
		border-color: yellow;	
	}
	.container {
		width: 96%;	
	}
	.col-md-6 {
		width: 50%;
	}
	.col-md-4 {
		width: 33.33333333%;
	}
	.col-md-3 {
		width: 25%;
	}
	.site-footer span.sep,
	.entry-meta span.sep {
		display: block;
		visibility: hidden;
		line-height: .5;
	}
	#colophon .fts-twitter-text a {
		display: block;
	}
}

/* RARE - Medium devices (usually tablets, 768px to 991px ONLY) */
@media (min-width: 768px) and (max-width: 991px) {
	.conference-widget div.textwidget {
		transform: scaleY(0.95);
		transform-origin: top;
		margin-bottom: 0;
	}
	.member-widget div.textwidget {
		transform-origin: 50% 100%;
		transform: scaleY(0.95);
	}
	.site-nav .dropdown-menu {
		margin-top: 3px;
	}
	.site-nav .dropdown-menu .dropdown-item {
		padding: .25rem 1.5rem;
	}
}

/* Tall narrow phone in landscape mode - like iphonex */
@media (max-width: 991px) and (orientation: landscape) {
	nav.site-navigation {
		background-color: transparent;
	}
    .navbar-header {
        float: none;
    }
    .navbar-default .navbar-toggle {
        display: block;
		margin-right: -25px !important;
		border-color: #cce5bc;
		background-color: rgba(255,255,255,.7);
		margin-right: -10px;
    }
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		border-color: #cce5bc;
		background-color: #e4f1dc;
	}
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    /* .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    } */
    .navbar-nav {
        float: none!important;
        margin: 0px -15px;
    }
}

/* Small devices - Bootstrap sm
 *  (less than 768px:
  * roughly phones in lndscape mode and anything smaller) */
@media (max-width: 767px) {
	/* sm code goes here */
	.state-indicator {
        z-index: 4;
		background-color: green;
    }
	body {
		border-color: green;	
	}
	.site-nav {
		background-color: rgba(000,000,000,.65);
		box-shadow: 0 0 6px 0 rgba(0,0,0,.8); /* for fixed button */
		box-shadow: none; /* for scroll-away menu */
	}
	.site-nav .dropdown-menu {
		background-color: transparent;
		box-shadow: none;
	}
	body.scrollaway-nav nav.site-nav {
		height: auto;
	}
	body:not(.theme-preset-active) .site-nav .navbar-nav > li > a:hover, body:not(.theme-preset-active) .site-nav .navbar-nav > li.current_page_item > a {
		color: #fff;
		transform: scale(1,1);
		/* background: #f9f9f9; */
	}
	.site-nav .dropdown-menu {
		margin-left: 1.5rem;
	}
	.site-nav .dropdown-menu .dropdown-item {
		padding-top: 0.4rem;
		padding-bottom: 0.4rem;
	}
	.site-nav li > a.dropdown-item {
		padding-left: .5rem;
	}
	.site-nav li.current_page_item > a.dropdown-item {
		background: rgba(255,255,255,.25);
	}
	#page {
		padding-top: 0px;
	}
	body.admin-bar #page {
		padding-top: 0px;
	}
	.container {
		width: 100%;
		max-width: 98%;
	}
	.col-sm-12 {
		width: 100%;
	}
	.col-sm-7 {
		width: 58.33333333%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.col-sm-5 {
		width: 41.66666667%;
	}
	.site-header .col-sm-6 {
		/* width: 100%; */
	}
	.col-sm-4 {
		width: 33.33333333%;
	}
	header#masthead {
		padding: 1rem 1rem;
		/* margin-top: -40px; */
	}
	 nav.navbar.site-nav {
		background-color: transparent;
		position: sticky;
		top: 0px;
		z-index: 10;
		opacity: 1.0;
	}
	.navbar-toggle {
		padding: 9px 10px;
		margin-top: 8px;
		margin-right: -15px;
		margin-bottom: 8px;
		background-color: rgba(255,255,255,.3);
		border: 1px solid green;
		border-radius: 4px;
	}
	.navbar-default .navbar-toggle {
		border-color: green;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: green;
	}
	.h1, h1 {
		font-size: 1.8rem;
	}
	.h2, h2, .h3, h3 {
		font-size: 1.65rem;
	}
	.h4, h4, .h5, h5 {
		font-size: 1.45rem;
	}
	blockquote.pullquote {
		float: none;
		max-width: 100%;
		margin-right: 1.5rem;
		width: calc(100% - 3rem);
	}
	.sidebar-insert {
		float: none;
		max-width: 100%;
		min-width: auto;
		margin: 0 auto 1.5rem;
		padding: 1rem 1rem .25rem;
		background-color: rgba(216, 180, 70, 0.4);
	}
}

/* RARE - Small devices (landscape phones, 544px to 767px ONLY) */
@media (min-width: 544px) and (max-width: 767px) {
	.hidden-xs {
		display: inline!important;
	}
	.conference-widget div.textwidget {
		transform: scaleY(0.95);
		transform-origin: top;
		margin-bottom: 0;
	}
	.member-widget div.textwidget {
		transform-origin: 50% 100%;
		transform: scaleY(0.95);
	}
	#main-nav {
		height: 100vh;
		max-height: 100vh;
		overflow-y: scroll;
		-webkit-overflow-scrolling:touch; // mobile safari
	}
}
/* like iphone 6/7/8 */
@media (max-width: 767px) and (orientation: landscape) {
}
/* like iphone 5 */
@media (max-width: 568px) and (orientation: landscape) {
}
/* bootstrap override */
@media (min-width: 576px) {
	.container {
		/* max-width: inherit; */
	}
}
/* Extra small devices - Bootstrap xs
 *  (less than 544px: typically phones in portrait mode) */
@media (max-width: 543px) {
	/* xs code goes here */
	div.col {
		/* display: flex; */
	}
	.state-indicator {
        z-index: 5;
		background-color: blue;	
    }
	body {
		border-color: blue;	
	}
	ul, ol {
		padding-left: 1rem;
	}
	.col-xs-12 {
		width: 100%;
		flex-basis: auto;
	}
	.col-xs-6 {
		width: 50%;
	}
	nav.site-navigation {
		background-color: transparent;
	}
	.navbar-default .navbar-toggle {
		border-color: #cce5bc;
		background-color: rgba(255,255,255,.7);
		margin-right: -10px;
	}
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		border-color: #cce5bc;
		background-color: #e4f1dc;
	}
	.site-navigation {
		pointer-events: none;
	}
	.navbar-header button,
	.navbar-collapse.in {
		pointer-events: auto;
	}
	.header-tools .icons-region, .header-tools .header-buttons {
		text-align: center;
	}
	.member-row .col-xs-12,
	.benefit-links .col-xs-12 {
		max-width: 80vw;
		margin: .4rem auto;
	}
	.azbees-widget, .conference-widget, .member-widget {
		display: none;
	}
	.quick-links .col {
		max-width: 33.333%;
		margin-bottom: 1rem;
	}
	#menu-footer-menu {
		justify-content: center;
	}
	#menu-footer-menu .nav-link {
		padding: .5rem .3rem;
	}
	/* homepage gallery */
	.carousel-indicators {
		margin-bottom: -1vw;
	}
	.carousel-indicators li {
		width: 15px;
	}
	.home .slide-caption {
		display: none;
	}
	.home .carousel-caption {
		bottom: -1.5vw;
	}
	.home .carousel-caption h4 {
		font-size: 5.5vw;
	}
	.carousel .btn.btn-theme {
		font-size: 3.25vw;
	}
	.fts-jal-fb-group-display, .fts-twitter-div, .col-social-feeds .tab-content {
		/* max-height: 50vh;
		overflow: -moz-scrollbars-vertical;
		overflow-y: scroll;
		background-color: rgba(255, 255, 255, 0.2);
		padding: 10px; */
	}
	.col-social-feeds .tab-content {
		max-height: 50vh;
		overflow: -moz-scrollbars-vertical;
		overflow-y: scroll;
		/* background-color: rgba(255, 255, 255, 0.2); */
		padding: 10px;
	}
}
/* Extra EXTRA small devices - no Bootstrap size
 *  (less than 375px: typically small phones in portrait mode) */
@media (max-width: 375px) {
	.quick-links .col {
		max-width: 50%;
		margin-bottom: 1rem;
	}
}
/* Extra EXTRA small devices - no Bootstrap size
 *  (less than 321px: typically very very small phones in portrait mode) */
@media (max-width: 321px) {
	.state-indicator {
		background-color: blueviolet;	
    }
	body {
		border-color: blueviolet;
	}
	.anr_captcha_field_div > div {
		max-width: 100%;
		overflow-x: scroll;
	}
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* end of breakpoints code */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */