/**
  *
  *   VeteranAid.org 2017 child theme styles
  *
  **/

/*** Table of contents
  *
  *  1. Normalize
  *  2. Starveling (Skeleton mod)
  *  3. Buso Lightning parent theme - select styles
      (stripped of Normalize and Skeleton, and changes to be made directly rather than as overrides)
  *  4. Additional styles from original child theme
  *  5. New styles
  *
 ***/

/***
  *
  * 1. Normalize
  *
 ***/

 /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

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

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

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

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

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

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

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

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

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

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/***
  *
  * 2. Starveling
  *
 ***/

 /*
 * Starveling V0.0.0
 * Copyright 2015-2016, Anycode
 * A derived work based on:-
 *
 * Skeleton V2.0.4
 * Copyright 2014, Dave Gamache
 * www.getskeleton.com
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 12/29/2014
 */


 /* Table of contents
 ––––––––––––––––––––––––––––––––––––––––––––––––––
 - Grid
 - Base Styles
 - Typography
 - Links
 - Buttons
 - Forms
 - Lists
 - Code
 - Tables
 - Spacing
 - Utilities
 - Clearing
 - Media Queries
 */


 /* Grid
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 .container {
 	position: relative;
 	width: 100%;
 	max-width: 1280px;
 	margin: 0 auto;
 	padding: 0 20px;
 	box-sizing: border-box; }
 .column,
 .columns {
 	width: 100%;
 	float: left;
 	box-sizing: border-box; }

 /* For devices larger than 400px */
 @media (min-width: 400px) {
 	.container {
 		width: 90%;
 		padding: 0; }
 }

 /* For devices larger than 550px */
 @media (min-width: 550px) {
 	.container {
 		width: 90%; }
 	.column,
 	.columns {
 		margin-left: 4%; }
 	.column:first-child,
 	.columns:first-child {
 		margin-left: 0; }

 	.one.column,
 	.one.columns                    { width: 4.66666666667%; }
 	.two.columns                    { width: 13.3333333333%; }
 	.three.columns                  { width: 22%;            }
 	.four.columns                   { width: 30.6666666667%; }
 	.five.columns                   { width: 39.3333333333%; }
 	.six.columns                    { width: 48%;            }
 	.seven.columns                  { width: 56.6666666667%; }
 	.eight.columns                  { width: 65.3333333333%; }
 	.nine.columns                   { width: 74.0%;          }
 	.ten.columns                    { width: 82.6666666667%; }
 	.eleven.columns                 { width: 91.3333333333%; }
 	.twelve.columns                 { width: 100%; margin-left: 0; }

 	.one-third.column               { width: 30.6666666667%; }
 	.two-thirds.column              { width: 65.3333333333%; }

 	.one-half.column                { width: 48%; }

 	/* Offsets */
 	.offset-by-one.column,
 	.offset-by-one.columns          { margin-left: 8.66666666667%; }
 	.offset-by-two.column,
 	.offset-by-two.columns          { margin-left: 17.3333333333%; }
 	.offset-by-three.column,
 	.offset-by-three.columns        { margin-left: 26%;            }
 	.offset-by-four.column,
 	.offset-by-four.columns         { margin-left: 34.6666666667%; }
 	.offset-by-five.column,
 	.offset-by-five.columns         { margin-left: 43.3333333333%; }
 	.offset-by-six.column,
 	.offset-by-six.columns          { margin-left: 52%;            }
 	.offset-by-seven.column,
 	.offset-by-seven.columns        { margin-left: 60.6666666667%; }
 	.offset-by-eight.column,
 	.offset-by-eight.columns        { margin-left: 69.3333333333%; }
 	.offset-by-nine.column,
 	.offset-by-nine.columns         { margin-left: 78.0%;          }
 	.offset-by-ten.column,
 	.offset-by-ten.columns          { margin-left: 86.6666666667%; }
 	.offset-by-eleven.column,
 	.offset-by-eleven.columns       { margin-left: 95.3333333333%; }

 	.offset-by-one-third.column,
 	.offset-by-one-third.columns    { margin-left: 34.6666666667%; }
 	.offset-by-two-thirds.column,
 	.offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

 	.offset-by-one-half.column,
 	.offset-by-one-half.columns     { margin-left: 52%; }

 }

 /* Base Styles
 –––––––––––––––––––––––––––––––––––––––––––––––––– */

* {
  box-sizing: border-box;
}

html {
  box-sizing: border-box;
  height: 100%;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
	font-size: 62.5%;
}

