/*
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)
 
*/

/*--------------------------------------------------------------
! 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
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Colors:

Sea Foam Pantone 3245 C:
Hue:
#7CE0D3
rgba(124, 224, 211, 1.0)
Tint:

Blue Pantone 307 C:
Hue:
#006BA6
rgba(0, 107, 166, 1.0)

--------------------------------------------------------------*/
.website-color-swatches span {
	display: inline-block;
	padding: 1rem;
	line-height: 1.5;
	color: #fff;
	min-width: 12rem;
	margin-right: 1rem;
}

/*--------------------------------------------------------------
# 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,
.button,
.btn,
.btn-default,
input.tml-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;
}
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 {
	border-color: transparent;
}
.btn.btn-primary,
.login-submit .button.button-primary,
input.tml-button {
    color: #fff;
    background-color: #006aa6;
    border-color: #006aa6;
}
.btn.btn-primary:hover,
.login-submit .button.button-primary:hover,
input.tml-button:hover {
	color: #000;
	background-color: #8dc0db;
	border-color: #8dc0db;
}
.btn.btn-secondary {
	background-color: #edfaf9;
}
.btn.btn-secondary:hover {
	color: #000;
	background-color: #fff;
}
.btn.btn-success {
	color: #fff;
	background-color: #74DDD3;
	border-color: #74DDD3;
}
.btn.btn-success:hover {
	color: #000;
	background-color: #a4e8e0;
	border-color: #a4e8e0;
}
.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-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;
}
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;
}
.modal-header button.close {
    padding: .15rem .25rem .25rem .3rem;
    margin: 0 0 .2rem .5rem;
}
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;
}
span.required {
	font-weight: bold;
	color: red;
	font-size: 1.2rem;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
code {
	position: relative;
	bottom: .03rem;
}
/* Bootstrap overrides ====================================== */
.alert-info {
    color: #0c5460;
    background-color: rgba(116, 221, 211, .14);
    border-color: rgba(116, 221, 211, .49);
}

/* 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;
}

/*! =======================================================================
 * 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 {
	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; */
	/* Sticky Footer using Flex - PS ========= */
	/* height: 100%; */ /* do we need this here? */
	/* background: #fff; */
	background-color: rgb(50, 76, 75);
}

/* for sticky footer */
#page {
	height: 100%;
	display: flex;
	flex-direction: column;
	/* for fixed nav:  */
	margin-top: 40px;
	max-width: 1920px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-color: #fff;
}
/* styling for site background image */
#page {
	/* background-image: url('img/site-bg-q10-1920x2360.jpg'); */
	background-image: url('img/site-bg-b-q15-1920x1920.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}
.home #page {
	/* background-image: url('img/site-bg-q10-1920x2360.jpg'); */
	background-image: url('img/site-bg_nuts.jpg');
	background-repeat: no-repeat;
	background-size: 100%;
}

header.site-header > .container,
#content > .container
/* .page-typography #colophon > .container */ {
	background-color: rgba(255,255,255,.9);
}
header.site-header > .container {
	border-radius: 5px 5px 0 0;
	padding-bottom: 1rem;
}
#content > .container {
	border-radius: 0 0 5px 5px;
	position: relative;
}

