/*
Theme Name:    Altra Federal Credit Union
Description:   Custom theme
Version:       1.0
Author:        DigiSage
Author URI:    https://digisage.com
*/

/* sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}[aria-disabled],html{cursor:default}*,::after,::before{background-repeat:no-repeat;box-sizing:inherit}::after,::before{text-decoration:inherit;vertical-align:inherit}html{box-sizing:border-box;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}body,button,input,optgroup,select,textarea{margin:0}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}nav ol,nav ul{list-style:none}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}::selection{background-color:#b3d4fc;color:#000;text-shadow:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio:not([controls]){display:none;height:0}img{border-style:none}svg{fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse}button,input,select,textarea{background-color:transparent;color:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto;resize:vertical}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}

/* -----------------------------------------------------------------------------------------------------------------
   Start of Site Styles
------------------------------------------------------------------------------------------------------------------*/
html {
   height:100%;
   font-size:16px;
}
body {
   margin:0;
   padding:0;
   height:100%;
   min-height:100%;
   background:#fff;
   color:#000;
   font-family: 'Open Sans', sans-serif;
   font-size:16px;
   line-height:24px;
   font-weight:400;
   text-align:left;
}

/* Forces text to remain inside container and break mid-word if necessary */
.dont-break-out,
a[href^="mailto"] {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* Accessibility */
.skip {
   position: absolute;
   left: 6px;
   top: -1000em;
   height: auto;
   width: auto;
   display: block;
   font-size: 14px;
   font-weight: 600;
   padding: 15px 23px 14px;
   background: #f1f1f1;
   color: #0073aa;
   z-index: 100000;
   line-height: normal;
   text-decoration: none;
   box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
}
a.skip:active,
a.skip:focus,
a.skip:hover {
   top: 7px;
}

.hidden                       { display: none; }
.visuallyhidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.clear                        { clear: both; display: block; height: 1px; margin: -1px 0 0 0 }
.clearfix:after               { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix              { zoom: 1; } /* IE6 */
*:first-child+html .clearfix  { zoom: 1; } /* IE7 */
img                           { max-width: 100%; height: auto; }
#et-boc .et-l hr,
div.hr,
hr {
   width: 100%;
   height: 1px;
   clear: both;
   margin: 20px 0;
   background: #d8dbcd;
   border-style: inset;
   border-width: 1px;
}

/* -----------------------------------------------------------------------------------------------------------------
   Presentational Classes from WordPress
------------------------------------------------------------------------------------------------------------------*/
.aligncenter            { display: block; margin: 0 auto; }
.alignleft              { float: left; }
.alignright             { float: right; }
img.alignright          { margin: 0 0 10px 20px; }
img.alignleft           { margin: 0 20px 10px 0; }
.wp-caption             { margin: 0 0 20px 0; }
.wp-caption.alignleft   { margin-right: 20px; }
.wp-caption.alignright  { margin-left: 20px; }
p.wp-caption-text       { margin: 5px 0 0 0; font-style: italic; font-size: 14px; }


/* -----------------------------------------------------------------------------------------------------------------
   Typography
------------------------------------------------------------------------------------------------------------------*/
p {
   margin:0 0 15px 0;
}
/* used for Disclosures */
pre {
   margin: 15px 0;
   padding:0;
   color:#000;
   font-family: 'Open Sans', sans-serif;
   font-weight:400;
   text-align:left;
   font-size: 0.9rem;
   line-height: 1.1rem;
   font-style: italic;
   word-break: normal;
   white-space: normal;
}

/* lists */
.et-db #et-boc .et-l .et_pb_text ul,
ul {
   margin:0 0 15px 0;
   padding:0;
}
.et-db #et-boc .et-l .et_pb_text ul li,
ul li {
    margin:0 0 0 30px;
    padding:0;
    list-style:disc;
}

.et-db #et-boc .et-l .et_pb_text ul li ul li,
ul li ul li   {
   list-style:circle;
}
.et-db #et-boc .et-l .et_pb_text ol,
ol {
   margin:0 0 15px 0;
   padding:0;
}
.et-db #et-boc .et-l .et_pb_text ol li,
ol li {
   text-align:left;
   margin:0 0 0 30px;
   padding:0;
   list-style:decimal;
}
blockquote {
   margin:20px;
   padding:0px;
   font-style:italic;
}
strong, b {
   font-weight:700;
}
em, i {
   font-style:italic;
}

/* -----------------------------------------------------------------------------------------------------------------
   Tables
------------------------------------------------------------------------------------------------------------------*/

table                      { border-collapse:collapse; margin:0 0 15px 0; }
table th                   { font-weight: 700; text-align: left; padding: 10px 5px; }
table td                   { font-weight: 400; text-align: left; padding: 5px; }
table thead td, table th   { background-color: #d12030; color: #fff; }
table.row-borders tbody td { border-bottom: 1px solid #c5c5c5; }
table caption {
   font-weight: 700;
   font-family:'Montserrat', sans-serif;
   color: #606060;
   padding: 0;
   margin: 0 0 5px 0;
   font-size: 22px;
   line-height: 28px;
}
/* striped tables have odd rows with a background color */
.et_pb_module.striped > div > table tr:nth-child(even),
table.striped tr:nth-child(even) {
   background-color: #f2f2f2;
}
/* striped-odd tables have odd rows with a background color */
.et_pb_module.striped-odd > div > table tr:nth-child(odd),
table.striped-odd tr:nth-child(odd) {
   background-color: #f2f2f2;
}
/* striped-columns tables have even columns with a background color */
.et_pb_module.striped-columns > div > table tr td:nth-child(even),
table.striped-columns tr td:nth-child(even) {
   background-color: #f2f2f2;
}
/* striped-columns-odd tables have odd columns with a background color */
.et_pb_module.striped-columns-odd > div > table tr td:nth-child(odd),
table.striped-columns-odd tr td:nth-child(odd) {
   background-color: #f2f2f2;
}

/* Regulation Z - Requires a 16 point = 22 pixel APR size */
table.reg-z-size.small-only,
table.reg-z-size { font-size: 22px; }


/* -----------------------------------------------------------------------------------------------------------------
   Headings
------------------------------------------------------------------------------------------------------------------*/

h1,
div.fauxh1,
h2,
h3,
h4,
h5,
h6,
.category-title,
.et-db #et-boc .et_pb_module h1,
.et-db #et-boc .et_pb_module h2,
.et-db #et-boc .et_pb_module h3,
.et-db #et-boc .et_pb_module h4,
.et-db #et-boc .et_pb_module h5,
.et-db #et-boc .et_pb_module h6 {
   text-align: left;
   font-weight: 700;
   font-family:'Montserrat', sans-serif;
   color: #606060;
   padding: 0;
   margin: 0 0 15px 0;
}
.et-db #et-boc .et-l .et_pb_module h1,
.et-db #et-boc .et-l .et_pb_module h2,
.et-db #et-boc .et-l .et_pb_module h3,
.et-db #et-boc .et-l .et_pb_module h4,
.et-db #et-boc .et-l .et_pb_module h5,
.et-db #et-boc .et-l .et_pb_module h6 {
   margin: 0 0 15px 0;
}
h1,
div.fauxh1,
.category-title,
.et-db #et-boc .et-l .et_pb_module h1,
.et-db #et-boc .et_pb_module h1 {
   font-size: 51px;
   line-height: 57px;
   margin:0 0 20px 0;
   color:#000;
}
.category-title {
   font-size: 24px;
   line-height: 28px;
   margin: 0;
}
h2,
.et-db #et-boc .et-l .et_pb_module h2,
.et-db #et-boc .et_pb_module h2 {
   font-size: 38px;
   line-height: 48px;
   color: #d12030;
}
h3,
.et-db #et-boc .et-l .et_pb_module h3,
.et-db #et-boc .et_pb_module h3 {
   font-size: 32px;
   line-height: 38px;
}
h4,
.et-db #et-boc .et-l .et_pb_module h4,
.et-db #et-boc .et_pb_module h4 {
   font-size: 26px;
   line-height: 32px;
   color: #d12030;
}
h5,
.et-db #et-boc .et-l .et_pb_module h5,
.et-db #et-boc .et_pb_module h5 {
   font-size: 20px;
   line-height: 26px;
}
h6,
.et-db #et-boc .et-l .et_pb_module h6,
.et-db #et-boc .et_pb_module h6 {
   font-size: 18px;
   line-height: 24px;
   color: #000;
}

/* Location pages - header over details */
#et-boc .location-head {
   padding-top: 15px;
   margin-bottom: 10px;
   font-weight: 600;
   font-size: 24px;
}

body.archive article { margin-bottom: 30px; }
body.archive article:last-child { margin-bottom: 0; }

/* -----------------------------------------------------------------------------------------------------------------
   Misc. Utility Classes
------------------------------------------------------------------------------------------------------------------*/
.altra-red {
   color: #d12030;
}
.altra-red-background {
   background-color: #d12030;
}

p.wp-edit-link { margin-top: 20px; margin-bottom: 20px; }

.bounce {
   -webkit-animation-name: bounce;
   -moz-animation-name: bounce;
   -o-animation-name: bounce;
   animation-name: bounce;
   -webkit-animation-fill-mode: both;
   -moz-animation-fill-mode: both;
   -ms-animation-fill-mode: both;
   -o-animation-fill-mode: both;
   animation-iteration-count: infinite;
   -moz-animation-iteration-count: infinite;
   -webkit-animation-iteration-count: infinite;
   animation-fill-mode: both;
   -webkit-animation-duration: 2s;
   -moz-animation-duration: 2s;
   -ms-animation-duration: 2s;
   -o-animation-duration: 2s;
   animation-duration: 2s;
}
@-webkit-keyframes bounce {
   0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
   40% {-webkit-transform: translateY(-5px);}
   60% {-webkit-transform: translateY(-3px);}
}
@-moz-keyframes bounce {
   0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
   40% {-moz-transform: translateY(-5px);}
   60% {-moz-transform: translateY(-3px);}
}
@-o-keyframes bounce {
   0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
   40% {-o-transform: translateY(-5px);}
   60% {-o-transform: translateY(-3px);}
}
@keyframes bounce {
   0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
   40% {transform: translateY(-5px);}
   60% {transform: translateY(-3px);}
}

.top-code-spacer { width: 1px; height: 30px; }

/* -----------------------------------------------------------------------------------------------------------------
   Links & Buttons
------------------------------------------------------------------------------------------------------------------*/

.et-db #et-boc .et-l .et_pb_module a,
a {
   color: #d12030;
   text-decoration: none;
}
a:active,
a:focus,
a:hover {
   text-decoration: underline;
}
.et-db #et-boc .et-l .et_pb_module a:active,
.et-db #et-boc .et-l .et_pb_module a:focus,
.et-db #et-boc .et-l .et_pb_module a:hover {
   text-decoration: underline !important;
}

.et-db #et-boc .et-l .et_pb_module strong a,
strong a {
   font-weight: 700 !important;
}

a.button,
a.button-solid,
input.button-solid,
.et-db #et-boc a.et_pb_bg_layout_light.et_pb_module.et_pb_button,
.et-db #et-boc .et-l a.et_pb_bg_layout_light.et_pb_module.et_pb_button_altra_solid,
.et-db #et-boc input.button-solid {
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   font-size: 19px;
   line-height: 1.7em;
   color: #d12030;
   border-color: #d12030;
   border-style: solid;
   border-radius: 5px;
   border-width: 1px;
   padding: 6px 50px;
   cursor: pointer;
}
a.button:active,
a.button:focus,
a.button:hover,
a.button-solid,
input.button-solid,
.et-db #et-boc .et-l .et_pb_module a.button-solid,
.et-db #et-boc a.et_pb_bg_layout_light.et_pb_module.et_pb_button:hover,
.et-db #et-boc .et-l a.et_pb_bg_layout_light.et_pb_module.et_pb_button_altra_solid,
.et-db #et-boc .et-l a.et_pb_bg_layout_light.et_pb_module.et_pb_button_altra_solid,
.et-db #et-boc input.button-solid {
   background-color: #d12030;
   border-color: #d12030;
   color: #fff;
}
a.button-solid:active,
a.button-solid:focus,
a.button-solid:hover,
input.button-solid:active,
input.button-solid:focus,
input.button-solid:hover,
.et-db #et-boc .et-l input.button-solid:active,
.et-db #et-boc .et-l input.button-solid:focus,
.et-db #et-boc .et-l input.button-solid:hover,
.et-db #et-boc .et-l a.button-solid:active,
.et-db #et-boc .et-l a.button-solid:focus,
.et-db #et-boc .et-l a.button-solid:hover,
.et-db #et-boc .et-l .et_pb_module a.button:active,
.et-db #et-boc .et-l .et_pb_module a.button:focus,
.et-db #et-boc .et-l .et_pb_module a.button:hover,
.et-db #et-boc .et-l a.et_pb_bg_layout_light.et_pb_module.et_pb_button_altra_solid:active,
.et-db #et-boc .et-l a.et_pb_bg_layout_light.et_pb_module.et_pb_button_altra_solid:focus,
.et-db #et-boc .et-l a.et_pb_bg_layout_light.et_pb_module.et_pb_button_altra_solid:hover {
   background-color: #931622;
   border-color: #931622;
   color: #fff;
   text-decoration: none;
}
.et-db #et-boc .et-l input.button-solid:active,
.et-db #et-boc .et-l input.button-solid:focus,
.et-db #et-boc .et-l input.button-solid:hover,
.et-db #et-boc .et-l a.button-solid:active,
.et-db #et-boc .et-l a.button-solid:focus,
.et-db #et-boc .et-l a.button-solid:hover,
.et-db #et-boc .et-l .et_pb_module a.button:active,
.et-db #et-boc .et-l .et_pb_module a.button:focus,
.et-db #et-boc .et-l .et_pb_module a.button:hover,
.et-db #et-boc a.et_pb_bg_layout_light.et_pb_module.et_pb_button:active,
.et-db #et-boc a.et_pb_bg_layout_light.et_pb_module.et_pb_button:focus,
.et-db #et-boc a.et_pb_bg_layout_light.et_pb_module.et_pb_button:hover,
.et-db #et-boc .et-l a.et_pb_bg_layout_light.et_pb_module.et_pb_button_altra_solid:active,
.et-db #et-boc .et-l a.et_pb_bg_layout_light.et_pb_module.et_pb_button_altra_solid:focus,
.et-db #et-boc .et-l a.et_pb_bg_layout_light.et_pb_module.et_pb_button_altra_solid:hover {
   text-decoration: none !important;
}
a.button.full-width,
a.button-solid.full-width,
input.button-solid.full-width,
.et-db #et-boc input.button-solid.full-width,
.et-db #et-boc a.et_pb_bg_layout_light.et_pb_module.et_pb_button.full-width,
.et-db #et-boc .et-l a.et_pb_bg_layout_light.et_pb_module.et_pb_button_altra_solid.full-width {
   width: 100%;
   text-align: center;
}

/* -----------------------------------------------------------------------------------------------------------------
   Smartbanner
------------------------------------------------------------------------------------------------------------------*/
.smartbanner--afcu {
   transition: all 300ms ease-in-out;
   -webkit-transition: all 300ms ease-in-out;
   -moz-transition: all 300ms ease-in-out;
   border-top: 1px solid #d12030;
   position: fixed;
   height: 82px;
   background: #f3f3f1;
   bottom: 0;
   top: auto;
   z-index: 10600;
}
.smartbanner--afcu a {
   color: #d12030;
   text-decoration: none;
}

/* -----------------------------------------------------------------------------------------------------------------
   Talkative adjustments to accommodate presence of Smartbanner
------------------------------------------------------------------------------------------------------------------*/
.with-smartbanner #ds-chat-icon { bottom: 96px; }
@media only screen and (max-width: 600px) {
   .with-smartbanner #ds-chat-icon { bottom: 88px; }
}
/* adjust height up from 2 for compatibility with home slider buttons */
#ds-chat-icon { z-index: 2000; }
/* Adjust Talkative z-index so it is above the sidebar nav */
#talkative-engage { position:relative; z-index: 10000 !important; }

/* savings calculator */
input#hysaCurrencyNoCents {
   margin: 0;
}
.calc-container {
   max-width: 900px;
   margin: 30px auto;
   border-radius: 5px;
   background-color: #fff;
   padding: 40px;
}
.calc-card {
   display: flex;
   gap: 20px;
}
.calc-card .card-item {
   background-color: #F5F5F5 !important;
   border: 1px solid #E9E9E9 !important;
   border-radius: 4px !important;
   flex: 1 !important;
   padding: 20px !important;
}
.calc-card .card-item p {
   padding-bottom: 0em !important;
   font-size: 15px !important;
   font-weight: 400 !important;
   color: #2A2A2A !important;
   margin: 0 !important;
}
.calc-card .card-item .heading-6 {
   font-size: 32px !important;
   font-weight: 700 !important;
   color: #D12030 !important;
   margin: 10px 0 !important;
   line-height: 40px !important;
   font-family: "Open Sans", sans-serif !important;
}
.calc-container .form-group {
   margin: 20px 0 !important;
}
.calc-container .form-group label {
   color: #393939 !important;
   font-size: 14px !important;
   font-weight: 400 !important;
   margin-bottom: 10px !important;
   display: block !important;
}
.calc-container .form-group .amount {
   border: 1px solid #E9E9E9 !important;
   border-radius: 5px !important;
   width: 100% !important;
   display: flex !important;
}
.calc-container .form-group .amount input {
   padding: 5px 10px !important;
   font-size: 15px !important;
   font-weight: 700 !important;
   border: none !important;
   width: 100% !important;
   flex: 1 !important;
   outline: 0 !important;
   appearance: none !important;
   height: 40px !important;
   border-radius: 5px 0 0 5px !important;
   text-align: right !important;
}

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
   -webkit-appearance: none !important;
   margin: 0 !important;
}

/* Firefox */
input[type=number] {
   -moz-appearance: textfield !important;
}

/* Hide up and down arrows for Internet Explorer */
input[type=number] {
   -ms-overflow-style: none;
}