body {
  line-height: 1.5;
  margin: 0 auto;
  /* width: 60rem; */
  font-size: 1.6rem;
  overflow-x: hidden;
}



 /* Links
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 /* a { text-decoration: none; }
 a:hover { text-decoration: underline; } */
 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
   text-decoration: none;
 }


 /* Buttons
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 .button,
 button,
 input[type="submit"],
 input[type="reset"],
 input[type="button"] {
 	display: inline-block;
 	/* height: 5rem; */
 	padding: 0 3rem;
 	text-align: center;
 	font-size: 2rem;
 	font-weight: 400;
 	/* line-height: 4.8rem; */
   /* letter-spacing: .1rem; */
  padding: 15px 50px;
 	text-transform: uppercase;
 	text-decoration: none;
 	white-space: nowrap;
 	background-color: transparent;
 	/* border-radius: 4px; */
 	border-style: solid;
 	border-width: 1px;
  border-color: rgba(0,0,0,0.25);
 	cursor: pointer;
 	box-sizing: border-box;
  font-family: 'Acre-Medium', "Acre Medium", Acre, 'Poppins', "Century Gothic", Futura, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; /* headings font family */
  transition: .25s all ease-in-out;
}
 .button:hover,
 button:hover,
 input[type="submit"]:hover,
 input[type="reset"]:hover,
 input[type="button"]:hover,
 .button:focus,
 button:focus,
 input[type="submit"]:focus,
 input[type="reset"]:focus,
 input[type="button"]:focus {
 	text-decoration: none;
 	outline: 0;
  opacity: 0.8; }

 /* Forms
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 input[type="email"],
 input[type="number"],
 input[type="search"],
 input[type="text"],
 input[type="tel"],
 input[type="url"],
 input[type="password"],
 textarea,
 select {
 	height: 38px;
 	padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
 	border-style: solid;
 	border-width: 1px;
 	border-radius: 4px;
 	box-shadow: none;
 	box-sizing: border-box; }
 /* Removes awkward default styles on some inputs for iOS */
 input[type="email"],
 input[type="number"],
 input[type="search"],
 input[type="text"],
 input[type="tel"],
 input[type="url"],
 input[type="password"],
 textarea {
 	-webkit-appearance: none;
 	-moz-appearance: none;
 	appearance: none; }
 textarea {
 	min-height: 65px;
 	padding-top: 6px;
 	padding-bottom: 6px; }
 input[type="email"]:focus,
 input[type="number"]:focus,
 input[type="search"]:focus,
 input[type="text"]:focus,
 input[type="tel"]:focus,
 input[type="url"]:focus,
 input[type="password"]:focus,
 textarea:focus,
 select:focus {
 	border-style: solid;
 	border-width: 1px;
 	outline: 0; }
 label,
 legend {
 	display: block;
 	margin-bottom: .5rem;
 	font-weight: 600; }
 fieldset {
 	padding: 0;
 	border-width: 0; }
 input[type="checkbox"],
 input[type="radio"] {
 	display: inline; }
 label > .label-body {
 	display: inline-block;
 	margin-left: .5rem;
 	font-weight: normal; }


 /* Lists
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 ul {
 	list-style: disc inside; }
 ol {
 	list-style: decimal inside; }
 ol, ul {
 	padding-left: 0;
 	margin-top: 0; }
 ul ul,
 ul ol,
 ol ol,
 ol ul {
 	margin: 1.5rem 0 1.5rem 3rem;
 	font-size: 90%; }
 li {
 	margin-bottom: 1rem; }


 /* Code
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 code {
 	padding: .2rem .5rem;
 	margin: 0 .2rem;
 	font-size: 90%;
 	white-space: nowrap;
 	border-style: solid;
 	border-width: 1px;
 	border-radius: 4px; }
 pre > code {
 	display: block;
 	padding: 1rem 1.5rem;
 	white-space: pre; }


 /* Tables
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 th,
 td {
 	padding: 12px 15px;
 	text-align: left;
 	border-bottom-style: solid;
 	border-bottom-width: 1px;
 }
 th:first-child,
 td:first-child {
 	padding-left: 0; }
 th:last-child,
 td:last-child {
 	padding-right: 0; }


 /* Spacing
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 button,
 .button {
 	margin-bottom: 1rem; }
 input,
 textarea,
 select,
 fieldset {
 	margin-bottom: 1.5rem; }
 pre,
 blockquote,
 dl,
 figure,
 table,
 p,
 ul,
 ol,
 form {
 	margin-bottom: 2.5rem; }


 /* Utilities
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 .u-center-text {
 	text-align: center;
 }

 .u-pad-below {
 	padding-bottom: 2rem;
 }

 .u-well > * {
 	margin: 0.5rem;
 }
 .u-full-width {
 	width: 100%;
 	box-sizing: border-box; }
 .u-max-full-width {
 	max-width: 100%;
 	box-sizing: border-box; }
 .u-pull-right {
 	float: right; }
 .u-pull-left {
 	float: left; }
 .u-pull-right-or-full-width {
 	float: right; }

 /* Misc
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 hr {
 	margin-top: 3rem;
 	margin-bottom: 3.5rem;
 	border-width: 0;
 	border-top-width: 1px;
 	border-top-style: solid;
 }


 /* Clearing
 –––––––––––––––––––––––––––––––––––––––––––––––––– */

 /* Self Clearing Goodness */
 .container:after,
 .row:after,
 .u-cf {
 	content: "";
 	display: table;
 	clear: both; }




p {
  margin: 0 0 1.5rem;
}


 /* NOTE
 html is set to 62.5% so that all the REM measurements throughout Skeleton
 are based on 10px sizing. So basically 1.5rem = 15px :) */
 /* html {
 	font-size: 62.5%; }

   @media screen and (min-width: 25em){
     html { font-size: calc( 10px + 2vw ); } /* fluid type base */
   /* }


 body {
 	/* font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
/* 	line-height: 1.6;
 	font-weight: 400;
 	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
 }*/

 /* Typography
 –––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Fonts */

