/*!
Theme Name: edfleet
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: edfleet
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

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

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
# Plugins
# Utilities
	- Alignments

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

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
html, body{
  height:100%;
}
/*.container-fluid{
  max-width:1920px;
}
  .container-fluid.footer{
    max-width:100%;
  }*/
.bg-white{
  background:#fff;
}
/*bugfix for driver so elements with non-relative positions will still display*/
div#driver-highlighted-element-stage, div#driver-page-overlay {
  background: transparent !important;
  outline: 5000px solid rgba(0, 0, 0, .75)
}
div#driver-popover-item .driver-popover-footer .driver-close-btn{
  float:none !important;
}
:focus-visible{
  outline-color:#00ba97 !important;
}
/* Typography
--------------------------------------------- */
@font-face {
  font-family: BasierCircle;
  src: url(fonts/BasierCircle-Regular.woff2);
  font-weight: 500;
}
@font-face {
  font-family: BasierCircleBold;
  src: url(fonts/BasierCircle-Bold.woff2);
  font-weight: 900;
}
@font-face {
  font-family: BasierCircleBoldItalic;
  src: url(fonts/BasierCircle-BoldItalic.woff2);
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: BasierCircleItalic;
  src: url(fonts/BasierCircle-Italic.woff2);
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: BasierCircleMedium;
  src: url(fonts/BasierCircle-Medium.woff2);
  font-weight: 600;
}
@font-face {
  font-family: BasierCircleMediumItalic;
  src: url(fonts/BasierCircle-MediumItalic.woff2);
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: BasierCircleSemiBold;
  src: url(fonts/BasierCircle-SemiBold.woff2);
  font-weight: 700;
}
@font-face {
  font-family: BasierCircleSemiBoldItalic;
  src: url(fonts/BasierCircle-SemiBoldItalic.woff2);
  font-weight: 700;
  font-style: italic;
}

body, p{
  font-family: 'BasierCircle', sans-serif;
  color:#000;
  font-size:1.25vw;
}
strong{
  font-family: 'BasierCircleSemiBold', sans-serif;
}
h1, h2, h3, h4, h5, h6{
  font-family:'BasierCircleBold', sans-serif;
  margin-bottom:1vw;
}
h1{
  font-size:3vw;
}
h2{
  font-size:2.25vw;
}
h3{
  font-size:1.75vw;
}

/* Elements
--------------------------------------------- */

/* Links
--------------------------------------------- */
a {
	color: #00ba97;
}

a:visited {
	color: #00ba97;
}

a:hover,
a:focus,
a:active {
	color: #00ba97;
}

a:focus {
	outline: thin dotted;
}

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

.info-icon{
  position:relative;
  display:inline-block;
  vertical-align:top;
  cursor:pointer;
  width:1.5vw;
  height:1.5vw;
  border:2px solid #000;
  border-radius:50%;
  margin-right:.25rem;
}
  .info-icon:after{
    content:'\2139';
    color:#000;
    position:absolute;
    transform:translate(-50%,-50%);
    top:50%;
    left:50%;
    font-size:1vw;
  }
    .info-icon.teal,
    .info-icon.teal:after,
    .teal .info-icon,
    .teal .info-icon:after{
      color:#00ba97;
      border-color:#00ba97;
    }
    .green .info-icon,
    .green .info-icon:after{
      color:#99cd00;
      border-color:#99cd00;
    }
    .blue .info-icon,
    .blue .info-icon:after{
      color:#0292ce;
      border-color:#0292ce;
    }    
    .ltblue .info-icon,
    .ltblue .info-icon:after{
      color:#32beff;
      border-color:#32beff;
    }
    .dkgreen .info-icon,
    .dkgreen .info-icon:after{
      color:#007d64;
      border-color:#007d64;
    }
  a#stepTour{
    cursor:pointer;
    text-decoration:underline !important;
  }

/* Forms
--------------------------------------------- */
/*checkboxes for the steps pages*/
.acf-field-checkbox > .acf-label,
.acf-field-number,
.acf-form-submit {
    display: none;
}/*hiding the field label*/


.steps label {
  display: inline-block !important;
  cursor: pointer;
  position: relative;
  font-family: 'BasierCircle', sans-serif;
  color: #000;
  font-size: 1.25vw;
  transition:.3s ease;
  line-height:1.5;
  padding-left:4vw;
  margin-bottom:2vw;
  min-height:2.25vw;

}
  .steps label.selected{
    color:#c9c9c9;
  }
.steps label span {
  display: inline-block;
  position: absolute;
  top:0;
  left:0;
  background-color: transparent;
  width: 1.25rem;
  height: 1.25rem;
  padding:1rem;
  transform-origin: center;
  border: 2px solid #000;
  border-radius: 50%;
  vertical-align: -6px;
  transition: background-color 150ms 200ms, transform 350ms cubic-bezier(0.78, -1.22, 0.17, 1.89);
  margin:0 2% 0 0;
}
.steps label span:before {
  content: "";
  width: 0px;
  height: 2px;
  border-radius: 2px;
  background: #000;
  position: absolute;
  transform: rotate(45deg);
  top: 52%;
  left: 34%;
  transition: width 50ms ease 50ms;
  transform-origin: 0% 0%;
}
.steps label span:after {
  content: "";
  width: 0;
  height: 2px;
  border-radius: 2px;
  background: #000;
  position: absolute;
  transform: rotate(305deg);
  top: 66%;
  left: 40%;
  transition: width 50ms ease;
  transform-origin: 0% 0%;
}
.steps label:hover span:before {
  /*width: 20%;*/
  width:.4rem;
  transition: width 100ms ease;
}
.steps label:hover span:after {
  /*width: 50%;*/
  width:1rem;
  transition: width 150ms ease 100ms;
}

.steps input[type=checkbox] {
  display: none;
}
.steps label.selected span {
  background-color: transparent;
  border:2px solid #000;
  transition:.3s ease;
}
  .teal label.selected span{
    border:2px solid #00ba97;
  }
  .blue label.selected span{
    border:2px solid #0292ce;
  }
  .green label.selected span{
    border:2px solid #99cd00;
  }
  .ltblue label.selected span{
    border:2px solid #32beff;
  }
  .dkgreen label.selected span{
    border:2px solid #007d64;
  }
.steps label.selected span:after {
  /*width: 50%;*/
  width:1rem;
  background: #000;
}
  .teal label.selected span:after{
    background:#00ba97;
  }
  .blue label.selected span:after{
    background:#0292ce;
  }
  .green label.selected span:after{
    background:#99cd00;
  }
  .ltblue label.selected span:after{
    background:#32beff;
  }
  .dkgreen label.selected span:after{
    background:#007d64;
  }
.steps label.selected span:before {
  /*width: 20%;*/
  width:.4rem;
  background: #000;
}
  .teal label.selected span:before{
    background:#00ba97;
  }
  .blue label.selected span:before{
    background:#0292ce;
  }
  .green label.selected span:before{
    background:#99cd00;
  }
  .ltblue label.selected span:before{
    background:#32beff;
  }
  .dkgreen label.selected span:before{
    background:#007d64;
  }
  ul.acf-radio-list ul, 
  ul.acf-checkbox-list ul{
    margin-top:1vw !important;
  }
    ul.acf-radio-list li ul li, 
    ul.acf-checkbox-list li ul li{
      font-size:1.25vw !important;
      line-height:1;
      margin:0 0 1vw 0 !important;
    }