.calc-container .form-group .amount .doller-btn {
   min-height: 40px !important;
   border-radius: 0 4px 4px 0 !important;
   padding: 5px 15px !important;
   border: none !important;
   font-size: 15px !important;
   font-weight: 700 !important;
   background: #F0F0F0 !important;
   margin: 0 0 0px 0 !important;
}
.noMinLabel {
   font-size: smaller!important;
}
.selector {
   display: flex;
   gap: 25px;
}

@media (max-width: 768px) {
   .selector {
      display: flex !important;
      gap: 10px !important;
      flex-direction: column !important;
   }

   .calc-card {
      display: flex !important;
      gap: 20px !important;
      flex-direction: column !important;
   }
}

.selector .item {
   flex: 1;
}

.selector .item .slider-heading {
   height: 70px !important;
   color: #393939 !important;
   font-size: 14px !important;
   font-weight: 500 !important;
   font-family: "Open Sans", sans-serif !important;
}

.range-slider .slider-outer {
   width: 100% !important;
   margin: 0 auto !important;
   position: relative !important;
}

.time-range,
.month-range,
.week-range {
   -webkit-appearance: none !important;
   width: 100% !important;
   display: block !important;
}

.range:focus {
   outline: none;
}

#tooltip {
   display: none;
}

/* target Firefox so it matches other browsers */
@-moz-document url-prefix() {
   .et-db #et-boc #hysaTimeSliderInner {
      position: relative;
   }
   .et-db #et-boc #hysaTimeSliderInner::after,
   .et-db #et-boc #hysaMonthlySliderInner::after,
   .et-db #et-boc #hysaWeeklySliderInner::after {
      content: '';
      display: block;
      width: 100%;
      height: 8px;
      position: absolute;
      left: 0;
      top: 8px;
      background: #dee4ec;
      border-radius: 5px;
      cursor: pointer;
   }
   .et-db #et-boc #hysaMonthlySliderInner::after,
   .et-db #et-boc #hysaWeeklySliderInner::after {
      top: 10px;
   }
   .et-db #et-boc .range-slider .slider-inner > input {
      z-index: 1;
      background: transparent;
   }
}

.time-range::-webkit-slider-runnable-track {
   width: 100%;
   height: 8px;
   cursor: pointer;
   background: linear-gradient(90deg, #D12030 var(--time-range-progress), #dee4ec var(--time-range-progress));
   border-radius: 1rem;
}

.month-range::-webkit-slider-runnable-track {
   width: 100%;
   height: 8px;
   cursor: pointer;
   background: linear-gradient(90deg, #D12030 var(--month-range-progress), #dee4ec var(--month-range-progress));
   border-radius: 1rem;
}

.week-range::-webkit-slider-runnable-track {
   width: 100%;
   height: 8px;
   cursor: pointer;
   background: linear-gradient(90deg, #D12030 var(--week-range-progress), #dee4ec var(--week-range-progress));
   border-radius: 1rem;
}

.time-range::-webkit-slider-thumb,
.month-range::-webkit-slider-thumb,
.week-range::-webkit-slider-thumb {
   -webkit-appearance: none;
   border: 3px solid #fff;
   outline: 1px solid #D12030;
   box-shadow: 0 1px 3px rgba(0, 0, 255, .3);
   border-radius: 50%;
   background: #D12030;
   cursor: pointer;
   height: 16px;
   width: 16px;
   transform: translateY(calc(-50% + 2px));
   position: relative;
}

.item .range-split {
   display: flex !important;
   justify-content: space-between !important;
   font-size: 12px !important;
   color: #393939 !important;
   font-weight: 500 !important;
   margin-top: 10px !important;
}

.selector .item .item-output {
   border: 1px solid #E9E9E9 !important;
   border-radius: 4px !important;
   padding: 10px !important;
   font-size: 15px !important;
   font-weight: 600 !important;
   width: 100% !important;
   text-align: right !important;
   height: 40px !important;
}

.range-slider .slider-inner > input {
   position: relative !important;
   margin: 2px !important;
   padding: 0px 0px !important;
   border: 0px !important;
}

.tooltiptext {
   width: 74px !important;
   text-align: center !important;
   position: absolute !important;
   top: -50px;
   left: 50%;
   transform: translateX(-50%) !important;
   background-color: #cf2b2b !important;
   color: #fff !important;
   padding: 5px !important;
   border-radius: 5px !important;
}

.tooltiptext::after {
   content: "" !important;
   position: absolute !important;
   top: 100% !important;
   left: 50% !important;
   margin-left: -10px !important;
   border-width: 10px !important;
   border-style: solid !important;
   border-color: #cf2b2b transparent transparent transparent !important;
}

.item .range-slider .flex-justify-center {
   justify-content: center !important;
}

.item .range-slider .flex-align-center {
   align-items: center !important;
}

.item .range-slider .flex {
   display: flex !important;
}

.item .range-slider .circle-icon-minus .iconMinus {
   width: 20px !important;
   height: 20px !important;
   margin: 0 3px 0 0 !important;
   border-radius: 50% !important;
   border: 1px solid #97999b !important;
   background: white !important;
   cursor: pointer !important;
   box-sizing: border-box !important;
   padding: 5px 6.5px !important;
   line-height: 7px !important;
   user-select: none !important;
}

.item .range-slider .circle-icon-plus .iconPlus {
   width: 20px !important;
   height: 20px !important;
   margin: 0 0px 0 6px !important;
   border-radius: 50% !important;
   border: 1px solid #97999b !important;
   background: white !important;
   cursor: pointer !important;
   box-sizing: border-box !important;
   padding: 6px 4.5px !important;
   line-height: 7px !important;
   user-select: none !important;
}

/* Embedded Dell Sports Forms */
.et-db #et-boc .et_pb_code #jsx-menu ul li {
   list-style: none;
}

/* Embedded Banzai Forms */
   /* Reset their headings to look like ours */
   .et-db #et-boc .et-l .et_pb_module .__banzai-activity h1,
   .et-db #et-boc .et-l .et_pb_module .__banzai-activity h5 {
      text-align: left;
      font-weight: 700;
      font-family:'Montserrat', sans-serif;
      color: #606060;
      padding: 0;
      margin: 0 0 15px 0;
   }
   /* on the compound interest calculator make their h1 to look like our h3 and their h5 to look like our h4 */
   .et-db #et-boc .et-l .et_pb_module.compound-interest .__banzai-activity h1 {
      font-size: 32px;
      line-height: 38px;
   }
   .et-db #et-boc .et-l .et_pb_module.compound-interest .__banzai-activity h5 {
      font-size: 26px;
      line-height: 32px;
      color: #d12030;
   }
   .et-db #et-boc .et-l .et_pb_module.budget-calculator .__banzai-activity button.reset,
   .et-db #et-boc .et-l .et_pb_module.compound-interest .__banzai-activity button.reset {
      display: none;
   }
   .et-db #et-boc .et-l .et_pb_module.budget-calculator .__banzai-activity .dropdown select {
      line-height: normal;
   }

   /* on the budget calculator make their:
         h1 look like our h2
         h2 look like our h4
         h5 look like our h3 */

   .et-db #et-boc .et-l .et_pb_module.budget-calculator .__banzai-activity h1 {
      font-size: 38px;
      line-height: 48px;
      color: #d12030;
      margin-top: 10px;
   }
   .et-db #et-boc .et-l .et_pb_module.budget-calculator .__banzai-activity h2 {
      font-size: 26px;
      line-height: 32px;
      color: #d12030;
      margin-top: 20px;
   }
   .et-db #et-boc .et-l .et_pb_module.budget-calculator .__banzai-activity h5 {
      font-size: 32px;
      line-height: 38px;
   }
   .et-db #et-boc .et-l .et_pb_module.budget-calculator .inputs__entry___31zSy {
      margin-top: 15px;
   }

   /* on the budget calculator we need to adjust padding to fight divi */
   .et-db #et-boc .et-l .et_pb_module.budget-calculator .__banzai-activity input[type="text"] {
      padding-left: 22px;
   }
   .et-db #et-boc .et-l .et_pb_module.budget-calculator select {
      height: 100%;
      border: none;
      font-weight: 300;
      font-size: 14px;
      color: #282B33;
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      padding: 0px 12px;
      line-height: normal;
      background-color: inherit;
      margin:  0 0 15px 20px;
   }
   .et-db #et-boc .et-l .et_pb_module.budget-calculator .inputs__add-entry___3eNud {
      border:  none;
      color:  $0097df;
      font-weight: 500;
      font-size: 14px;
      margin-left: 1px;
      padding: 0;
   }

   .et-db #et-boc .et-l .et_pb_module.budget-calculator .shared__subtitle___1iZFf {
      margin-top: 15px;
      margin-bottom: 15px;
   }
   .et-db #et-boc .et-l .et_pb_module.budget-calculator .inputs__add-entry___3eNud i {
      vertical-align: -4px;
   }
   .et-db #et-boc .et-l .et_pb_module.budget-calculator .shared__activity___1pMP3,
   .et-db #et-boc .et-l .et_pb_module.budget-calculator .shared__container___q7HEb {
      margin: 0 auto;
   }

   .et-db #et-boc .et-l .et_pb_module.budget-calculator .budget__graph___3xJ5b {
      margin: 20px auto;
      vertical-align: top;
   }
   .et-db #et-boc .et-l .et_pb_module.budget-calculator .budget__small___Ep1xS {
      margin-top: 35px;
   }

   /* fix alignment of results table below pie chart */
   .et-db #et-boc .et-l .et_pb_module.budget-calculator .__banzai-activity #callout div {
      text-align: center;
      margin-bottom: 2px;
      margin-top: 0;*
   }
   .et-db #et-boc .et-l .et_pb_module.budget-calculator .shared__reset___2QiVT {
      border:  none;
   }

   /* fix alignment of dollar sign before pseudoelement */
   .et-db #et-boc .et-l .et_pb_module.budget-calculator .inputs__input-icon___1Q8Af::before {
      font-size: 28px;
      bottom: 14px;
      font-size: 21px;
      left: 8px;
      bottom: 4px;
      color:  #4e4e4e;
      font-weight: 400;
   }

   /* since divi messes with EVERYTHING we break/stack much earlier for these embeds */
   @media only screen and (max-width: 1530px) {
      .et-db #et-boc .et-l .et_pb_module.budget-calculator .__banzai-activity {
         max-width: 700px;
         margin-left: auto;
         margin-right: auto;
      }
      .et-db #et-boc .et-l .et_pb_module.budget-calculator .__banzai-activity .selections.small,
      .et-db #et-boc .et-l .et_pb_module.budget-calculator .__banzai-activity .graph {
         width: 100%;
      }
      .et-db #et-boc .et-l .et_pb_module.budget-calculator .__banzai-activity .large-selections-wrapper {
         display: none;
      }
      .et-db #et-boc .et-l .et_pb_module.budget-calculator .__banzai-activity .selections.small {
         display: block;
         margin-top: 20px;
      }
   }
   @media only screen and (max-width: 995px) {
      .et-db #et-boc .et-l .et_pb_module.budget-calculator .__banzai-activity .selections.small {
         margin-top: 75px;
      }
      .et-db #et-boc .et-l .et_pb_module.budget-calculator .__banzai-activity .graph {
         width: 360px;
      }
   }
   @media only screen and (max-width: 770px) {
      .et-db #et-boc .et-l .et_pb_module.budget-calculator .__banzai-activity .selections.small {
         margin-top: 135px;
      }
   }

/* -----------------------------------------------------------------------------------------------------------------
   Layout
------------------------------------------------------------------------------------------------------------------*/
.et-db #et-boc .et-l .et_pb_section .et_pb_row,
#et-boc .pagewidth,
#et-boc .et-l div.pagewidth,
.pagewidth,
.pagewidth-no-margin {
   width: 100%;
   max-width: 1200px;
   margin: auto;
   position: relative;
}

.et-db #et-boc .et-l .et_pb_section {
   padding: 0;
}

.et-db #et-boc .et-l .et_pb_section .et_pb_row {
   padding: 0 0 30px 0;
}
.et-db #et-boc .et-l .et_pb_section .et_pb_row:first-of-type {
   padding-top: 30px;
}

/* Added to ensure we don't mess with Divi embedding our stylesheet in wp-admin in their builder iframe */
.et-fb-preview--wireframe .et-db #et-boc .et-l .et_pb_section .et_pb_row {
   width: 100%;
   margin: 0;
}

/* -----------------------------------------------------------------------------------------------------------------
   Header
------------------------------------------------------------------------------------------------------------------*/

header {
   position: absolute;
   width: 100%;
   z-index: 500;
}

header .top-row {
   width: 100%;
   background-color: #000;
   z-index: 600;
}

header .top-row .left {
   float: left;
   font-family: 'Montserrat', sans-serif;
   font-size: 15px;
   line-height: 36px;
   font-weight: 400;
   color: #fff;
}

header .top-row .search-text {
   float: right;
   font-family: 'Montserrat', sans-serif;
   font-size: 15px;
   line-height: 36px;
   font-weight: 400;
   color: #fff;
   cursor: pointer;
}

header .top-row .right {
   float: right;
}

header .site-search {
   display: none;
   position: relative;
   float: left;
}
header .site-search .searchform {
   display: block;
   position: absolute;
   top: 0;
   right: 0;
   margin: 0;
   padding: 0;
   width: 400px;
}
header .site-search .searchform .searchsubmit {
   display: block;
   width: 40px;
   height: 36px;
   padding: 0;
   margin: 0;
   border: none;
   cursor: pointer;
   background-image: url('assets/images/icon-search.svg');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 21px 21px;
   background-color: transparent;
   color: transparent;
}
header .site-search .searchform .searchterm {
   box-sizing: border-box;
   width: calc( 100% - 40px );
   height: 28px;
   padding: 6px;
   margin: 4px 0 0 0;
   border:1px solid #c5c5c5;
   background-color: transparent;
   color: #c5c5c5;
   font-size: 14px;
   line-height: 17px;
   float: left;
}
header .site-search .searchform .searchterm::-webkit-input-placeholder  { color: #c5c5c5; }
header .site-search .searchform .searchterm:-moz-placeholder            { color: #c5c5c5; } /* Firefox 18- */
header .site-search .searchform .searchterm::-moz-placeholder           { color: #c5c5c5; } /* Firefox 19+ */
header .site-search .searchform .searchterm:-ms-input-placeholder       { color: #c5c5c5; }

header .nav-row {
   background-color: rgba(255,255,255,.8);
   height: 116px;
}
header .nav-row .logo {
   float: left;
   margin-top: 12px;
}

.page-heading {
   background-color: #fff;
}

.page-heading #title-bar {
   position: relative;
   background-position: center center;
   background-size: cover;
   background-repeat: no-repeat;
}
.page-heading #title-bar .overlay {
   padding-top: 245px;
   padding-bottom: 20px;
   min-height: 290px;
   /*background-color: rgba(255,255,255,.70);*/
}
.page-heading #title-bar.has-cat-title .overlay {
   padding-top: 217px;
}
.page-heading #title-bar h1,
.page-heading #title-bar div.fauxh1 {
   margin: 0;
}
.page-heading .breadcrumbs {
   padding: 16px 0;
   color: #606060;
   font-family: 'Montserrat', sans-serif;
   font-size: 15px;
   line-height: 16px;
}
.page-heading .breadcrumbs .sep {
   margin: 0 10px;
}
.page-heading .breadcrumbs span[property="name"] {
   color: #d12030;
}
.page-heading .breadcrumbs a,
.page-heading .breadcrumbs a span[property="name"] {
   font-family: 'Montserrat', sans-serif;
   font-size: 15px;
   line-height: 16px;
   color: #606060;
   text-decoration: none;
}


/* -----------------------------------------------------------------------------------------------------------------
   Navigation
------------------------------------------------------------------------------------------------------------------*/

/* SmartMenus core style */
.sm{box-sizing:border-box;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;cursor:pointer;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}


nav .sm {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav .sm li {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav .sm > li {
   display: block;
   float: left;
   position: relative;
}
nav .sm a {
   display: block;
   padding: 0 16px;
   color: #c5c5c5;
   font-family: 'Montserrat', sans-serif;
   text-transform: uppercase;
   font-size: 15px;
   line-height: 36px;
   text-decoration: none;
   cursor: pointer;
}
nav .sm a:active,
nav .sm a:focus,
nav .sm a:hover {
  background-color: #999;
  color: #000;
}
nav .sm .sub-menu {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  background-color: #000;
}
nav .sm .sub-menu li a {
  display: block;
  cursor: pointer;
}

/* NAVIGATION LINKS IN TOP BAR */

header #secondary-nav {
   list-style: none;
   margin: 0;
   padding: 0;
   z-index: 600;
}

header .top-row nav {
   float: right;
}
header #secondary-nav > li {
   border-left: 1px solid #c5c5c5;
}
header #secondary-nav .search {
   border-left: none;
}
header #secondary-nav .search a {
   width: 78px;
   background-image: url('assets/images/icon-search.svg');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 21px 21px;
   background-color: transparent;
   color: transparent;
   padding: 0 10px 0 0;
   overflow: hidden;
}
header #secondary-nav .search a.active {
   background-image: url('assets/images/icon-x.png');
   background-size: 25px 20px;
}
header #secondary-nav .login,
header #secondary-nav .login + li {
   border-left: none;
}
header #secondary-nav  a {
   text-transform: none;
}
header #secondary-nav > li a[aria-haspopup="true"]:after {
  content: url('assets/images/dropdown-arrow.png');
  padding-left: 12px;
}
header #secondary-nav .login a {
   background-color: #d12030;
   color: #fff;
   padding: 0 75px 0 40px;
   background-size: 15px 22px;
   background-repeat: no-repeat;
   background-position: right 45px center;
   background-image: url('assets/images/icon-lock.svg');
}
header #secondary-nav .login a:active,
header #secondary-nav .login a:focus,
header #secondary-nav .login a:hover {
   background-color: #931622;
}
header #secondary-nav .mobile {
   display: none;
}
header #secondary-nav .mobile a {
   padding: 0 45px 0 10px;
   background-size: 25px 20px;
   background-repeat: no-repeat;
   background-position: right 10px center;
   background-image: url('assets/images/hamburger.png');
}
header #secondary-nav .mobile a.active {
   background-image: url('assets/images/icon-x.png');
}