@font-face {
    font-family:'Acre-Medium';
    src: url('../fonts/Acre-Medium.eot');
	src: url('../fonts/Acre-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Acre-Medium.woff2') format('woff2'),
		url('../fonts/Acre-Medium.woff') format('woff'),
		url('../fonts/Acre-Medium.svg#Acre-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}

 h1, h2, h3, h4, h5, h6 {
 	/*margin-top: 0;
 	margin-bottom: 2rem; */
 	font-weight: 500;
  font-family: 'Acre-Medium', "Acre Medium", Acre, 'Poppins', "Century Gothic", Futura, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; /* headings font family */
  color: #002868; /* brand primary – PMS 281C #002868 Old Glory Blue */
}
/*
 h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.15rem;}
 /* h1:first-of-type { margin-top: 3rem; } */
 /*
 h2 { font-size: 3.7rem; line-height: 1.25; letter-spacing: -.15rem; }
 h3 { font-size: 3.4rem; line-height: 1.3;  letter-spacing: -.125rem; }
 h4 { font-size: 3.0rem; line-height: 1.35; letter-spacing: -.1rem; }
 h5 { font-size: 2.5rem; line-height: 1.5;  letter-spacing: -.075rem; }
 h6 { font-size: 2.25rem; line-height: 1.6;  letter-spacing: 0; }
 */

 /* Modular Scale Headings */

    h1 {
      font-size: 3.157rem;
      line-height: 1.2;
    }
    @media screen and (min-width: 37.5rem) {
      h1 {
        font-size: calc(3.157rem + 1.86118 * ((100vw - 37.5rem) / 200));
      }
    }
    @media screen and (min-width: 80rem) {
      h1 {
        font-size: 3.15733rem;
      }
    }

    h2 {
      font-size: 2.369rem;
      line-height: 1.25;
    }
    @media screen and (min-width: 37.5rem) {
      h2 {
        font-size: calc(2.369rem + 1.15383 * ((100vw - 37.5rem) / 200));
      }
    }
    @media screen and (min-width: 80rem) {
      h2 {
        font-size: 2.36859rem;
      }
    }

    h3 {
      font-size: 1.777rem;
      line-height: 1.3;
    }
    @media screen and (min-width: 37.5rem) {
      h3 {
        font-size: calc(1.777rem + 0.6384 * ((100vw - 37.5rem) / 200));
      }
    }
    @media screen and (min-width: 80rem) {
      h3 {
        font-size: 1.77689rem;
      }
    }

    h4 {
      font-size: 1.333rem;
      line-height: 1.35;
    }
    @media screen and (min-width: 37.5rem) {
      h4 {
        font-size: calc(1.333rem + 0.266 * ((100vw - 37.5rem) / 200));
      }
    }
    @media screen and (min-width: 80rem) {
      h4 {
        font-size: 1.333rem;
      }
    }

    h5 {
      font-size: 1rem;
      line-height: 1.5;
    }
    @media screen and (min-width: 37.5rem) {
      h5 {
        font-size: calc(1rem + 0 * ((100vw - 37.5rem) / 200));
      }
    }
    @media screen and (min-width: 80rem) {
      h5 {
        font-size: 1rem;
      }
    }

    h6 {
      font-size: 0.93721rem;
      line-height: 1.6;
    }
    @media screen and (min-width: 37.5rem) {
      h6 {
        font-size: calc(0.93721rem + -0.18702 * ((100vw - 37.5rem) / 200));
      }
    }
    @media screen and (min-width: 80rem) {
      h6 {
        font-size: 0.75019rem;
      }
    }

/*
 blockquote { font-size: 1.8rem; line-height: 1.5;  letter-spacing: 0;; }
 h1 ~ blockquote  { font-size: 2.4rem; }
 h2 ~ blockquote  { font-size: 2.3rem; }
 h3 ~ blockquote { font-size: 2.2rem; }
 h4 ~ blockquote { font-size: 2.1rem; }
 h5 ~ blockquote { font-size: 2.0rem; }
 p { font-size: 1.6rem; letter-spacing: 0; }
 em { font-style: normal;
 	font-weight: 600; } */

 /* Larger than phablet */
 /*@media (min-width: 550px) {
 	h1 { font-size: 6.0rem; } */
 	/* h1:first-of-type { margin-top: 6rem; } */
 	/*h2 { font-size: 5.2rem; }
 	h3 { font-size: 4.6rem; }
 	h4 { font-size: 4.0rem; }
 	h5 { font-size: 3.4rem; }
 	h6 { font-size: 2.5rem; }
 	blockquote { font-size: 2.3rem;}
 	h1 ~ blockquote  { font-size: 3rem; }
 	h2 ~ blockquote  { font-size: 2.9rem; }
 	h3 ~ blockquote { font-size: 2.8rem; }
 	h4 ~ blockquote { font-size: 2.7rem; }
 	h5 ~ blockquote { font-size: 2.6rem; }
 	p { font-size: 2rem; letter-spacing: 0; }
 }
*/
/* previous font sizes */
/*
 h1 { font-size: 3.2rem; line-height: 1.2;  letter-spacing: -.1rem; margin-top: 1.8rem; }
 h2 { font-size: 2.8rem; line-height: 1.25; letter-spacing: -.1rem; }
 h3 { font-size: 2.3rem; line-height: 1.3;  letter-spacing: -.1rem; margin-top: 10px; }
 h4 { font-size: 2.1rem; line-height: 1.35; letter-spacing: -.08rem; }
 h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
 h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }
*/
 /* Larger than phablet */
 /*@media (min-width: 700px) {
   h1 { font-size: 3.2rem; margin-top: 1.8rem; }
   h2 { font-size: 2.8rem; }
   h3 { font-size: 2.3rem; margin-top: 10px; }
   h4 { font-size: 2.1rem; }
   h5 { font-size: 1.8rem; }
   h6 { font-size: 1.5rem; }
 }

 p {
 	margin-top: 0; }

 blockquote {
 	margin-left: 0;
 	margin-right: 0; } */

 /* Base Colors
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 /*
 Note: Generally don't change base colors unless you are creating a whole new theme,
 these are all done with RGBA so they (in theory) just work with any background color. You can choose
 'default' or 'inverted',then modify the customizable colors from there.
 */

 body {                              color: rgba(0, 0, 0, 0.7); }
 blockquote {                        color: rgba(0, 0, 0, 0.74); }
 h1 ~ blockquote, h2 ~ blockquote, h3 ~ blockquote {
 									color: rgba(0, 0, 0, 0.44); }
 h4 ~ blockquote {                   color: rgba(0, 0, 0, 0.44); }
 h5 ~ blockquote {                   color: rgba(0, 0, 0, 0.54); }
 h6 ~ blockquote {                   color: rgba(0, 0, 0, 0.64); }
 @media (min-width: 550px) {
 	body.inverted blockquote {      color: rgba(0, 0, 0, 0.44); }
 	body.inverted h1 ~ blockquote { color: rgba(0, 0, 0, 0.28); }
 }
 hr {                     border-top-color: rgba(0, 0, 0, 0.16); }
 .button, button, input[type="submit"], input[type="reset"], input[type="button"] {
 									color: rgba(0, 0, 0, 0.74);
 							 border-color: rgba(0, 0, 0, 0.74); }
 .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover,
 .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus {
 									color: rgba(0, 0, 0, 0.74);
 						 background-color: rgba(0, 0, 0, 0.28);
 							 border-color: rgba(0, 0, 0, 0.08); }
 code {                   background-color: rgba(0, 0, 0, 0.08);
 							 border-color: rgba(0, 0, 0, 0.18); }
 input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"],
 input[type="url"], input[type="password"], textarea, select {
 						 background-color: rgba(255, 255, 255, 0.3);
 							 border-color: rgba(0, 0, 0, 0.16); }
 th, td {              border-bottom-color: rgba(0, 0, 0, 0.16); }
 /* ::-webkit-input-placeholder {       color: rgba(0, 0, 0, 0.7); }
 :-moz-placeholder {                 color: rgba(0, 0, 0, 0.7); }
 ::-moz-placeholder {                color: rgba(0, 0, 0, 0.7); }
 :-ms-input-placeholder {            color: rgba(0, 0, 0, 0.7); } */
 body.inverted {                     color: rgba(255, 255, 255, 0.7); }
 body.inverted blockquote {          color: rgba(255, 255, 255, 0.74); }
 body.inverted h1 ~ blockquote, body.inverted h2 ~ blockquote, body.inverted h3 ~ blockquote {
 									color: rgba(255, 255, 255, 0.44); }
 @media (min-width: 550px) {
 	body.inverted blockquote {      color: rgba(255, 255, 255, 0.44); }
 	body.inverted h1 ~ blockquote { color: rgba(255, 255, 255, 0.28); }
 }
 body.inverted hr {       border-top-color: rgba(255,255,255, 0.16); }
 body.inverted .button, body.inverted button, body.inverted input[type="submit"], body.inverted input[type="reset"],
 body.inverted input[type="button"] {
 									color: rgba(255, 255, 255, 0.74);
 							 border-color: rgba(255, 255, 255, 0.44); }
 body.inverted .button:hover, body.inverted button:hover, body.inverted input[type="submit"]:hover, body.inverted input[type="reset"]:hover,
 body.inverted input[type="button"]:hover, body.inverted .button:focus, body.inverted button:focus, body.inverted input[type="submit"]:focus,
 body.inverted input[type="reset"]:focus, body.inverted input[type="button"]:focus {
 									color: rgba(255, 255, 255, 0.74);
 						 background-color: rgba(255, 255, 255, 0.28);
 						 	 border-color: rgba(255, 255, 255, 0.08); }
 body.inverted code {     background-color: rgba(255, 255, 255, 0.08);
 							 border-color: rgba(255, 255, 255, 0.18); }
 body.inverted input[type="email"], body.inverted input[type="number"], body.inverted input[type="search"],
 body.inverted input[type="text"], body.inverted input[type="tel"], body.inverted input[type="url"],
 body.inverted input[type="password"], body.inverted textarea, body.inverted select {
 						 background-color: rgba(0, 0, 0, 0.3);
 							 border-color: rgba(255, 255, 255, 0.18); }
 body.inverted th, body.inverted td {
 					  border-bottom-color: rgba(255, 255, 255, 0.16); }
 /* ::-webkit-input-placeholder {       color: rgba(255, 255, 255, 0.7); }
 :-moz-placeholder {                 color: rgba(255, 255, 255, 0.7); }
 ::-moz-placeholder {                color: rgba(255, 255, 255, 0.7); }
 :-ms-input-placeholder {            color: rgba(255, 255, 255, 0.7); } */

 /* Customizable Colors
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 /*
 Note: maybe sass/less could be useful here
 */

 a {                                 color: rgba(0, 40, 104, 0.75); transition: .25s color ease-in-out; }
 a:hover {                           color: rgba(0, 40, 104, 0.4);  }
 body.inverted a {                   color: rgba(9, 215, 114, 0.9); }
 body.inverted a:hover {             color: rgba(33, 199, 178, 0.9); }
 .button.button-primary, button.button-primary, input[type="submit"].button-primary, input[type="reset"].button-primary,
 input[type="button"].button-primary {
 									color: rgba(255,255,255, 1);
 						 background-color: rgba(9, 215, 114, 0.9);
 							 border-color: rgba(9, 215, 114, 0.9); }
 body.inverted .button.button-primary, body.inverted button.button-primary, body.inverted input[type="submit"].button-primary,
 body.inverted input[type="reset"].button-primary, body.inverted input[type="button"].button-primary {
 									color: rgba(255,255,255, 1);
 						 background-color: rgba(9, 215, 114, 0.9);
 							 border-color: rgba(9, 215, 114, 0.9); }
 .button.button-primary:hover, button.button-primary:hover, input[type="submit"].button-primary:hover,
 input[type="reset"].button-primary:hover, input[type="button"].button-primary:hover, .button.button-primary:focus,
 button.button-primary:focus, input[type="submit"].button-primary:focus, input[type="reset"].button-primary:focus,
 input[type="button"].button-primary:focus {
 									color: rgba(255,255,255, 1);
 						 background-color: rgba(11, 179, 88, 0.9);
 							 border-color: rgba(33, 199, 178, 0.9); }
 body.inverted .button.button-primary:hover, body.inverted button.button-primary:hover, body.inverted input[type="submit"].button-primary:hover,
 body.inverted input[type="reset"].button-primary:hover, body.inverted input[type="button"].button-primary:hover, body.inverted .button.button-primary:focus,
 body.inverted button.button-primary:focus, body.inverted input[type="submit"].button-primary:focus, body.inverted input[type="reset"].button-primary:focus,
 body.inverted input[type="button"].button-primary:focus {
 									color: rgba(255,255,255, 1);
 						 background-color: rgba(9, 250, 139, 0.9);
 							 border-color: rgba(33, 199, 178, 0.9); }
 input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus,
 input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
 							 border-color: rgba(33, 199, 178, 0.7); }
 body.inverted input[type="email"]:focus, body.inverted input[type="number"]:focus, body.inverted input[type="search"]:focus,
 body.inverted input[type="text"]:focus, body.inverted input[type="tel"]:focus, body.inverted input[type="url"]:focus,
 body.inverted input[type="password"]:focus, body.inverted textarea:focus, body.inverted select:focus {
 							 border-color: rgba(33, 199, 178, 0.6); }


/* Theme Colors */

.color-red {
  color: #BF0A30; // Old Glory Red
}
.background-red {
  background-color: #BF0A30; // Old Glory Red
}
.color-blue {
  color: #00296B; // Old Glory Blue
}
.background-blue {
  background-color: #00296B; // Old Glory Blue
}
.color-white {
  color: #fff;
}
.background-white {
  background-color: #fff;
}

 /* Media Queries
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 /*
 Note: The best way to structure the use of media queries is to create the queries
 near the relevant code. For example, if you wanted to change the styles for buttons
 on small devices, paste the mobile query code up in the buttons section and style it
 there.
 */


 /* Larger than mobile */
 @media (min-width: 400px) {}

 /* Larger than phablet (also point when grid becomes active) */
 @media (min-width: 550px) {}

 /* Larger than tablet */
 @media (min-width: 750px) {}

 /* Larger than desktop */
 @media (min-width: 1000px) {}

 /* Larger than Desktop HD */
 @media (min-width: 1200px) {}

/***
  *
  *  3. Buso Lightning parent theme - select styles
      (stripped of Normalize and Skeleton, and changes to be made directly rather than as overrides)
  *
 ***/


head, body { background-color: #FFF; }
html { background-color: #F5F5F5; }



/******
 *
 *    Header
 *
 ******/

.top-menu {
    display: block;
    height: 40px;
    font-size: 1.4rem;
    overflow: hidden;
}

.top-menu ul {
    position: relative;
    display: block;
    list-style: none;
    float: left;
    line-height: 40px;
    margin-bottom: 0px;
}

.top-menu ul li {
    position: relative;
    display: inline-block;
    list-style: none;
    float: left;
    margin-right: 30px;
    margin-bottom: 0px;
}

.top-menu a {
    text-decoration: none;
    color: #666;
    -webkit-transition: all 0.12s linear;
    -moz-transition: all 0.12s linear;
    transition: all 0.12s linear;
}

.top-menu a:hover {
    text-decoraton: none;
    color: #4582BF;
}

#top-menu-bottom-border {
    height: 40px;
    background-color: #FFF;
    border-bottom: 1px solid #E3E3E3;
}

.header-wrap {
  background: #fcfcfc;
  /* background-image: url('../svg/left-banner.svg');
  background-position: right top;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-size: cover;
  position: relative; */
}
  .header-wrap .container {
    height: auto;
    position: relative;
    padding: 0 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }
    .header-wrap .container > * {
    }

    .header-wrap .header-photo-wrap {
      /*background-image: url('../img/header-photo.png');
      background-size: auto 100%;
      background-repeat: no-repeat;
      background-position: left center;*/
      margin-left: -5rem;
      flex-basis: 20rem;
    }
      .header-wrap .header-photo-wrap img {
        display: block;
      }
    .header-wrap .container .header-logo-wrap {
      flex-grow: 2;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-end;
    }
      .header-wrap .container .header-logo-wrap a, .header-wrap .container .header-logo-wrap a h1 {
        line-height: calc(2.1rem + 2vw);
        font-size: calc(1.5rem + 1.7vw);
      }
  @media screen and (min-width: 700px) {
    .header-wrap .container {
    }
      .header-wrap .container .header-logo-wrap {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
      }

        .header-wrap .container .header-logo-wrap a, .header-wrap .container .header-logo-wrap a h1 {
          line-height: 3.5rem;
          font-size: 3rem;
        }

  }
    .header-wrap .container::before, .header-wrap .container::after {
        position: absolute;
        display: block;
        width: 100%;
        top: 0;
        bottom: 0;
        left: -100%;
        margin-right: -1.5rem;
        content: '';
        background-image: url(../svg/banner-gradient.svg);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: auto 100%;
    }
    .header-wrap .container::after {
        left: 100%;
        right: 100%;
        margin-left: -1.5rem;
        background-position: left bottom;
    }

.header-wrap::after {
}

  .header-wrap .header-logo-wrap {
  }
    .header-wrap .header-logo-wrap > * {

    }

  .header-wrap .header-logo-wrap a, .header-wrap .header-logo-wrap a:hover, .header-wrap .header-logo-wrap a:focus {
    color: #002868; /* brand primary – PMS 281C #002868 Old Glory Blue */
    text-decoration: none;
  }
    .header-wrap .header-logo-wrap a.logo-anchor {}
    .header-wrap .header-logo-wrap a h1 {
      margin: 0!important;
      text-align: left;
      font-weight: 500;
    }
      .header-wrap .header-logo-wrap a h1 em {
        font-style: normal;
        text-decoration: none;
        font-weight: 500;
        color: #BF0A30; /* brand alternate – PMS 193C #BF0A30 Old Glory Red */
      }
  #header-phone-number {
    display: block;
    text-align: right;
    margin-left: auto;
  }
  .header-wrap a#header-phone-number, .header-wrap a#header-phone-number:hover {
      letter-spacing: -.07em;
      margin-bottom: 0;
      text-decoration: none;
  }

    .header-wrap .header-phone-wrap a:hover {
        color: #003282; /* brand primary + 10% brightness #003282 */
    }