.site-content {
  flex: 1 0 auto;
}
.site-footer {
  flex-shrink: 0;
}

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: #333;
	font-size: 1.06rem; /* bootstrap lead is much too large */
}
blockquote {
    border-left: 5px solid #eee;
    font-size: 1.15em;
    margin: 0 0 1.25em;
    padding: 10px 20px;
}
blockquote p:last-of-type {
	margin-bottom: 0;
}
blockquote cite {
	display: block;
}
.blockquote-footer {
    font-size: 85%;
    color: #6c757d;
}
blockquote footer cite {
	display: inline;
}
/** List typography ================== */
.width-xs ul,
.width-xs ol {
	padding-left: 1em;
}
/* List-based selectors are separated */
/* lists styled with .list === */
ul.list,
ol.list {
    margin-bottom: 1.25em;  /* 1.5em */
	padding-left: 1.5em;
	list-style-position: outside;
}
.list ul,
.list 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;
}
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;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/* Headings: 'Voltaire', sans-serif; text: 'Fira Sans', sans-serif; special: 'Pompiere', cursive */
h1, .h1, h2, .h2, h3, .h3,
h4, .h4, h5, .h5 {
	color: rgba(122, 196, 188, 1.0);
	font-weight: 600;
	line-height: 1.25;
	margin-bottom: .2rem;
	font-family: 'Voltaire', sans-serif;
}
.h1, h1 {
    font-size: 2.0rem;
}
.h2, h2, .h3, h3 {
    font-size: 1.65rem;
}
.h4, h4, .h5, h5 {
    font-size: 1.4rem;
}
.header-lead, .fancy {
	font-family: "Pompiere", cursive;
	font-size: 1.8rem;
	line-height: 1.3;
	color: rgba(0, 106, 166, 1.0);
	text-transform: uppercase;
	margin: 1rem 0;
}
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;
}
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;
	text-decoration: underline;
}
a.pdf-link:hover sup.pdf-indicator {
	text-decoration: none !important;
}
a:visited {
	color: purple;
}
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 .25em;
	font-size: 70%;
	position: relative;
	top: -.3em;
	font-weight: 400;
}
.shareholder 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; */
}
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%;
}
table.table {
	border-bottom: 1px solid #dee2e6;
}
table.table th {
	background-color: #eee;
}
table.table tr:nth-child(2n+1) td {
	background-color: #ececec;
}
table.table tr:nth-child(2n+2) td {
	background-color: #fff;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
header#masthead {
  margin-bottom: 0;
  /* background-color: #563d7c ; */
  background-color: transparent;
  /* padding: .74rem 1rem; */
  padding: 0rem 0rem;
  margin-top: 2rem;
}
.navbar-brand > a {
  /* color: rgba(0, 0, 0, 0.9); */
  font-size: 1.1rem;
  outline: medium none;
  text-decoration: none;
  color: #294340;
  font-weight: 700;
}
.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
}
#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;
	top: .8rem;
	right: 10px;
	border: thin solid gray;
	padding: .25rem .5rem;
	background-color: rgba(255,255,255,.4);
}
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;
  }
}
/*--------------------------------------------------------------
## 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%;
	max-width: 1920px;
	z-index: 1020;
}
#masthead nav, .site-nav, .dropdown-menu { /** a.k.a. .site-nav */
  background-color: rgba(116, 221, 211, 1.0);
  box-shadow: 0 0 6px 0 rgba(0, 106, 166, 1);
}
.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: #294340;
  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: #294340;
	transform: scale(1.05,1.05);
	transform-origin: 50% 63%;
  /*background: #f9f9f9;*/
}
body:not(.theme-preset-active) .site-nav .navbar-nav > li.current_page_item > a {
	background: #a4e8e0;
}
.navbar-brand {
  height: auto;
}
.width-sm .navbar-brand, .width-xs .navbar-brand {
	display: none;
}
.navbar-brand:hover {
  transform: scale(1.1,1.1);
  transform-origin: 50% 60%;
}
.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;
}
a.navlink:active {
	background-color: rgba(255, 255, 255, 0.15);
}
/* dropdown menus */
.dropdown-menu {
	margin: 0 0;
	font-size: 1rem;
	color: #294340;
	background-clip: padding-box;
	border: 0px solid rgba(0,0,0,.15);
	border-radius: 0;
}
.dropdown-item,
.dropdown-item:visited {
	color: #294340;
}
.dropdown-item:focus, .dropdown-item:hover {
	color: #294340;
	transform: scale(1.1,1.2);
	transform-origin: 20% 50%;
}
/* 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.6;
}
.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: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.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;
  text-decoration: none;
}
.post-navigation .nav-next a::after {
  content: " \2192";
}
.post-navigation .nav-previous a::before {
  content: "\2190 ";
}
.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 1rem 1.25rem;
}
.unbox {
	margin-right: -30px;
	margin-left: -30px;
}
/*--------------------------------------------------------------
# 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
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  font-size: 0.875rem;
  /* Make sure select elements fit in widgets. */
}
.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;
}
.widget .nav-link {
    display: block;
    padding: 0 1rem;
}
#recentcomments li.recentcomments {
	padding: 0px 1rem !important;
}
.widget li {
	line-height: 1.3;
	margin-bottom: .8rem;
	text-indent: -.5rem;
	margin-left: .5rem;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Header elements
--------------------------------------------------------------*/
.width-xl.admin-bar .header-content, .width-lg.admin-bar .header-content {
	margin-top: 32px; 
}
.header-brand a {
	display: block;
}
div.client-button-hole {
	margin-top: 1rem;
	margin-right: -15px;
}
.client-button {
	float: right;
	font-size: .95rem;
}
.header-phone {
	margin-bottom: .75rem;
}
.header-phone a,
.header-phone a:link,
.header-phone a:active,
.header-phone a:visited {
	color: #006aa6;
}
.header-phone a:hover {
	color: rgba(0, 106, 166, .9);
}
.header-phone i {
	font-size: 1.15rem;
	transform: rotate(30deg) translate(.2rem,-.3rem);
}
.social-links {
	font-size: 1.25rem;
}
.social-links a {
	display: inline-block;
	margin: 0 .25rem;
}
.social-links a:first-of-type {
	margin: 0 .25rem 0 0;
}
.social-links i {
	background-color: #a4e8e0;
	color: #fff;
	border-radius: 50%;
	height: 2.25rem;
	width: 2.25rem;
	line-height: 2.25rem;
}
.social-links a:hover i {
	background-color: #006aa6;
}
.social-links i.fab::before {
}

/*--------------------------------------------------------------
## Recurring Elements
--------------------------------------------------------------*/

/* image modal ===== */
.iw-image-modal {
	width: 95vw;
	max-width: 95vw !important;
}
.iw-image-modal .modal-body {
	padding: 0;
	text-align: center;
	background-color: #1e1e1e;
	height: 93vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.iw-image-modal img {
	max-height: 91vh;
	display: block;
	margin: 0 auto;
}
.iw-image-modal button.close {
	margin-left: -26px;
	opacity: .6;
	background-color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
}
a[href$=".jpg"],
a[href$=".png"],
a[href$=".gif"] {
	display: inline-block;
	position: relative;
	cursor: zoom-in;
}
a[href$=".jpg"]::after,
a[href$=".png"]::after,
a[href$=".gif"]::after {
	content: "\f00e";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	position: absolute;
	top: 20px;
	right: 10px;
	color: #000;
	font-size: 16px;
	padding: 2px 8px;
	border-radius: 50%;
	border: 2px solid rgba(255,255,255,.4);
	background-color: rgba(165, 165, 165, 0.4);
}
a[href$=".jpg"]:hover::after,
a[href$=".png"]:hover::after {
	border: 2px solid rgba(255,255,255,.8);
	background-color: rgba(165, 165, 165, 0.8);
}
/* hide/show toggles ==== */
a[data-toggle='collapse']::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .1em;
	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;
}
a[aria-expanded='true']::after {
    transform: rotate(-180deg);
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#content.site-content {
  padding-bottom: 3.75rem;
  /* padding-top: 4.125rem; */
  /* padding-top: 1rem; */
  padding-top: 0;
}
#content.site-content > container {
	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;
}
.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: 4rem;
}
.posted-on, .byline, .comments-link {
  color: #9a9a9a;
}
.entry-title > a {
  color: inherit;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
div#comments {
	margin-bottom: 4rem;
	border-top: 1px solid #edfaf9;
}
#comments #reply-title {
	font-size: 1.3rem;
	color: rgba(0, 106, 166, .5);
}
.comment-meta {
	font-size: .9rem;
}
.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.3rem;
	margin-bottom: .75rem;
}
#comments .card-header h5 {
	font-size: 1.125rem;
	font-weight: 400;
	font-family: "Fira Sans", "helvetica neau", helvetica, arial, sans-serif;
}
.comment-content p:last-of-type {
	margin-bottom: 0;
}
.comment-content p br {
	margin-bottom: .5rem;
}
.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;
}
p.form-allowed-tags, p.comments-notes {
    color: #767676;
    font-style: italic;
    font-size: .9rem;
	margin-bottom: .3rem;
}
#commentform .alert-info {
	color: #767676;
    font-size: .9rem;
}
#comments p.logged-in-as a:visited {
	color: #555;
}
#comments .card-header,
#comments .card-footer {
    padding: .5rem 1.25rem .3rem;
    margin-bottom: 0;
    background-color: rgba(116, 221, 211, .10);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