/* PRIMARY NAVIGATION MENU */
header .nav-row nav {
   float: right;
}
header #primary-nav {
   float: right;
   z-index: 500;
}
header #primary-nav li.mobile {
   display: none;
}
header #primary-nav li a {
   font-size: 18px;
   line-height: 116px;
   color: #606060;
   padding: 0 32px;
}
header #primary-nav li.fin-well {
   max-width: 160px;
}
header #primary-nav li.fin-well > a {
   line-height: 22px;
   padding: 36px 0;
   text-align: center;
}
header #primary-nav li a:active,
header #primary-nav li a:focus,
header #primary-nav li a:hover {
   background-color: #d12030;
   color: white;
}
header #primary-nav .sub-menu {
   background-color: #fff;
   -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
   -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
   box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75);
}
header #primary-nav .sub-menu li a {
   line-height: 20px;
   padding: 12px 20px;
   width: 100%;
   color: #606060;
   background-color: #fff;
}
header #primary-nav .sub-menu li:first-child a {
   margin-top: 12px;
}
header #primary-nav .sub-menu li:last-child a {
   margin-bottom: 12px;
}
header #primary-nav .sub-menu li a:active,
header #primary-nav .sub-menu li a:focus,
header #primary-nav .sub-menu li a:hover {
   background-color: #d12030;
   color: white;
}
header #primary-nav li:last-child .sub-menu {
   left: auto !important;
   right: 0 !important;
   background-color: #fff;
   -webkit-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.75);
   -moz-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.75);
   box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.75);
}

.side-quick-links {
   z-index: 400;
   position: fixed;
   right: 0;
   margin-top: 160px;
   background-color: #323232;
   width: 150px;
}
.side-quick-links #quick-nav-tab li {
   float: none;
}
.side-quick-links #quick-nav-tab li a {
   width: 100%;
   padding: 4px;
   border-bottom: 2px solid #d12030;
   font-size: 15px;
   line-height: 17px;
   text-align: center;
   cursor: pointer;
}
.side-quick-links #quick-nav-tab li:last-child a {
   border-bottom: none;
}
.side-quick-links #quick-nav-tab li a svg {
   display: block;
   height: 28px;
   width: auto;
   margin: 2px auto 4px auto;
   fill: #fff;
}
.side-quick-links #quick-nav-tab li a:active svg,
.side-quick-links #quick-nav-tab li a:focus svg,
.side-quick-links #quick-nav-tab li a:hover svg {
   fill: #d12030;
}
.side-quick-links #quick-nav-tab li a:active,
.side-quick-links #quick-nav-tab li a:focus,
.side-quick-links #quick-nav-tab li a:hover {
   color: #d12030;
   background-color: #fff;
}
.side-quick-links #quick-nav-tab .LPMoverlay {
   position: absolute !important;
   width: 100% !important;
   height: 100% !important;
}

footer #footer-nav {
   text-align: center;
}
footer #footer-nav li {
   display: inline-block;
   float: none;
}
footer #footer-nav li a {
   color: #000;
}
footer #footer-nav li:active a,
footer #footer-nav li:focus a,
footer #footer-nav li:hover a {
   color: #d12030;
   background-color: transparent;
   text-decoration: underline;
}

/* -----------------------------------------------------------------------------------------------------------------
   Pre-Footer Connect area
------------------------------------------------------------------------------------------------------------------*/

.pre-footer-wrap .connect-heading {
   color: #606060;
   font-size: 50px;
   line-height: 50px;
   text-transform: uppercase;
   font-weight: 600;
   font-family:'Montserrat', sans-serif;
   margin: 50px auto -8px auto;
   width: 100%;
   max-width: 1200px;
}

.pre-footer-wrap .connect {
   min-height: 370px;
   width: 100%;
   background: url('assets/images/app-background20210612.jpg') no-repeat top center;
   background-size: cover;
}
.pre-footer-wrap .connect .app {
   position: relative;
   width: 475px;
   padding: 70px 0 0 30px;
   color: #000;
}
.pre-footer-wrap .connect .app .topline {
   font-size: 24px;
   font-weight: 600;
   font-family:'Montserrat', sans-serif;
   text-transform: uppercase;
   margin-bottom: 12px;
}
.pre-footer-wrap .connect .app .titleline  {
   font-weight: 600;
   font-family:'Montserrat', sans-serif;
   font-size: 50px;
   text-transform: uppercase;
   margin-bottom: 25px;
}
.pre-footer-wrap .connect .app .button-wrap {
   margin-top: 25px;
}
.pre-footer-wrap .connect .app .button-wrap img {
   margin-bottom: 10px;
}

.pre-footer-wrap .connect-get-social {
   width: 100%;
   background: linear-gradient(to left, #820304, #d01f2f);
   height: 90px;
}
.pre-footer-wrap .connect-get-social .get-social {
   position: relative;
   width: 100%;
   color: #d3d3d3;
   padding: 15px 30px;
}
.pre-footer-wrap .connect-get-social .get-social .topline {
   position: absolute;
   font-size: 24px;
   font-weight: 600;
   font-family:'Montserrat', sans-serif;
   text-transform: uppercase;
   margin-bottom: 8px;
}
.pre-footer-wrap .connect-get-social .get-social .titleline {
   position: absolute;
   top: 46px;
   float: left;
   font-weight: 600;
   font-family:'Montserrat', sans-serif;
   font-size: 50px;
   text-transform: uppercase;
}
.pre-footer-wrap .connect-get-social .get-social .social-icon-wrap {
   float: right;
   margin-top: 13px;
   width: calc(100% - 210px);
}
.pre-footer-wrap .connect-get-social .get-social .social-icon {
   width: 16.66666%;
   max-width: 38px;
   max-height: 38px;
   float: right;
   margin: 10px 15px;
}
.pre-footer-wrap .connect-get-social .get-social .social-icon svg {
   fill: #fff;
   max-width: 100%;
}
.pre-footer-wrap .connect-get-social .get-social .social-icon svg:active,
.pre-footer-wrap .connect-get-social .get-social .social-icon svg:focus,
.pre-footer-wrap .connect-get-social .get-social .social-icon svg:hover {
   fill: #999;
}
.pre-footer-wrap .connect-get-social .get-social .social-icon.facebook  { width: 18px; height: 38px; }
.pre-footer-wrap .connect-get-social .get-social .social-icon.linkedin  { width: 38px; height: 38px; }
.pre-footer-wrap .connect-get-social .get-social .social-icon.youtube   { width: 31px; height: 38px; }
.pre-footer-wrap .connect-get-social .get-social .social-icon.instagram { width: 38px; height: 38px; }
.pre-footer-wrap .connect-get-social .get-social .social-icon.tiktok    { width: 38px; height: 38px; }

/* -----------------------------------------------------------------------------------------------------------------
   Footer
------------------------------------------------------------------------------------------------------------------*/

footer.site-footer {
   width: 100%;
   background: #fff url(assets/images/footer-bkg.jpg) top center no-repeat;
   background-size: cover;
   padding-bottom: 15px;
}

footer.site-footer .top {
   position: relative;
   padding: 0 220px 0 185px;
}
footer.site-footer .top .logo {
   position: absolute;
   left: 0;
   bottom: 0;
}
footer.site-footer nav {
   width: 100%;
   padding: 90px 0 10px 10px;
}

footer.site-footer .icon-row {
   text-align: center;
   padding: 25px 0;
}
footer.site-footer .icon-row img {
   margin: 0 20px;
}

footer.site-footer .content {
   font-family: 'Montserrat', sans-serif;
   font-size: 15px;
   line-height: 26px;
   color: #606060;
}

/* -----------------------------------------------------------------------------------------------------------------
   Section: Promo Area
------------------------------------------------------------------------------------------------------------------*/
.promo-area {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   margin: 65px 0;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
}
.promo-area .promo-card {
   -ms-flex-preferred-size: auto;
       flex-basis: auto;
   -webkit-box-flex: 0;
       -ms-flex-positive: 0;
           flex-grow: 0;
   -ms-flex-negative: 1;
       flex-shrink: 1;
   width: 31.333%;
   margin: 0 1%;
   background-color: #d12030;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
}
.promo-area .promo-card img {
   flex-shrink: 0;
}
.promo-area .promo-card .text-wrap {
   background-image: url('assets/images/promo-slant.png');
   background-position: bottom left;
   background-repeat: no-repeat;
   background-size: 60px 100%;
   width: 100%;
   min-height: 68px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-pack: end;
       -ms-flex-pack: end;
           justify-content: flex-end;
   -webkit-box-flex: 1;
       -ms-flex-positive: 1;
           flex-grow: 1;
   text-align: right;
   font-family:'Montserrat', sans-serif;
   color: #fff;
   font-size: 24px;
   line-height: 26px;
   text-decoration: none;
   padding: 5px 10px 5px 70px;
   margin: 0;
 }
.promo-area .promo-card:active,
.promo-area .promo-card:focus,
.promo-area .promo-card:hover {
   background-color: #931622;
   text-decoration: none;
}



/* -----------------------------------------------------------------------------------------------------------------
   Section: Call-to-Action Area
------------------------------------------------------------------------------------------------------------------*/
.cta-area {
   background-color: #ededed;
   margin-bottom: 65px;
}
.cta-area.has-title {
   padding-top: 33px;
}
.cta-area .title {
   padding: 13px 0 10px 0;
   text-align: center;
   background-color: #d12030;
   font-family:'Montserrat', sans-serif;
   color: #fff;
   font-weight: 500;
   font-size: 32px;
   line-height: 34px;
   -webkit-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4);
   -moz-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4);
   box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4);
}
.cta-area .cta-inner {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
}
.cta-area .cta-block {
   text-align: center;
   -ms-flex-preferred-size: auto;
       flex-basis: auto;
   -webkit-box-flex: 0;
       -ms-flex-positive: 0;
           flex-grow: 0;
   -ms-flex-negative: 1;
       flex-shrink: 1;
   width: 33.33333%;
   padding: 0 45px;
   margin: 40px 0;
}
.cta-block +  .cta-block {
   border-left: 1px solid #d12030;
}
.cta-area .cta-block p {
   margin: 0;
   font-family:'Montserrat', sans-serif;
   color: #606060;
   font-weight: 500;
   font-size: 24px;
   line-height: 26px;
}
.cta-area .cta-block img {
   display: block;
   margin: 45px auto;
}
.cta-area .cta-block a.button-solid {
   text-transform: uppercase;
   display: block;
   width: 100%;
   padding: 0;
   font-size: 18px;
   line-height: 32px;
   margin: 0 auto;
}
.cta-area .cta-block a.text {
   font-family:'Montserrat', sans-serif;
   font-weight: 500;
   font-size: 32px;
   line-height: 34px;
   text-transform: uppercase;
}
.cta-area .cta-block form {
   width: 100%;
   margin: 0;
   padding: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
}
.cta-area .cta-block form input {
   box-sizing:border-box;
   width: 50%;
   margin: 0;
   float: left;
   padding: 0 7px;
   font-size: 18px;
   line-height: 32px;
   border-color: #d12030;
   border-radius: 0;
}
.cta-area .cta-block form .findbranch {
   background-color: #d12030;
   color: #fff;
   text-transform: uppercase;
}
.cta-area .cta-block form .findbranch:active,
.cta-area .cta-block form .findbranch:focus,
.cta-area .cta-block form .findbranch:hover {
   background-color: #931622;
   border-color: #931622;
   color: #fff;
   text-decoration: none;
   cursor: pointer;
}

/* -----------------------------------------------------------------------------------------------------------------
   Page: Blog and Blog Archive Pages
------------------------------------------------------------------------------------------------------------------*/

.post-category-nav {
   background-color: #d12030;
   padding: 10px 0;
}
.post-category-nav nav .sm a {
   color: #fff;
   text-transform: none;
   padding: 0 16px;
}

.archive.category .post-wrapper,
.post-wrapper .et-boc .et_builder_outer_content {
  display: flex;
  align-items: stretch; /*flex-start;*/
  flex-wrap: wrap;
  height: 100%;
  justify-content: flex-start;
  padding: 30px 0;
}
#primary .archive-post-box {
   align-self: stretch; /*flex-start;*/
   width: 31.33%;
   margin: 15px 1%;
   background-color: #ededed;
   border-radius: 10px;
}
.archive-post-box:hover {
   box-shadow: 4px 4px 12px 0px rgba(0, 0, 0, 0.40);
}
.archive-post-box img {
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
}
.archive-post-box .body-area {
   padding: 15px 25px;
   text-align: center;
}
.archive-post-box .body-area .post-cat {
   padding-bottom: 15px;
}
.archive-post-box .body-area .post-cat a {
   font-size: 18px;
   line-height: 20px;
   color: #e40025;
}
.archive-post-box .body-area h2 {
   font-size: 16px;
   line-height: 24px;
   text-align: center;
}
.archive-post-box .body-area h2 a {
   font-weight: normal;
   color: #000;
}

.post-top {
   font-family:'Montserrat', sans-serif;
   font-weight: 500;
   background-color: #363636;
   margin-bottom: 40px;
}

.post-top .post-data,
.post-top .post-img {
   float: left;
   width: 50%;
}
.post-top .post-img {
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   min-height: 500px;
}

.post-top .post-data .position-inner {
   width: 600px;
   float: right;
   padding: 4% 25px 25px 25px;
}

.post-top .post-cat {
   font-size: 24px;
   line-height: 26px;
}
.post-top h1 {
   color: #fff;
   font-size: 38px;
   line-height: 40px;
   padding: 5px 0 10px 0;
   margin: 0;
   font-weight: 500;
}
.post-top .post-date {
   color: #fff;
   font-size: 16px;
   line-height: 20px;
}
article.post .social-share {
   float: left;
   width: 150px;
}
#primary article .social-share .st-custom-button {
    display: block;
    margin: 10px 25px;
    cursor: pointer;
}
article.post .post-content {
   float: left;
   width: calc( 100% - 150px );
   padding-bottom: 75px;
}

/* -----------------------------------------------------------------------------------------------------------------
   Page: Location Page
------------------------------------------------------------------------------------------------------------------*/

.et-db #et-boc #locations-header-row .locations-header-form {
   padding-left: 25px;
   width: 100%;
   max-width: 1200px;
   margin: auto;
   position: relative;
}
.et-db #et-boc #locations-header-row .locations-header-form form {
   width: 50%;
   padding-top: 10%;
}
.et-db #et-boc #locations-header-row .locations-header-form form div {
   font-family:'Montserrat', sans-serif;
   font-weight: 600;
   color: #000000;
   font-size: 51px;
   line-height: 51px;
   padding-bottom: 50px;
   text-transform: uppercase;
   text-align: center;
}
.et-db #et-boc #locations-header-row .locations-header-form form input {
   float: left;
   border: 1px solid #d12030;
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   font-size: 18px;
   line-height: 18px;
   padding: 10xp 17px;
}
.et-db #et-boc #locations-header-row .locations-header-form form input#locate {
   width: calc( 100% - 142px );
   background-color: #fff;
}
.et-db #et-boc #locations-header-row .locations-header-form form input.button-solid {
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   font-size: 18px;
   line-height: 18px;
   padding: 10px 0;
   text-align: center;
   width: 142px;
}

.et-db #et-boc .altra-loc-find-mort-wrap {
   background-color: #15262d;
}

.et-db #et-boc .altra-loc-find-mort-wrap .left {
   float: left;
   width: 40%;
   background-color: #d12030;
   text-align: right;
}
.et-db #et-boc .altra-loc-find-mort-wrap .right {
   float: left;
   width: auto;
}
.et-db #et-boc .altra-loc-find-mort-wrap img {
   display: block;
}
.et-db #et-boc .altra-loc-find-mort-wrap .left img {
   float: right;
}
.et-db #et-boc .altra-loc-find-mort-wrap .right img {
   float: left;
}
.et-db #et-boc .et-l .et_pb_module .altra-loc-find-mort-wrap .tablet,
.et-db #et-boc .altra-loc-find-mort-wrap .tablet,
.et-db #et-boc .et-l .et_pb_module .altra-loc-find-mort-wrap .mobile,
.et-db #et-boc .altra-loc-find-mort-wrap .mobile {
   display: none;
}

.et-db #et-boc .location_review_btn {
   font-size: 14px !important;
   padding: 7px 5px !important;
}
.et-db #et-boc .location_review_btn::after {
   font-size: 22px !important;
}


/* ---------- Contact ---------- */
.altra-contact-routing-num {
   font-size: 25px;
   font-weight: 600;
}
.altra-contact-bkg-row {
   background-size: 100% 50% !important;
}
.altra-contact-bkg-row  .altra-contact-icon {
    position: absolute;
    left: 50%;
    transform: translate(-50%,-50%);
}

.altra-contact-bkg-row .et_pb_column {
   margin-top: 65px !important;
   margin-bottom: 25px !important;
}

.altra-contact-bkg-row .et_pb_text_inner {
   font-size: 16px;
   line-height: 24px;
}
.et_divi_builder #et-boc .et-l .altra-contact-bkg-row h2 {
   text-align: center;
   padding: 15px 0;
   margin: 55px 0 15px 0;
   color: #323232;
   font-size: 34px;
   line-height: 36px;
   min-height: 140px;
   border-bottom: 1px solid #d12030;
}
.et_divi_builder #et-boc .et-l .altra-contact-bkg-row .altra-contact-valign-1line h2 {
   padding-top: 50px;
}
.et_divi_builder #et-boc .et-l .altra-contact-bkg-row .altra-contact-valign-2lines h2 {
   padding-top: 33px;
}
.et_divi_builder #et-boc .et-l .altra-contact-bkg-row h4 {
   margin: 25px 0 0 0;
   color: #000;
   font-weight: 500;
   font-size: 24px;
}

.et_divi_builder #et-boc .et-l .altra-contact-credit-card-left {
   display: flex;
   justify-content: center;
   flex-direction: column;
   height: 100%;
   text-align: right;
}
.et_divi_builder #et-boc .et-l .altra-contact-credit-card-left h3 {
   font-size: 30px;
   margin: 0;
}
.et_divi_builder #et-boc .et-l .altra-contact-credit-card-right p {
   font-size: 15px;
   line-height: 15px;
   padding-bottom: 10px;
}

