 // Hide Top Translate Bar
     
   .skiptranslate iframe {
     visibility: hidden!important;
   }
     
     
   .btn {
        box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
        padding: 0.5rem 1rem;
    }

    .btn-ezpurple {
        background-color: var(--ez-purple);
        padding: 0.5rem 1rem;
        color: #fff;
        margin: 0 0.5rem 0.5rem 0;
    }
     
    span.btn-ezpurple {
        background-color: var(--ez-purple);
        padding: 0.5rem 1rem;
        color: #fff;
        margin: 0 0.5rem 0.5rem 0;
    }

    .btn-light,
    .btn-outline-ezpurple {
        margin: 0 0.5rem 0.5rem 0;
    }

    .btn-outline-ezpurple {
        outline: 1px solid var(--ez-purple);
        padding: 0.5rem 1rem;
        color: var(--ez-purple);
        font-weight: 600;
        box-shadow: none;
    }

    /*.btn-light:focus,
    .btn-light:hover {
        //box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.4);
        background-color: #f5f5f5!important;
        //box-shadow: 0 4px 4px grey;
        outline: 3px solid #7575c3;
    }*/
     
    .btn-light:focus {
        //box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.4);
        background-color: #f5f5f5!important;
        //box-shadow: 0 4px 4px grey;
        outline: 3px solid #7575c3;
    }*/
     
    .btn-outline-ezpurple:focus,
    .btn-outline-ezpurple:hover {
        background-color: var(--ez-purple-dark)!important;
        color: #fff!important;
        text-decoration: underline!important;
     //outline: 2px solid #7575c3;
    }
    
    .btn-ezpurple:focus,
    .btn-ezpurple:hover {
        background-color: var(--ez-purple-dark);
        color: #fff;
     //outline: 2px solid #7575c3;
    }
     
    span.btn-ezpurple:focus,
    span.btn-ezpurple:hover {
        background-color: var(--ez-purple-dark)!important;
        color: #fff;
     //outline: 2px solid #7575c3;
    }
     
    .btn-ezpurple a:focus,
    .btn-ezpurple a:hover {
        text-decoration: underline!important;
    }
     
    .navbar-nav a:focus,
    .navbar-nav a:hover {
        text-decoration: underline;
        color: var(--ez-purple);
    }


#va-commonBanner .va-commonBanner__link a {
  text-decoration: none !important;  
}

#va-commonBanner.va-commonBanner--dark .va-commonBanner__link a {
  color: white !important;
  font-weight: 400 !important;
  font-size: .88rem !important;
}

#va-commonBanner.va-commonBanner--dark .va-commonBanner__link a:hover {
  text-decoration: underline !important;
}

#va-commonBanner__tagline {
  font-size: .88rem !important;
}

#anchor-links {
  text-align: center;
  margin-bottom: 3rem;  
  margin-top: -3rem;
}

.video-featured {
  margin-bottom: 3rem;
}

/*bottom right footer logo*/
.fa-pull-right {
  float: right;
}

/*last child border removed for doc library*/
.library-document:last-child {
  border: none !important;
}

/*image styling for tabs*/

.image-left-insert {
  width: 100%;
}

.image-right-insert {
  width: 100%;
}

@media only screen and (min-width: 768px) {
.image-left-insert {
  width: 50%;
}

.image-right-insert {
  width: 50%;
}
}


.image-tab-small-logo {
  height: 35px;
  display: inline-block;
  margin: 5px;
}

/*buttons for tinymce*/ 

span.btn-ezpurple {
  color: none;
  background-color: none;
}

.btn-ezpurple a {
    color: #fff;
      
      &:hover, &:focus {
        color: white;
        text-decoration: none;
    }
}

.btn-outline-ezpurple a {
    color: var(--ez-purple);
    
    &:hover, &:focus {
        color: white;
        text-decoration: none;
    }
}

/*search form css*/

form.gsc-search-box {
  display:none;
}

.gs-webResult.gs-result a.gs-title:link {
  color: var(--ez-purple) !important;
}

.gs-webResult div.gs-visibleUrl {
  color: #999 !important;
}

.gcsc-find-more-on-google-magnifier {
  fill: #999 !important;
}

.gcsc-find-more-on-google {
  color: #999 !important;
}

.gsc-cursor > div {
  background: white !important;
  color: var(--ez-purple) !important;
}

@media only screen and (min-width: 920px) {
.gsc-cursor > div {
        background: var(--ez-purple) !important;
        color: white !important;
        padding: .75rem 1rem !important;
    }
}

    .gsc-cursor > div.gsc-cursor-current-page {
        border: 1px solid var(--ez-purple) !important;
        color: var(--ez-purple) !important;
        background: white !important;
    }

    .gsc-cursor > div:hover {
        text-decoration: none !important;
        background: #999 !important;
        color: white !important;
    }

.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b {
    color: #999 !important;
}


/* Portrait for ipad*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
and (orientation: portrait) {
  /* CSS styles specific to iPad portrait mode */
  .homepage-image-callout {
     height: 15vh;
     width: auto;
}
}

@media only screen and (min-width: 920px) {
  /* For desktops : */
  .homepage-action {
    margin: 0 auto !important;
}
}

/* Open Accordion Focus State */
.accordion-button:focus {
    border-style: solid;
    border-width: 0.25rem;
}

/* Google Translate */
#google_translate_element {
	display: none !important; 
} 
      
#google_translate_element.show {
	display: block !important; 
} 

.skiptranslate.goog-te-gadget {
  height: inherit !important;
  overflow: hidden !important;
}

select.goog-te-combo {
    padding: .5rem 0 !important;
    color: #000 !important;
    text-decoration: none !important;
    line-height: 1.2rem !important;
    font-weight: 400 !important;
    margin-top: 8px !important;
  font-size: 1rem;
  font-family: Open Sans, sans-serif;
  max-width: 10rem;
  border: none !important;
}

select.goog-te-combo:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}

#google_translate_element span {
  display: none;
}

select.goog-te-combo:hover {
  cursor: pointer;
}
      
@media screen and (max-width: 1199px) {
  div#google_translate_element {
    margin: 0 auto;
  }  
}