#comments .card-footer.comment-reply {
	padding-bottom: .5rem;
}
/*--------------------------------------------------------------
## 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.85rem;
	line-height: 1.3;
	margin: 0;
	padding: 0 0.625rem 0.625rem;
	color: #666;
}
.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
--------------------------------------------------------------*/
footer#colophon {
  font-size: 85%;
}
body:not(.theme-preset-active) footer#colophon {
  color: #99979c;
  /* background-color: rgba(116, 221, 211, .14); */
  background-color: #edfaf9;
}
.navbar-dark .site-info {
  color: #fff;
}
.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}
.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 #8dc0db;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	height: 0;
	width: 100px;
}
.plinth::after {
	content: '';
	display: block;
	margin: 0px auto;
	border-top: 3px solid #8dc0db;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	height: 0;
	width: 100px;
	top: 5px;
	position: relative;
	left: -10px;
}


/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
#secondary {
	text-align: center;
}
.consultation-widget {
	max-width: 100%;
	margin: 0 auto 1rem;
	padding: 2rem 1rem;
	background-color: #edfaf9;
	border-radius: 9px;
	width: 300px;
	border: thin solid #b9e7e1;
}
.consultation-widget p {
	margin-bottom: 0;
	font-family: "Pompiere", cursive;
	font-size: 1.6rem;
	font-variant: small-caps;
}
.consultation-widget h3 {
	margin-top: .2rem;
}
/*--------------------------------------------------------------
# Repeating elements
--------------------------------------------------------------*/
/* modals ==================== */
.modal.l-i-m #loginform label {
	display: block;
	margin-bottom: 0;
}
div.lost-pw {
	font-size: .9rem;
}