/* ---------- Search Results ---------- */
.search-results h3 a {
   color: #606060;
}

/* ---------- Locations / Find a Branch ---------- */
/* ---------- Staff cards used on the Home Your Way mortgage LO by state page too ---------- */

.page-locations #et-boc #location-search-results-wrap h2 {
   border-bottom: 2px solid #d12030;
   margin-bottom: 5px;
   font-weight: 500;
}
.page-locations #et-boc #location-search-results-wrap .location-state {
   padding: 25px 0;
}
.page-locations #et-boc #location-search-results-wrap .location-state:nth-child(even) {
   background-color: #ededed;
}
.page-locations #et-boc #location-search-results-wrap .location-row {
   padding: 25px 0 12px 0;
   border-bottom: 1px solid #323232;
}
.page-locations #et-boc #location-search-results-wrap .location-row .img {
   float: left;
   width: 26%;
   padding-right: 20px;
}
.page-locations #et-boc #location-search-results-wrap .location-row .top {
   float: right;
   width: 74%;
}
.page-locations #et-boc #location-search-results-wrap .location-row .top h3 {
   text-transform: uppercase;
   color: #000;
   font-weight: 500;
   font-size: 34px;
   line-height: 28px;
   margin-bottom: 10px;
}
.page-locations #et-boc #location-search-results-wrap .location-row .top h3 span {
   color: #606060;
   font-size: 24px;
   line-height: 18px;
}
.page-locations #et-boc #location-search-results-wrap .location-row .bottom .location-head {
   margin-bottom: 5px;
   padding-top: 15px;
}
.page-locations #et-boc #location-search-results-wrap .location-row .bottom .column p {
   line-height: 1.4;
   padding-bottom: 12px;
}
.page-locations #et-boc #location-search-results-wrap .location-row .bottom .column p:last-of-type {
   padding-bottom: 0;
}
.page-locations #et-boc #location-search-results-wrap .location-row .top a.button-solid {
   display: block;
   float: right;
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   font-size: 17px;
   line-height: 1.5em;
   border-style: solid;
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
   border-width: 1px;
   padding: 8px 15px;
   margin-bottom: 8px;
   cursor: pointer !important;
   background-color: #d12030;
   border-color: #d12030;
   color: #fff;
   text-transform: uppercase;
   letter-spacing: 1px;
}
.page-locations #et-boc #location-search-results-wrap .location-row .top a.button-solid:active,
.page-locations #et-boc #location-search-results-wrap .location-row .top a.button-solid:focus,
.page-locations #et-boc #location-search-results-wrap .location-row .top a.button-solid:hover {
   background-color: #931622;
   border-color: #931622;
   color: #fff;
   cursor: pointer !important;
   text-decoration: none !important;
}
.page-locations #et-boc #location-search-results-wrap .location-row .top .top-left {
   float: left;
}
.page-locations #et-boc #location-search-results-wrap .location-row .bottom {
   float: right;
   width: 74%;
   border-top: 1px solid #b5b5b5;
}
.page-locations #et-boc #location-search-results-wrap .location-row .bottom .column {
   float: left;
   width: 33.33%;
   padding-right: 25px;
}
#et-boc .holiday-month-block h4 {
   background-color: #323232;
   padding: 10px 15px !important;
   margin-bottom: 0 !important;
   font-size: 20px !important;
}
#et-boc .holiday-month-block p,
#et-boc .holiday-month-block p:last-of-type {
   padding: 15px;
}
.page-template-location-page .location-footer-wrap {
   max-width: 900px;
   margin: 65px auto;
}
.page-template-location-page .location-footer-wrap .title {
   color: #606060;
   font-family:'Montserrat', sans-serif;
   font-weight: 600;
   font-size: 24px;
   text-align: center;
   margin-bottom: 15px;
}
.page-template-location-page .location-footer-wrap .body a.button {
   margin-top: 15px;
   display: inline-block;
}
.location-staff-area:first-of-type{
   margin-top: 65px;
}
.location-staff-area {
   background-color: #ededed;
   padding-top: 33px;
   margin: 0;
}
.location-staff-area .title {
   background-color: #d12030;
   padding: 13px 0 10px 0;
   -webkit-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4);
   -moz-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4);
   box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4);
}
.location-staff-area .title .pagewidth {
   text-align: center;
   font-family:'Montserrat', sans-serif;
   color: #fff;
   font-weight: 500;
   font-size: 32px;
   line-height: 34px;
}
.location-staff-area > .pagewidth {
   text-align: center;
   padding: 40px 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
}
.location-staff-area .staff-card {
   text-align: center;
   -ms-flex-preferred-size: auto;
       flex-basis: auto;
   -webkit-box-flex: 0;
       -ms-flex-positive: 0;
           flex-grow: 0;
   -ms-flex-negative: 1;
       flex-shrink: 1;
   width: 25%;
   padding: 0 2%;
   margin: 30px 0;
   display: inline-block;
}
.et-db #et-boc .et-l .et_pb_module .staff-card .staff-name a:not(.wc-forward),
.location-staff-area .staff-card .staff-name  {
   margin-top: 5px;
   font-weight: 600;
}

/* -----------------------------------------------------------------------------------------------------------------
   Shortcode Staff Grid by type
------------------------------------------------------------------------------------------------------------------*/
 #et-boc div .staff-sc-grid .title,
.staff-sc-grid .title {
   padding: 13px 0 10px 0;
   text-align: center;
   background-color: #d12030;
   font-family:'Montserrat', sans-serif;
   color: #fff;
   font-weight: 500;
   font-size: 32px;
   line-height: 34px;
   -webkit-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4);
   -moz-box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4);
   box-shadow: 0 5px 5px 0px rgba(0,0,0,0.4);
}
 #et-boc div .staff-sc-grid .staff-grid-inner,
.staff-sc-grid .staff-grid-inner {
   text-align: center;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
}
 #et-boc div .staff-sc-grid .staff-card,
.staff-sc-grid .staff-card {
   text-align: center;
   -ms-flex-preferred-size: auto;
       flex-basis: auto;
   -webkit-box-flex: 0;
       -ms-flex-positive: 0;
           flex-grow: 0;
   -ms-flex-negative: 1;
       flex-shrink: 1;
   width: 25%;
   padding: 0 2%;
   margin: 20px 0;
   display: inline-block;
}
 #et-boc div .staff-sc-grid .staff-card .staff-name,
.staff-sc-grid .staff-card .staff-name {
   margin-top: 5px;
}
 #et-boc div .staff-sc-grid .staff-card .staff-name a,
.staff-sc-grid .staff-card .staff-name a {
   font-weight: 600;
}
 #et-boc div .staff-sc-grid .staff-card p,
.staff-sc-grid .staff-card p {
   margin: 2px 0;
   padding: 0;
}
 #et-boc div .staff-sc-grid .back-to-top,
.staff-sc-grid .back-to-top {
   display: block;
   margin: 20px 0;
}
 #et-boc div .staff-sc-grid hr,
.staff-sc-grid hr {
   width: 100%;
   height: 1px;
   clear: both;
   margin: 20px 0;
   background: #d8dbcd;
   border-style: inset;
   border-width: 1px;
   border:none;
}

.et-db #et-boc .et-l .et_pb_module .bar-jump-nav {
   background-color: #cf102d;
   color: #fff;
   display: flex;
   justify-content: space-evenly;
   align-content: center;
   text-align: center;
   width: 100%;
   margin: 20px 0;
}
.et-db #et-boc .et-l .et_pb_module .bar-jump-nav li {
   list-style: none;

}
.et-db #et-boc .et-l .et_pb_module .bar-jump-nav a {
   color: #fff;
   padding: 10px 15px;
   display: inline-block;
}

/* -----------------------------------------------------------------------------------------------------------------
   Section: Testimonials Area
------------------------------------------------------------------------------------------------------------------*/

.testimonials-area {
   background-color: #fcf3f4;
   margin-bottom: 65px;
}
.testimonials-area .pagewidth {
   padding: 0;
   background-position: top left 75px;
   background-repeat: no-repeat;
   background-image: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAANkAAACgBAMAAABzvdRMAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAALVBMVEUjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyD///8j6rhcAAAADnRSTlMACw0EBQYMAQcIAgoDCd+m0u4AAAABYktHRA5vvTBPAAAAB3RJTUUH4gQYFAsECMPf5wAABjhJREFUeNqtmr+LJEUcxXtsz9nZW2Fp0UMw2dZb9daDcUAwEZYJjZZOjIS90UMUg2GD4xJhGTQUlk4MTMYG86UDf4GwLIKByTAG9+8437276a7ueq++9cWXf3g9Ve9VVVdPkjANcp/eTIKaesF9DhVe6DRoNpx5wZP/HxLteLnDOYVGFkh05gXf4VDlhd4NT1vpBe9xqLZAG+15uXxFodQCiW77wSsKDSyQaOrljjhUeKGD8LTNvOBblBlaINEt/5icUmhkgUSP/OAJhSoLJCr94JxCtQVKYP55TVMLJAL55zUdWCDR1A+uKFRYINHMD44ZM7RAIpB/XtORBRKB/POaVhZIVPrBUwrVFiiB+c/PGZRaIBHIP6/pwAKJJn6O17SwQKLMD9Kaovy/FzID+c8vGTSyQCKQf17TygKJSj/Ha1pboATnn9YU5f9uyA3l/wsGDSyQaALAcwYVFkiUAXBOGJT/fBkwQ/m/z6CRBRKh/NOaVhZIVALwkkG1BUpw/mlNUf7z44Abyj+tKcr/YWggJwCkNS0skCgDIKspzH+o2yj/+TmBUP7zi4Abyj+taWWBRCXgaE1rC5SQ/LOaphZIhPJPL2UGFkg0QeAxgQoLJMoAx2oK8x/qNsw/q+nIAolg/t8mUGWBRCUCLwhUW6CE5J/VNLVAIph/VlOY/8BNDs4/uzstLJAoQ+A+ZmD+Q92G+Wc1HVkgEcw/q2kFoTl3KxHILlzXFmijXTgmpKapBRLB/LOaDiyQaALBJYYKCF1xtwxxpKY4/4Fu4/yTmo4skAjmn9W0skCiEoInGFpboITln9Q0tUAinH9S04EFEk0gSC5lCgskyiC4ggzOf+DCFeef1HTHAolw/klNKwskKiFIarqGEL9wxfknNcX5D1y44vyTmg4skGgCOVLTwgKJMgjimpL88wtXkn9c0x0LJML5JzWtMHRJ3UoMjiG0xtDRkpiR/OcPEUTyv5k4EpPbDHwlfvQ3egO7TSn4gx9aUAg3jkRZdOCdhF1uhl+LRgHws+jRF/0K3K5D4Dh69Dc6AkHJQqBnRQ+MvmjlNXsxyHl+3E4Y8i9fj8Jg/wqpCkP+F7hFmDvozcFa4eZbLUNR9s7BngbyHRde1oDdnATzf6MTQ/5F3e1xonLzXPTWKvA8sjQ36u/EqYrrzLiiNDfqhWug49zyvKR0603cVMe5E6eE+ge9zPKYWqh78tXOgHOIVUPdxUtXnNyNiXKu+5dI11rwrgXqvuqstdyRBeqEUrVIPlUTyqEeWjluim3qucZb6JYeciugnu/2oKiT1V2Cri2DUukht3ClHmwKN9VD7k6V6cFmCtZ6yNkFIiLZut2c6SFnMYlIV3MSUp0Snsk5MatOCV23mEd0jibafUq0jVfoIN+W85X8LALcxiuio67bxOIW84iOWxEBbjeByupWWtxiBsRxqy0jGTMgjtvM4rawukVwTQPWEVC7bzELV+NWR0DtlStmDWq2qiwCaq/KylP5U21X5VkE1N5x1OdC0XbHiYHaL7Ux62uzm5oGJNZtZXE7bblFnLhap6AY6NL628YWt3Or29ySyXHLLSaTzRoU4zZvucX0rVkVaj3kHBRi1pLmHLrWQ87/WWwHvIUecg/mEW7busUclfcdt0wPHm+hSg+dOG6lHmzS9YIFEhVqrrVR6V+oOnfL+kFpLeb6NaFzrak/K7cWPH2SL103/SG7vQRlFihmMTGdeXu3oTMl6LzRnimh3m30Qgk6M6Ad/4uum/Yxl4YFr/85U/mYnUvUUgX1P10rPlmI9l1K8QUh9/4xqIgfSOUu7PvztupFs/cdp1ZAX3ncVBtqb0w0Q3nlcdMMZf+bhWJV8P+9QXGJccfyjMdet2EW4vqfjBTnXvQnjOAc3PFRZQAaA7fdWWDW5j4q8OO+TpB+4uATP0Vnzv8ZWTFz6D8YKRuSJwnWN4Q7RBPAhuTzhImMyh94SErE3F9Stz04lg8JlQIKD8czPUZPOY+nDj9JQvrHCx5dxT+kwixJ3veZhYYkeTzrMccKsyT5qGf25TJMpWuXeVXB3Ohnd9IP/9VhH7aw1z9Wem20+2lrXH4LjuJzDf/6/pcN+ODP7/7We934ffDjaxunB79/SwbkP45fzrWxgQFAAAAAAElFTkSuQmCC');
}
.testimonials-area .pagewidth .inner {
   width: 100%;
   padding: 45px 0 35px 0;
   background-position: bottom right 75px;
   background-repeat: no-repeat;
   background-image: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAANkAAACgBAMAAABzvdRMAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAALVBMVEUjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyAjHyD///8j6rhcAAAADnRSTlMAAgUHCAoLDA0GBAEDCYiQ9b4AAAABYktHRA5vvTBPAAAAB3RJTUUH4gQYFAsdbKh3JwAABe5JREFUeNq1mb1rLFUYxjf3+kGyEQa/SCNsoZDyIhZphCkjNlvJNsKACONHEbFwcRFubnYnJ+sVxsotR0TcMoUf2whphIjNdi7+NWYTsztn5jzv+54HfPsfz8w5z/POmfd0OrBefOu9oXPnH77zfSequn++vQa/eP/Nv8zMDwO3qa++tWvtvJ5vwQ8qE7P3t/Pqo8Qo9lLug/8YmJeHrlHf2J7yjSbnPr/UmB9duwqDXPe7AHimyP3hQjW5osQ0ud+dI6ib+gmAHwvM7hBA7lNZ7DXEuXchszOAkCslsQfwKV2RxC7HrTGFteyuBPBLAD10Un2C1V4VwfCqiE8oLcn+UATPgtAvTq7PkNpcAdPQq+UKdA527oHCBV/uVw1CO3eogu2dU1/txpZBsT2Vc9MW9KwOhd11rXPtPTg2qD0NiO0MDWA/dqvXVQTUnrOATxrQgQUKLaVlTVpLmZvURoxH1pV60EMb1E7ObzbwlFhI5yhz3dTYgwZGtUcNsX0j5z2mcfWdOyFSelt1f5lsvK5mV5hbwYyBxg21gRU8ZaBzctvcBQO5xFN7wcxNttAzdjW/myzsIAX5TWHGLMqhHco8tdwO9jbQyg49rovt2LltX+hGQF7D240Al9GdxDU+qOZO4mof1AhL+s1kEQFuNtzct1zjKzyPAE+YR7yoqx1FgI+ZR/TUBozaLALyvt5DRm1FvltMcrZqOakW0cxrajELUvek6Qx6XyfMgtTzZjyo3dV93mK6nddLYrrCppfENC6vT8Y0rk2fjFr++jcgpgdtvgFRahmrVhLfDe/fKEqtYtRSVi1h1EpW7ZJRq0i1zY9mlEsuSbXNITsmb95ZOSZvF4yaN8Swn5RrPSimlV+wavdNmT/gxXTl5YaKgOqtJMrMvQ2V26FHdbWYDU821MoOXdXVIj5VtR+qmRlqDIOGZrDmrrkZasxLBmbw6y20MEP+kCXi9Lq1ZERPWPpq12aw1l7tubny1Z63cvX9Nntr4ovZj0Hev0puhJqzGXPgvKYwY6CYCPTq0IKBIh7Tj6lx/duDXuNj+oNeo03ag3ajmxs7cGSC+i217tAEVj5lm9detdRsG9cMjukgFLrqMB2EWtcIKwN0GlAz7fiySelXRu2Z8m0dGsCkCRlOQuELMUN4AhdicxV60gnWQAXbVxYGn2RhNe1GMtCBLBtwFVbrai83CVF7Qxkad0BpZ9jTICVfI4dW/7+ayWDQyp3ucfTq39V+LnHobldcy0kH18+S2hRRu4LcqaDWeUVQW0JqjqFUUpNCl0BoFb36dyV0yzMGupDEpPY1YqBMVFtgsISQ8E2tRLUZ5AoGmohiwkFviqEcQqL/pY6+hJBw8k1FNeGvJSEg2f/Cr84ZA8n+F2I6YqBMFBNiWjJQJarhA3PBQIr/cUynDCT7X4jpkoFSWS2HYEJAiv9xTMcMpPgfx3TEQJmsdg3BEkMHEKpktWPEFQyk+B9PN6cMpPgfx3TJQKmshmOaYAgOkRT/4/+HMQMp/scxHTFQJovhmJYMVMlqMKaS/+FvkeJ/HNMpAz1V1I4R2GegVBbDMU0ISPM/jKnkf3hrofkfxnTEQJmidojAkoEqRS0HXMFAmv/hCGnKQJr/YUz7DJQqagcITAhI8z+MqeR/OOjV/A8HvSMGyhQ1GNOSgSpFDcVU9D8aDmv+hzGV/A+HMpr/4VCmz0CpIgZjmhCQ6n8U0zEDaf6HMZX8Dyc5maZ2BMCSgSpFDMW0YCDV/yimUwZS/Y9i2megVFObAzAhINX/KKZjBlL9j2Iq+h8NZTJNDc1OSwaqNLVFmCsYSPU/iumUgVT/o5j2RQpAqaaGBq4JAen+BzEdM5DqfxTTEQOdqGqDMFiK0CoM9TQxENOCgXT/g5hOGUj1P4ppn4FSVW0WBhMC0v0PYjpmIN3/IKYjBjpR1UBMSxECk5yeqnYd5AoG0v0PYjplIN3/IKZ9BkpVNRDTRITAJOdSVQsPXMcMdKaKgZiO/gdoXcMgWMpQHoR6qlh4dqr4/1/qhzK0zsZ6wQAAAABJRU5ErkJggg==');
}
.testimonials-area .title {
   padding: 0 0 45px 0;
   text-align: center;
   font-family:'Montserrat', sans-serif;
   color: #000;
   font-weight: 500;
   font-size: 32px;
   line-height: 34px;
}
.testimonials-area .testimonial-slider .slide {
   padding: 0 225px;
}
.testimonials-area .testimonial-slider .slide img {
   float: left;
   margin-right: 25px;
}
.testimonials-area .testimonial-slider .slide p {
   margin: 0;
}
.testimonials-area .testimonial-slider .slide p.has-photo {
   float: left;
   width: calc(100% - 145px);
}