/*.steps label.selected:hover span:after {
  width: 50%;
}
.steps label.selected:hover span:before {
  width: 20%;
}*/
/*register*/
.register .gform_wrapper{
  width:100%;
}
  .login .gform_wrapper ul li.gfield,
  .register .gform_wrapper ul li.gfield{
    width:50%;
    display:inline-block;
    vertical-align:top;
  }
  body .register .gform_wrapper .top_label div.ginput_container,
  .register .gform_wrapper li.hidden_label input,
  body .login .gform_wrapper .top_label div.ginput_container,
  .register .gform_wrapper li.hidden_label input{
    margin-top:0;
  }
  .register .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], 
  .login .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], 
  .register .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select{
    margin-bottom:0;
  }
  .register .gform_legacy_markup_wrapper .ginput_complex.ginput_container_address .ginput_right{
    width:100%;
    padding-right:0;
  }
  .register .gform_legacy_markup_wrapper .gform_footer {
    text-align:right;
  }
  .register .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
  #gform_fields_login input[type=text],
  #gform_fields_login input[type=password],
  #gform_fields_login textarea,  
  #gform_fields_5 input[type=text],
  #gform_fields_5 input[type=password],
  #gform_fields_5 textarea,
  .gform_legacy_markup_wrapper input[type=text],
  .gform_legacy_markup_wrapper input[type=password],
  .gform_legacy_markup_wrapper textarea{
      border: 1px solid #c5c5c5 !important;
      font-size: 1.25vw;
      padding: 1vw 1.25vw;
  }
    .register .gform_legacy_markup_wrapper input:focus-visible::placeholder,
    .register .gform_legacy_markup_wrapper input:focus::placeholder,
    .feedback-form .gform_legacy_markup_wrapper input:focus-visible::placeholder,
    .feedback-form .gform_legacy_markup_wrapper input:focus::placeholder,
    #contactModal .gform_legacy_markup_wrapper input:focus-visible::placeholder,
    #contactModal .gform_legacy_markup_wrapper input:focus::placeholder,
    .gform_legacy_markup_wrapper input:focus::placeholder,
    .gform_legacy_markup_wrapper input:focus-visible:placeholder{
      color:#000;
      font-weight:700;
      outline: 1px solid #00ba97 !important;
    }
    .login input:focus-visible,
    .login input:focus,
    .register .gform_legacy_markup_wrapper input:focus-visible,
    .register .gform_legacy_markup_wrapper input:focus,
    #contactModal .gform_legacy_markup_wrapper input:focus-visible,
    #contactModal .gform_legacy_markup_wrapper input:focus,
    .feedback-form .gform_legacy_markup_wrapper input:focus-visible,
    .feedback-form .gform_legacy_markup_wrapper input:focus,
    .gform_legacy_markup_wrapper input:focus-visible,
    .gform_legacy_markup_wrapper input:focus{
      outline: 1px solid #00ba97 !important;
      border:0px solid #00ba97 !important;
    }
    #field_3_9{
      /*password field*/
      width:100% !important;
    }
  .login .gform_button.button,
  .register .gform_button.button,
  .feedback-form #gform_submit_button_4,
  #contactModal #gform_submit_button_5,
  .gform_footer input[type=submit],
  .sf-field-submit input[type=submit]{
    display:inline-block;
    background:#00ba97;
    border-radius:3vw;
    color:#fff;
    padding:1vw 5vw 1vw 4vw;
    border:0px solid transparent;
    font-size:1.25vw !important;
    line-height:1;
    transition: padding-left .2s linear, padding-right .2s linear, background-color .2s ease;
    margin-right:1vw !important;
  }
    .sf-field-submit input[type=submit]{
      padding:1vw 4vw;
      
    }
    .sf-field-submit,
    .sf-field-submit input[type=submit]{
      margin-right:0 !important;
    }
    .login .gform_footer:hover .gform_button.button,
    .register .gform_footer:hover .gform_button.button,
    .feedback-form #gform_submit_button_4:hover,
    #contactModal #gform_submit_button_5:hover,
    .gform_footer input[type=submit]:hover,
    .sf-field-submit input[type=submit]:hover{
      background:#009678;
      padding:10px 30px;
    }
    .gform_legacy_markup_wrapper .gform_footer,
    .gform_footer{
      padding:0 !important;
    }
  .login .gform_footer,
  .register .gform_footer{
    position:relative;
    
  }
    .login .gform_footer:after,
    .register .gform_footer:after{
      content:'';
      background:url('svg/icon-08.svg');
      background-size:contain;
      background-repeat:no-repeat;
      height:1.5vw;
      width:2vw;
      position:absolute;
      right:4vw;
      top:.9vw;
      display:block;
      transform:translateX(50%);
      transition:.3s ease;
    }
      .login .gform_footer:after{
        transform:translateX(51%);
      }
      .login .gform_footer:hover:after, 
      .register .gform_footer:hover:after{
        transform:translateX(52%);
        transition:.3s ease;
      }
  .gform_legacy_markup_wrapper ul.gform_fields li.gfield,
  .gform_legacy_markup_wrapper div.ginput_container_name span{
    padding-right:0;
  }
  body .gform_legacy_markup_wrapper ul li.gfield{
    margin-top:1vw;
  }
.gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full), .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full){
  padding-right:0;
}
@media screen and (max-width:641px){
  .login .gform_wrapper ul li.gfield, .register .gform_wrapper ul li.gfield{
    width:100%;
  }
  .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){
    line-height:1 !important;
  }
}     
/*login*/
#gform_fields_login input[type=text],
#gform_fields_login input[type=password]{
  width:100%;
}
.login .gform_wrapper.gravity-theme .gform_footer, 
.login .gform_wrapper.gravity-theme .gform_page_footer{
  text-align:right;
}
.login .gfield_label{
  display:none !important;
}

.gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_first, .gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_last, .gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_middle{
  padding-top:0 !important;
}

span.gform_description{
  display:inline-block;
  margin-bottom:1.5vw;
}
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.account, 
.register{
  padding:5%;
}
  .register.contact{
    min-height:50vw;
  }
.register{
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: left bottom !important;
}
#page{
  margin-top:85px;
  width:100vw;
  max-width:100%;
  overflow-x:hidden;
}
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.header .mainmenu,
.header .step-sidebar,
.header .logo{
  padding-top:20px;
}

/* Posts and pages
--------------------------------------------- */

/* HOMEPAGE 
----------------------------------*/
.section{
  position:relative;
  padding: 0 3vw;
  min-height:50vh;
  align-content:center;
  background-position: bottom right;
  background-size: contain;
  background-repeat: no-repeat;
  align-items:center;
        overflow:hidden;
} 
  .section .content{
    padding-top:3vw;
    padding-bottom:3vw;
    z-index:5;
  }
  .section .lottie{
    align-self:flex-start;
  }
    .section .lottie .lottie-wrap{
      position:absolute;
      z-index:1;
      top:0;
    }
    
    .section.hero{
      min-height:90vh;
    }
  .section.right{
    justify-content:flex-end;
    background:#f0f0f0;
  }
  .section h2,
  .section.hero h1,
  #welcomeModal .modal-body h1{
    font-size:7.9vw;
    line-height:1;
  }
    .section.hero h2{
      margin-bottom:2vw;
    }
    .section.hero h1{
      color:#00ba97;
      opacity:.75;
      margin-bottom:0;
    }
    .section.hero .content.dkgreen h3{
      color:#ccc;
      font-size:3.25vw;
      margin-bottom:2.75vw;
    }
    .section.hero p{
      max-width:65%;
      color:#666;
    }
  .section.one{
    background:#00ba97;
    color:#fff;
  }
    .section.one h2 .dimmer{
      opacity:.5;
    }
    .section.one h2 .dim{
      opacity:.7;
    }
    .section.one p{
      color:#fff;
    }

    .content a.button{
      /* padding:24px 99px 24px 69px; */
      border-radius:6vw;
    }
      
    /*scroll down*/
    .scroll-down {
      position:absolute;
      background:rgba(0,0,0,.4);
      border-radius:20px;
      height:50px;
      width:30px;
      bottom:30px;
      left:50%;
      transform:translateX(-50%);
    }
    .scroll-down::before {
      animation: scrollDownAnimation 2s infinite;
      background-color: #fff;
      border-radius: 100%;
      content: '';
      height: 6px;
      left: 0;
      margin: 0 auto;
      position: absolute;
      right: 0;
      top: 10px;
      width: 6px;
      z-index:5;
    }
    .scroll-down::after{
      content:'';
      border: 2px solid #fff;
      border-radius: 20px;
      bottom: 0px;
      height: 50px;
      left: 0;
      margin: 0 auto;
      position: absolute;
      right: 0;
      width: 30px;
    }
    @keyframes scrollDownAnimation {
      0% {
        opacity: 0;
        transform: translate(0, 0);
      }
      40% {
        opacity: 1;
      }
      80% {
        opacity: 0;
        transform: translate(0, 20px);
      }
      100% {
        opacity: 0;
      }
    }
/*modal*/

#hidepage {
  display: block;
  position: fixed;
  content: '';
  height: 100vh;
  width: 100vw;
  left: 0;
  z-index: 100;
  top: 0;
  background: #000;
  opacity: 1;
  transition: .3s ease;
}
#welcomeModal .modal-header{
  border:none;
  padding:0;
}
#welcomeModal .modal-content{
  background: rgb(44,44,44);
  background: radial-gradient(circle, rgba(44,44,44,1) 50%, rgba(10,10,10,1) 100%);
}    
#welcomeModal .modal-body{
  background-size: cover;
  background-position: center;
  display:inline-flex;
  justify-content:flex-start;
  align-items:center;
  padding: 0 3vw;
}
  #welcomeModal .modal-body h1{
    background: -webkit-linear-gradient(#646464, #373737);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size:10vw;
    line-height:1;
  }
/* STEPS 
----------------------------------*/
#page .steps .content {
  min-height:50vh;
  padding:0 5%;
}
.step{
  padding-top:3%;
}
  .step ul.acf-radio-list ul, 
  .step ul.acf-checkbox-list ul{
    list-style:disc;   
  }
    .step ul.acf-radio-list li ul li, 
    .step ul.acf-checkbox-list li ul li{
      line-height:1.5;
    }
