/*!
Theme Name: vboa
Theme URI: http://underscores.me/
Author: Refresh Web Design
Author URI: https://www.refreshperspective.com
Description: A custom theme for VBOA based on underscores starter theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vboa
Tags:

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

vboa is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*****************************************
Table Of Contents:

01. General Styles
02. Preloader
03. Navigation
04. Header
05. Customers
06. Services
07. Details 1
08. Details 2
09. Details Lightboxes
10. Pricing
11. Request
12. Video
13. Testimonials
14. About
15. Contact
16. Footer
17. Copyright
18. Back To Top Button
19. Extra Pages
20. Media Queries
******************************************/

/*****************************************
Colors:
- Backgrounds - turquoise #5172b9
- Backgrounds - blue #0079f9
- Backgrounds - light gray #f7fcfd
- Buttons, bullets, icons, links - turquoise #5172b9
- Cards border, inputs border - light gray #c4d8dc
- Text headers, navbar links - black #393939
- Text body - black #626262
******************************************/


/******************************/
/*     01. General Styles     */
/******************************/
body,
html {
    width: 100%;
	height: 100%;
}

body, p {
	color: #000; 
	font: 400 1rem/1.5rem 'Open Sans', sans-serif;
}
p{
	font: 400 1rem/1.6rem 'Open Sans', sans-serif;
}

.p-large {
	font: 400 1.125rem/1.75rem 'Open Sans', sans-serif;
}

.p-small {
	font: 400 0.875rem/1.25rem 'Open Sans', sans-serif;
}

.p-heading {
	margin-bottom: 3.875rem;
}

.li-space-lg li {
	margin-bottom: 0.25rem;
}

.indent {
	padding-inline-start: 1.25rem;
}

h1 {
	color: #000;
	font: 700 2.25rem/3rem 'Open Sans', sans-serif;
}

h2 {
	color: #000;
	font: 700 1.75rem/2rem 'Open Sans', sans-serif;
}

h3 {
	color: #000;
	font: 700 1.375rem/1.875rem 'Open Sans', sans-serif;
}

h4 {
	color: #000;
	font: 700 1.125rem/1.625rem 'Open Sans', sans-serif;
}

h5 {
	color: #000;
	font: 700 1rem/1.5rem 'Open Sans', sans-serif;
}

h6 {
	color: #000;
	font: 700 .875rem/1.4rem 'Open Sans', sans-serif;
}

a {
	color: #626262;
	text-decoration: underline;
}

a:hover {
	color: #626262;
	text-decoration: underline;
}

a.turquoise {
	color: #5172b9;
}

a.white {
	color: #fff;
}

.testimonial-text {
	font: italic 400 1rem/1.5rem 'Open Sans', sans-serif;
}

.testimonial-author {
	font: 700 1rem/1.5rem 'Open Sans', sans-serif;
}

.turquoise {
	color: #5172b9;
}

.nav-links{
	display: flex;
  justify-content: space-between;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top:1px solid #a3b4da;
}