/* -----------------------------------------------------------------------------------------------------------------
   Section: Category Blocks
------------------------------------------------------------------------------------------------------------------*/

.page-template-category .entry-content > .pagewidth {
   margin-bottom: 40px;
}

.category-blocks-wrap {
   background-color: #ededed;
   margin-bottom: 40px;
   padding: 40px 0 10px 0;
}
.category-blocks-wrap .pagewidth {
   text-align: center;
}
.category-blocks-wrap .block {
   display: inline-block;
   width: calc(25% - 4px);
   position: relative;
   margin: 0 2px 30px 2px;
   vertical-align: top;
   overflow: hidden;
}
.category-blocks-wrap .block .overlay {
   position: absolute;
   top: calc(100% - 150px);
   left: 0;
   width: 100%;
   height: calc(100% + 150px);
   background-color: rgba(0,0,0,0.6);
   border-top: 4px solid #d12030;
   text-align: center;
   -webkit-transition:  all 500ms;
   -moz-transition:     all 500ms;
   -o-transition:       all 500ms;
   transition:          all 500ms;
}
.category-blocks-wrap .block:active .overlay,
.category-blocks-wrap .block:focus .overlay,
.category-blocks-wrap .block:hover .overlay {
   top: -150px;
}
.category-blocks-wrap .block .overlay h2 {
   width: 100%;
   height: 80px;
   margin: 30px 0 8px 0;
   padding: 0 5px;
   font-family:'Montserrat', sans-serif;
   color: #fff;
   font-weight: 400;
   font-size: 30px;
   line-height: 40px;
   text-align: center;
   overflow: hidden;
}
.category-blocks-wrap .block .overlay p {
   margin: 15px 20px 0 20px;
   padding: 15px 0;
   border-top: 1px solid #d12030;
   color: #fff;
   font-weight: 300;
}
.category-blocks-wrap .block .overlay a {
   display: inline-block;
   position: absolute;
   width: auto;
   bottom: 20px;
   left: 20px;
   right: 20px;
   padding: 15px 50px 15px 11px;
   text-transform: uppercase;
   background-image: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAcCAQAAAA3xnwhAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiBBgKJx7aKMNJAAABJUlEQVQ4y6WVXZWEMAyF7+wZAZWABCTMOEACEpCAk0pAAmcU7DpAQsbBtw8UaIEpHKY8kfQmNz9NpNXB0dBhTMfoaHDKHxx+BvThG4LEZ+BUGGC0FIm8oA2aah/YAtDu28ZN+n2g8ciG88A2YCrAKA9SIUoMIto4DPIeI89gc1D43RhGL37NhRbwk8/YTnqt2QYSOLpJvetzZjSkhmmBRhIdpHXcAf/GYAqgk4QxHKRmCx4wSUB/mNcVmB6ke5wAdRl8qZ7n7b0I7pKW30KZqFXILXcpzhOOijQSPpumpLrYmKYzxUmBoTg/ekmqPwNV663n7S8S1pJeOmjEOtuIB+3fZdr/q0f3xVOfaVwZMDP4ylgLtK8N02B7O8KnPeDPbICTi+MfK0OuoEU5cAQAAAAASUVORK5CYII=');
   background-repeat: no-repeat;
   background-position: right 20px center;
}
@media (min-width: 768px) and (max-width: 1600px) {
   .category-blocks-wrap .block .overlay {
      height: calc(100% + 150px);
   }
   .category-blocks-wrap .block:active .overlay,
   .category-blocks-wrap .block:focus .overlay,
   .category-blocks-wrap .block:hover .overlay {
      top: -150px;
   }
   .category-blocks-wrap .block .overlay h2 {
      font-size: 24px;
      line-height: 1.2;
   }
}
@media (min-width: 768px) and (max-width: 1275px) {
   .category-blocks-wrap .block .overlay h2 {
      font-size: 20px;
   }
   .category-blocks-wrap .block .overlay a {
      font-size: 16px;
      background-position: right 15px center;
      left: 10px;
      right: 10px;
   }
   .category-blocks-wrap .block .overlay p {
      margin-left: 10px;
      margin-right: 10px;
   }
}
@media (min-width: 1200px) and (max-width: 1400px) {
   .category-blocks-wrap .block .overlay p {
      line-height: 1.3em;
      font-size: 16px;
   }
}
@media (min-width: 768px) and (max-width: 1200px) {
   .category-blocks-wrap .block .overlay a {
      bottom: 10px;
      font-size: 15px;
   }
   .category-blocks-wrap .block .overlay p {
      line-height: 1.3;
      font-size: 16px;
   }
}
@media (min-width: 768px) and (max-width: 900px) {
   .category-blocks-wrap .block .overlay a {
      padding: 5px 50px 5px 11px;
   }
}
@media (min-width: 768px) and (max-width: 800px) {
   .category-blocks-wrap .block .overlay p {
      font-size: 15px;
   }
   .category-blocks-wrap .block .overlay a {
      font-size: 14px;
   }
}
@media (max-width: 767px) {
   .category-blocks-wrap .block {
      width: 295px;
      display: block;
      margin-right: auto;
      margin-left: auto;
   }
}
@media (max-width: 300px) {
   .category-blocks-wrap .block {
      width: 100%;
      height: auto;
   }
   .category-blocks-wrap .block .overlay {
      height: calc(100% + 150px);
   }
   .category-blocks-wrap .block .overlay h2 {
      font-size: 24px;
      line-height: 1.2;
   }
   .category-blocks-wrap .block:active .overlay,
   .category-blocks-wrap .block:focus .overlay,
   .category-blocks-wrap .block:hover .overlay {
      top: -150px;
   }
}



/* -----------------------------------------------------------------------------------------------------------------
   Leaving Bumpers
------------------------------------------------------------------------------------------------------------------*/
.any-bumper-wrap {
   opacity: 1;
   visibility: visible;
   position: fixed;
   overflow: auto;
   z-index: 100001;
   transition: all 0.3s;
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   text-align: center;
   display: none;
   background-color: rgba(0,0,0,0.5);
}
.any-bumper-wrap .bumper {
   opacity: 1;
   visibility: visible;
   display: inline-block;
   outline: none;
   transition: all 0.3s;
   text-align: left;
   position: relative;
   vertical-align: middle;
   min-height: 20px;
   padding: 19px;
   margin-bottom: 20px;
   background-color: #f5f5f5;
   border: 1px solid #e3e3e3;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
   box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
   width: 85%;
   max-width: 850px;
   margin: 125px auto 0 auto;
}
.any-bumper-wrap .bumper .button-solid,
.any-bumper-wrap .bumper .button {
   display: inline-block;
   margin-bottom: 10px;
}

/* Online Banking Bumper */
.online-banking-bumper-wrap {
   opacity: 1;
   visibility: visible;
   position: fixed;
   overflow: auto;
   z-index: 100001;
   transition: all 0.3s;
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   text-align: center;
   display: none;
   background-color: rgba(0,0,0,0.5);
}
.online-banking-bumper-wrap .bumper {
   opacity: 1;
   visibility: visible;
   display: inline-block;
   outline: none;
   transition: all 0.3s;
   text-align: left;
   position: relative;
   vertical-align: middle;
   min-height: 20px;
   padding: 19px;
   margin-bottom: 20px;
   background-color: #343434;
   border: 1px solid #e3e3e3;
   border-radius: 4px;
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
   box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
   width: 95%;
   max-width: 255px;
   margin: 125px auto 0 auto;
   color: #fff;
}
.online-banking-bumper-wrap .bumper iframe { border: none; }
.online-banking-bumper-wrap .bumper a { color: #fff; }

/* -----------------------------------------------------------------------------------------------------------------
   SITE-WIDE TOP-BAR MAINTENANCE MESSAGE
------------------------------------------------------------------------------------------------------------------*/
.topbar-maintenance-message {
   padding: 12px 25px 12px 15px;
   font-size: 16px;
   line-height: 18px;
   background-color: #FFDD3E;
   position: relative;
}
.topbar-maintenance-message .pagewidth {
   text-align: center;
}
.topbar-maintenance-message p:last-of-type {
   margin-bottom: 0;
}
.topbar-maintenance-message a {
   color: #BE1E2B;
}
.topbar-maintenance-message .topbar-closer {
   color: #000;
   position: absolute;
   top: 5px;
   right: 15px;
}
.topbar-maintenance-message .topbar-closer::active
.topbar-maintenance-message .topbar-closer::focus,
.topbar-maintenance-message .topbar-closer::hover {
   border: 1px solid #000;
}

/* -----------------------------------------------------------------------------------------------------------------
   Front Page (Home Page)
------------------------------------------------------------------------------------------------------------------*/
body.home .homewidth {
   width: 100%;
   max-width: 1600px;
   margin: auto;
   position: relative;
}

body.home .maintenance-message {
   position: relative;
   min-height: 420px;
   padding-top: 152px;
   padding-bottom: 10px;
   background-image: url('assets/images/critical-maintenance-bkg.jpg');
   background-size: cover;
   background-position: top left;
   font-size: 22px;
   line-height: 26px;
}
body.home .maintenance-message .pagewidth {
   padding-left: 245px;
}
body.home .maintenance-message img {
   position: absolute;
   top: -50px;
   left: -60px;
}
body.home .maintenance-message .titleline {
   font-weight: 600;
   font-family:'Montserrat', sans-serif;
   font-size: 28px;
   line-height: 40px;
   text-transform: uppercase;
   border-bottom: 1px solid #000;
   padding-top: 10px;
   padding-bottom: 7px;
   margin-bottom: 10px;
}
body.home .maintenance-message .titleline strong {
   font-size: 30px;
   font-weight: 800;
}

/* If maintenance message is showing, 'with-padding' will not be applied */
body.home .main-slider-wrapper { position: relative; }
body.home .main-slider-wrapper.with-padding { padding-top: 152px; }

/* Force slider navigation under header's 500 z-index */
.ds-slider-wrap .bx-wrapper .bx-controls-direction a { z-index: 499; }

body.home .home-main {
   color: #fff;
   text-align: center;
   background-image: url('assets/images/home/bridge-background.jpg');
   background-attachment: fixed;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   position: relative;
}
body.home .home-main .overlay {
   background-color: rgba(206, 32, 48, 0.95);
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
body.home .home-main .inner-wrap {
   padding: 100px 0;
}
body.home .home-main h1 {
   color: #fff;
   font-weight: 700;
   font-family:'Montserrat', sans-serif;
   font-size: 51px;
   line-height: 57px;
   text-align: center;
   margin: 0;
   padding: 0;
}
body.home .home-main .content {
   max-width: 830px;
   margin: 40px auto 0 auto;
}
body.home .home-main h3 {
   text-align: center;
   color: #fff;
}
body.home .home-main select {
   padding: 3px 10px;
   margin: 0;
   border: 1px solid #606060;
   display: inline-block;
   color: #606060;
   /*-webkit-appearance: none;*/
   -webkit-border-radius: 0px;
   border-radius: 0px;
}
body.home .home-main a.button {
   display: inline-block;
   color: #fff;
   border: 1px solid #fff;
   padding: 10px 50px;
}
body.home .home-main a.button:active,
body.home .home-main a.button:focus,
body.home .home-main a.button:hover {
   background-color: #fff;
   color: #d12030;
   text-decoration: none;
}
body.home .home-main .btn-left {
   margin-right: 23px;
}
body.home .home-main .btn-right {
   margin-left: 23px;
}
body.home .half-area {
   min-height: 660px;
}
body.home .half-area .left {
   position: relative;
   top: 0;
   left: 0;
   width: 50%;
   min-height: 660px;
   background-size: cover;
   background-position: center;
   background-image: url('assets/images/home/home.jpg');
   float: left;
}
body.home .half-area .left .top {
   height: 160px;
   width: 100%;
   background-color: rgba(170, 4, 8, 0.85);
  -webkit-transition: height 0.25s linear;
  -moz-transition: height 0.25s linear;
  -ms-transition: height 0.25s linear;
  -o-transition: height 0.25s linear;
  transition: height 0.25s linear;
  overflow: hidden;
}
body.home .half-area .left:active .top,
body.home .half-area .left:focus .top,
body.home .half-area .left:hover .top {
   height: 660px;
  -webkit-transition: height 0.25s linear;
  -moz-transition: height 0.25s linear;
  -ms-transition: height 0.25s linear;
  -o-transition: height 0.25s linear;
  transition: height 0.25s linear;
}
body.home .half-area .left .top .inner-wrap {
   float: right;
   margin-top: 70px;
   margin-right: 60px;
   max-width: 600px;
   width: 100%;
}
body.home .half-area .left .top .icon {
   float: right;
}
body.home .half-area .left .top .roll-copy {
   margin-top: 40px;
   float: right;
   color: #fff;
   font-size: 34px;
   line-height: 1.1;
   font-family:'Montserrat', sans-serif;
   text-align: right;
   max-width: 485px;
}
body.home .half-area .left .top .inner {
   text-align: right;
   color: #fff;
   font-size: 115px;
   line-height: 80px;
   text-transform: uppercase;
   font-weight: 700;
   font-family:'Montserrat', sans-serif;
   margin-right: 12.5%;
   float: right;
}
body.home .half-area .right {
   position: relative;
   top: 0;
   left: 0;
   width: 50%;
   min-height: 660px;
   background-size: cover;
   background-position: center;
   background-image: url('assets/images/home/drive.jpg');
   float: right;
}
body.home .half-area .right .top {
   height: 160px;
   width: 100%;
   background-color: rgba(50, 50, 50, 0.90);
   -webkit-transition: height 0.25s linear;
   -moz-transition: height 0.25s linear;
   -ms-transition: height 0.25s linear;
   -o-transition: height 0.25s linear;
   transition: height 0.25s linear;
   overflow: hidden;
}
body.home .half-area .right:active .top,
body.home .half-area .right:focus .top,
body.home .half-area .right:hover .top {
   height: 660px;
   -webkit-transition: height 0.25s linear;
   -moz-transition: height 0.25s linear;
   -ms-transition: height 0.25s linear;
   -o-transition: height 0.25s linear;
   transition: height 0.25s linear;
}
body.home .half-area .right .top .inner-wrap {
   float: left;
   margin-top: 70px;
   margin-left: 60px;
   max-width: 600px;
   width: 100%;
}
body.home .half-area .right .top .icon {
   float: left;
}
body.home .half-area .right .top .roll-copy {
   margin-top: 40px;
   float: left;
   color: #fff;
   font-size: 34px;
   line-height: 1.1;
   font-family:'Montserrat', sans-serif;
   text-align: left;
   max-width: 470px;
}
body.home .half-area .right .top .inner {
   text-align: left;
   color: #fff;
   font-size: 115px;
   line-height: 80px;
   text-transform: uppercase;
   font-weight: 700;
   font-family:'Montserrat', sans-serif;
   float: left;
   margin-left: 12.5%;
}
body.home .half-area .btn {
   text-transform: uppercase;
   color: #fff;
   font-size: 18px;
   width: 410px;
   padding: 6px 0;
   text-align: center;
   cursor:pointer;
   position: absolute;
   top: 514px;
}
body.home .half-area .left .btn {
   background-color: rgb(50, 50, 50);
   right: 50px;
}
body.home .half-area .right .btn {
   background-color: rgb(170, 4, 8);
   left: 50px;
}

body.home footer.site-footer {
   border-top: none;
   background: transparent url(assets/images/home-footer-bkg.jpg) top center no-repeat;
   background-size: cover;
   margin-top: 0;
}
body.home footer.site-footer .content {
   color: #999;
}
body.home footer.site-footer #footer-nav li {
   color: #999;
}
body.home footer.site-footer #footer-nav li a {
   color: #999;
}

/* -----------------------------------------------------------------------------------------------------------------
   Interior Pages
------------------------------------------------------------------------------------------------------------------*/

/* ---------- Single Staff ---------- */
.single-altra_staff .staff-wrap {
   width: 100%;
   float: left;
   padding-top: 30px;
   padding-bottom: 30px;
}
.single-altra_staff .right-wrap {
   float: right;
   width: calc(100% - 275px);
}
.single-altra_staff .staff-wrap .staff-name {
   margin: 10px 0;
   font-weight: 600;
   font-family:'Montserrat', sans-serif;
   font-size: 38px;
   line-height: 1em;
   color: #d12030;
}
.single-altra_staff .staff-wrap .name-title-wrap {
   float: left;
   width: 100%;
   border-bottom: 2px solid #d12030;
   margin-bottom: 25px;
}
.single-altra_staff .staff-wrap .name-title-wrap .title {
   font-weight: 500;
   font-family:'Montserrat', sans-serif;
   font-size: 24px;
   color: #606060;
   margin: 10px 0;
}
.single-altra_staff .staff-wrap .img-wrap {
   float: left;
   width: 275px;
}
.single-altra_staff .staff-wrap .staff-data-wrap {
   width: 100%;
   float: left;
}
.single-altra_staff .staff-wrap .staff-data-wrap .bio {
   float: left;
   width: calc(100% - 240px);
   padding-right: 40px;
}
/* leadership doesn't have a right-side contact */
.single-altra_staff .staff-wrap.type-leadership .staff-data-wrap .bio {
   width: 100%;
   padding-right: 0;
}
.single-altra_staff .staff-wrap .staff-data-wrap .bio .button {
   display: inline-block;
   margin: 15px 10px;
   white-space: nowrap;
}
.single-altra_staff .staff-wrap .staff-data-wrap .contact {
   border-left: 2px solid #d12030;
   text-align: center;
   width: 240px;
   float: right;
}
.single-altra_staff .staff-wrap .staff-data-wrap .contact .about {
   font-weight: 500;
   font-family:'Montserrat', sans-serif;
   font-size: 24px;
   color: #606060;
}
.single-altra_staff .staff-wrap .staff-data-wrap .contact .nmls {
   color: #d12030;
}
.single-altra_staff .staff-wrap .staff-data-wrap .contact .mar-space {
   margin: 10px 0;
}