/* .logo-strip-text img {
    height: auto;
    margin-top: 10px;
    margin-bottom: -35px;
    max-width: 100%;
} */

.header-menu, .mobile-menu {
    /* height: 7rem; */
    background-color: #002868; /* brand primary – PMS 281C #002868 Old Glory Blue */
    color: #FFF;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2.1rem;
    letter-spacing: 1px;
    font-family: 'Acre-Medium', "Acre Medium", Acre, 'Poppins', "Century Gothic", Futura, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; /* headings font family */
}

.header-menu ul, .mobile-menu ul {
    display: flex; /* flex container */
    justify-content: space-between; /* space menu items evenly all the way to each edge */
    list-style: none;
    line-height: 6rem;
    margin: 0 1.5rem;
}
.mobile-menu ul {
    display: none;
}

.header-menu ul li, .mobile-menu ul li {
    display: block;
    float: left;
    /* Note on above two rules: neither 'display: block' nor 'float: left' is necessary (or applicable) in conjunction with parent's rule 'display: flex' – leaving for progressive enhancement's sake, but these two rules should eventually be deleted */
    -webkit-transition: all 0.12s linear;
    -moz-transition: all 0.12s linear;
    transition: all 0.12s linear;
    margin: 0;
}

.header-menu ul li a, .mobile-menu ul li a {
    color: #f4f4f4;
    text-decoration: none;
    display: block;
    text-align: center;
    /* padding: 0 20px; */
}