.page-template-steps .logo,
.page-template-phases .logo{
  background:#f4f4f4;
  padding-left:2.25vw;
}
  .step-sidebar h2 a{
    font-size:2vw;
    color:#000;
    text-decoration:none;
  }
    .teal .step-sidebar h2 a,
    .teal.content h2,
    .teal.content h3{
      color:#00ba97;
    }
    .blue .step-sidebar h2 a,
    .blue.content h2,
    .blue.content h3{
      color:#0292ce;
    }
    .green .step-sidebar h2 a,
    .green.content h2,
    .green.content h3{
      color:#99cd00;
    }
    .ltblue .step-sidebar h2 a,
    .ltblue.content h2,
    .ltblue.content h3{
      color:#32beff;
    }
    .dkgreen .step-sidebar h2 a,
    .dkgreen.content h2,
    .dkgreen.content h3{
      color:#007d64;
    }
  .step-sidebar.side-menu,
  .step-sidebar{   
    background:#f4f4f4;
    padding-left:0;
    padding-right:0;
    padding-top:3%;
  }
  .step-sidebar.bottom{
    padding-top:0;
  }
  
  /*sidebar menu*/
  #sidebar-nav .accordion-item{
    background:transparent;
    border:none;
  }
  #sidebar-nav .accordion-body{
    padding: .5vw 0 0 0;
  }
  #sidebar-nav .accordion-button{
    background:transparent;
    color:#000;
    font-size:1.5vw;
    flex-direction:row-reverse;
    justify-content:flex-end;
  }
    #sidebar-nav .accordion-button::after{
      margin-left:0;
      margin-right:.5vw;
      width:1.75vw;
      height:1.25vw;
      background-image:none;
      content:'\2039';
      font-size:1.75vw;
      line-height:.5;
      color:#000;
      text-align:center;
      transform:rotate(-90deg);
    }
      #sidebar-nav .accordion-button:not(.collapsed)::after{
        transform:rotate(-180deg); 
       
      }
  #sidebar-nav .accordion-item .accordion-button{
    padding:0;
  }
  #sidebar-nav .accordion-item{
    transition:.3s ease;
    padding-top:1.5vw;
  }
    #sidebar-nav .accordion-item.active,
    #sidebar-nav .accordion-item:hover{
      background-color:#e4e4e4;
    }
    #sidebar-nav .accordion-button:not(.collapsed){
      box-shadow:none;
    }
      .mobile-sidebar h2{
        padding-left:2.25vw;
        margin-bottom:0;
      }
      .mobile-sidebar #stepTour,
      a#accountTour{
        margin-bottom:.5vw;
        font-size:1vw;
        display:inline-block;
        vertical-align:middle;
        line-height:1.75vw;
      }
      #sidebar-nav h3,
      #sidebar-nav p{
        margin-bottom:0;
      }
      #sidebar-nav p,
      #sidebar-nav p a span,
      a#stepTour{
        line-height:1.25;
        padding: 1vw 1vw 1.5vw 2.25vw;
        font-size:1vw;
        color:#666;
        text-decoration:none;
        font-weight:normal;
      }
        a#stepTour{
          padding:0 0 0 2.25vw;
        }
        #sidebar-nav p a span{
          padding:0;
          text-decoration:none;
          transition:.3s ease;
        }
        #sidebar-nav p a{
          font-weight:bold;
          
        }
        #sidebar-nav .accordion-body p{
          line-height:1.5;
          transition:.3s ease;
          cursor:pointer;
        }
          #sidebar-nav .accordion-body p.active,
          #sidebar-nav .accordion-body p.active a,
          #sidebar-nav .accordion-body p:hover,
          #sidebar-nav .accordion-body p:hover a,
          #sidebar-nav .accordion-body p:hover a span,
          #sidebar-nav .accordion-body p.active a span{
            color:#fff;
            text-decoration:none;
          }


.row.steps{
  width:100vw;
}   
  .steps h1{
    color:#000;
    font-size:5vw;
  }
    .steps.teal h1,
    .phase.teal h1,
    .teal #sidebar-nav .accordion-item.active button,
    .teal #sidebar-nav p a,
    .teal a#stepTour{
      color:#00ba97;
    }
      .teal #sidebar-nav .accordion-body .active,
      .teal #sidebar-nav .accordion-body p:hover{
        background-color:#00ba97;
      }
    .steps.blue h1,
    .phase.blue h1,
    .blue #sidebar-nav .accordion-item.active button,
    .blue #sidebar-nav p a,
    .blue a#stepTour{
      color:#0292ce;
    }
      .blue #sidebar-nav .accordion-body .active,
      .blue #sidebar-nav .accordion-body p:hover{
        background-color:#0292ce;
      }
    .steps.green h1,
    .phase.green h1,
    .green #sidebar-nav .accordion-item.active button,
    .green #sidebar-nav p a,
    .green a#stepTour{
      color:#99cd00;
    }
      .green #sidebar-nav .accordion-body .active,
      .green #sidebar-nav .accordion-body p:hover{
        background-color:#99cd00;
      }
    .steps.ltblue h1,
    .phase.ltblue h1,
    .ltblue #sidebar-nav .accordion-item.active button,
    .ltblue #sidebar-nav p a,
    .ltblue a#stepTour{
      color:#32beff;
    }
      .ltblue #sidebar-nav .accordion-body .active,
      .ltblue #sidebar-nav .accordion-body p:hover{
        background-color:#32beff;
      }
    .steps.dkgreen h1,
    .phase.dkgreen h1,
    .dkgreen #sidebar-nav .accordion-item.active button,
    .dkgreen #sidebar-nav p a,
    .dkgreen a#stepTour{
      color:#007d64;
    }
      .dkgreen #sidebar-nav .accordion-body .active,
      .dkgreen #sidebar-nav .accordion-body p:hover{
        background-color:#007d64;
      }

.pwrapper{
  margin-left:5px;

}
  .phases .bigcheck{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-57%,-50%);
    padding: 5%;
  }
  .progress-wrapper .bar{
    position:relative;
    text-align:center;
  }
    .progress-wrapper .bar .bg-line{
      height:1px;
      background:#919191;
      width:100%;
      position:absolute;
      top:50%;
      left:50%;
      transform:translate(-50%, -50%);
      z-index:1;
    }
  .progress-wrapper h3{
    color: #919191;
    font-family: 'BasierCircle', sans-serif;
    font-size: 1.25vw;
    text-align: center;
  }
    .progress-wrapper .foreground{
      font-family: 'BasierCircle', sans-serif;
      background:#fff;
      padding:1vw;
      color:#000;
      z-index:3;
      display:inline-block;
      position:relative;
    }
    .progress, 
    .progressbg{
      fill:none;
      stroke-width: 4;
      stroke-linecap: square;
      transform-origin: center;
      transform: rotate(-90deg);
    }
      .progress {
        stroke: #000;
      }    
        .teal .progress{
          stroke:#00ba97;
        }
        .blue .progress{
          stroke:#0292ce;
        }
        .green .progress{
          stroke:#99cd00;
        }
        .ltblue .progress{
          stroke:#32beff;
        }
        .dkgreen .progress{
          stroke:#007d64;
        }
      .progressbg {
        stroke: #d5d5d5;
      }
    text#percent {
      font-family: 'BasierCircle', sans-serif;
      fill: #000;
      font-size:14px;
    }
      /*loading spinner*/
        #loader.hidden{
          opacity:0;
        }
        .lds-load {
          display: inline-block;
          position: absolute;
          width: 100%;
          height: 80px;
          background:rgba(255,255,255,.75);
          top:50%;
          left:0;
          transform:translateY(-50%);
          opacity:1;
          transition:.5s ease;
        }
          .lds-load div {
            position: absolute;
            top: 33px;
            width: 13px;
            height: 13px;
            border-radius: 50%;
            background: #fff;
            animation-timing-function: cubic-bezier(0, 1, 1, 0);
          }
          .lds-load div:nth-child(1) {
            left: 33%;
            animation: lds-ellipsis1 0.6s infinite;
          }
          .lds-load div:nth-child(2) {
            left: 33%;
            animation: lds-ellipsis2 0.6s infinite;
          }
          .lds-load div:nth-child(3) {
            left: 46%;
            animation: lds-ellipsis2 0.6s infinite;
          }
          .lds-load div:nth-child(4) {
            left: 58%;
            animation: lds-ellipsis3 0.6s infinite;
          }
          @keyframes lds-ellipsis1 {
            0% {
              transform: scale(0);
            }
            100% {
              transform: scale(1);
            }
          }
          @keyframes lds-ellipsis3 {
            0% {
              transform: scale(1);
            }
            100% {
              transform: scale(0);
            }
          }
          @keyframes lds-ellipsis2 {
            0% {
              transform: translate(0, 0);
            }
            100% {
              transform: translate(24px, 0);
            }
          }
      
                .teal .lds-load div{
                  background: #00ba97;
                }
                .blue .lds-load div{
                  background: #0292ce;
                }
                .green .lds-load div{
                  background:#99cd00;
                }
                .ltblue .lds-load div{
                  background: #32beff;
                }
                .dkgreen .lds-load div{
                  background: #007d64;
                }
      
      /*end loading spinner*/
    