/* -----------------------------------------------------------------------------------------------------------------
   Widgets
------------------------------------------------------------------------------------------------------------------*/

/* ---------- Error text ---------- */
#et-boc div.error-text,
div.error-text {
   background-color: rgba(255,223,224,.25);
   border-top: 1px solid #C89797;
   border-bottom: 1px solid #C89797;
   color: #790000;
   padding: 10px;
   margin-bottom: 15px;
}
#et-boc div.error-text p:last-child,
div.error-text p:last-child {
   margin-bottom: 0;
}

/* ---------- Dealer Resource VIN payoff search ---------- */
#et-boc #vinform #vin {
   display:block;
   background-color: #fff;
   color: #333;
   font-size: 18px;
   line-height:28px;
   font-weight: 400;
   padding: 10px 17px;
   font-family: 'Open Sans', sans-serif;
   /* keep all boxes equal */
   box-sizing:          content-box;
   -ms-box-sizing:      content-box;
   -moz-box-sizing:     content-box;
   -webkit-box-sizing:  content-box;
}

/* ---------- Dealer Resource VIN lookup ---------- */
#et-boc .et-l .vin-results,
.vin-results {
   display: none;
   margin: 20px 0;
   padding: 20px;
   background-color: #eaeaea;
}

/* ---------- Open An Account Meridian Link ---------- */
form.mer-link,
#et-boc .et_pb_module form.mer-link {
   display: flex;
   align-items: stretch;
}
#et-boc .et_pb_module form.mer-link input,
form.mer-link input {
   padding: 3px 10px;
   border: 1px solid #d12030;
   color: #606060;
   max-width: 214px;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
   border-radius: 0px;
}
form.mer-link > div,
#et-boc .et_pb_module form.mer-link > div {
   text-align: center;
}
form.mer-link input[type="text"],
#et-boc .et_pb_module form.mer-link input[type="text"] {
   background-color: #fff;
   width: 165px;
   text-align: left;
}
form.mer-link input[type="text"]:focus,
#et_builder_outer_content .et_pb_module form.mer-link input[type="text"]:focus {
    outline: auto 1px Highlight;
    outline: auto 1px -webkit-focus-ring-color;
}

form.mer-link input[type=submit].button-solid,
#et-boc .et_pb_module form.mer-link input[type=submit].button-solid {
   color: #fff;
   padding: 3px 20px;
}

/* ---------- Compare three calculator ---------- */
#et-boc .calc-compare-three table th {
   text-align: center;
}
#et-boc .calc-compare-three table tr.responsive-header {
   display: none;
}
#et-boc .calc-compare-three table tr.responsive-header td {
   padding: 5px 10px 2px 10px;
}
#et-boc .calc-compare-three tr td {
   vertical-align: top;
}
#et-boc .calc-compare-three tr td.centered {
   text-align: center;
}
#et-boc .calc-compare-three tr > td {
   padding: 10px;
}
#et-boc .calc-compare-three input[type="number"] {
   background-color: #fff;
   width: 100%;
   margin: 0 auto;
}
#et-boc .calc-compare-three td span {
   font-size: 0.8rem;
   font-style: italic;
}
#et-boc .calc-compare-three .button-solid {
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   font-size: 19px;
   line-height: 19px;
   border-color: #d12030;
   border-style: solid;
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
   border-width: 1px;
   padding: 6px 50px;
   cursor: pointer;
   background-color: #d12030;
   color: #fff;
   display: inline-block;
}
#et-boc .calc-compare-three .button-solid:active,
#et-boc .calc-compare-three .button-solid:focus,
#et-boc .calc-compare-three .button-solid:hover {
   background-color: #931622;
   color: #fff;
   text-decoration: none;
}

/* ---------- Dealer calculator ---------- */
#et-boc .calc-dealer-calc,
.calc-dealer-calc {
   margin: 30px 0;
   max-width: 590px;
}
#et-boc .calc-dealer-calc input.top-btn,
.calc-dealer-calc input.top-btn {
   cursor: pointer;
   float: left;
   margin-bottom: 5px;
   border-radius: 5px;
}
#et-boc .calc-dealer-calc input.top-btn:first-child,
.calc-dealer-calc input.top-btn:first-child {
   margin-right: 15px;
}
#et-boc .calc-dealer-calc .fld,
.calc-dealer-calc .fld {
   margin-bottom: 5px;
   line-height: 32px;
}
#et-boc .calc-dealer-calc .fld span,
.calc-dealer-calc .fld span {
   font-style: italic;
   font-size: 0.85rem;
   line-height: 1.1rem;
   display: inline-block;
   margin-left: 10px;
   width: 250px;
}
#et-boc .calc-dealer-calc #cpCalculate,
.calc-dealer-calc #cpCalculate {
   display: inline-block;
}
#et-boc .calc-dealer-calc label,
.calc-dealer-calc label {
   float: left;
   display: inline-block;
   width: 175px;
   margin-right: 20px;
 }
#et-boc  .calc-dealer-calc input[type="text"],
 .calc-dealer-calc input[type="text"] {
   float: left;
   width: 85px;
   padding: 10px 17px;
   background-color: #fff;
   color: #333;
   font-size: 18px;
   line-height:28px;
   font-weight: 400;
   margin:0 0 10px 0;
   border:1px solid #333;
   font-family: 'Open Sans', sans-serif;
   /* keep all boxes equal */
   box-sizing:          content-box;
   -ms-box-sizing:      content-box;
   -moz-box-sizing:     content-box;
   -webkit-box-sizing:  content-box;

}
#et-boc .calc-dealer-calc input#cpCalculate,
.calc-dealer-calc input#cpCalculate {
   margin-left: 195px;
   border-radius: 5px;
}
#et-boc .calc-dealer-calc #recommended,
.calc-dealer-calc #recommended {
   font-weight: 700;
   font-style: italic;
}
#et-boc .calc-dealer-calc #threshold,
.calc-dealer-calc #threshold {
   display: none;
}
#et-boc .calc-dealer-calc .lbl,
.calc-dealer-calc .lbl {
   float: left;
   width: 175px;
   margin-right: 20px;
}
#et-boc .calc-dealer-calc .val,
.calc-dealer-calc .val {
   font-weight: 700;
}
#et-boc .calc-dealer-calc .button-solid,
.calc-dealer-calc .button-solid {
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   font-size: 19px;
   line-height: 19px;
   border-color: #d12030;
   border-style: solid;
   -moz-border-radius: 0px;
   -webkit-border-radius: 0px;
   border-radius: 0px;
   border-width: 1px;
   padding: 6px 50px;
   cursor: pointer;
   background-color: #d12030;
   color: #fff;
   display: inline-block;
}
#et-boc .calc-dealer-calc .button-solid:active,
#et-boc .calc-dealer-calc .button-solid:focus,
#et-boc .calc-dealer-calc .button-solid:hover,
.calc-dealer-calc .button-solid:active,
.calc-dealer-calc .button-solid:focus,
.calc-dealer-calc .button-solid:hover {
   background-color: #931622;
   color: #fff;
   text-decoration: none;
}

/* ---------- Rates selection ([altra_rate_lookup]) ---------- */
#et-boc .rates-wrap,
.rates-wrap {
   margin: 30px auto;
   border: 1px solid #d12030;
   padding: 10px 10px 6px 10px;
   max-width: 1000px;
   width: 100%;
   line-height: 36px;
}
#et-boc .rates-wrap form,
.rates-wrap form {
   text-align: center;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
#et-boc .rates-wrap form > div.title,
.rates-wrap form > div.title {
   font-size: 28px;
   line-height: 36px;
   font-weight: 500;
   color: #323232;
}
#et-boc .rates-wrap form > div.zip-wrap,
.rates-wrap form > div.zip-wrap {
   display: flex;
   align-items: center;
}
#et-boc .rates-wrap form input,
.rates-wrap form input,
#et-boc .rates-wrap form select,
.rates-wrap form select {
   font-size: 18px;
   line-height:28px;
   font-weight: 400;
   padding: 3px 10px;
   margin: 7px;
   border: 1px solid #d12030;
   color: #606060;
   max-width: 214px;
   /* keep all boxes equal */
   box-sizing:          content-box;
   -ms-box-sizing:      content-box;
   -moz-box-sizing:     content-box;
   -webkit-box-sizing:  content-box;
}
#et-boc .rates-wrap form > div input[type="text"].zip,
.rates-wrap form > div input.zip {
   width: 55px;
}
#et-boc .rates-wrap form input[type=submit].button-solid,
.rates-wrap form input[type=submit].button-solid {
   height: 28px;
   color: #fff;
   padding: 3px 7px;
   box-sizing: content-box;
}
#et-boc .rates-wrap form select,
.rates-wrap form select {
   width: 214px;
}
#et-boc .rates-wrap form select.disabled,
.rates-wrap form select.disabled {
   border-color: #eee;
}

/* Rate lookups (Shortcode output) */
.et-db #et-boc .rate-lookup-wrap .rate-lookup-zip-form,
.rate-lookup-wrap .rate-lookup-zip-form {
   margin: 30px 0;
}
.et-db #et-boc .rate-lookup-wrap .rate-lookup-zip-form .control,
.rate-lookup-wrap .rate-lookup-zip-form .control {
   display: flex;
   align-items: stretch;
}
.et-db #et-boc .rate-lookup-wrap .rate-lookup-zip-form label,
.rate-lookup-wrap .rate-lookup-zip-form label  {
   display: block;
   margin-bottom: 10px;
}
.et-db #et-boc .rate-lookup-wrap .rate-lookup-zip-form input.zipcode-search,
.rate-lookup-wrap .rate-lookup-zip-form input.zipcode-search  {
   display:block;
   background-color: #fff;
   color: #333;
   font-size: 18px;
   line-height:28px;
   font-weight: 400;
   padding: 10px 17px;
   margin:0 0 0 0;
   font-family: 'Open Sans', sans-serif;
}

#et-boc .rates-wrap form #rate-search-state,
.rates-wrap form #rate-search-state,
#et-boc .rates-wrap form #rate-search-county,
.rates-wrap form #rate-search-county {
   display: none;
}
#et-boc .rates-wrap form > div.mortgage-wrap select,
.rates-wrap form > div.mortgage-wrap select {
}

#et-boc .rate-lookup-rate-outer-wrap .rate-lookup-disclosure-wrap,
.rate-lookup-rate-outer-wrap .rate-lookup-disclosure-wrap  {
   font-size: 0.9rem;
   line-height: 1.1rem;
   font-style: italic;
}
#et-boc .rate-lookup-wrap .rate-lookup-rate-outer-wrap,
.rate-lookup-wrap .rate-lookup-rate-outer-wrap {
   padding: 15px 0;
}
#et-boc .rate-lookup-wrap .rate-lookup-rate-outer-wrap table td,
.rate-lookup-wrap .rate-lookup-rate-outer-wrap table td {
   padding: 2px 10px;
   border: 1px solid #e8e9ea;
}
/* Shortcode for altra_imported_mortgage */
#et-boc .rate-lookup-wrap .mortgage_rates.stacktable,
.rate-lookup-wrap .mortgage_rates.stacktable { width:auto; }

#et-boc .rate-lookup-wrap .mortgage_rates tr.subhead td {
   background-color: #ededed;
   color: #000;
   font-weight: 900 !important;
   text-align: center;
}
#et-boc .rate-lookup-wrap .mortgage_rates tr:not(.subhead) td:nth-child(1n+3) {
   text-align: right;
}

/* /////////////////////////////////////////////////////// */
@media only screen and (max-width: 1230px) {
   #et-boc .rates-wrap form,
   .rates-wrap form {
      flex-direction: column;
   }
}

/* ---------- Rates selection shortform for mortgages ([altra_rate_lookup]) ---------- */
#et-boc .rates-wrap-mortgage-short,
.rates-wrap-mortgage-short {
   margin: 30px auto;
   border: 1px solid #d12030;
   padding: 10px 10px 6px 10px;
   max-width: 100%;
   line-height: 36px;
}
#et-boc .rates-wrap-mortgage-short form,
.rates-wrap-mortgage-short form {
   display: flex;
   flex-direction: column;
   align-items: left;
   margin: 0 10px;
   max-width: 350px;
}
#et-boc .rates-wrap-mortgage-short form select,
.rates-wrap-mortgage-short form select {
   font-size: 18px;
   line-height:28px;
   font-weight: 400;
   padding: 10px 17px;
   margin:0 0 15px 0;
}

/* -----------------------------------------------------------------------------------------------------------------
   Plugin Customization & Overrides
------------------------------------------------------------------------------------------------------------------*/

.center-vertically {
   display: -webkit-box;
   display: flex;
}
.center-vertically .et_pb_column {
   display: -webkit-box;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
           flex-direction: column;
   -webkit-box-pack: center;
           justify-content: center;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   *::-ms-backdrop, .center-vertically { display: block; } /* IE11 */
   *::-ms-backdrop, .center-vertically .et_pb_column { display: block; } /* IE11 */
}

.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { padding-top: 0; }
.st-key { width: 49%; text-align: right; padding-right: 1%; }
.st-val { width: 49%; padding-left: 1%; }
.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; font-size: .8rem; }

@media (max-width: 900px) {
  .shrink[data-breaking-class="large-width-table"] { font-size: .8rem; }
  .stacktable.large-only[data-breaking-class="large-width-table"] { display: none; }
  .stacktable.small-only.large-width-table { display: table; }
}
@media (max-width: 700px) {
  .shrink[data-breaking-class="medium-width-table"] { font-size: .8rem; }
  .stacktable.large-only[data-breaking-class="medium-width-table"] { display: none; }
  .stacktable.small-only.medium-width-table { display: table; }
  .medium-width-table .stacktable.small-only { display: table; }
}
@media (max-width: 500px) {
  .shrink[data-breaking-class="small-width-table"] { font-size: .8rem; }
  .stacktable.large-only[data-breaking-class="small-width-table"] { display: none; }
  .stacktable.small-only.small-width-table { display: table; }
}

/* Altra Divi Module Extensions */
.et-db #et-boc .et-fb-modules-list ul li.et_fb_button_altra_solid::before {
   content: '\7c'; /* button icon */
}
.et-db #et-boc .et-fb-modules-list ul li.et_fb_altra_divi_videotranscripts::before {
   content: '\7a'; /* chat bubble icon */
}

/* All in one event plugin overrides */
.ai1ec-field-label { color: #606060; }


.et-db #et-boc .video-transcript-wrap a.toggle-transcript::after {
   content: ' (show)';
}
.et-db #et-boc .video-transcript-wrap.active a.toggle-transcript::after {
   content: ' (hide)';
}
.et-db #et-boc .video-transcript-wrap .transcript {
   display: none;
   margin: 0 0 15px 0;
   padding: 15px 20px;
   border: 1px #606060 solid;
}
.et-db #et-boc .video-transcript-wrap.active .transcript {
   display: block;
}

/* The Event Calendar plugin overrides */
.tribe-events-nav-pagination ul li  { list-style: none; }

.tribe-events .tribe-events-header { position: static; }

.tribe-common ul li  { list-style: inherit; }

.tribe-common header { position: inherit; }

.tribe-events-event-meta a,
.tribe-events-event-meta a:visited,
.tribe-events-event-meta a:focus,
.tribe-events-event-meta a:hover,
.tribe-events-cal-links .tribe-events-gcal,
.tribe-events-cal-links .tribe-events-ical {
   color: #d12030;
}
.tribe-events-cal-links  a:hover,
.tribe-events-event-meta a:hover {
   text-decoration: underline;
}

.tribe-common .tribe-common-anchor-thin-alt:active,
.tribe-common .tribe-common-anchor-thin-alt:focus,
.tribe-common .tribe-common-anchor-thin-alt:hover,
.tribe-events .tribe-events-c-ical__link,
.tribe-common .tribe-common-c-svgicon,
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date,
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link,
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link:focus,
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link:hover {
   color: #d12030;
}

.tribe-common .tribe-common-c-btn,
.tribe-common a.tribe-common-c-btn,
.tribe-common .tribe-common-c-btn:focus,
.tribe-common .tribe-common-c-btn:hover,
.tribe-common a.tribe-common-c-btn:focus,
.tribe-common a.tribe-common-c-btn:hover,
.tribe-events .tribe-events-c-ical__link:active,
.tribe-events .tribe-events-c-ical__link:focus,
.tribe-events .tribe-events-c-ical__link:hover {
   color: #fff;
   background-color: #d12030;
}

.tribe-events .tribe-events-calendar-month__day-cell--selected,
.tribe-events .tribe-events-calendar-month__day-cell--selected:focus,
.tribe-events .tribe-events-calendar-month__day-cell--selected:hover {
   color: #fff;
   background-color: unset;
}

.tribe-events .tribe-events-c-ical__link {
   border: 1px solid #d12030;
   color: inerit;
}

.tribe-events .tribe-events-calendar-month__mobile-events-icon--event {
   background-color: #d12030;
}

.tribe-common .tribe-common-anchor-thin-alt,
.tribe-common .tribe-common-anchor-thin-alt:active,
.tribe-common .tribe-common-anchor-thin-alt:focus,
.tribe-common .tribe-common-anchor-thin-alt:hover {
   border-bottom: 1px solid #d12030;
}