/* scrolling background-sections using Parallex Scroll plugin ========= */
.home article.hentry {
	position: relative;
}
section.adamrob_parallax {
	margin-bottom: 1rem;
	margin-right: -30px;
	margin-left: -30px;
	max-width: 1140px;
}
.width-sm.landscape section.adamrob_parallax {
	max-height: 300px;
}
section.adamrob_parallax .parallax-header div {
	font-family: "Pompiere", cursive;
	font-size: 3rem;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	padding: 2rem;
	line-height: 1.3;
	background-color: rgba(000,000,000,.2);
	text-shadow: 0px 0px 12px rgba(000,000,000,0.7);
	border-top: 3px solid rgba(255,255,255,.4);
	border-bottom: 3px solid rgba(255,255,255,.4);
}
.width-sm.landscape .adamrob_pcontainer {
    max-height: 300px;
}
.parallax-header a {
	display: inline-block;
}
section.adamrob_parallax .parallax-header a:hover div {
	/* background-color: rgba(000,000,000,.5); */
	background-color: rgba(0, 106, 166, .3);
}
.adamrob_parallax_posttitle a,
.adamrob_parallax_posttitle a:link,
.adamrob_parallax_posttitle a:active,
.adamrob_parallax_posttitle a:visited,
.parallax-header a,
.parallax-header a:link,
.parallax-header a:active,
.parallax-header a:visited,
.adamrob_parallax_posttitle a:hover,
.parallax-header a:hover {
	color: #fff;
}
.adamrob_parallax_posttitle a:hover,
.parallax-header a:hover {
	text-decoration: none;
}
/* iphone / ipad rules ==== */
.iphone section.adamrob_parallax,
.ipad section.adamrob_parallax {
	background-position: 50% 50% !important;
	background-attachment: scroll !important;
}

/* area between parallax elements ====== */
.interllax {
	padding: 3rem 0 4rem;
	transition: opacity 1.5s linear;
}
.interllax.out {
	opacity: .01;
}
.interllax.in {
	opacity: 1.0;
}
.interllax p {
	transform: scale(1,1);
	transform-origin: 50%;
	transition: transform 1.5s linear;
}
.interllax.out p {
	transform: scale(.93,.93);
}
.interllax.in p {
	transform: scale(1,1);
}

/* social share icons ===== */
.shareholder {
	margin-top: 2rem;
}
.shareholder em {
	font-size: .95rem;
	color: gray;
	position: relative;
	top: -.3rem;
}
.norm_row {
    width: 100% !important;
}

/*--------------------------------------------------------------
# Individual page, CPT, and section styling
--------------------------------------------------------------*/
/* Homepage ======================= */
/* Framed homepage content ===== */
.page-template-framed-page {
	background-color: #fff;
	border-width: 0;
}
.page-template-framed-page .hentry,
.page-template-framed-page .entry-content {
	margin: 0;
}
.page-template-framed-page section.adamrob_parallax {
	margin-right: 0;
	margin-left: 0;
    max-width: none;
}
iframe.framed-homecontent {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	border: 0px solid transparent;
}