.tabs{
  margin-top:4vw;
  position:relative;
  margin-bottom:4vw;
}
  .tabs .nav{
    justify-content:space-between;
  }
  .nav-tabs{
    border-bottom:1px solid #c9c9c9;
  }
  .nav-tabs .nav-link:focus-visible,
  .nav-tabs .nav-link:focus,
  .nav-tabs .nav-link:hover{
    outline:0;
    border-color:transparent;
  }
  .nav-tabs .nav-item{
    margin-bottom:-2px;
  }
  .nav-tabs .nav-item.active{
    border-left:6px solid #fff;
    border-right:6px solid #fff;
  }
  .nav-tabs .nav-link{
    font-size:1.75vw;
    font-family: 'BasierCircleSemiBold', sans-serif;
    color:#c9c9c9;
    border-right:6px solid transparent;
    border-left:6px solid transparent;
    padding:1vw  0;
  }
    .nav-tabs .nav-link.active{
      position:relative;
      color:#000;
      border:0px solid transparent;
    }
      .nav-tabs .nav-link.active:before{
        content: "";
        position: absolute;
        z-index: 1;
        bottom: -3px;
        left: 0;
        height:6px;
        width:100%;
        background:#000;
        border-radius:6px;
      }
        .teal .nav-tabs .nav-link.active:before{
          background:#00ba97;
        }
        .blue .nav-tabs .nav-link.active:before{
          background:#0292ce;
        }
        .green .nav-tabs .nav-link.active:before{
          background:#99cd00;
        }
        .ltblue .nav-tabs .nav-link.active:before{
          background:#32beff;
        }
        .dkgreen .nav-tabs .nav-link.active:before{
          background:#007d64;
        }
      .nav-tabs .nav-link.active:after{
        content: "";
        position: absolute;
        z-index: 1;
        bottom: -16px;
        left: calc(50% - 15px);
        width: 30px;
        height: 30px;
        transform: rotate(45deg);
        /* background-color: white; */
        background: linear-gradient(135deg, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 51%);
        border-bottom: 2px solid #000;
        border-right: 2px solid #000;
      }
        .teal .nav-tabs .nav-link.active:after{
          border-bottom: 6px solid #00ba97;
          border-right: 6px solid #00ba97;
        }
        .blue .nav-tabs .nav-link.active:after{
          border-bottom: 6px solid #0292ce;
          border-right: 6px solid #0292ce;
        }
        .green .nav-tabs .nav-link.active:after{
          border-bottom: 6px solid #99cd00;
          border-right: 6px solid #99cd00;
        }
        .ltblue .nav-tabs .nav-link.active:after{
          border-bottom: 6px solid #32beff;
          border-right: 6px solid #32beff;
        }
        .dkgreen .nav-tabs .nav-link.active:after{
          border-bottom: 6px solid #007d64;
          border-right: 6px solid #007d64;
        }
  .tab-content>.tab-pane{
    padding-top:40px;
  }
  
  #nav-consider ul li,
  #nav-first ul li,
  #nav-second ul li,
  #nav-third ul li{
    margin-bottom:15px;
  }
  @media screen and (max-width:1400px){
    .nav-tabs .nav-link{
      font-size:1.5vw;
    }
  }  
  @media screen and (max-width:1200px){
    .nav-tabs .nav-link{
      font-size:2vw;
    }
  }
  @media screen and (max-width:991px){
    .nav-tabs .nav-link{
      font-size:20px;
    }
  }
  @media screen and (max-width:768px){
    .nav-tabs li{
      display:none;
    }
      .nav-tabs li.active, 
      .nav-tabs.expanded li,
      .nav-tabs.expanded li button,
      .nav-tabs li button{
        display:inline-block;
        width:100%;
        text-align:left;
      }
      .nav-tabs li.active, 
      .nav-tabs.expanded li,
      .nav-tabs.expanded li button,
      .nav-tabs li button{
        height:100%;
      }
      .nav-tabs.expanded li,
      .nav-tabs.expanded li button{
        width:100%;
        height:auto;
      }
    
    .tabs .nav{
      background: rgba(255,255,255,.9);
      z-index:99;
      width:100%;
      border:1px solid #d5d5d5;
      border-radius:40px;
      padding:0px 30px;
      height:50px;
      transition:.5s ease;
    }
      .tabs .nav.expanded{
        height:175px;
        padding:15px 30px;
      }
    .nav-tabs .nav-link.active:after,
    .nav-tabs .nav-link.active:before{
      display:none;
    }
    .nav-tabs .nav-link,
    .nav-tabs .nav-link.active,
    .nav-tabs .nav-item.active{
      border:0px solid transparent;
      background:transparent;
      z-index:2;
      /* padding:10px 0 0 0; */
    }
      .nav-tabs:after {
        content: "";
        position: absolute;
        z-index: 1;
        top: 13px;
        right: 26px;
        width: 16px;
        height: 16px;
        transform: rotate(45deg);
        background-color: white;
        border-bottom: 2px solid #000;
        border-right: 2px solid #000;
        transition: .3s ease;
      }
        .nav-tabs.expanded:after{
          transform: rotate(225deg);
          top:18px;
        }
        .teal .nav-tabs:after{
          border-color:#00ba97;
        }
        .blue .nav-tabs:after{
          border-color:#0292ce;
        }
        .green .nav-tabs:after{
          border-color:#99cd00;
        }
        .ltblue .nav-tabs:after{
          border-color:#32beff;
        }
        .dkgreen .nav-tabs:after{
          border-color:#007d64;
        }
  }

  /*resource list*/
  #resources{
    margin-top:5%;
  }
  ul.resource-list{
    list-style:none;
    padding-left:0;
    margin-bottom:0;
  }
  ul.resource-list li{
    border-radius: 3vw;
  }
    ul.resource-list li a{
      padding: .5vw 1vw .5vw .5vw;
      display: flex;
      line-height: 2;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: space-between;
      align-items: center;
      text-decoration:none;
    }
      ul.resource-list li:nth-child(odd){
        background-color:#f4f4f4;
      }
      ul.resource-list li a span{
        color:#00ba97;
        width:25%;
        text-align:right;
        text-decoration:underline;
      }
        .teal ul.resource-list li a{
          color:#00ba97;
        }
        .blue ul.resource-list li a{
          color:#0292ce;
        }
        .green ul.resource-list li a{
          color:#99cd00;
        }
        .ltblue ul.resource-list li a{
          color:#32beff;
        }
        .dkgreen ul.resource-list li a{
          color:#007d64;
        }
      ul.resource-list li p{
        flex-grow:1;
        margin-bottom:0;
        line-height:1.5;
      }
      ul.resource-list li a i,
     a i.round-arrow-white,
     .faq-list .accordion-header .round-arrow,
     i.external{
        height:2vw;
        width:2vw;
        background-size:contain;
        position:relative;
        margin-left:2vw;
        background-repeat:no-repeat;
        flex-shrink:0;
      }
      /*external link automation*/
       .faq-list .accordion-body a[href^="http://"],
       .faq-list .accordion-body a[href^="https://"]{
          padding-right:2vw;
          background-image:url('svg/icon-03.svg');
          background-position:bottom right;
          background-repeat:no-repeat;
          display:inline-block;
          vertical-align:bottom;
          margin-left:0;
        }
        .faq-list .accordion-body a[href^="https://wpdev.edf.org"],
        .faq-list .accordion-body a[href^="http://wpdev.edf.org"],
        .faq-list .accordion-body a[href^="http://www.electricfleet.org"],
        .faq-list .accordion-body a[href^="https://www.electricfleet.org"] {
            padding-right:0;
            background-image:none;
            margin-left:0;
          }
          
       a i.round-arrow-white.flipped{
         transform:rotate(180deg);
         margin-left:0;
         margin-right:2vw;
       } 
      
        ul.resource-list li a i.external,
        i.external {
          background-image:url('svg/icon-03.svg');
        }
        ul.resource-list li a i.video{
          background-image:url('svg/icon-04.svg');
        }
        ul.resource-list li a i.document{
          background-image:url('svg/icon-02.svg');
        }
        ul.resource-list li a i.round-arrow,
        .faq-list .accordion-header .round-arrow{
          background-image:url('svg/icon-06.svg');
          transition:.3s ease;
          margin-right:2vw;
          margin-left:0;
          flex-shrink:0;
        }
        .pagination{
          align-items: center;
          justify-content: center;
          align-content: center;
          flex-wrap: nowrap;
          flex-direction: row;
          margin:2.25vw 0;
        }
          .pagination .page-numbers{
            padding:1vw;
            color:#d5d5d5;
            text-decoration:none;
            transition:.3s ease;
            cursor:pointer;
          }
            .pagination .page-numbers:hover{
              color:#00ba97;
            }
            .pagination .current{
              color:#000;
              text-decoration:underline;
            }
        i.round-arrow-white{
          background-image:url('svg/icon-07.svg');
          display:inline-block;
        } 
          i.round-arrow-white.180{
            transform:rotate(180deg);
          }
          
      /*resource filtration*/
      #resources .searchandfilter > ul{
        display:flex;
        padding-left:0;
        margin-bottom:1.5vw;
        height:4vw;
        justify-content:space-between;
        align-content:center;
        flex-direction:row;        
      }
      #resources .searchandfilter ul li{
        padding:0;
        margin-right:1.5%;
      }
      #resources .searchandfilter input,
      #resources .searchandfilter select{
        height:100%;
      }
        #resources .searchandfilter ul li:nth-child(2){
          margin-left:auto;
        }
        #resources .searchandfilter ul li select,
        #resources .searchandfilter ul li input[type=text]{
          border: 1px solid #c5c5c5;
          font-size: 1.25vw;
          padding: 1vw 3vw 1vw 1.25vw;
          appearance:none; /*removes arrow*/
          -webkit-appearance: none;
          outline:none;
        }
          #resources .searchandfilter ul li select:focus,
          #resources .searchandfilter ul li select:active,
          #resources .searchandfilter ul li input[type=text]:focus,
          #resources .searchandfilter ul li input[type=text]:active{
            border:1px solid #00ba97;
          }
            #resources .searchandfilter ul li select > option{
              
            }
          #resources .searchandfilter ul li label{
            position:relative;
            height:100%;
          }          
            #resources .searchandfilter ul li.sf-field-post-meta-resource_type label:after,
            #resources .searchandfilter ul li.sf-field-post-meta-phase label:after{
              content: "";
              position: absolute;
              z-index: 1;
              top:50%;
              right:1.5vw;
              width: 12px;
              height: 12px;
              transform: rotate(45deg) translate(-50%,-50%);
              /* background-color: white; */
              background: linear-gradient(135deg, rgba(255,255,255,0) 30%, rgba(255,255,255,1) 51%);
              border-bottom: 2px solid #00ba97;
              border-right: 2px solid #00ba97;
            }
          
        /*multiselect*/
        #resources .chosen-container.chosen-container-multi,
        #resources .searchandfilter > ul > li:nth-child(2){
          width:100%!important;
          height:100%;
        }
        #resources .chosen-container-multi .chosen-choices{
          height:100%;
          padding:1.5%;
          display:flex;
          align-items: center;
        }
        #resources .chosen-container-multi .chosen-choices li.search-choice{
          margin:0 1%;
          width: auto;
          height:100%;
          display : inline-flex;
          align-items : center;
          padding: 0 20px 0 10px;
        }
        #resources .chosen-drop .chosen-results{
          padding:1.5%
        }
          #resources .chosen-drop .chosen-results li{
            font-size:1.25vw;
            padding:.5vw;
          }
            #resources .chosen-drop .chosen-results li.active-result.highlighted{
              background:#00ba97;
            }
          .chosen-container-multi .chosen-choices{
            background-image:none;
            border:1px solid #c5c5c5;
          }
          .chosen-container-multi .chosen-choices li.search-choice {
            background-color: #00ba97;
            background-image: none;
            border: none;
            border-radius: 8px;
            line-height: 1;
            margin:1vw;
            color: #fff;
          }
            .chosen-container-multi .chosen-choices li.search-choice span {
              word-wrap: break-word;
              line-height: 1;
              display: inline-block;
              vertical-align: middle;
              font-size: 1.25vw;
            }
            .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{
              background: url(svg/chosen-sprite.png) -42px 1px no-repeat;
            }
  @media screen and (max-width:991px){
    #resources .searchandfilter > ul{
      height:auto;
    }
    #resources .searchandfilter > ul > li{
      margin-right:0;
      margin-bottom:1.5%;
    }
  #resources .chosen-container-multi .chosen-choices li.search-choice{
    margin:0 5px;
    height:auto;
  }
    .chosen-container-multi .chosen-choices li.search-choice span{
      font-size:14px;
      padding: 10px 20px 10px 10px;
      margin: 0 10px;
    }
    #resources .chosen-container-multi .chosen-choices{
      padding:10px;
      height:auto;
      flex-wrap:nowrap;
      align-items:center;
    }
    #resources .searchandfilter .chosen-choices input[type=text] {
      padding:0;
    }
    #resources .chosen-drop .search-field{
      margin-bottom:0;
    }
    #resources .chosen-drop .chosen-results li{
      font-size:14px;
      padding:5px;
    }
  }
  /*navigation*/