.btn-solid-reg {
	display: inline-block;
	padding: 1.1875rem 2.125rem 1.1875rem 2.125rem;
	border: 0.125rem solid #5172b9;
	border-radius: 2rem;
	background-color: #5172b9;
	color: #fff;
	font: 700 0.75rem/0 'Open Sans', sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-solid-reg:hover {
	background-color: transparent;
	color: #5172b9;
	text-decoration: none;
}

.btn-solid-lg {
	display: inline-block;
	padding: 1.375rem 2.625rem 1.375rem 2.625rem;
	border: 0.125rem solid #5172b9;
	border-radius: 2rem;
	background-color: #5172b9;
	color: #fff;
	font: 700 0.75rem/0 'Open Sans', sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-solid-lg:hover {
	background-color: transparent;
	color: #5172b9;
	text-decoration: none;
}

.btn-outline-reg {
	display: inline-block;
	padding: 1.1875rem 2.125rem 1.1875rem 2.125rem;
	border: 0.125rem solid #5172b9;
	border-radius: 2rem;
	background-color: transparent;
	color: #5172b9;
	font: 700 0.75rem/0 'Open Sans', sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-reg:hover {
	background-color: #5172b9;
	color: #fff;
	text-decoration: none;
}

.btn-outline-lg {
	display: inline-block;
	padding: 1.375rem 2.625rem 1.375rem 2.625rem;
	border: 0.125rem solid #5172b9;
	border-radius: 2rem;
	background-color: transparent;
	color: #5172b9;
	font: 700 0.75rem/0 'Open Sans', sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-lg:hover {
	background-color: #5172b9;
	color: #fff;
	text-decoration: none;
}

.btn-outline-sm {
	display: inline-block;
	padding: 1rem 1.625rem 0.875rem 1.625rem;
	border: 0.125rem solid #5172b9;
	border-radius: 2rem;
	background-color: transparent;
	color: #5172b9;
	font: 700 0.625rem/0 'Open Sans', sans-serif;
	text-decoration: none;
	transition: all 0.2s;
}

.btn-outline-sm:hover {
	background-color: #5172b9;
	color: #fff;
	text-decoration: none;
}

.checkbox {
  font: 400 0.75rem/1.25rem 'Open Sans', sans-serif;
}

select {
    /* you should keep these first rules in place to maintain cross-browser behavior */
    -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-image: url('images/down-arrow.png');
    background-position: 96% 50%;
    background-repeat: no-repeat;
    outline: none;
}

select::-ms-expand {
    display: none; /* removes the ugly default down arrow on select form field in IE11 */
}

input[type='checkbox'] {
  vertical-align: -15%;
  margin-inline-end: 0.375rem;
}

/* IE10+ hack to raise checkbox field position compared to the rest of the browsers */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
  input[type='checkbox'] {
    vertical-align: -9%;
  }
}

figure,
blockquote{
	float: none;
	display: block;
	margin:.75rem auto;
	padding-top: .5rem;
	padding-bottom: .5rem;
}
blockquote p{
	color:#688811;
	font-size: 1.875rem;
	line-height: 1.4;
	margin-bottom: 0;
}
.alignright{
	border-left: 2px solid #aec933;
  padding-inline-start: 1.5rem;
	float: right;
	max-width: 380px;
	margin:.75rem 0 .75rem 1.5rem;
}
.alignleft{
	border-right: 2px solid #aec933;
  padding-inline-end: 1.5rem;
	float: left;
	max-width: 380px;
	margin:.75rem 1.5rem .75rem 0;
}

.has-text-align-center{
	text-align: left;
}
.has-text-align-right{
	text-align: right;
}
.has-text-align-center{
	text-align: center;
}

figcaption{
	margin-top:10px;
	font-size: .875rem;
	line-height: 1.4;
	color:#757575;
}

.box-img{
	opacity: 1;
	box-shadow: 1px 1px 4px rgba(0,0,0,.25);
	transition: all 250ms ease-in-out;
}
.box-img:hover{
	box-shadow: none;
	opacity: .75;
}

.main-content a:not(.btn){
	color:#5172b9;
	text-decoration: none;
	border-bottom: 2px dotted #5172b9;
}
.main-content a:not(.wp-block-button__link):hover,
.main-content a:not(.wp-block-button__link):focus,
.main-content a:not(.btn):hover,
.main-content a:not(.btn):focus{
	border-bottom: none;
}
.main-content a.wp-block-button__link{
	color:#000;
	border-bottom: none;
}

.main-content h2 > a,
.main-content h3 > a,
.main-content h4 > a{
	border-bottom: none !important;
}

.wp-block-button{
	margin-bottom: 1rem;
}

.card-header .btn{
	text-transform: none;
	width:100%;
	text-align: left;
	font-weight: 400;
	font-size: 1.125rem;
}

/* ICONS */
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

.btn-primary:hover
.btn-primary:focus{
	background:#476096;
	border-color:#476096;
}

p.anchors{
	font-size: 18px;
}

.alert{
	margin-bottom: 0;
	border-radius: 0;
}
.alert-success{
	color:#000;
	background-color: #f1e432;
	border-color:#d3dab8;
}
#header-alert p + p{margin-top: 1rem;}
#header-alert p{
	margin-bottom: 0;
}

img{
	max-width: 100%;
	height:auto;
}

/* FORMS */
.gform_wrapper .gform_page_footer .button.gform_next_button{
	float: right;
}
.entry-content .gform_wrapper{
	box-shadow: 0px 0px 2px rgba(0,0,0,.25);
  padding: 15px;
}
.ui-datepicker-title select{
	min-width: 50px;
}

body .gform_wrapper li.hidden_label input{
	margin-top: 6px;
}

body .gform_wrapper .gfield_checkbox li input,
body .gform_wrapper .gfield_checkbox li input[type=checkbox],
body .gform_wrapper .gfield_radio li input[type=radio]{
	vertical-align: top;
}




/**************************/
/*     03. Navigation     */
/**************************/
.navbar-expand-md .navbar-collapse,
.navbar-expand-md .navbar-nav{
	flex-wrap: wrap;
}

.branding{
	display: flex;
	width:100%;
	justify-content: space-between;
	align-items: center;
}

.navHeader-custom .icon{
	margin-inline-end: 8px;
  top: -2px;
  position: relative;
}

.navbar-custom .btn .icon{
	position: relative;
  top: -2px;
  margin-inline-start: 4px;
}

.header-login-link{
	text-decoration: none;
	color:#000;
	    text-transform: none;
    font-size: 1.375rem;
}
.header-login-link:hover,
.header-login-link:focus{
	text-decoration: none;
}
.header-login-link .icon{margin-inline-start: 8px;}

.navHeader-custom a{
	text-decoration: none;
	font-weight: 700;
	color:#fff;
	font-size: .875rem;
	transition: background 250ms ease-in-out;
}
.navHeader-custom a:hover,
.navHeader-custom a:focus{
	background:#476096;
}

.navHeader-custom .how-do-i a:focus,
.navHeader-custom .how-do-i a:hover{
	background-color: #c9d7f4;
}

.nav-container{
	flex-direction: column;
}
.navbar-custom {
	font: 700 1rem/1.125rem 'Open Sans', sans-serif;
	transition: all 0.2s;
	text-transform: uppercase;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	padding-top: .75rem;
	padding-bottom: .75rem;
}
.navbar-custom .how-trigger{
	margin-inline-start: .75rem;
	align-self: flex-end;
}
.navbar-custom .how-trigger{
	font-size: 1rem;
}
.navbar-custom .navbar{
	padding:.5rem 0 0;
}

.navbar-brand.logo-image img {
    width: 12rem;
}

.navbar-custom .navbar-brand.logo-text {
	font: 600 2rem/1.5rem 'Open Sans', sans-serif;
	color: #393939;
	text-decoration: none;
}

.navbar-custom .navbar-nav {
	margin-top: 0.75rem;
	margin-bottom: 0;
}

.navbar-custom .nav-item .nav-link {
	padding: 0.625rem 0.5rem 0.625rem 0.5rem;
	color: #393939;
	text-decoration: none;
	transition: all 0.2s ease;
}

.navbar-custom .nav-item .nav-link:hover,
.navbar-custom .nav-item .nav-link.active {
	color: #5172b9;
}

/* Dropdown Menu */
.navbar-custom .dropdown:hover > .dropdown-menu {
	display: block; /* this makes the dropdown menu stay open while hovering it */
	min-width: auto;
	animation: fadeDropdown 0.2s; /* required for the fade animation */
	min-width: 100%;
}

@keyframes fadeDropdown {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.navbar-custom .dropdown-toggle:focus { /* removes dropdown outline on focus */
	outline: 0;
}

.navbar-custom .dropdown-menu {
	margin-top: 0;
	border: none;
	background-color: #fff;
}

.navbar-custom .dropdown-item {
	color: #000;
	text-decoration: none;
}
.navbar-custom .dropdown-menu .nav-item + .nav-item .dropdown-item{
	border-top: 1px solid #d1e0ff;
}

.navbar-custom .nav-item .nav-link{
	border-bottom: 1px solid transparent;
}
.navbar-custom .nav-item:hover .nav-link,
.navbar-custom .nav-item:focus .nav-link{
	background-color: #fff;
}

.navbar-custom .dropdown-item:hover {
	background-color: #fff;
}

.navbar-custom .dropdown-menu .dropdown-item{
	font: 400 1rem/1rem 'Open Sans', sans-serif;
	text-transform: none;
	padding-top: 0.75rem;
    padding-bottom: 0.75rem;

}

.navbar-custom .dropdown-menu .dropdown-item:hover{
	color: #5172b9;
}

.navbar-custom .dropdown-items-divide-hr {
	width: 100%;
	height: 1px;
	margin: 0.75rem auto 0.725rem auto;
	border: none;
	background-color: #c4d8dc;
	opacity: 0.2;
}
/* end of dropdown menu */

.dropdown-toggle::before {
        content: "";
    border-top: 0.4em solid #eeeeee;
    border-right: 0.4em solid transparent;
    border-bottom: 0;
    border-left: 0.4em solid transparent;
    position: absolute;
        right: 8px;
    top: 13px;
}
.dropdown-toggle.active::before,
.navbar-custom .dropdown:hover .dropdown-toggle::before {
	border-top: 0.4em solid #fff;
}

.navbar-custom .social-icons {
	display: none;
}

.navbar-custom .navbar-toggler {
	border: none;
	color: #393939;
	font-size: 2rem;
}

.navbar-custom button[aria-expanded='false'] .icon-cross{
	display: none;
}
.navbar-custom button[aria-expanded='false'] .icon-menu3{
	display: inline-block;
	position: relative;
	top:-3px;
}
.navbar-custom button[aria-expanded='true'] .icon-menu3{
	display: none;
}
.navbar-custom button[aria-expanded='true'] .icon-cross{
	display: inline-block;
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active{
	color:#000;
}
.navbar-dark .navbar-nav .current-page-ancestor > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link{
	color:#000;
	background:white;	
}
.navbar-dark .navbar-nav .active > .nav-link:before,
.navbar-dark .navbar-nav .current-page-ancestor > .nav-link:before{
	border-top: 0.4em solid #fff;
}

h3.widget-title a{
	color: #5172b9;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
	display: block;
	margin-bottom: 12px;
	padding: 6px 0 0;
}

/*********************/
/*    04. Header     */
/*********************/
.branding div{
	display: flex;
	justify-content: space-between;
	align-items: center;

}
.branding div .btn{
		display: none;
		margin-inline-start: 15px;
	}

.header {
	background-color: #fff;
}

.header .header-content {
	padding-top: 8rem;
	padding-bottom: 4rem;
	text-align: center;
}

.header .text-container {
	margin-bottom: 4rem;
}

.header h1 {
	margin-bottom: 1.125rem;
	font-size: 2.5rem;
	line-height: 3.125rem;
}

.header .p-large {
	margin-bottom: 1.875rem;
}


/* HERO */
.hero-wrap{
	background-color: #aec933;
	text-align: center;
}
.hero-wrap .container{
	background-image:url('images/va-outline.png');
	    background-attachment: fixed;
    background-position: 75% 35%;
    background-repeat: no-repeat;
    background-size: 620px;
}
.hero-section{
	padding:1.5rem 0 1.875rem;
}
.hero-section h1{
	font-size: 2rem;
	color:#000;
}
.hero-section p{
  max-width: 600px;
  margin: 0 auto;
  color:#000;
}

.home-features{
	padding:3rem 0;
}
.home-feature ul{
	list-style: none;
	padding-inline-start: 0;
}
.home-feature h2{
	font-size: 2rem;
	margin-top: .75rem;
	margin-bottom: .5rem;
}
.home-feature a{
	text-decoration: none;
	color:#5172b9;
}
.home-feature a:hover,
.home-feature a:focus{ text-decoration:underline; }

.home-feature ul li:before{
	content: "\2192 \0020";
	font-size: 18px;
	color:#000;
	margin-inline-end: 4px;
}
.home-feature ul li{
	margin-bottom: 4px;
}

/* HOW DO I */
.how-wrap{
	position: relative;
}
.how-wrap .btn{
	color: white !important;
  cursor: pointer;
}
.how-wrap .how-do-i{
	display: none;
	background:#c9d7f4;
	position: absolute;
	top:100%;
	right:0;
	min-width: 380px;
	padding:15px 5px;
	z-index: 10;
	box-shadow: 1px 2px 4px rgba(0,0,0,.25);
	border-radius: 0 0 0.25rem 0.25rem;
	list-style: none;
    flex-wrap: wrap;
}
.how-wrap:hover .how-do-i,
.how-wrap:focus .how-do-i,
.how-wrap.shown .how-do-i{
	display: flex;
}
.how-wrap .how-do-i:before{
	border-right:1px solid #9aafdb;
	content:"";
	left:49%;
	top:0;
	height:100%;
	bottom:0;
	position: absolute;
}

.how-wrap .how-do-i ul{
	width:100%;
	list-style: none;
	margin:0;
	padding:0;
	display: flex;
	flex-wrap: wrap;
}
.how-wrap .how-do-i li{
	width:50%;
}
.how-wrap .how-do-i a{
	color:#000;
	text-decoration: none;
	font-size: 1rem;
	font-weight: 400;
	text-transform: none;
	padding:6px 10px;
	display: block;
}
.how-wrap .how-do-i a:hover,
.how-wrap .how-do-i a:focus{text-decoration: underline;}

/* NEWS */
.home-news{
	background-color:#5172b9;
	padding:2rem 0 2.25rem;
}
.home-news .media h2{color:white;}
.home-news .media{
	align-items: center;
}
.home-news h3,
.home-news p{
	margin-inline-start: 5rem;
}

.header-padding{
	margin-top: 2rem;
}

.home-news .icon{
	font-size: 4rem;
	color:#b7cd11;
}
.home-news .media-body,
.home-news p,
.home-news a{
	color:#fff;
}
.home-news p a{
	text-decoration: none;
border-bottom: 2px dotted #a3b4da;
}
.home-news a:hover,
.home-news a:focus{text-decoration: none;border-bottom: none;}
.home-news h3 a{
	text-decoration: none;
	border-bottom: 2px dotted #a3b4da;
}
.home-news h3{
	font-size: 1.125rem;
	color:white;	
	/*border-bottom: 1px dotted #fff;*/
}


/* CONTENT */
.content-wrap{
	margin-top:2rem;
	margin-bottom:3rem;
}
.breadcrumbs a{
	text-decoration: none;
	color:#757575;
}
p.breadcrumbs{font-size: .875rem;margin-bottom:1.5rem;}
.breadcrumb_last{
	display: inline-block;
	margin-inline-start: 8px;
}
.breadcrumbs a{
	display: inline-block;
	margin-inline-end: 8px;
}
.breadcrumbs > span > span span{
	margin-inline-start: 6px;
}
.breadcrumbs a:hover,
.breadcrumbs a:focus{text-decoration: underline;}
.breadcrumbs{
	color:#757575;
}
.entry-meta{
	color:#757575;
	font-size: .875rem;
	margin-bottom: .75rem;
}
.search-results article,
.blog .post{
	margin-top: 1.5rem;
}
.search-results article + article,
.blog .post + .post{
	padding-top: 2rem;
	margin-top: 2rem;
	border-top:1px solid #a3b4da;
}

.gform_wrapper .gform_page_footer{overflow: hidden;}

.entry-content p + ul,
.entry-content p + ol{
	margin-top: -.75rem;
}

.entry-content ul li,
.entry-content ol:not(.steps) li{
	margin-bottom: 2px;
}
p, ol, ul, dl {
    margin-top: 0;
    margin-bottom: .875rem;
}

.btn-sm a.wp-block-button__link{
	font-size: .875rem;
  padding: .5rem 1rem;
}


/* /CONTENT */

/* SIDEBAR */
.sidebar > .nav{
	margin:0;
	padding:0;
}
.sidebar .nav a{
	display: block;
	color:#000;
	text-decoration: none;
	position: relative;
}
.sidebar .nav li:not(.current_page_item) a:hover,
.sidebar .nav li:not(.current_page_item) a:focus{
	opacity: .5;
}
.sidebar .nav .children{
		margin-inline-start:1rem;
		display: none;
    flex-wrap: wrap;
    padding-inline-start: 0;
    margin-bottom: 0;
    list-style: none;
    font-weight: 700;
}
.sidebar .nav .page_item_has_children.current_page_ancestor > .children,
.sidebar .nav .current_page_item > .children{
	display: flex;
}
.sidebar .nav .page_item{width:100%;}
.sidebar .nav a{
	padding: .5rem 0.5rem;
  line-height: 1.2;
}
#navSecondary > .page_item > a{
	font-weight: 700;
	text-transform: uppercase;
}

/*.sidebar .nav .current_page_parent > a,*/
.sidebar .nav .current_page_item > a{
	background:#dce3f1;
}




/*.sidebar .nav li.current_page_parent > a::after,
.sidebar .nav li.current_page_parent > a::before,*/
.sidebar .nav li.current_page_item > a::after,
.sidebar .nav li.current_page_item > a::before {
  content: "";
  border: 8px solid transparent;
  border-top: 8px solid #fff;
  border-right: 8px solid #fff;
  position: absolute;
  right: 0;
  top: 0;
}
/*.sidebar .nav li.current_page_parent > a::after,*/
.sidebar .nav li.current_page_item > a::after {
	top:auto;
	bottom: 0;
	transform:rotate(90deg);
}



/* /SIDEBAR */



/**********************/
/*     16. Footer     */
/**********************/
.footer {
	padding:3rem 0;
	background-color: #eee;
}
.footer .socials a.ico-wrap{
	opacity: 1;
	transition: opacity 250ms ease-in-out;
}
.footer .socials a.ico-wrap:hover,
.footer .socials a.ico-wrap:focus{
	opacity: .5;
}
.foot-img-links img{max-width: 100px;}
.foot-img-links a+a{margin-inline-start: 1rem;}
.socials a + a{
	margin-inline-start: 12px;
}
.socials a.ico-wrap{
	border: 1px solid #000;
  display: inline-block;
  border-radius: 50%;
}
.socials .icon{
	font-size: 2.25rem;
	color:#000;
	padding: .5rem;
}
.footer-links{
	margin:1.5rem auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.footer-links a{
	color:#000;
	padding:.25rem 1rem;
	text-decoration: none;
}
.footer-links a:hover,
.footer-links a:focus{text-decoration: underline;}

/*************************/
/*     17. Copyright     */
/*************************/
.copyright {
	padding-top: 1rem;
	padding-bottom: 0.375rem;
	text-align: center;
}

.copyright .p-small {
	padding-top: 1.375rem;
}


/**********************************/
/*     18. Back To Top Button     */
/**********************************/
a.back-to-top {
	position: fixed;
	z-index: 999;
	right: 0.75rem;
	bottom: 0.75rem;
	display: none;
	width: 2.625rem;
	height: 2.625rem;
	border-radius: 1.875rem;
	background: #5172b9 url("images/up-arrow.png") no-repeat center 47%;
	background-size: 1.125rem 1.125rem;
	text-indent: -9999px;
}

a:hover.back-to-top {
	background-color: #869dce; 
}


table td{
	border:1px solid #ddd;
	padding:8px;
}

h1.entry-title{
	margin-bottom: 1rem;
}


/* STEPS */
ol.steps {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-inline-start: 55px;
  margin-top:1.5rem;

}
ol.steps li {
  margin: 0 0 2rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
}
ol.steps li::before {
  content: counter(my-awesome-counter);
  color: #fff;
  font-size: 1.75rem;
  font-weight: 700;
  position: absolute;
  --size: 45px;
  left: calc(-1 * var(--size) - 15px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;
  background: #aec933;
  border-radius: 50%;
  text-align: center;
}
/* /STEPS */


#navPrimary .how-trigger{display: block;}

.dropdown-item {
    padding: 0.5rem 1rem;
}
.branding div{
		display: none;
	}

.navbar-custom .navbar-toggler{
	background-color: #aec933;
	border-radius: 0;
	color:#fff;
}

.navHeader-custom{
	padding: 0;
}

#navPrimary #how-section .btn{
	padding: 0.625rem 1.25rem;
  font-size: 1.125rem;
  line-height: 1.5;
}
.branding #how-section .btn{
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
#navHeader #how-section .btn{
	padding:0;
	font-size: .875rem;
	padding-inline-end: 0.5rem;
  padding-inline-start: 0.5rem;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.navHeader-custom .how-wrap .icon {
    order:-1;
    top: 0;
    font-size: 1.125rem;
    position: relative;
}

.sidebar .navbar-toggler{display: none;}

#navSecondary{
		align-items: flex-start;
		}

@media (max-width: 480px) {
	.navHeader-custom a{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

@media (max-width: 767px) {

.sidebar > h3.widget-title{display: none;}

	#navSecondary{
		margin-top: 15px;
		margin-bottom: 10px;
	}
	#navSecondary li{
		width: 100%;
	}
.sidebar{
	margin-bottom: 1.5rem
}
.sidebar .nav a{
	padding:.5rem;
}
	.sidebar > nav{
		max-width: 90%;
	  margin: 0 auto;
	  box-shadow: 0px 1px 4px rgba(0,0,0,.2);
	  padding: 0 15px;
	  overflow: hidden;
	}

	.sidebar .nav li.current_page_item > a::after,
	.sidebar .nav li.current_page_item > a::before {
    border: 12px solid transparent;
    border-top: 12px solid #fff;
    border-right: 12px solid #fff;
	}

	.sidebar button.navbar-toggler{
		display: flex;
		color:#6288c7;
		justify-content: center;
    padding: 15px 0;
		width: 100%;
		margin:0 auto;
	}
	.sidebar .navbar-toggler span{
		font-weight: 700;
		text-transform: uppercase;
	}
	.sidebar .navbar-toggler:hover,
	.sidebar .navbar-toggler:focus{
		cursor: pointer;
	}
	.tog-show .navbar-toggler{
		border-bottom: 1px solid #6288c7;
		overflow: hidden;
	}
	.sidebar .navbar-toggler .icon{margin-inline-end: 10px;}
	.icon-minus-circle2,
	.tog-show .icon-plus-circle2{
		display: none;
	}
	.tog-show .icon-minus-circle2{
		display: block;
	}


.navHeader-custom.container{
	max-width: 100% !important;
}

	.navHeader-custom .how-wrap{order:10;}
.navHeader-custom .nav-item{
	order:3;
}
.d-login{
		order:2;
	}
	.navHeader-custom .nav-item.d-search{
		order:1;
	}

.navHeader-custom a{
	font-weight: 400;
	width:100%;
}

.how-wrap .how-do-i{
	min-width: 240px;
}
.how-wrap.shown .how-do-i{display: block;}
.how-wrap .how-do-i:before{
	border-right:none;
}
#howdoi{text-transform: none;}

.how-wrap .how-do-i ul{
	width:100%;
	list-style: none;
	margin:0;
	padding:0;
	display: block;
}
.how-wrap .how-do-i li{
	width:100%;
}

.navHeader-custom .how-wrap,
.navHeader-custom .nav-item{
	width:100%;
	text-align: center;
}
.navHeader-custom .nav-item + .how-wrap,
.navHeader-custom .nav-item + .nav-item{
	border-left:1px solid #89a5d5;
}

	.navHeader-custom .navbar-nav{
		width:100%;
		justify-content: stretch;
		display: flex;
	}

#navPrimary{
  position: absolute;
  top: 3.625rem;
  right: 0;
  background: #fff;
  z-index: 2;
  padding: 0 .5rem 1rem;
  border-radius: 4px 0 4px 4px;
  box-shadow: 1px 2px 4px rgba(0,0,0,.25);
  min-width: 280px;
}
.navbar-custom .nav-item .nav-link.dropdown-toggle{
	padding-inline-end: 1.5rem;
}
.dropdown-toggle::after{
	position: absolute;
	right:0;
	top:15px;
}
.dropdown-toggle::before{
	border-top: 0.4em solid #fff;
	position: absolute;
	right:0;
	top:13px;
	z-index: 1;
}
.navbar-custom .dropdown > .dropdown-menu{
	padding:0;
}
.navbar-custom .dropdown-menu{
	display: none !important;
}
.navbar-custom .dropdown-menu.show{
	display: block !important;
}


}

/*****************************/
/*     20. Media Queries     */
/*****************************/	
/* Min-width width 768px */
@media (min-width: 768px) {

	/*#menu-primary .current_page_item > a
	#menu-primary .current_page_parent > a
	#menu-primary .current_page_ancestor > a{
		background:#fff;
		color:black;
	}*/


.navbar-custom .nav-item:hover .nav-link,
.navbar-custom .nav-item:focus .nav-link{
	    box-shadow: 0px 0px 6px rgba(0,0,0,.15);
	    	    border-bottom: 1px solid #d1e0ff;
}

	.navbar-custom .dropdown:hover > .dropdown-menu {
		box-shadow: 1px 2px 4px rgba(0,0,0,.25);
	}
	.navbar-custom .dropdown-menu {
		padding-top:0;
		padding-bottom: 0;
	}
	/*.navbar-custom .dropdown-item {
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}*/

	.navbar-custom{
		display: block;
		padding-bottom: 0;
	}

	.branding div{
		display: flex;
	}

	.navbar-brand.logo-image img {
    width: 20rem;
}


.navbar-custom .navbar-nav {
    width: 100%;
    justify-content: space-between;
}	
	
	/* General Styles */
	.p-heading {
		width: 85%;
		margin-inline-end: auto;
		margin-inline-start: auto;
	}
	/* end of general styles */

	.branding div .btn{
		display: block;
	}


	/* Header */
	.header .header-content {
		padding-top: 10.5rem;
	}

	.header h1 {
		font-size: 3rem;
		line-height: 3.5rem;
	}
	/* end of header */

	/* Extra Pages */
	.ex-header {
		padding-top: 11rem;
		padding-bottom: 9rem;
	}

	.ex-basic-2 .text-container.dark {
		padding: 2.5rem 3rem 2rem 3rem;
	}

	.ex-basic-2 .text-container.column {
		width: 90%;
		margin-inline-end: auto;
		margin-inline-start: auto;
	}
	/* end of extra pages */


#navHeader{
		justify-content: flex-end;
	}

}
/* end of min-width width 768px */


/* Min-width width 992px */
@media (max-width: 992px) {
			/* RESet aligns to center on mobile*/
.alignright,
.alignleft{
	float: none;
	max-width: 100%;
	margin:.75rem auto;
	border: none;
	padding-inline-start:0;
	padding-inline-end: 0;
}
}
@media (min-width: 992px) {

	.header-login-link{
	border:2px solid #000;
	padding:8px 14px 6px;
}


	.navbar-custom .navbar-nav {
    width:auto ;
    justify-content: space-around;
  }	

.dropdown-toggle::before {
    right: 14px;
    top: 16px;
  }

#navPrimary .how-trigger{display: block;}

/* Navigation */
.navbar-custom .btn{
	border-radius: 0;
}
	


.navbar-expand.navHeader-custom .navbar-nav .nav-link {
    padding-inline-end: 0.825rem;
    padding-inline-start: 0.825rem;
}
.navbar-custom .nav-item .nav-link{
	padding: 0.625rem 0.75rem 0.625rem 0.75rem;
}

	.navbar-custom {
		padding: 1.5rem 0 0;
		font:700 1rem/1.125rem 'Open Sans', sans-serif;
		box-shadow: none;
        background: transparent;
	}
	
	.navbar-custom .navbar-nav {
		margin-top: 0;
		margin-bottom: 0;
	}

	.navbar-custom .nav-item .nav-link {
		padding: .875rem .875rem 1rem;
		color: #1a1818;
	}
	
	.navbar-custom .nav-item .nav-link:hover,
	.navbar-custom .nav-item .nav-link.active {
		color: #1a1818;
		background-color: #fff;
	}

	.navbar-custom.top-nav-collapse {
        padding: 0.5rem 1.5rem 0.5rem 2rem;
		box-shadow: 0 0.0625rem 0.375rem 0 rgba(0, 0, 0, 0.1);
		background-color: #fff;
	}

	.navbar-custom.top-nav-collapse .nav-item .nav-link {
		color: #393939;
		opacity: 1;
	}
	
	.navbar-custom.top-nav-collapse .nav-item .nav-link:hover,
	.navbar-custom.top-nav-collapse .nav-item .nav-link.active {
		color: #5172b9;
	}



	.navbar-custom.top-nav-collapse .dropdown-menu {
		border-top: 0.5rem solid rgba(0, 0, 0, 0);
		box-shadow: 0 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.02);
	}
	.navbar-custom .dropdown-items-divide-hr {
		width: 84%;
	}
	/* end of navigation */


	/* General Styles */
	.p-heading {
		width: 65%;
	}
	/* end of general styles */


	/* Header */
	.header {
		background: url('images/header-background.jpg') center center no-repeat;
		background-size: cover; 
	}

	.header .header-content {
		padding-top: 11.5rem;
		text-align: left;
	}

	.header .text-container {
		margin-top: 3rem;
		margin-bottom: 0;
	}
	/* end of header */


	/* Extra Pages */
	.ex-header {
		background: url('images/ex-header-background.jpg') center center no-repeat;
		background-size: cover;
	}

	.ex-header h1 {
		width: 80%;
		margin-inline-end: auto;
		margin-inline-start: auto;
	}

	.ex-basic-2 {
		padding-bottom: 5rem;
	}

	.ex-basic-2 .text-container.column {
		margin-bottom: 0;
	}
	/* end of extra pages */
}
/* end of min-width width 992px */