.mobile-menu ul li ul li a {
    font-size: 80%;
}

.header-menu ul li:hover a, .mobile-menu ul li:hover a {
    color: #FFF;
}

ul.sub-menu {
    display: none;
    position: absolute;
    background-color: #222;
    margin: 0 0 0 0;
    z-index: 2;
}

ul.sub-menu li {
    position: relative;
    display: block;
    float: none;
    background-color: #222;
    margin-bottom: 0;
}

.header-menu li {
    -webkit-transition: all 0.12s linear;
    -moz-transition: all 0.12s linear;
    -ms-transition: all 0.12s linear;
    -o-transition: all 0.12s linear;
    transition: all 0.12s linear;
}

.header-menu li:hover > ul {
    display: block;
}

.header-menu ul ul ul li {
    display: none;
}

.mobile-only, .mobile-menu { display: none; }



/******
 *
 *    Mobile Nav
 *
 ******/

.head-to-foot-wrap {
    z-index: 0;
}

@media (max-width: 700px) {
    .header-menu { display: none; }
    .mobile-menu { display: block; height: 50px; }
    .mobile-menu ul li {
        display: block;
    }
    .mobile-menu .menu-item {
        display: block;
    }
    .mobile-menu ul li {
        display: block;
        position: relative;
        float: none;
        z-index: 1;
        height: 50px;
        line-height: 50px;
        background: #222;
        margin-bottom: 0px;
    }
    .mobile-menu ul li:hover {
        background: #333;
        color: #FFF;
    }
    .mobile-menu ul {
        margin-top: 0px;
    }
    .mobile-menu ul li ul li {
        float: left;
        background: transparent;
    }
    ul.sub-menu {
        display: none;
        position: absolute;
        background-color: #222;
        margin: 0 0 0 0;
        z-index: 2;
        bottom: 0px;
        left: 140px;
        height: 50px;
    }
    ul.sub-menu li {
        position: relative;
        display: block;
        float: none;
        background-color: #222;
        padding: 0 20px;
        margin-bottom: 0;
        margin-left: 0;
    }
    .mobile-only {
        display: block;
        line-height: 50px;
    }
}