.signup-cta{
  text-align:center;
  background:#666;
}
.signup-cta,
.signup-cta a{
  /* color:#00ba97; */
  color:#cececece;
}
  .steps-foot a.next,
  .steps-foot a.back,
  a.button{
    display: inline-block;
    color: #fff !important;
    padding: 1vw 5vw 1vw 2vw;
    border-radius: 2vw;
    text-decoration:none;
    margin:2vw 0;
    text-align:center;
  }
    a.button.transparent{
      margin:0;
    }
  .steps-foot a.back{
    padding:1vw 2vw 1vw 3.5vw;
    width:95%;
  }
    .steps-next{
      display:flex;
      justify-content:space-between;
      align-items: center;
    }
      a.dlpdf{
        color:#666;
        margin:2vw 0;
      }
      .steps-next .dlpdf i {
          background-image: url('svg/doc-29.svg');
          height: 3vw;
          width: 3.5vw;
          background-size: contain;
          background-repeat: no-repeat;
          display: inline-block;
          margin-bottom: -1vw;
      }
      .page-template-phases .dlpdf{
        visibility:hidden;
      }
    .steps-foot a.next,
    .steps-foot a.back,
    a.button{
      transition:.3s ease;
      position:relative;
    }
      .steps-foot a.next:hover,
      a.button:hover{
        padding:1vw 5.2vw 1vw 2.2vw;
      }
      .steps-foot a.back:hover{
        width:100%;
      }
    .steps-foot a.next{
      background: #000;   
    }
      .steps-foot a.next:after,
      .steps-foot a.back:after,
      a.button:after{
        content:'';
        background:url('svg/icon-08.svg');
        background-size:contain;
        background-repeat:no-repeat;
        height:1.5vw;
        width:3vw;
        position:absolute;
        right:0;
        top:35%;
        display:block;
        /* transform:translate(-30%, -50%); */
        transition:.3s ease;
      }
        
      .steps-foot a.next:hover:after,
      .steps-foot a.back:hover:after{
        transform:translateX(0%);
        transition:.3s ease;
      }
      .steps-foot a.back:after{
        left:0;
        transform:rotate(180deg) translateX(-15%);
        right:auto;
      }  
        .steps-foot a.back:hover:after{
          transform:rotate(180deg) translateX(0);
        }
        
      .teal .steps-foot a.next,
      .teal a.button{
        background: #00ba97;
      }
        .teal .steps-foot a.next:hover,
        .teal a.button:hover{
          background: #009678;
        }
      .blue .steps-foot a.next,
      .blue a.button{
        background: #0292ce;
      }
        .blue .steps-foot a.next:hover,
        .blue a.button:hover{
          background: #0078b4;
        }
      .green .steps-foot a.next,
      .green a.button{
        background: #99cd00;
      }
        .green .steps-foot a.next:hover,
        .green a.button:hover{
          background: #7daf00;
        }
      .ltblue .steps-foot a.next,
      .ltblue a.button{
        background: #32beff;
      }
        .ltblue .steps-foot a.next:hover,
        .ltblue a.button:hover{
          background: #00a0eb;
        }
      .dkgreen .steps-foot a.next,
      .dkgreen a.button,
      a.button.dkgreen{
        background: #007d64;
      }
        .dkgreen .steps-foot a.next:hover,
        .dkgreen a.button:hover,
        a.button.dkgreen:hover{
          background: #00654b;
        }
    .steps-foot a.back{
      background:#aeaeae;
    }
      .steps-foot a.back:hover{
        background:#a1a1a1;
      }
  
  .circle-img{
    border-radius:50%;
    overflow:hidden;
    width: 100%; 
    text-align: center; 
    position: relative; 
    padding-bottom: 100%; 
    border-radius: 50%; 

  }
    .circle-img:after{
      content:'';
      position:absolute;
      border-radius:50%;
      border:5vh solid #000;
      opacity:.5;
      top:0;
      left:0;
      width:100%;
      height:100%;
    }
      .teal .circle-img:after{
        border:5vh solid #00ba97;
      }
      .blue .circle-img:after{
        border:5vh solid #0292ce;
      }
      .green .circle-img:after{
        border:5vh solid #99cd00;
      }
      .ltblue .circle-img:after{
        border:5vh solid #32beff;
      }
      .dkgreen .circle-img:after{
        border:5vh solid #007d64;
      }
    .circle-img img { 
      position: absolute; 
      width: 100%; 
      height: 100%; 
      top: 0; 
      left: 0; 
      object-fit: cover; 
    }
    
  /*feedback form*/
  .feedback{   
    background:transparent;
    padding:0;
    position:relative;
  }
  .feedback-form  {
    width: 350px;
    height:350px;
    bottom:-15px;
    left:0;
    padding: 30px;
    position: fixed;
    z-index: 99;
    margin-bottom:-335px;
    background:#f4f4f4;
    transition:.3s ease;
    border:1px solid #cecece;
  }
  .feedback_checkbox {
    display: none;
  }
  label.feedback_open {
    background:#00ba97;
    height: 60px;
    width: 60px;
    position: fixed;
    bottom: 0px;
    left: 20px;
    margin-left:0;
    z-index: 95;
    cursor: pointer;
    transition:.3s ease;
    border-radius:50%;
    padding: 15px !important;
    text-align: center;
    font-size: 16px;
    color: white;
    line-height:2;
  }
  
    .not-logged-in .feedback-form {
      height:425px;
      margin-bottom:-410px;
    }
    .not-logged-in .feedback_checkbox:checked ~ .feedback_open{
      margin-bottom:410px;
    }

    .feedback_checkbox:checked ~ .feedback-form { 
      margin-bottom:0;
      opacity:1;
    }
    .feedback_checkbox:checked ~ .feedback_open {
      margin-bottom:350px;
    }
    
  .feedback input[type=checkbox] {
      display: none; /*hide checkbox*/
  }
  #input_4_4,
  #input_4_2,
  .logged-in #input_4_5,
  .logged-in #input_4_1_3,
  .gform_title,
  .logged-in #field_4_1,
  #field_4_2,
  .logged-in #field_4_5,
  #field_4_4{
    display:none;
  }
  .feedback-form .gform_wrapper.gravity-theme .gfield textarea.large{
    height:200px;
  }