/* CPT Recipes ========== */
/* Single recipe pages === */
.recipe-data {
	margin-left: 1.5rem;
}
div.featured-recipe-image {
	text-align: center;
	margin: 1rem auto;
}
div.featured-recipe-image img {
	max-width: 100%;
}
.recipe .table {
	width: auto;
	font-size: .95rem;
	margin-left: 2.5rem;
}
.recipe .table td,
.recipe .table th {
    padding: .2rem .75rem;
}
.recipe .table td:nth-of-type(2),
.recipe .table td:nth-of-type(3) {
	font-style: italic;
}
.recipe .table td:nth-of-type(2) {
	color: #006aa6;
	font-weight: bold;
}
/* recipe archive page =====  */
.visibility-key {
	color: #666;
	padding-left: 1rem;
	margin-bottom: 1.5rem;
}
.post-type-archive-recipe .content-area i.fas,
.tax-course .content-area i.fas {
	color: #8dc0db;
}
.post-type-archive-recipe article,
.tax-course article {
	background-color: rgba(0, 106, 166, .12);
	/* background-color: #e5f0f6; */
	padding: 1rem;
	border-radius: 3px;
}
.post-type-archive-recipe article h1.entry-title,
.tax-course article h1.entry-title {
	border-bottom: 0px solid transparent;
	padding-bottom: 0;
}
.recipe-h-link:hover,
.post-type-archive-recipe article h1.entry-title:hover,
.tax-course article h1.entry-title:hover,
p.recipe-link-wrapper a:hover {
	text-decoration: none;
	color: #006aa6;
}
.post-type-archive-recipe h1 i.fas,
.tax-course h1 i.fas {
	margin-left: 1rem;
}
.excerpt-thumbnail.alignleft {
	margin-right: 1rem;
	margin-top: -10px;
}
.excerpt-thumbnail a {
	display: block;
	min-height: 100px;
	min-width: 100px;
	line-height: 100px;
	padding: 10px;
	background-color: #fff;
}
p.recipe-link-wrapper {
	text-align: right;
	font-style: italic;
	margin-bottom: 0;
	margin-top: -1rem;
}
/* About Robby page =============================== */
#collapseBio {
	margin: 0 2em 1em;
	max-width: 800px;
}
/* Resources page ================================ */
.page-resources article li {
	list-style: none;
}
.page-resources article li a {
	font-weight: bold;
}
.page-resources .wp-caption.alignnone {
    margin: 0.313rem 0 1.25rem 0;
	max-width: 100%;
}

/* Contact page ================================= */
div.narrow-fields {
	max-width: 400px;
}
.contact-portrait {
	max-width: 50%;
}
.width-md .contact-portrait {
	max-width: 35%;
}
.width-sm .contact-portrait {
	display: none;
}
.wpcf7 .alert-warning:empty {
	display: none;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0 0 1em;
    padding: 0.2em 1em;
    border: 1px solid #00a0d2;
    border-radius: 5px;
}
.wpcf7-not-valid-tip {
    font-style: italic;
}

/* Theme My Login pages ======================== */
.page-login h1.entry-title,
.page-register h1.entry-title,
.page-lostpassword h1.entry-title {
	text-align: center;
}
.tml {
    font-size: 1rem;
    max-width: 400px;
	margin: 0 auto 1em;
}

/* Blog section =============================== */
/* blog index body.blog ===== */
.blog article.post {
	margin: 1rem 0;
	padding: 1rem;
	background-color: rgba(0, 106, 166, .12);
	border-radius: 3px; 
}
.blog article.post .post-thumbnail a {
	display: block;
}
.blog article.post h2.entry-title {
    padding-bottom: 0;
    border-bottom: 0px solid transparent;
}
.blog article.post .entry-content {
    margin: 1rem 0 0;
}
.index-more-link {
	text-align: right;
	margin-top: -.5rem;
	margin-bottom: 0;
}
/* single blog post ====== */
p.return-to-blog {
	margin-top: 2rem;
}

/*--------------------------------------------------------------
# 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: 85%;
  }
}

/* Quick fox things that have broken since the site was disowned ================================= */
ul.swift-control-widgets { /* new thing in better admin bar plugin */
	display: none;
}
.shareholder { /* part of dicontinued plugin */
    display: none;
}


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

/* !! 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 {
	/* for development use 0 3px 0 0 */
	/* a border for quick visual indicator of which breakpoint we are in */
	border-width: 0 0 0 0;
	border-style: solid;
	border-color: red;	/* indicates xl state */
}