/******
 *
 *    Homepage Body
 *
 ******/

.main-and-sidebar {
    /* background-color: #fcfcfc; /* main content background */
    background: #FBFBFB; /* card background – #FBFBFB Alabaster */
}
  .main-and-sidebar .container .row {

  }
    .main-and-sidebar .container .row > * {
      margin: 3.5rem 1.5rem 1.5rem;
      padding: 0;
    }
    .main-and-sidebar .container .row > .column:first-child, .main-and-sidebar .container .row > .columns:first-child {
      margin-left: 0;
    }
  @media (min-width: 75rem) {
    .main-and-sidebar .container .row {
      display: flex;
    }
      .main-and-sidebar .container .row > * {
        flex: auto;
      }
      .main-and-sidebar .container .row > .main-left {
        flex-basis: 61.8%;
      }
      .main-and-sidebar .container .row > .sidebar-box {
        flex-basis: 38.2%;
      }
  }
.main-wrap {
    overflow: hidden;
    font-size: 1.75rem;
}

.post-wrap {
    display: block;
    margin-top: 3.5rem;
    margin-bottom: 5rem;
}
  .main-and-sidebar .container .row .main-wrap .post-wrap:first-child {
    margin-top: 0;
  }

.read-more {
    display: block;
    position: relative;
    text-align: right;
}

img.attachment-thumbnail {
    width: 100%;
    height: auto;
    padding-bottom: 15px;
}

@media (min-width: 625px) {
    img.attachment-thumbnail {
        float: left;
        padding-right: 25px;
        width: 240px;
        height: auto;
    }
}

@media (min-width: 1000px) {
    img.attachment-thumbnail {
        width: 100%;
        height: auto;
        float: none;
        padding-right: 0px;
    }
}

@media (min-width: 1085px) {
    img.attachment-thumbnail {
        float: left;
        padding-right: 25px;
        width: 240px;
        height: auto;
    }
}




/******
 *
 *    Inner Pages
 *
 ******/

.pagination-wrapper {
    position: relative;
    text-align: center;
    margin-top: 65px;
    margin-bottom: -50px;
    clear: both;
}
.page-numbers {
    color: #FFF;
    text-align: center;
    line-height: 30px;
    background: #4582BF;
    height: 30px;
    width: 120px;
    border-radius: 3px;
    padding: 5px;
}
.page-numbers a {
    color: #FFF;
    text-decoration: none;
}
.pagination-wrapper a:hover {
    text-decoration: none;
}
.page-numbers:hover {
    background: #222;
}

.attachment-post-thumbnail {
    height: auto;
    width: 100%;
}


/******
 *
 *    Sidebar
 *
 ******/

.sidebar-box {
  /* background: #FBFBFB; /* card background – #FBFBFB Alabaster */

  background: #F4F4F4; /* sidebar – #F4F4F4 Wild Sand */
  /* border: 1px solid rgba(44, 55, 86, 0.08); */
}
  .sidebar-box .widget-wrap:first-child {
    margin-top: 0;
  }
/*
@media (min-width: 1000px) {
    .sidebar-box {
        width: 340px;
        margin-left: -340px;
    }
}
*/
.widget-wrap {
    position: relative;
    display: block;
    padding: 0 2.5rem 1.2rem; /* use to wrap only; apply padding to child components */
    margin: .5rem 0;
}

  .widget-wrap .widget-title {
      font-size: 2.1rem;
      letter-spacing: 0rem;
      line-height: 2.1rem;
      text-transform: uppercase;
      font-weight: 600;
      /* background: #F2F2F2; /* title background - #F2F2F2 Concrete */
      background-color: #E4E3E7; /* title background – #E4E3E7 Mercury */
      margin: 0 -2.5rem 3.5rem;
      padding: 1.75rem 2.5rem 1.5rem;
  }

  .widget-wrap ul.menu {
    list-style: none;
  }
    .widget-wrap ul.menu li {

    }
      .widget-wrap ul.menu li a {
        display: block;
        text-decoration: none;
        font-size: 1.8rem;
        font-weight: 600;
        line-height: 2.5rem;
        letter-spacing: .5px;
        background-color: #89aad6;
        margin-bottom: 1.5rem;
        padding: 1rem 1.5rem;
        color: #fff;
        border-top: 2px solid rgba(255,255,255,0.2);
        border-right: 2px solid rgba(255,255,255,0.2);
        border-bottom: 2px solid rgba(0,0,0,0.05);
        border-left: 2px solid rgba(0,0,0,0.05);
        transition: .25s all ease-in-out;
      }
        .widget-wrap ul.menu li a:hover {
          background-color: #7692b7;
          color: rgba(255,255,255,0.9);
          border-bottom: 2px solid rgba(255,255,255,0.2);
          border-left: 2px solid rgba(255,255,255,0.2);
          border-top: 2px solid rgba(0,0,0,0.05);
          border-right: 2px solid rgba(0,0,0,0.05);
        }

.post-date {
    display: block;
    font-size: 1.1rem;
    margin-left: 17px;
}

.sidebar-box img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}


/******
 *
 *    Footer
 *
 ******/



.footer {
    margin-top: 30px;
}

.bottom-credits {
    background-color: #F5F5F5;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #F1F1F1;
}

.bottom-credits a {
    color: #444;
    text-decoration: none;
    -webkit-transition: all 0.12s linear;
    -moz-transition: all 0.12s linear;
    transition: all 0.12s linear;
}

.bottom-credits a:hover {
    text-decoration: underline;
}

.widget-wrap-footer {
    position: relative;
    display: block;
    background-color: #FFF;
    margin-bottom: 30px;
}





/******
 *
 *    Comments
 *
 ******/