/* Phase Pages
----------------------------------*/
.page-phase{
  
}
  .page-phase h1{
    margin-bottom:0;
  }
  .page-phase h3{
    color:#cecece;
    margin-bottom:4vw;
  }
  .page-phase p{
    color:#666;
    margin-bottom:4vw;
  }
/* MY ACCOUNT 
----------------------------------*/
.account-panel,
.progress-panel{
  padding:3vw;
}
.account-panel{
  border-radius:3vw;
  background:#f4f4f4;
}
  .account-panel p{
    color:#727272;
  }
.account h2, .account h3{
  color:#3d3d3d;
}
.account h2{
  font-size:4vw;
}
.account h3{
  font-size:2.75vw;
}
.progress-panel .progress, 
.progress-panel .progressbg{
  fill:none;
  stroke-width: 9;
  stroke-linecap: square;
  transform-origin: center;
  transform: rotate(-90deg);
}
.phases{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 400px;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
}
@media screen and (min-width:1600px){
  .phases{
    max-height:600px;
  }
  .account h2{
    font-size:3vw;
  }
  .account h3{
    font-size:2vw;
  }
}
  .phase {
    display:flex;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    flex-wrap:wrap;
    width:50%;
    min-height:130px;
  }
    .phase p{
      font-size:1.4vw;
      line-height:1.25;
      color:#3d3d3d;
    }
    .phase a{
      font-size:1.25vw;
    }
    .phase h3{
      margin-bottom:0;
    }
    .phase.teal h3,
    .phase.teal .percent,
    .phase.teal a{
      color:#00ba97;
    }
    .phase.blue h3,
    .phase.blue .percent,
    .phase.blue a{
      color:#0292ce;
    }
    .phase.green h3,
    .phase.green .percent,
    .phase.green a{
      color:#99cd00;
    }
    .phase.ltblue h3,
    .phase.ltblue .percent,
    .phase.ltblue a{
      color:#32beff;
    }
    .phase.dkgreen h3,
    .phase.dkgreen .percent,
    .phase.dkgreen a{
      color:#007d64;
    }
    .phase.one{
      
    }
    .phase .left{
      padding-right:15px;
      position:relative;
    }
    .phase .left .percent{
      font-size:22px;
      font-family: 'BasierCircleBold', sans-serif; 
    }
/* Standard Pages + Testimonials 
----------------------------------*/
.testimonial{
  margin-bottom:5vw;
  margin-top:5vw;
  position:relative;
  z-index:5;
}
  .testimonial .teal .circle-img:after{
    border-width:2vw;
  }
  .testimonial h2{
    font-size:3vw;
  }
.standard{
  padding-top:5vw;
  padding-bottom:5vw;
}
  .standard p{
    color:#666;
  }
    .standard ol,
    .standard ul{
      color:#666;
    }

.separator{
  max-width:33%;
  height:2px;
  background:#fafafa;
  margin:5% auto;
  position:relative;
}
  .separator:after{
    content:'';
    position:absolute;
    transform:translate(-50%,-50%);
    top:50%;
    left:50%;
    height:50px;
    width:50px;
    background:url('svg/page-separator_bolt_only.svg');
    background-size:contain;
    border:5px solid #fff;
  }

.roads{
  position:relative;
}
  .roads > div{
    position:relative;
    z-index:5;
  }
  .roads:before,
  .roads:after{
    content:'';
    position:absolute;
    height: 100vh;
    width: 50vw;
    background-size: 100%;
    z-index: 1;
    background-repeat:no-repeat;
  }
    .roads:before {
      bottom: 0;
      left: -30%;
      background-image: url('svg/road-background-img_left-side.svg');
    }    
    .roads:after {
      top:10vh;
      right: -30%;
      background-image: url('svg/road-background-img_right-side.svg');
    }
    
/* Resource Page
----------------------------------*/   
  #resources .sub-step{
    background: #e4e4e4;
    border-radius:.5rem;
    padding:2%;
    margin-bottom:1.5vw;
  }  
    #resources .sub-step .re-step{
      /*display: flex;
      flex-wrap: nowrap;
      flex-direction: row;
      align-content: center;
      justify-content: flex-start;*/
      align-items: center;
    }
      #resources .sub-step .re-step .txt{
        /*padding-left:2vw;*/
      }
        #resources .sub-step .re-step h2,
        #resources .sub-step .re-step p{
          color:#7c7c7c;
        }
        #resources .sub-step .re-step p{
          margin-bottom:0;
        }
      #resources .sub-step .re-step .img img{
        /*max-height:8vw;
        width:auto;*/
        width:80%;
        height:auto;
      }
        #resources .sub-step .re-step .stp-btn{
          margin-left:auto;
        }
  @media screen and (max-width:991px){
    #resources .sub-step{
      padding:15px;
      margin-bottom:15px;
    }
    #resources .sub-step .re-step{
      flex-direction:column;
      text-align:center;
    }
    #resources .sub-step .re-step .txt{
      margin-top:15px;
    }
    #resources .sub-step .re-step .img img{
      max-height:60px;
    }
    #resources .sub-step .re-step a.button{
      margin:0;
    }
    #resources .sub-step .re-step .stp-btn{
      margin-left:0;
      margin-top:15px;
    }
  }
  @media screen and (min-width:1720px){
    
    #resources .searchandfilter ul li select, 
    #resources .searchandfilter ul li input[type=text]{
      padding: .5vw 1.5vw .5vw .5vw;
      line-height:1;
      width:100%;
    }
    #resources .searchandfilter ul li.sf-field-post-meta-resource_type label:after, 
    #resources .searchandfilter ul li.sf-field-post-meta-phase label:after{
      right:.75vw;
    }
    #resources .searchandfilter ul li select, #resources .searchandfilter ul li input[type=text]{
      font-size:1vw;
    }
    .sf-field-submit input[type=submit]{
      padding:10px 30px;
      font-size:1vw !important;
    }
    .steps-foot a.next, 
    .steps-foot a.back, 
    a.button{
      font-size:1vw;
    }
    #resources .searchandfilter > ul{
      height:3vw;
    }
  }
  @media screen and (min-width:1920px){
    #resources .sub-step .re-step .stp-btn{
      width:100%;
    }
    #resources .sub-step .re-step .txt{
      width:80%;
    }
    #resources .sub-step .re-step .img{
      width:20%;
    }
  }