.tribe-events .datepicker .day.active, .tribe-events .datepicker .day.active.focused,
.tribe-events .datepicker .day.active:focus,
.tribe-events .datepicker .day.active:hover,
.tribe-events .datepicker .month.active,
.tribe-events .datepicker .month.active.focused,
.tribe-events .datepicker .month.active:focus,
.tribe-events .datepicker .month.active:hover,
.tribe-events .datepicker .year.active,
.tribe-events .datepicker .year.active.focused,
.tribe-events .datepicker .year.active:focus,
.tribe-events .datepicker .year.active:hover {
   color: #fff;
   background-color: #d12030;
}

.tribe-common table thead td,
.tribe-common table th {
   background-color: #fff;
}

/* Divi had percentage margin-bottom which does not play consistently across all browsers when using Flex */
.et-db #et-boc .et_pb_gutters3 .et_pb_column_2_3 .et_pb_module,
.et-db #et-boc .et_pb_gutters3.et_pb_row .et_pb_column_2_3 .et_pb_module,
.et-db #et-boc .et_section_specialty .et_pb_gutters3.et_pb_row .et_pb_column_2_3 .et_pb_module,
.et-db #et-boc .et_section_specialty .et_pb_row .et_pb_column_2_3 .et_pb_gutters3.et_pb_row_inner .et_pb_module {
   margin-bottom: 20px;
}
.et-db #et-boc .et_pb_gutters3 .et_pb_column_4_4 .et_pb_module,
.et-db #et-boc .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_module {
   margin-bottom: 20px;
}

.et-db #et-boc .et_pb_text ol,
.et-db #et-boc .et_pb_text ul {
   margin-top: 0;
   padding-bottom: 0;
}

/* Override BX Slider for Testimonials */
.testimonials-area .bx-wrapper {
  position: relative;
  margin-bottom: 30px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.testimonials-area .bxslider {
  margin: 0;
  padding: 0;
}
.testimonials-area ul.bxslider {
  list-style: none;
}
.testimonials-area .bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}
.testimonials-area .bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%;
}
.testimonials-area .bx-wrapper .bx-loading {
  min-height: 50px;
  background: url('inc/js/bxslider-4-4.2.12/images/bx_loader.gif') center center no-repeat #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
.testimonials-area .bx-wrapper .bx-prev {
  left: 10px;
  background: url('assets/images/slider-controls.png') no-repeat 0 0;
}
.testimonials-area .bx-wrapper .bx-prev:active,
.testimonials-area .bx-wrapper .bx-prev:hover,
.testimonials-area .bx-wrapper .bx-prev:focus {
  background-position: 0 -41px;
}
.testimonials-area .bx-wrapper .bx-next {
  right: 10px;
  background: url('assets/images/slider-controls.png') no-repeat -22px 0;
}
.testimonials-area .bx-wrapper .bx-next:hover,
.testimonials-area .bx-wrapper .bx-next:active,
.testimonials-area .bx-wrapper .bx-next:focus {
  background-position: -22px -41px;
}
.testimonials-area .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 22px;
  height: 41px;
  text-indent: -9999px;
  z-index: 9999;
}
.testimonials-area .bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.testimonials-area .bx-wrapper .bx-controls-auto {
  text-align: center;
}
.testimonials-area .bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('inc/js/bxslider-4-4.2.12/images/controls.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.testimonials-area .bx-wrapper .bx-controls-auto .bx-start:hover,
.testimonials-area .bx-wrapper .bx-controls-auto .bx-start:active,
.testimonials-area .bx-wrapper .bx-controls-auto .bx-start.active,
.testimonials-area .bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.testimonials-area .bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('inc/js/bxslider-4-4.2.12/images/controls.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.testimonials-area .bx-wrapper .bx-controls-auto .bx-stop:hover,
.testimonials-area .bx-wrapper .bx-controls-auto .bx-stop:active,
.testimonials-area .bx-wrapper .bx-controls-auto .bx-stop.active,
.testimonials-area .bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}

/* Style Search Results search form */
body.search #primary .searchform input {
   display: inline-block;
}
body.search #primary .searchform .searchsubmit {
   width: 80px;
   height: 72px;
   padding: 0;
   margin: 0;
   border: none;
   cursor: pointer;
   background-image: url('assets/images/icon-search.svg');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: 42px 42px;
   background-color: transparent;
   color: transparent;
}

/* Divi turns off borders on textareas and doesn't reapply them  */
#et-boc .gform_wrapper textarea {
  border: 1px solid #bbb;
}

/* restore some Gravity Forms CSS which our CSS overrides */
body .ui-datepicker-title select {
   display: inline-block;
   padding: 3px 5px;
   margin: 8px 0;
}
body .ui-datepicker th {
   background-color: inherit;
}

.et-db #et-boc .et-l .et_pb_module .gform_wrapper .gform_button {
   margin-top: 20px;
   font-family: 'Open Sans', sans-serif;
   font-weight: 400;
   font-size: 19px;
   line-height: 1.7em;
   color: #d12030;
   border-color: #d12030;
   border-style: solid;
   border-radius: 5px;
   border-width: 1px;
   padding: 6px 50px;
   background-color: #d12030;
   border-color: #d12030;
   color: #fff;
   cursor: pointer;
}
.et-db #et-boc .et-l .et_pb_module .gform_wrapper .gform_button:active,
.et-db #et-boc .et-l .et_pb_module .gform_wrapper .gform_button:focus,
.et-db #et-boc .et-l .et_pb_module .gform_wrapper .gform_button:hover {
   background-color: #931622;
   border-color: #931622;
   color: #fff;
   text-decoration: none;
}

/* make an internal divi menu never go to hamburger */
/*.entry-content */
@media (max-width: 980px) {
    .entry-content #et-boc .et_pb_menu__wrap .et_pb_menu__menu {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
    }
    .entry-content #et-boc .et_pb_menu__wrap .et_pb_menu__menu li {
        flex: 1 1 auto;
        text-align: center;
        white-space: nowrap;
    }
    .entry-content #et-boc .et_mobile_nav_menu {
        display: none !important;
    }
}

/* Add close button to accordion module in Divi */
.et-db #primary #et-boc .et-l .et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title::before {
   display: block!important;
   content: "\e04f" !important;
}

/* ======================= Responsive ======================= */

/* search drop down */
#search-menu-dropdown {
   display:none;
   padding:20px;
   background:#007395;
   border-top:1px solid rgba(255,255,255,0.1);
}
#search-menu-dropdown form.searchform   {
   position:relative;
   margin:0;
   padding:0;
}
#search-menu-dropdown form.searchform input.searchterm {
   position:relative;
   display:block;
   float:left;
   width:calc(100% - 60px); /* 40px search button + 10px X 2 padding */
   font-size:14px;
   line-height:16px;
   margin:0 0 27px 0;
   padding:16px 10px;
   border:none;
   outline:none;
   color:#555;
   background:#fff;
}
#search-menu-dropdown form.searchform input.search-text:focus {
   border:none;
   outline:none;
   background:#f9f9f9;
}
#search-menu-dropdown form.searchform input.searchsubmit {
   display:block;
   position:static;
   float:left;
   width:auto;
   height:40px;
   line-height:40px;
   margin:0 0 0 5px;
   padding:0 10px;
   border:none !important;
   outline:none;
   text-indent:0;
   background:#fff;
}
#search-menu-dropdown form.searchform button.submit {
   width:40px;
   height:40px;
   line-height:40px;
   border:none;
   outline:none;
   background:none;
   color:#fff;
   font-size:22px;
   cursor:pointer;
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 1600px) {

   /* home half and half inner roll-over content moves inward to accommodate for the sidebar tab overlapping */
   body.home .half-area .left .top .inner-wrap {
      margin-left: 175px;
      margin-right: 60px;
      width: auto;
      text-align: center;
   }
   body.home .half-area .right .top .inner-wrap {
      margin-left: 60px;
      margin-right: 175px;
      width: auto;
      text-align: center;
   }
   body.home .half-area .left .top .inner-wrap .roll-copy,
   body.home .half-area .right .top .inner-wrap .roll-copy {
      margin-top: 10px;
   }
   .post-top .post-img {
      min-height: 400px;
   }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 1530px) {
   .et-db #et-boc .et-l .et_pb_with_background .et_pb_row,
   .et-db #et-boc .et-l .et_pb_section .et_pb_row,
   #et-boc .et-l div.pagewidth,
   #et-boc .pagewidth,
   .pagewidth {
      max-width: none;
      width: calc(100% - 350px);
      margin-left: 175px;
      margin-right: 175px;
   }

   .pre-footer-wrap .connect-get-social .pagewidth,
   .pre-footer-wrap .connect .pagewidth {
      width: 100%;
      max-width: 1200px;
      margin: auto;
   }

   /* Added to ensure we don't mess with Divi embedding our stylesheet in wp-admin in their builder iframe */
   .et-fb-preview--wireframe .et-db #et-boc .et-l .et_pb_section .et_pb_row {
      width: 100%;
      margin: 0;
   }

   /* CTA's find a branch form stacks */
   .cta-area .cta-block form { display: block; }
   .cta-area .cta-block form input { float: none; clear: both; width: 100%; margin: 0 auto; height: 32px; }
   .cta-area .cta-block form input.findbranch { margin-top: 5px;  }
   .cta-area .cta-block img.branch-icon { margin-bottom: 35px; }
}