h4#comments {
    border-top: 1px dotted #444;
    padding-top: 20px;
}

.avatar { display: none; }

.commentlist { margin-top: 30px; }

.small {
    margin-bottom: 8px;
    display: inline-block;
}
.commentlist .bypostauthor {background: #F5F5F5;}
.commentlist li ul.children li.bypostauthor {background: #F5F5F5;}

/******
 *
 *    Wordpress Classes
 *
 ******/

.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}
.aligncenter {
    margin: 0 auto;
}

.wp-caption-text {
    font-size: 10px;
}

.pagination-wrapper .current {
    background: #222;
}

.sticky {}

.gallery-caption {}



/***
  *
  *  4. Additional styles from original child theme
  *
 ***/

img {width:auto;max-width:100%;}
ul.quick-facts {list-style:none;}
ul.quick-facts li img {float:left;margin:3px 10px 7px 0;padding:1px;}
.bottom-credits p {text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:12px;margin-bottom:0px;}
.bottom-credits p.credits {font-weight:normal;}
.bottom-credits p.disclaimer {font-weight:normal; text-align:center; margin:10px 10px 10px 10px;}

form.form.rail, form.form.step-1 {margin-bottom:0;}
.form.step-1 p::after {
border-top: 20px solid #002868;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
bottom: -20px;
content: "";
height: 0;
left: 125px;
position: absolute;
width: 0;
visibility: visible;
}
.form.rail {/*font-family: verdana,arial,sans-serif;*/}
.form.rail p::after {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #002868;
bottom: -10px;
left: 30px;
}
/*.form.rail h3 {font-weight:bold;font-size:14px;text-transform:none;}*/
/* #form_step_one {padding: 0 7% 20px;} */
/*.form.step-1 {
border: 1px solid rgb(210, 210, 210);
margin-bottom: 30px;
}*/
.form.step-1 h3 {
  text-transform: uppercase;
/*background: #34c062;
color: #ffffff;
display: block;
margin: 0;
padding: 10px;
text-align: center; */
}
/*.form.rail p {
margin-left: 0;
margin-right: 0;
font-size: 14px;
}*/
.form.step-1 p {
background: #002868 none repeat scroll 0 0;
color: #ffffff;
display: block;
padding: 1.5rem;
text-align: center;
position: relative;
}
.form.rail input.form-control {
font-size: 2rem;
width: 100%;
}
.form.step-1 input.form-control {
    background: #fcffc7 none repeat scroll 0 0;
    border: 3px solid #e7e6e4;
    height: 5rem;
    margin-bottom: 10px;
    padding: 0 10px;
}
.form.rail #btn_form_step_one {
    width: 100%;
    font-size: 16px;
}
#btn_form_step_one {
    background: #34c062 none repeat scroll 0 0;
    border: 1px solid #2b9f51;
    color: #ffffff;
    display: inline-block;
    font-weight: normal;
    margin: 10px auto 0;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}
.main-content .form.step-1 {
  background: #E4E3E7;
}
  .main-content .form.step-1 form {
    padding: 1.5rem;
  }
.main-content .form.step-1 h3 {
    background: #34c062;
    color: #ffffff;
    display: block;
    margin: 0;
    font-size: 2.5rem;
    padding: 1.25rem;
    text-align: center;
}
.main-content h3 {
    clear: both;
    margin: -1.0em 0 0.5em 0;
    /* font-family: "trebuchet ms",arial,sans-serif; */
    font-weight: normal;
}
.main-content .form.step-1 input.form-control {
    background: #fcffc7 none repeat scroll 0 0;
    border: 2px solid rgba(0,0,0,0.2);
    border-radius: 0;
    /* border-radius: 5px; */
    font-size: 1.75rem;
    height: 5rem;
    margin-bottom: 10px;
    padding: 0 10px;
    width: 50%;
}
.main-content #btn_form_step_one {
    background: #34c062 none repeat scroll 0 0;
    border: 1px solid #2b9f51;
    /* border-radius: 5px; */
    color: #ffffff;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    margin: 10px auto 0;
    text-align: center;
    text-transform: uppercase;
    width: 46%;
    margin-left: 2%;
    cursor: pointer;
}
@media all and (max-width:1100px) {
.main-content .form.step-1 input.form-control, .main-content #btn_form_step_one {
	width:100%;
}
}
@media all and (max-width:340px) {
.main-content .form.step-1 {
	width:110%;
}
}
.main-content .form.step-1 br {display:none;}

.seo-widget {
	/* font-family: verdana,arial,sans-serif; */
	background:url("../img/bg_main_withnav.jpg") repeat-y left top;
	height:200px;
/*
	padding-left: 25%;
	width: 75%;
*/
}
.seo-widget ul {list-style:none;}
.seo-content {
	border-right: 1px solid #ccc;
	float: left;
	padding: 0 2%;
	width: 42%;
}
.seo-content:last-child {
	border:none;
}
@media all and (max-width:500px) {
.seo-content {
	width:100%;
}
}
.seo-content h3 {
	/* font-family: verdana,arial,sans-serif; */
	font-weight:bold;
	font-size: 14px;
	padding: 10px 15px;
	margin-bottom:15px;
	background:rgb(137, 170, 214);
	/* border-radius:5px; */
	color:#FFFFFF;
}
.seo-content h3 a {
	color:#FFFFFF;
	text-decoration:none;
}
.seo-content ul {
	display:block;
	overflow-y:scroll;
	height:105px;
}
.seo-content li {
	font-size: 12px;
	padding-bottom: 5px;
}
.seo-content li a {
	color: rgb(70, 122, 167);
	font-weight: bold;
	text-decoration: none;
}
.seo-content li a:hover {
	color: rgb(42, 90, 138);
	text-decoration: underline;
}
.seo-content p {
	font-size: 14px;
}
/*.seo-content:after {
	content:" ";
	display:table;
	clear:both;
}*/


/***
  *
  *  5. New styles
  *
 ***/

/* Hide empty elements such as pesky paragaraphs with no content, automatically inserted by WordPress */

p:empty {
  display: none;
}

/* Icons opening paragraphs on thank you pages (maybe elsewhere?) */
.thank-you-icon {
  background: #002868;
  color: #fff;
  font-size: 2rem;
  border-radius: 50%;
  width: 3.5rem;
  height: 3.5rem;
  display: inline-block;
  text-align: center;
  vertical-align: baseline;
  padding: .5rem;
  margin: 0 1rem .5rem 0; 
}