/* 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. */
.state-indicator {
    position: absolute;
    top: -999em;
    left: -999em;
    z-index: 1; /* for xl state */
}

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

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

/* XL only */
.container {
	padding-left: 30px;
	padding-right: 30px;
}

/* 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;
    }
	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;
    }
	body {
		border-color: yellow;	
	}
	.container {
		width: 94%;	
	}
	.col-md-9 {
		width: 75%;
	}
	.col-md-6 {
		width: 50%;
	}
	.col-md-4 {
		width: 33.33333333%;
	}
	.col-md-3 {
		width: 25%;
	}
	.site-footer span.sep {
		display: block;
		visibility: hidden;
		line-height: .5;
	}
	.navbar-brand {
		display: none;
	}
	#page {
		margin-top: 34px;
	}
	.alignright {
		max-width: 50%;
	}
}

/* RARE - Medium devices (usually tablets, 768px to 991px ONLY) */
@media (min-width: 768px) and (max-width: 991px) {  }

@media (max-width: 991px) and (orientation: portrait) {
  .dropdown-menu li a {
		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: 7.5px -15px; */
    }
  .dropdown-menu li a {
		padding: .25rem 1.5rem;
	}
}

/* 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;
    }
	body {
		border-color: green;	
	}
	.container {
		width: 100%;
	}
	.site-header .col {
		flex-basis: auto;
	}
	.col-sm-12 {
		width: 100%;
		flex-basis: auto;
	}
	.resources-container .col-sm-12 {
		flex-basis: auto;
		padding-right: 0;
		padding-left: 0;
	}
	.col-sm-8 {
		width: 66.6666666%;
	}
	.col-sm-6 {
		width: 50%;
	}
	.site-header .col-sm-6 {
		width: 100%;
	}
	.col-sm-4 {
		width: 33.33333333%;
	}
	#page {
		margin-top: 0;
	}
	header#masthead {
		padding: 1rem 1rem;
		margin-top: 0;
	}
	header.site-header > .container {
		padding-left: 10px;
		padding-right: 10px;
	}
	 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;
	}
	.navbar-collapse.show {
		background-color: rgba(116, 221, 211, 1.0);
	}
	.navbar-collapse.show .navbar-nav {
		padding-left: 2rem;
	}
	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: #000;
		transform: scale(1,1);
		transform-origin: 50% 50%;
	}
	.navbar-collapse.show .navbar-nav .nav-link {
		display: inline-block;
	}
	.navbar-collapse.show .navbar-nav .dropdown-menu {
		display: block !important;
		box-shadow: 0 0 0 0 transparent;
	}
	.navbar-collapse.show .navbar-nav .dropdown-menu .dropdown-item {
		line-height: 2.65;
		text-transform: uppercase;
	}
	.h1, h1 {
		font-size: 1.8rem;
	}
	.h2, h2, .h3, h3 {
		font-size: 1.65rem;
	}
	.h4, h4, .h5, h5 {
		font-size: 1.45rem;
	}
	.client-button {
		margin-right: 15px;
	}
	header.site-header > .container {
		border-radius: 5px 5px;
	}
	#content > .container {
		padding-top: 1rem;
	}
}

/* RARE - Small devices (landscape phones, 544px to 767px ONLY) */
@media (min-width: 544px) and (max-width: 767px) {
	.hidden-xs {
		display: inline !important;
	}
}
/* 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) and (max-width: 1139px) {
	.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 */
	.state-indicator {
        z-index: 5;
    }
	body {
		border-color: blue;	
	}
	.col-xs-12 {
		width: 100%;
		flex-basis: auto;
	}
	.col-xs-6 {
		width: 50%;
	}
	.pt-xs-3, .py-xs-3 {
		padding-top: 1.5rem !important;
	}
	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-brand.col-xs-12,
	.header-tools.col-xs-12 {
		text-align: center;
	}
	.header-brand.col-xs-12 img {
		max-width: 200px;
	}
	.alignright {
		display: block;
		float: none;
		text-align: center;
		margin: 0 auto 1.5rem;
		max-width: 100%;
	}
}
/* Extra EXTRA small devices - no Bootstrap size
 *  (less than 375px: typically small phones in portrait mode) */
@media (max-width: 375px) {
}
/* Extra EXTRA small devices - no Bootstrap size
 *  (less than 321px: typically very very small phones in portrait mode) */
@media (max-width: 321px) {
	body {
		border-color: blueviolet;
	}
}

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