/* Min-width width 1200px */
@media (min-width: 1200px) {
	
	/* Navigation */
	.navbar-custom {
		padding: 1rem 0 0;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	#navPrimary{width:100%;}
.navbar-custom {
		font:700 1.125rem/1.125rem 'Open Sans', sans-serif;
	}
.navbar-custom .navbar-nav {
	flex-grow: 1;
}

/*	.navbar-custom.top-nav-collapse {
        padding: 0.5rem 5rem 0.5rem 5rem;
	}*/
	/* end of navigation */

	
	/* General Styles */
	.p-heading {
		width: 55%;
	}
	/* end of general styles */


	/* Header */
	.header .header-content {
		padding-top: 12.5rem;
	}

	.header .text-container {
		margin-top: 5.375rem;
		margin-inline-start: 1rem;
		margin-inline-end: 2rem;
	}

	.header .image-container {
		margin-inline-start: 2rem;
		margin-inline-end: 1rem;
	}
	/* end of header */



	/* Footer */
	.footer .footer-col {
		width: 90%;
	}

	.footer .footer-col.middle {
		margin-inline-end: auto;
		margin-inline-start: auto;
	}

	.footer .footer-col.last {
		margin-inline-end: 0;
		margin-inline-start: auto;
	}
	/* end of footer */


	/* Extra Pages */
	.ex-header h1 {
		width: 60%;
		margin-inline-end: auto;
		margin-inline-start: auto;
	}

	.ex-basic-2 .form-container {
		margin-inline-start: 1.75rem;
	}

	.ex-basic-2 .image-container-small {
		margin-inline-start: 1.75rem;
	}
	/* end of extra pages */
}
/* end of min-width width 1200px 


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

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

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

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

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

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

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}


.search-toggle{
	position: relative;
}
.search-form{
	display: none;
    background: #c9d7f4;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 300px;
    padding: 8px;
    z-index: 10;
    box-shadow: 1px 2px 4px rgba(0,0,0,.25);
    border-radius: 0 0 0.25rem 0.25rem;
}
@media (max-width: 767px) {
	.embed-wrap-video{
		display: none;
	}
	.search-form{
		right: auto;
		left:0;
	}
}
.search-form label{margin-bottom: 0;}
.search-field{
	width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 2px 4px;
  font-size: 14px;
}
.search-submit{display: none;}
.navHeader-custom .search-form .icon-search{
	top: 0;
  margin-inline-end: 0;
  color: #aaa;
}
.navHeader-custom .search-form label{
  margin-bottom: 0;
  position: absolute;
  top: 10px;
  right: 34px;
}

.shown .search-form{
	display: block;
}
.shown a.search-toggle{background-color: #476096;}

.main-content .anchors a{border:none;}
.anchors span{display: inline-block;margin:0 1px;color:#aaa;}

iframe{border: none;}
.embed-wrap-video a{
	position: relative;
	display: block;
}
.icon-play2{
	font-size: 3.25rem;
	position: absolute;
  left: 40%;
  top: 30%;opacity: .75;
}

.gfield_signature_container{
	position:relative;
}

#navSecondary .children .children{
	display:none;
}
.allow-third #navSecondary .children .children{
/* 	display:block; */
	margin:0 0 0 2rem;
	list-style:disc;
	font-weight:400;
}
.allow-third #navSecondary .children li.page_item_has_children.current_page_item > .children,
.allow-third #navSecondary .children li.page_item_has_children.current_page_ancestor > .children{
	display:block !important;
}

.allow-third #navSecondary .children .children .current_page_item > a{
	background:transparent;
	color:#5172b9;
}