/*benefits php*/

.form-info ul li span.fa-check, .benefits-list ul li span.fa-check {
  position: absolute;
  left: -25px;
  color: #45ff82;
  font-size: 32px;
  margin-right: 5px;
}
.form-info ul li {
list-style: none;
}
.form-info h4 {

  font-size: 22px;
  position: relative;
}
.main-content .call-out {
  font-size: 24px;
  color: #FFFFFF;
  background: #1c546c;

  height: 40px;
}
.apfm_col1{
float:left;
width:55%
}
.apfm_col2{
 float:left;
 width:45%;

}

.apfm_wrap{
  background-color:#dedede;
  overflow:hidden;
  padding:5px;
  width: 100%;
}

.vid-list h4, .benefits-list h4 {
  display: block;
  font-size: 28px;
  padding-bottom: 10px;
}
.main-content h4 {
  margin: 1.5em 0 1.0em 0;

  font-family: "trebuchet ms",arial,sans-serif;
  font-weight: normal;
  font-size: 170%;
}

.main-content ol.custom-counter {
  margin-left: 40px !important;
  padding-right: 0;
  list-style-type: none;
}
.main-content ol {
  margin: 0.5em 0 1.0em 20px !important /*Non-IE6*/;
  margin: 0.5em 0 1.0em 25px /*IE6*/;
}

.vid-list ol li {
  font-size: 20px !important;
  position: relative;
  margin-bottom: 15px;
}
.main-content ol li {
  list-style-position: outside;
  margin: 0 0 0.2em 0;
  line-height: 1.4em;
  font-size: 120%;
}
.custom-counter li {
  counter-increment: step-counter;
}

.custom-counter li {
    counter-increment: step-counter;
}

.chuck h4 {
  font-size: 24px;
  margin: 0 0 10px;
}

.whitebg  {
  background-color:#fff;
}

.main-content h4 {
  margin: 1.5em 0 1.0em 0;
  color: rgb(80,80,80);
  font-family: "trebuchet ms",arial,sans-serif;
  font-weight: normal;
  font-size: 170%;
}

/* benefits.php */
.check-list li|{
  list-style:none;
}

.check-list .fa-check{
  color: #45ff82;
}

.check-list .fa-check{
  list-style:none;
  color: #45ff82;
}

.form-info ul li, .benefits-list ul li {
  font-size: 18px;
  color: #333333;
  background: none;
  line-height: 1.25em;
  padding-bottom: 10px;
  position: relative;
}

.benefits .table table {
  margin: 0;
  clear: none;
}


.benefits_table td {
  text-align: center;
}

.benefits_head {
  font-weight: bold;
  background-color: rgb(225, 225, 225);

  height: 3.0em;
  padding: 2px 7px 2px 7px;
  border-left: solid 2px rgb(255,255,255);
  border-right: solid 2px rgb(255,255,255);
  border-top: solid 2px rgb(255,255,255);
  border-bottom: solid 2px rgb(255,255,255);
  text-align: left;
  font-weight: normal;
  color: rgb(80,80,80);
  font-size: 110%;
}

.benefits_last {
  color: #3196c0;
  font-size: 20px;
}

@media all and (min-width:769px) {
	.lead-form-container {
		width: 45%;
		float: right !important;
	}
}

.lead-form-container h4 {
  margin: -20px -20px  !important;
  padding: 15px;
  background-color: #34c062;
  width: 114% !important;
  color:#fff !important; 
  text-align:center;
  font-size: 18px !important;
  display: inline-block !important;
  padding-bottom: 30px;
  
}

.lead-form-container p {
  background-color: #1c546c;
  margin:0px !important;
  color:#fff;
  width:115% !important;;
  margin-left:-20px !important;
  margin-top:-20px !important;
  display: inline-block !important;
  text-align:center;
}
.lead-form-container {
  border: 0px !important;
}

.lead-form-container .input-wrapper{
  margin-top: 5px;
}

.lead-form-container input {
  background-color:#fcffc7 !important;
}


.lead-form-container .LeadForm .btn {

    background-color: #34c062 !important; 
    border: 1px solid #2b9f51;
    border-radius: 5px !important;
}

.input-wrapper label{
  display:block;
}

.LeadForm .tcpa{
  margin-top:20px !important;
  margin-left:0px !important;
  background:#fff; 
 width: 100% !important;
}

.lead-form-container .tcpa {
  color:#000 !important;
}


.form-section .form-info ul li {
  font-size: 1.75rem;
  line-height: 2.5rem;
  padding: 5px !important;
  margin: 0 30px 2rem !important;
  display: flex;
  align-items: center;
}

.check-list ul{
  margin-left: 30px !important;
}

.form-section .form-info h4 {
  margin-right: 2rem !important;
  padding: 1rem !important;
}

.form-section .form-info p.call-out {
  width: 110%;
}

.header-privacy {
	  color: white;
	  display: flex;
	  padding: 15px 0;
	  font-size: 14px;
	  background:#34c062;
	  text-align: center;
	  align-items: center;
	  font-weight: 100;
	  justify-content: center;
  }
  .header-privacy a {
	  color: white;
  }


/* GOT */

.got-avatar {

  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}

.got-avatar img {

  height:24px;border-radius:50%
}

#got-overlay {
  display: none;
  position: absolute;
  top: 25px;
  right: 0;
  background-color: white;
  line-height: 1;
  padding: 10px;
  box-shadow: 5px 5px 5px grey;
  width: auto;
  white-space: nowrap;
  z-index: 1;
}

#got-overlay a {
  color: #002868;
}

.header-wrap .container .header-logo-wrap {

  flex-grow: 6;
}

@media only screen and (min-width: 480px) {

  #got-overlay {

      top: 36;
  }

  .got-avatar-mobile {

      display: none;
  }

  .got-avatar {

    flex-grow: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
  }

  .got-avatar img {

      height:28px;
  }

}

@media only screen and (min-width: 700px) {

  .header-wrap .container .header-logo-wrap {

    flex-grow: 50;
  }

  .got-avatar {

    display: block;
    top: 22px;
    position: relative;
    left: 10px;
  }

  .got-avatar img {

      margin-top:7px;
  }

  #got-overlay {

      top: 0;
      right: 0;
  }
}

@media only screen and (min-width: 1024px) {
  .header-wrap .container .header-logo-wrap {

    flex-grow: 50;
  }
}