/* ////////////////////////////////////////  ////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 1455px) {
   body.home .half-area .left .top .inner-wrap .roll-copy {
      max-width: 375px;
   }
   body.home .half-area .right .top .inner-wrap .roll-copy {
      max-width: 420px;
   }

   /* Maintenance window text shrinks */
   body.home .maintenance-message {
      font-size: 20px;
      line-height: 24px;
   }
   body.home .maintenance-message .titleline {
      font-size: 24px;
      line-height: 36px;
   }
   body.home .maintenance-message .titleline strong {
      font-size: 26px;
   }

}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 1280px) {
   body.home .half-area .left .top .inner { margin-right: 2%; }
   body.home .half-area .right .top .inner { margin-left: 2%; }

   /* promo area text gets smaller */
   .promo-area .promo-card .text-wrap { font-size: 18px; line-height: 22px; }

   .et_divi_builder #et-boc .et-l .altra-contact-bkg-row h2 {
      font-size: 24px;
      line-height: 26px;
      min-height: 110px;
   }
   .et_divi_builder #et-boc .et-l .altra-contact-bkg-row .altra-contact-valign-1line h2 {
      padding-top: 40px;
   }
   .et_divi_builder #et-boc .et-l .altra-contact-bkg-row .altra-contact-valign-2lines h2 {
      padding-top: 27px;
   }

   .et-db #et-boc .altra-loc-find-mort-wrap .left { width: auto; }

}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 1250px) {
   .pagewidth-no-margin {
      width: 96%;
      max-width: none;
      margin: 0 2%;
   }

   .post-top .post-data .position-inner {
      width: 100%;
   }

   body.home .half-area .left .top .inner-wrap .roll-copy,
   body.home .half-area .right .top .inner-wrap .roll-copy {
      max-width: 100%;
   }

   /* Make the home half buttons flow with the text */
   body.home .half-area .left .btn,
   body.home .half-area .right .btn {
      position: static;
      top: unset;
      bottom: unset;
      left: unset;
      right: unset;
      width: 100%;
      display: inline-block;
      margin-top: 15px;
   }

   .pre-footer-wrap .connect-heading { width: 100%; padding-left: 30px; }
   .pre-footer-wrap .connect .app,
   .pre-footer-wrap .connect-get-social .get-social {
      padding-left: 70px;
   }

   /* single staff pages stack the right side text */
   .single-altra_staff .staff-wrap .staff-data-wrap .contact {
      float: none;
      width: 100%;
      border-left: none;
      text-align: left;
   }
   .single-altra_staff .staff-wrap .staff-data-wrap .bio {
      float: none;
      width: 100%;
      padding-right: 0;
   }

   .page-locations #et-boc #location-search-results-wrap .location-row .bottom {
      float: none;
      clear: both;
      width: 100%;
      border-top: none;
   }
   .page-locations #et-boc #location-search-results-wrap .location-row .top a.button-solid {
      float: left;
      clear: left;
   }

}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 1230px) {
   /* main nav out of room, squeeze in */
   header #primary-nav li a {
      padding: 0 26px;
   }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 1175px) {

   /* footer nav moves up so it has the whole width and logos center inline */
   footer.site-footer nav {
      padding-top: 50px;
      padding-bottom: 15px;
   }

   footer.site-footer .top {
      position: relative;
      padding: 0 0 25px;
      text-align: center;
   }

   footer.site-footer .top .logo {
      position: relative;
   }

   /* testimonials widen */
   .testimonials-area .testimonial-slider .slide { padding: 0 125px; }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 1150px) {
   header #primary-nav li a {
      padding: 0 22px;
   }

   body.home .half-area .left .top,
   body.home .half-area .right .top {
      height: 35px;
   }

   body.home .half-area .left .top .inner,
   body.home .half-area .right .top .inner {
      width: 96%;
      margin: -6px 2% 0 2%;
      padding: 0;
      font-size: 50px;
      line-height: 45px;
      text-align: left;
   }
   body.home .half-area .left .top .inner {
      text-align: right;
   }

   /* staff grids go to 33.333% instead of 25% */
    #et-boc div .location-staff-area .staff-card,
   .location-staff-area .staff-card,
    #et-boc div .staff-sc-grid .staff-card,
   .staff-sc-grid .staff-card {
      width: 33.333%;
   }

   /* CTA padding gets smaller */
   .cta-area .cta-block { padding: 0 25px; }

   .et-db #et-boc .altra-loc-find-mort-wrap .left .desktop  { display: none; }
   .et-db #et-boc .altra-loc-find-mort-wrap .left .tablet   { display: block; }

}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (min-width: 1126px) {
   header .nav-row .nav-wrap {
      display: block !important;
   }
}
@media only screen and (max-width: 1125px) {


   header .top-row .pagewidth {
      width: 100%;
      margin: 0;
   }
   .et-db #et-boc .et-l .et_pb_with_background .et_pb_row,
   .et-db #et-boc .et-l .et_pb_section .et_pb_row,
   #et-boc .et-l div.pagewidth,
   #et-boc .pagewidth,
   .pagewidth {
      max-width: none;
      width: calc(100% - 40px);
      margin-left: 20px;
      margin-right: 20px;
   }

   header .top-row .left {
      padding-left: 10px;
   }
   header #secondary-nav > li {
      display: none;
   }
   header #secondary-nav > .permanent,
   header #secondary-nav > .mobile {
      display: block;
   }

   /* Convert Navigation into Mobile Drop-down */
   header .nav-row .nav-wrap {
      display: none;
      position: absolute;
      width: 100%;
   }
   .side-quick-links {
      z-index: 400;
      position: static !important;
      right: auto;
      margin-top: 0;
      background-color: #323232;
      width: 100%;
   }
   .side-quick-links #quick-nav-tab li {
      position: relative;
   }
   .side-quick-links #quick-nav-tab li a {
      width: 100%;
      padding: 10px 15px;
      border-bottom-width: 1px;
      border-bottom-color: #EDEDED;
      font-size: 15px;
      line-height: 20px;
      text-align: left;
   }
   .side-quick-links #quick-nav-tab li a svg {
      display: block;
      float: left;
      height: 18px;
      width: 22px;
      margin: 2px 10px 0 0;
      fill: #fff;
   }
   header .nav-row .pagewidth-no-margin,
   header .nav-row .pagewidth {
      width: 100%;
      margin: 0;
   }

   header .nav-row .logo {
      float: none;
      display: block;
      margin: 0 auto;
      padding: 13px 0 0 0;
   }
   header .nav-row nav {
      float: none;
   }
   header #primary-nav {
      float: none;
      padding:0;
      margin:0;
      background-color: #EDEDED;
   }

   header #primary-nav > li {
      float: none;
   }
   header #primary-nav li.fin-well {
      max-width: unset; 
   }
   header #primary-nav li.fin-well a {
      text-align: left;
      padding: 10px 15px;
   }
   header #primary-nav li.menu-item-has-children > a {
      background-repeat: no-repeat;
      background-position: right 15px center;
      background-image: url('assets/images/menu-down.png');
   }
   header #primary-nav li.menu-item-has-children > a.highlighted {
      background-image: url('assets/images/menu-up.png');
   }
   header #primary-nav li.mobile {
      display: block;
   }
   header #primary-nav .sub-menu li a,
   header #primary-nav li a {
      font-size: 18px;
      line-height: 20px;
      color: #606060;
      padding: 10px 15px;
      border-bottom: 1px solid #c5c5c5;
   }
   header #primary-nav li:active a,
   header #primary-nav li:focus a,
   header #primary-nav li:hover a {
      background-color: #ededed;
   }
   header #primary-nav li a.highlighted {
      color: #606060;
   }
   header #primary-nav li a:active,
   header #primary-nav li a:focus,
   header #primary-nav li a:hover {
      background-color: #d12030;
      color: #ffffff;
   }
   header #primary-nav .sub-menu,
   header #primary-nav li:last-child .sub-menu {
      position: static;
      background-color: #ededed;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
   }
   header #primary-nav .sub-menu li:first-child a,
   header #primary-nav .sub-menu li:last-child a {
      margin-top: 0;
      margin-bottom: 0;
   }
   header #primary-nav .sub-menu li a {
      background-color: #ededed;
      padding-left: 30px;
   }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 1075px) {

   /* CTA boxes stack */
   .cta-area .cta-inner { display: block; margin-left: 175px; margin-right: 175px; width: calc(100% - 350px);}
   .cta-area .cta-block { width: 387px; margin: 15px auto; padding: 30px 0; border-left: none; border-top: 1px solid #d12030 }
   .cta-area .cta-block:nth-child(1) { border-top: none; }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 1060px) {
   header #secondary-nav .login a {
      padding: 0 50px 0 15px;
      background-position: right 20px center;
   }

   .side-quick-links #quick-nav-tab li a {
      font-size: 12px;
   }

   /* Added to ensure we don't mess with Divi embedding our stylesheet in wp-admin in their builder iframe */
   .et-fb-preview--wireframe .et-db #et-boc .et-l .et_pb_section .et_pb_row {
      width: 100%;
      margin: 0;
   }

   body.home .half-area .left .top .inner-wrap  { margin-left: 110px; }
   body.home .half-area .right .top .inner-wrap { margin-right: 110px; }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 980px) {
   .et_pb_row {
      display: block;
   }

   .et-db #et-boc .et_pb_row .et_pb_column:last-of-type {
      margin-bottom: 0;
   }

   /* once the map stacks, ensure it's got space below it */
   body.page-template-location-page .et_pb_map_0 {
      margin-bottom: 30px !important;
   }

   .et_divi_builder #et-boc .et-l .altra-contact-bkg-row h2 {
      font-size: 34px;
      line-height: 36px;
      min-height: auto;
   }
   .et_divi_builder #et-boc .et-l .altra-contact-bkg-row .altra-contact-valign-1line h2,
   .et_divi_builder #et-boc .et-l .altra-contact-bkg-row .altra-contact-valign-2lines h2 {
      padding-top: 15px;
   }
   .et_divi_builder #et-boc #et-boc .altra-contact-credit-card-left {
      display: block;
      height: auto;
      text-align: left;
   }
   .et_divi_builder #et-boc #et-boc .altra-contact-mobile-border-bottom {
      border-right: 0;
      border-bottom: 1px solid #d12030;
      padding-bottom: 10px;
      margin-bottom: 12px !important;
   }

   .reverse-condition {
      display: flex;
      flex-direction: column-reverse;
   }

   /* the order is flipped so flip the margin too */
   .et-db #et-boc .et-l .et_pb_section .et_pb_row.reverse-condition .et_pb_column.et-last-child,
   .et-db #et-boc .et-l .et_pb_section .et_pb_row.reverse-condition .et_pb_column:last-child {
      margin-bottom: 30px;
   }
   .et-db #et-boc .et-l .et_pb_section .et_pb_row.reverse-condition .et_pb_column.et-first-child,
   .et-db #et-boc .et-l .et_pb_section .et_pb_row.reverse-condition .et_pb_column:first-child {
      margin-bottom: 0;
   }

}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 940px) {

   body.home .half-area .left .top .inner-wrap,
   body.home .half-area .right .top .inner-wrap {
      max-width: 90%;
      margin-left: 5%;
      margin-right: 5%;
   }
   body.home .half-area .left .top .inner-wrap .roll-copy,
   body.home .half-area .right .top .inner-wrap .roll-copy {
      max-width: 100%;
      margin-left: 0;
      margin-right: 0;
      text-align: center;
   }

   .et-db #et-boc .et-l .et_pb_with_background .et_pb_row,
   .et-db #et-boc .et-l .et_pb_section .et_pb_row,
   #et-boc .et-l div.pagewidth,
   #et-boc .pagewidth,
   .pagewidth {
      width: 94%;
      margin-left: 3%;
      margin-right: 3%;
   }

   /* Added to ensure we don't mess with Divi embedding our stylesheet in wp-admin in their builder iframe */
   .et-fb-preview--wireframe .et-db #et-boc .et-l .et_pb_section .et_pb_row {
      width: 100%;
      margin: 0;
   }

   .post-top .post-img {
      min-height: 300px;
   }
   .post-top .post-data .position-inner {
      padding: 25px;
   }
   .post-top .post-cat {
      font-size: 18px;
      line-height: 20px;
   }
   .post-top h1 {
      font-size: 24px;
      line-height: 26px;
   }
   .post-top .post-date {
      font-size: 14px;
      line-height: 18px;
   }

}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 850px) {
   .et-db #et-boc #locations-header-row {
      height: 300px;
   }
   .et-db #et-boc #locations-header-row .locations-header-form form {
      padding-right: 25px;
      width: 55%;
      padding-top: 4%;
      text-align: center;
   }
   .et-db #et-boc #locations-header-row .locations-header-form form div {
      padding-bottom: 20px;
      font-size: 36px;
      line-height: 36px;
   }
   .et-db #et-boc #locations-header-row .locations-header-form form input {
      float: none;
      display: inline;
      margin-bottom: 5px;
   }
   .et-db #et-boc #locations-header-row .locations-header-form form input#locate {
      width: 100%;
   }

   .et-db #et-boc .altra-loc-find-mort-wrap .right           { max-width: 394px; width: 66.32996633%; }
   .et-db #et-boc .altra-loc-find-mort-wrap .left            { max-width: 200px; width: 33.67003367%; }

   .et-db #et-boc .altra-loc-find-mort-wrap .right .desktop  { display: none; }
   .et-db #et-boc .altra-loc-find-mort-wrap .right .mobile   { display: block; }

   #primary .archive-post-box {
      width: 48%;
   }

}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 780px) {

   /* home-main reduces top and bottom spacing to reduce overall height */
   body.home .home-main h1 { font-size: 40px;   }
   body.home .home-main .content { margin: 15px auto; }
   body.home .home-main a.button { margin-bottom: 40px; }

   .promo-area .promo-card .text-wrap { background-image: none; padding: 5px 10px; }

   /* the calculator compare three goes responsive */
   #et-boc .calc-compare-three .header { display: none; }
   #et-boc .calc-compare-three table tr.responsive-header { display: table-row; }
   #et-boc .calc-compare-three input.button-solid { padding: 6px; width: 96%; text-align: center; }

   /* Assume a tablet/mobile device at this width - make hover state the normal state */
   body.home .half-area .left .top {
      height: 660px;
     -webkit-transition: height 0.25s linear;
     -moz-transition: height 0.25s linear;
     -ms-transition: height 0.25s linear;
     -o-transition: height 0.25s linear;
     transition: height 0.25s linear;
   }
   body.home .half-area .right .top {
      height: 660px;
      -webkit-transition: height 0.25s linear;
      -moz-transition: height 0.25s linear;
      -ms-transition: height 0.25s linear;
      -o-transition: height 0.25s linear;
      transition: height 0.25s linear;
   }
   /* Hide heading which is duplciated in mouseover */
   body.home .half-area .left .top .inner,
   body.home .half-area .right .top .inner {
      display: none;
   }

   article.post .post-content,
   article.post .social-share {
      float: none;
      width: 100%;
   }
   article.post .social-share,
   article.post .post-top {
      margin-bottom: 30px;
   }
   #primary article .social-share .st-custom-button {
       display: inline-block;
       float: left;
       margin: 0 20px 0 0;
   }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 750px) {

   /* top bar search */
   header .site-search .searchform {
      width: 300px;
   }

   /* Home page Half and Half stacks */
   body.home .half-area .left,
   body.home .half-area .right {
      float: none;
      width: 100%;
   }
   body.home .half-area .left .top .inner,
   body.home .half-area .right .top .inner {
      margin: 0;
      padding: 0;
      width: 100%;
      font-size: 70px;
      line-height: 50px;
      text-align: center;
   }
   body.home .half-area .left .top .roll-copy,
   body.home .half-area .right .top .roll-copy,
   body.home .half-area .left .top .icon,
   body.home .half-area .right .top .icon {
      float: none;
   }

   .cta-area .cta-inner { margin-left: auto; margin-right: auto; width: 80%; }

   .archive-post-box {
      width: 48%;
   }

   /* connect heading reduces font size */
   .pre-footer-wrap .connect-heading {
      font-size: 35px;
      line-height: 35px;
      margin-bottom: -5px;
   }
   .pre-footer-wrap .connect .app { padding-left: 20px; }
   .pre-footer-wrap .connect .app .copy { color: #000; }
   .pre-footer-wrap .connect-get-social { height: auto; }
   .pre-footer-wrap .connect-get-social .get-social .topline { position: static; }
   .pre-footer-wrap .connect-get-social .get-social .titleline { position: static; margin-bottom: 5px; }
   .pre-footer-wrap .connect-get-social .get-social .social-icon-wrap { width: auto; clear: both; float: left; margin-bottom: 8px; }
   .pre-footer-wrap .connect-get-social .get-social .social-icon { margin-left: 0; margin-right: 20px; }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 700px) {
   /* single staff pages go side-by-side percentage */
   .single-altra_staff .staff-wrap .img-wrap { width: 25%; }
   .single-altra_staff .right-wrap { width: 72%; }

   /* staff grids go to 50%  */
   #et-boc div .location-staff-area .staff-card,
   .location-staff-area .staff-card,
   #et-boc div .staff-sc-grid .staff-card,
   .staff-sc-grid .staff-card {
      width: 50%;
   }

   /* testimonials widen further and push navigation below slides*/
   .testimonials-area .pagewidth                            { background-position: top -40px left 5px; }
   .testimonials-area .pagewidth .inner                     { padding-bottom: 50px; background-position: bottom -40px right 5px; }
   .testimonials-area .testimonial-slider .slide            { padding: 0 30px; }
   .testimonials-area .bx-wrapper .bx-controls-direction a  { top: auto; margin-top: 0; bottom: -65px; }
   .testimonials-area .bx-wrapper .bx-prev                  { left: 35%; }
   .testimonials-area .bx-wrapper .bx-next                  { right: 35%; }

   .page-locations #et-boc #location-search-results-wrap h2 {
      font-size: 28px;
      line-height: 38px;
   }
   .page-locations #et-boc #location-search-results-wrap .location-row .img {
      width: 40%;
   }
   .page-locations #et-boc #location-search-results-wrap .location-row .top {
      width: 60%;
   }
   .page-locations #et-boc #location-search-results-wrap .location-row .top h3 {
      font-size: 26px;
      line-height: 20px;
   }
   .page-locations #et-boc #location-search-results-wrap .location-row .top h3 span {
      font-size: 18px;
      line-height: 16px;
   }
   .page-locations #et-boc #location-search-results-wrap .location-row .top a.button-solid {
      font-size: 15px;
      padding: 4px 8px;
   }
   .page-locations #et-boc #location-search-results-wrap .location-row .bottom .column {
      float: none;
      width: 100%;
      padding-right: 0;
   }

   .post-top .post-data,
   .post-top .post-data .position-inner,
   .post-top .post-img {
      float: none;
      width: 100%;
   }

   .pre-footer-wrap .connect .app { width: 400px; }

}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 650px) {
   header .top-row .left {
      float: none;
      text-align: right;
      padding-right: 10px;
      border-bottom: 1px solid #c5c5c5;
   }

   /* Top black bars split into 2-rows, adjust homepage slider bump to keep it under  */
   body.home .main-slider-wrapper.with-padding { padding-top: 188px; }

   /* Maintenance window badge image/fonts reduced and rearranged */
   body.home .maintenance-message {
      min-height: 456px;
      padding-top: 188px;
      font-size: 16px;
      line-height: 20px;
   }
   body.home .maintenance-message .pagewidth {
      padding-left: 0;
   }
   body.home .maintenance-message img {
      width: 200px;
      height: auto;
      top: -25px;
      left: -50px;
   }
   body.home .maintenance-message .titleline {
      padding-left: 130px;
      padding-top: 15px;
      min-height: 175px;
      font-size: 20px;
      line-height: 28px;
   }
   body.home .maintenance-message .titleline strong {
      font-size: 22px;
   }

   .category-blocks-wrap { margin-bottom: 20px;  }

   .promo-area {
      margin: 20px 0;
   }
   .promo-area .promo-card {
      max-width: 380px;
      width: 92%;
      margin: 20px auto;
   }

   .promo-area .promo-card .text-wrap {
      background-image: url('assets/images/promo-slant.png');
      padding: 5px 10px 5px 70px;
   }

   /* single staff buttons reduce padding */
   .single-altra_staff .staff-wrap .staff-data-wrap .bio .button { padding-left: 10px; padding-right: 10px; }

}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 625px) {

   header .top-row .right {
      float: none;
   }
   header .site-search {
      width: 100%;
   }
   header .site-search .searchform {
      position: static;
      margin: 0 5%;
      padding: 10px 0;
      width: 90%;
   }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 550px) {
   .et-db #et-boc #locations-header-row .locations-header-form form {
      width: 80%;
   }
   .et-db #et-boc #locations-header-row .locations-header-form form div {
      width: 75%;
   }

   .archive-post-box {
      width: 100%;
   }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 500px) {

   /* connect heading reduces font size */
   .pre-footer-wrap .connect-heading {
      font-size: 30px;
      line-height: 30px;
   }

   /* home-main buttons stack and center */
   body.home .home-main a.button { clear: both; display: block; margin: 15px 0; }
   body.home .home-main .inner-wrap { padding: 30px 15px; }

   /* single staff pages stack image above text */
   .single-altra_staff .staff-wrap .img-wrap { width: 100%; float: none; margin-bottom: 20px; text-align: center; }
   .single-altra_staff .right-wrap { width: 100%; float: none; }

   /* staff grids go to 100%  */
   #et-boc div .location-staff-area .staff-card,
   #et-boc div .staff-sc-grid .staff-card,
   .location-staff-area .staff-card,
   .staff-sc-grid .staff-card {
      width: 100%;
   }

   body.home .half-area .left .top .inner,
   body.home .half-area .right .top .inner {
      font-size: 30px;
   }

   /* connect area stacks */
   .pre-footer-wrap .connect {
      min-height: unset;
      padding-bottom: 20px;
      background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.25)),
                        url('assets/images/app-background20210612.jpg');
   }
   .pre-footer-wrap .connect .app { padding-top: 25px; width: 95%; }

   /* testimonials with photos stack the photo */
   .testimonials-area .testimonial-slider .slide p.has-photo { float: none; width: 100%; }
   .testimonials-area .testimonial-slider .slide img { float: none; margin: 0 auto 15px auto; display: block; }

   /* dealer calc button has no left margin */
   #et-boc .calc-dealer-calc input#cpCalculate { margin-left: 0; margin-top: 15px; }

   /* reduce the biggest header down at this width */
   h1,
   div.fauxh1,
   .et-db #et-boc .et_pb_module h1 {
      font-size: 36px;
      line-height: 1em;
   }

   /* call to action blocks become fluid */
   .cta-area .cta-block { width: 100%; }

   .page-locations #et-boc #location-search-results-wrap .location-row .img {
      float: none;
      width: 80%;
      margin: 0 10% 10px 10%;
      padding-right: 0;
   }
   .page-locations #et-boc #location-search-results-wrap .location-row .top,
   .page-locations #et-boc #location-search-results-wrap .location-row .top .top-left {
      float: none;
      width: 100%;
   }
   .page-locations #et-boc #location-search-results-wrap .location-row,
   .page-locations #et-boc #location-search-results-wrap .location-row h3 {
      text-align: center;
   }
   .page-locations #et-boc #location-search-results-wrap .location-row .top a.button-solid {
      float: none;
      margin: 0 55px;
   }

   #primary .archive-post-box {
      width: 98%;
   }

}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 440px) {

   nav #secondary-nav a {
      font-size: 13px;
      padding: 0 5px;
   }
   header #secondary-nav .login a {
      padding: 0 32px 0 7px;
      background-position: right 10px center;
   }
   header #secondary-nav .mobile a {
      padding: 0 42px 0 7px;
      background-position: right 10px center;
   }
   header #secondary-nav > li a[aria-haspopup="true"]::after {
      padding-left: 5px;
   }

   /* footer links stack */
   footer.site-footer nav { padding-top: 20px; }
   footer.site-footer nav ul li {
      width: 100%;
   }
   footer.site-footer nav ul li a {
      text-align: center
   }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 425px) {

   /* connect heading reduces font size */
   .pre-footer-wrap .connect-heading {
      font-size: 26px;
      line-height: 26px;
      margin-bottom: -4px;
   }

   .et-db #et-boc #locations-header-row .locations-header-form form {
      width: 100%;
      padding-top: 15%;
   }
   .et-db #et-boc #locations-header-row .locations-header-form form div {
      width: 100%;
   }

   .post-top .post-img {
      min-height: 200px;
   }

}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 400px) {

   /* connect heading reduces font size */
   .pre-footer-wrap .connect-heading {
      padding-left: 20px;
      font-size: 22px;
      line-height: 22px;
   }

   /* Maintenance window, remove badge */
   body.home .maintenance-message {
      min-height: auto;
   }
   body.home .maintenance-message img {
      display: none;
   }
   body.home .maintenance-message .titleline {
      padding-left: 0;
      min-height: auto;
   }

   #et-boc .calc-compare-three tr > td { padding: 2px; }

}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
@media only screen and (max-width: 385px) {
   header .top-row .search-text { display: none; }
}

/* -----------------------------------------------------------------------------------------------------------------

   PRINT STYLE SHEET

------------------------------------------------------------------------------------------------------------------*/

@media print {

   header,
   .page-heading,
   .cta-area,
   footer.site-footer .top,
   footer.site-footer .icon-row,
   .promo-area-wrap,
   .testimonials-area
   {
      display: none;
   }
   #primary, .entry-content {
      width: 100%;
      margin: 0;
      float: none;
   }
   @page { margin: 2cm; }
   body {
      font: 16pt Georgia, "Times New Roman", Times, serif;
      line-height: 1.3;
      background: #fff !important;
      color: #000;
   }
   h1, div.fauxh1 {
      font-size: 24pt;
   }
   h2, h3, h4 {
      font-size: 18pt;
      margin-top: 25px;
   }
   a {
      page-break-inside:avoid
   }
   blockquote {
      page-break-inside: avoid;
   }
   h1, h2, h3, h4, h5, h6, div.fauxh1 {
      page-break-after:avoid;
      page-break-inside:avoid
   }
   img {
      page-break-inside:avoid;
      page-break-after:avoid;
   }
   table, pre { page-break-inside:avoid }
   ul, ol, dl  { page-break-before:avoid }

   a:link, a:visited, a {
      background: transparent;
      color: #520;
      font-weight: bold;
      text-decoration: underline;
      text-align: left;
   }
   a {
      page-break-inside:avoid
   }
   p, address, li, dt, dd, blockquote {
      font-size: 100%;
   }
   code, pre {
      font-family: "Courier New", Courier, mono;
   }
   ul, ol {
      list-style: square;
      margin-left: 18pt;
      margin-bottom: 20pt;
   }
   li {
      line-height: 1.6em;
   }

}