/* FAQs 
----------------------------------*/
.faq-list{
  margin-top:4vw;
}
.faq-list .accordion{
  margin-bottom:6vw;
}
.faq-list .accordion-item,
.faq-list .accordion-item:first-of-type,
.faq-list .accordion-button,
.faq-list .accordion-item:nth-child(odd) .accordion-button{
  border-radius:.75rem !important;
  border-color:transparent;
}
.faq-list .accordion-button{
  font-size:1.25vw;
}
.faq-list .accordion-button:not(.collapsed){
  box-shadow:none;
  color:#000;
}
.faq-list .accordion-button:not(.collapsed),
.faq-list .accordion-button{
  background:transparent;
}
.faq-list .accordion-item:nth-child(odd){
  background:#f4f4f4;
}
/*.accordion-body a,
.accordion-body a:hover,
.accordion-body a:visited{
  color:#00ba97;
}*/
.faq-list .accordion-body p,
.faq-list .accordion-body li{
  color:#333;
}
.faq-list .accordion .accordion-button::after{
  background-image: url(svg/circle_arrow.svg);
}
.faq-list .accordion .accordion-button:not(.collapsed)::after{
  background-image: url(svg/close_x.svg);
}

/* Error 404 page
----------------------------------*/
.error-404{
  display: flex;
  justify-content: center;
  text-align:center;
  flex-wrap:wrap;
  position:relative;
  margin-bottom:6vw;
}
  .error-404 .sign{
    width:10vw;
    margin-bottom:5vw;
  }
  .error-404 .road{
    position:absolute;
    left:0;
    top:30%;
    width:40vw;
    height:auto;    
  }
  .error-404 .fleet{
    margin-bottom:5vw;
    width:100%;
  }


/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.header{
  position:fixed;
  width:100vw;
  top:0;
  height:85px;
  background:#fff;
  z-index:99;
  margin-right:0;
  overflow:hidden;
}
  svg.site-logo{
    height:40%;
  }
.mainmenu{
  padding-top:30px;
  padding-bottom:30px;
}
  .menu-account{
    /*text-align:right;
    padding-right:50px;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-end;*/
    display: inline-block;
    float: right;
    margin-left: auto;
    min-width: 20vw;
    vertical-align: middle;
    text-align:right;
    padding-right:70px;
  }
    .navigation{
      position:absolute;
      top:0;
      right:0;
      
    }
    .menu-account a{
      margin-right: 3%;
      line-height: 1;
      vertical-align: middle;
      display: inline-block;
      text-decoration: none;
      
    }
      .menu-account a.reg-link{
        color:#000;
      }
      .menu-account a.log-link{
        color:#00ba97;
      }
    i.account-icon{
      background-image:url('svg/user.svg');
      height:30px;
      width:30px;
      display:inline-block;
    }
.navigation__checkbox {
  display: none;
}
.navigation__button {
  background:#fff;
  height: 30px;
  width: 40px;
  position: absolute;
  top: 27px;
  right: 30px;
  z-index: 2000;
  text-align: center;
  cursor: pointer;
  transition-delay: .1s;
  transition-duration: .5s;
  border-radius:50%;
  transition-timing-function: ease-out;
}
.navigation__background {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  position: fixed;
  top: 0;
  right: 0;
  opacity:0;
  background-image: radial-gradient(circle, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0) 51%);
  z-index: 1000;
  transition: transform 0.8s cubic-bezier(0.86, 0, 0.07, 1), opacity .5s ease .1s;

}
.navigation__nav {
  height: 100vh;
  position: relative;
  top: 0;
  left: 50%;
  transform:translate(-50%,0);
  z-index: -1;
  opacity: 0;
  width: 0;
  transition: all 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.menu-top{
  padding:5% 8% 0 0; 
  margin-left:5%;
  justify-content:flex-start!important;
}
  .menu-top hr{
    border-bottom:1px solid #c5c5c5;
    padding-bottom:1%;
    width:100%;
    background:transparent;
  }
  .menu-top a{
    display: inline-flex;
    text-decoration: none;
    height: 3vw;
    text-align: left;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: stretch;
  }
    .menu-top a img{
      max-height: 3vw;
      width: auto;
      display: inline-block;
      padding-right: 0.75vw;
    }
  .menu-top a span{
    color: #fff;
    width: auto;
    font-size: 1vw;
    padding-right: 3vw;
    line-height: 3vw;
    text-decoration: none;
    display: inline-block;
  }

.menu-grid{
  padding:5%;
}
  .menu-grid ul, 
  .menu-top{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-evenly;
    align-items: flex-start;
    padding-left:0;
  }

    .menu-grid ul li{
      width:30%;
      margin-bottom:5%;
    }
     .menu-grid ul li{
      display:inline-flex;
      align-items:flex-start;
    }
      .menu-grid ul li .mm-wrap-icon{
        margin-right:1vw;
      }
      .menu-grid ul li a{
        text-decoration:none;
      }
        .menu-grid ul li a.mm-step{
          width:100%;
          display:inline-block;
        }
        
      .menu-grid ul li img{
        width:8vw;
      }
      .menu-grid ul li p,
      .menu-grid ul li a.mm-step{
        color:#999;
        font-size:1vw;
        margin-bottom:.5vw;
        transition:.3s ease;
      }
          .menu-grid ul li a.mm-step:hover{
            text-decoration:underline;
          }
        .menu-grid ul li a.mm-step span{
          display:block;
          float:left;
          border:1px solid transparent;
        }
        .menu-grid ul li a.mm-step span,
        .menu-grid ul li a.mm-step:hover{
          color:#fff;
        }
          
        .menu-grid ul li p.menu-sub{
          color:#fff;
        }
        .menu-grid ul li p.menu-sub.gray{
          color:#999;
        }
        .menu-grid ul li h3{
          font-size:1.5vw;
          margin-bottom:.5vw;
        }
          .menu-grid ul li h3.teal,
          .menu-grid ul li p.teal{
            color:#00ba97;
          }
          .menu-grid ul li h3.blue,
          .menu-grid ul li p.blue{
            color: #0292ce;
          }
          .menu-grid ul li h3.green,
          .menu-grid ul li p.green{
            color: #99cd00;
          }
          .menu-grid ul li h3.ltblue,
          .menu-grid ul li p.ltblue{
            color: #32beff;
          }
          .menu-grid ul li h3.dkgreen,
          .menu-grid ul li p.dkgreen{
            color: #007d64;
          }
          .menu-grid ul li h3.gray,
          .menu-grid ul li p.gray{
            color:#c5c5c5;
          }

.navigation__checkbox:checked ~ .navigation__background {
  transform: scale(300);
  opacity:1;
}
.navigation__checkbox:checked ~ .navigation__button {
  background:transparent;
  transition-delay: 0s;
  transition-duration: 0s;
  position:fixed;
}
.navigation__checkbox:checked ~ .navigation__nav {
  opacity: 1;
  width: 100%;
  z-index:1500;
  position:fixed;
}
.navigation__icon {
  position: relative;
  margin-top: 10px;
}
.navigation__icon, 
.navigation__icon::before, 
.navigation__icon::after {
  width: 40px;
  height: 2px;  
  background-color: #B0BEC5;
  display: inline-block;
}
.navigation__icon::before, .navigation__icon::after {
  content: "";
  position: absolute;
  left: 0;
  transition: all 0.2s;
}
.navigation__icon::before {
  top: -10px;
}
.navigation__icon::after {
  top: 10px;
}
.navigation__button:hover .navigation__icon::before {
  top: -10px;
}
.navigation__button:hover .navigation__icon::after {
  top: 10px;
}
.navigation__checkbox:checked + .navigation__button .navigation__icon {
  background-color: transparent;
}
.navigation__checkbox:checked + .navigation__button .navigation__icon::before {
  top: 0;
  transform: rotate(135deg);
}
.navigation__checkbox:checked + .navigation__button .navigation__icon::after {
  top: 0;
  transform: rotate(-135deg);
}
@media screen and (max-width:1400px){
  /*.menu-grid .mobile-hide{
    display:none;
  }*/
}

@media screen and (max-width:1200px){
  .menu-grid ul li{
    width:40%;
  }
}

@media screen and (max-width:991px){
  .menu-account{
    min-width:50%;
    
  }
  .mobile-hide{
    display:none !important;
  }
  .menu-top{
    margin-top:2vw;
    margin-left:0;
  }
  .menu-top, .menu-grid{
    padding:0 1.5vw;
  }
  .menu-top hr{
    border-bottom:0px solid transparent;
    margin-bottom:0;
  }
   .menu-top a, 
   .menu-grid ul li{
      width:100%;
      border-bottom:1px dashed #303433;
      padding:8px 0;
      margin-bottom:0;
      align-items:center;
      height:auto;
    }
      .menu-top a img{
        width:50px;
        max-height:30px;
        padding-right:0;
      }
      .menu-top a span{
        padding-left:10px;
        font-size:14px;
        color:#c5c5c5;
      }

    .menu-grid ul li img{
      width:50px;
    }
    .menu-grid ul li h3{
      margin-bottom:2px;
    }
    .menu-grid ul li p{
      line-height:1.2;
      margin-bottom:0;
    }
    .faq-list .accordion-button{
      font-size:16px;
    }

}

/* FOOTER
--------------------------------------------- */
footer.footer{
  background:#444444;
  text-align:left;
}
  footer.footer .site-logo path{
    fill:#fff;
    transform:scale(1.5);
  }
  footer.footer .copyright{
    background:#353535;
    padding:1vw;
  }
  footer.footer > div{
    text-align:center;
  }
    footer.footer > .container > .row > div:first-child{
      border-right:1px solid #aaa;
    }
    footer.footer > .container > .row{
      padding-top:5vw;
      padding-bottom:5vw;
    }
  footer.footer a,
  footer.footer,
  footer.footer p{
    color:#aaaaaa;
  }
  .footer .inner{
    display:inline-flex;
    text-align:left;
    flex-direction:column;
    justify-content:flex-end;
    height:100%;
  }
/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/* Mobile
--------------------------------------------- */
@media screen and (max-width:1200px){
  .phases{
    max-height:100%;
  }
  .phase{
    width:100%;
  }
    .phase h3{
      font-size:28px
    }
    .phase p,
    .phase p a{
      font-size:14px;
    }
  .steps .circle-img{
    max-width:75%;
    padding-bottom:75%;
    margin:0 auto;
  }
}
@media screen and (max-width:991px){
  h1,
  .steps h1{
    font-size:42px;
  }
  
  h2{
    font-size:28px;
  }
  
  h3{
    font-size:20px;
  }
    .progress-wrapper h3{
      font-size:14px;
    }
    
  body, html, p,
  .steps label{
    font-size:14px;
  }
  .menu-grid ul li p.menu-sub{
    font-size:12px;
  }
  .menu-grid ul li h3{
    font-size:16px;
  }
  .menu-grid ul li span{
    padding-left:20px;
  }

  .menu-account{
    padding-right:70px;
  }
  
  ul.resource-list li{
    border-radius:40px;
  }
    ul.resource-list li a{
      padding:15px;
    }
      ul.resource-list li a i.round-arrow{
        padding-right:2%;
      }
      ul.resource-list li a i, a i.round-arrow-white{
        height:30px;
        width:30px;
      }
      #resources .searchandfilter ul{
        flex-wrap:wrap;
      }
      #resources .searchandfilter ul li,
      #resources .searchandfilter ul li label{
        width:100%;
      }
      #resources .searchandfilter ul li select,
      #resources .searchandfilter ul li input[type=text]{
        font-size:14px;
        padding:10px 40px 10px 10px;
        width:100%;
        cursor:pointer;
      }
        #resources .searchandfilter ul li:nth-child(2){
          margin-right:0;
        }
  .steps-foot a.next, 
  a.button,
  .login .gform_button.button, 
  .register .gform_button.button{
    padding: 15px 74px 15px 44px;
    border-radius: 40px;
  }  
     .login .gform_button.button, 
  .register .gform_button.button,
  .feedback-form #gform_submit_button_4{
    font-size:16px !important;
  }
    .steps-foot a.back{
      padding:15px 44px;
      border-radius:40px;
    }
    
    .steps-foot a.next:hover,  
    a.button:hover,
    .login .gform_footer:hover .gform_button.button,
    .register .gform_footer:hover .gform_button.button{
      padding: 15px 78px 15px 48px;
    }

    .steps-foot a.next:after, 
    .steps-foot a.back:after, 
    a.button:after{
      height:18px;
      width:20px;
      right:8%;
      top:35%;
      
    }
      .steps-foot a.back:after{
        transform: rotate(180deg) translateX(-150%);
        right:0;
        left:8%;
      }
        .steps-foot a.back:after{
          transform: rotate(180deg) translateX(-100%);
        }
          .steps-next .dlpdf i{
            height:30px;
            width:40px;
            margin-bottom:-10px;
          }
  .steps label span{
    width:15px;
    height:15px;
    padding:15px;
  }
    .steps label{
      padding-left:50px;
      min-height:50px;  
    }
    ul.acf-radio-list li ul li, 
    ul.acf-checkbox-list li ul li{
      font-size:14px !important;
      margin:0 0 15px 0 !important;
    }
    ul.acf-radio-list li ul, 
    ul.acf-checkbox-list li ul{
      margin-top:15px !important;
    }
  /*forms*/
  .register .gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), #gform_fields_login input[type=text], #gform_fields_login input[type=password]{
    padding:15px 25px;
    font-size:16px;
  }
  .gform_legacy_markup_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_1, .gform_legacy_markup_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_2, .gform_legacy_markup_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_3{
    width:100% !important;
  }
  .gform_legacy_markup_wrapper div.ginput_container_name span{
    padding-right:0 !important;
  }
    .login .gform_footer:after,
    .register .gform_footer:after{
      height:18px;
      width:30px;
      right:40px;
      top:15px;
      transform: translateX(0%);
    }
    
    .section .lottie .lottie-wrap{
      position:relative;
    }
    
    /*homepage*/
    .section.hero h1,
    .section h2,
    #welcomeModal .modal-body h1{
      font-size:48px;
    }
    .section.hero p{
      max-width:100%;
    }
    .section.hero{
      min-height:auto;
      background-size:150%;
    }
    .section.hero .content{
      padding-bottom:66%;
    }
    
}

@media screen and (max-width:768px){
  
    .register{
      background:none !important;
    }
  .page-template-steps .logo,
  .page-template-phases .logo,
  .step-sidebar {
    background:#fff;
    /* text-align:center; */
  }
  .mobile-sidebar {
    padding-top: 6vw;
  }
    .steps-foot a.next, 
    .steps-foot a.back {
      width:300px;
      text-align:center;
    }
      .steps-foot a.next:hover,
      .steps-foot a.back:hover{
        width:315px;
      }
      .steps-foot a.next{
        padding:15px 70px 15px 30px;
      }
      .steps-foot a.back{
        padding:15px 30px 15px 70px;
      }
    .steps-next{
      justify-content:center;
      flex-direction: column-reverse;
    }
      .steps-next .dlpdf{
        display:inline-block;
        margin:30px auto 60px auto;
      }

    .step-sidebar.bottom{
      margin-top:60px;
    }
    .steps-foot a.back:after{
      left:10%;
    }
    .steps-foot a.next:after{
      right:15%;
    }
  /*steps sidebar*/
  .step-sidebar.side-menu,
  .step-sidebar{   
    background:transparent;
    padding:0;
    position:relative;
  }
  .mobile-sidebar  {
    width: 250px;
    height:100%;
    top:0;
    left:0;
    position: fixed;
    z-index: 99;
    margin-left:-325px;
    background:#f4f4f4;
    transition:.3s ease;
  }
  .sidebar_checkbox {
    display: none;
  }
  label.sidebar_open {
    background:#00ba97;
    height: 60px;
    width: 80px;
    position: fixed;
    top: 100px;
    left: -30px;
    margin-left:0;
    z-index: 95;
    cursor: pointer;
    transition:.3s ease;
    border-top-right-radius:30px;
    border-bottom-right-radius:30px;
  }


    .sidebar_checkbox:checked ~ .mobile-sidebar { 
      margin-left:0;
      opacity:1;
    }
    .sidebar_checkbox:checked ~ .sidebar_open {
      margin-left:250px;
    }
    .sidebar_icon {
      position: relative;
      margin-left:auto;
      padding: 15px 10px 15px 15px;
      height:100%;
      width:auto;
      margin-left:-30px;
    }
    .feedback_open .sidebar_icon{
      padding:0;
      height:30px;
      margin:0 auto;
    }
    
  .step-sidebar input[type=checkbox] {
      display: none; /*hide checkbox*/
  }
  #menu-sidebar-menu{
    text-align:left;
    margin-left:40px;
  }
  /*404 page*/
  .error-404 .sign{
    width:125px;
    margin-bottom:40px;
  }
  .error-404 .road{
    top:-50px;
    width:100%;
    height:100%;
    left:-450px;
  }
    
  footer.footer > div{
    text-align:left;
  }
  footer.footer > .container > .row > div:first-child{
    border-right:none;
  }
}
@media screen and (min-width:769px){
  .desktop-hide,
  label.desktop-hide{
    display:none !important;
  }
}