/* --------------------------------------------------------------- */
/* --------------------------------------------------------------- */
/* --------------------------------------------------------------- */
/* -------------------------------------------- START APPLY TO ALL */
/* --------------------------------------------------------------- */
/* --------------------------------------------------------------- */
/* --------------------------------------------------------------- */
:root {
  --ste_orange: #ca780c;
  --ste_lt_gray: rgb(120, 120, 120);
  --ste_dk_gray: #555;
  --ste_form_gray: #ccc;
}

* {
  box-sizing: border-box
}

body {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 18px;
  margin: 0;
}

html,
body {
  overflow-x: hidden;
  color: black;
  -ms-overflow-style: scrollbar;
  -webkit-font-smoothing: antialiased;
}

ul {
  list-style-type: none
}

/* REMOVES UL BULLETS */
a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  color: inherit;
}

a {
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

.fa-fw {
  font-size: 1em;
}

/* --------------------------------------------------------------- */
/* --------------------------------------------------------------- */
/* --------------------------------------------------------------- */
/* --------------------------------------------- END APPLY TO ALL  */
/* --------------------------------------------------------------- */
/* --------------------------------------------------------------- */
/* --------------------------------------------------------------- */

ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: var(--ste_form_gray);
  border-top: 2px solid var(--ste_orange);
  border-bottom: 2px solid var(--ste_orange);
}

ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}

ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

ul.breadcrumb li a {
  color: var(--ste_orange);
  text-decoration: none;
}


.header_container {
  background-image: url("header_pic1b.jpg");
  background-size: cover;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  text-align: center;
  padding-bottom: 1em;
  border-bottom: 4px solid var(--ste_lt_gray);
}


h1 a {
  color: white;
  text-decoration: none;
  border-style: solid;
  padding: 0 4px;
}


h2,
h3 {
  color: white;
  padding: 0;
  margin: 0;
}

/* ALL ITEMS NOT DISPLAYING ON SMALL SCREENS */
.bookmark_us {
  display: none
}

/* NAVIGATION */
.nav_outer_ul {
  display: flex;
  position: relative;
  flex-direction: column;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 100%;
  vertical-align: top;
  box-shadow: 1px -1px -1px 1px black, -1px 1px -1px 1px white, 0 0 6px 3px white;
  background-color: black;
}

/* ADDS BORDER UNDER LINKS */
.nav_outer_ul>li {
  border-bottom: 4px var(--ste_lt_gray) solid;
}

/* ABOUT, SERVICES, DOCUMENTS... */
.nav_outer_ul a {
  display: block;
  position: relative;
  color: white;
  padding: 0.8em 1.8em;
}

/* SUBMENU POSITIONING */
.nav_outer_ul ul {
  text-decoration: none;
  white-space: nowrap;
  padding-left: 1em;
  z-index: 1;
  left: -99999em;
}

.nav_outer_ul li li>a:first-child:nth-last-child(2):before {
  border-left-color: var(--ste_lt_gray);
  margin-top: -5px
}

/* NAV SUBMENU COLOR */
.nav_outer_ul li li > a {
  color: var(--ste_orange);
}

#pop_img1 {
  display: none
}

#down_arrow1,
#down_arrow2,
#down_arrow3 {
  display: inline;
  position: absolute;
  right: 16px;
  color: white;
  height: 16px;
  width: 16px;
}

#icon1,
#icon2,
#icon3 {
  height: 16px;
  width: 16px;
}



/* ARROW ANNIMATIONS */
.fa-chevron-down {
  transform: rotate(0turn);
  transition: transform .125s linear;
  transform-origin: center center;
}
.fa-chevron-down.open {
  transform: rotate(0.5turn);
  transition: transform .125s linear;
  transform-origin: center center;
}
/* ARROW ANNIMATIONS */


.dropdown_content {
  /* display: block; */
  display: none;
  padding-left: 1em;
}

/* END NAVIGATION */

/* Slideshow container */
.slideShowContainer {
  box-sizing: border-box;
  max-width: 100%;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

.mySlides img {
  max-width: 100%;
}

.mySlides .text_block1 {
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
}

.text_block1 {
  background: black;
  position: relative;
  width: 100%;
  background-color: black;
  color: white;
  padding: .5em;
  text-align: center;
  /* vertical-align: middle; */
}

.text_block1 p {
  padding: .25em;
  margin: 0;
}

.flex_prev_next {
  display: flex;
  justify-content: space-between;
  padding: 0 0 .5em 0;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  padding: 16px;
  color: black;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  /* REMOVE Z-INDEX BELOW IF ARROWS SHOW OVER SUBMENU */
  z-index: 1;
}

/* Position the "next button" to the right */
.prev {
  border-radius: 0 12px 12px 0;
  background-color: var(--ste_orange);
}

.next {
  border-radius: 12px 0 0 12px;
  background-color: var(--ste_orange);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* THE DOT-INDICATORS UNDER SLIDESHOW */
.dot {
  text-align: center;
  cursor: pointer;
  height: 24px;
  width: 8px;
  margin: 0;
  padding: 0 12px 0 12px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: var(--ste_orange);
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {
    opacity: .4
  }

  to {
    opacity: 1
  }
}

@keyframes fade {
  from {
    opacity: .4
  }

  to {
    opacity: 1
  }
}

.buttons_list ul li {
  text-decoration: none;
}

/* MOBILE */
.main_container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  align-content: space-around;
  border: 2px solid black;
  border-radius: 8px;
  margin: 12px;
  padding-top: 2em;
}

/* MOBILE */
.footer_links_container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: baseline;
  align-content: space-around;
  margin: 12px;
}

.stars_div,
.marker_div,
.status_div,
.feedback_div {
  width: 300px;
  height: 5em;
  padding-bottom: 1em;
  text-align: center;
  font-size: 2em;
  color: var(--ste_orange);
  text-decoration: none;
}

.quick_quote_container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  border: 2px solid black;
  border-radius: 8px;
  margin: 12px;
  padding: 2em;
}

.item_label address,
.item_label {
  color: black;
  font-size: 18px;
}

.sa_container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  /* padding: 2em; */
}

.sa_list {
  width: 100%;
  padding: 0;
  margin-right: 2em;
}

.ltd_list {
  width: 100%;
  padding: 0;
  margin-right: 2em;
  font-weight: 700;
}

.sa_map {
  max-width: 100%;
}

.sa_map_container img {
  max-width: 75%;
  border-radius: 16px;
}

.overview_main h2, .overview_main_r h2 {
  color: var(--ste_orange);
}

.overview_main {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-bottom: 2px solid black;
  margin: 12px;
  padding: 1em;
}

.alpha_highlight {
  color: var(--ste_orange);
}

.sa_map_container {
  width: 100%;
}
.sa_map_container {
  display: none;
  margin: 0;
  padding: 0;
}

.flex_main_container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 12px;
  padding: 1em;
}

.about_main_container,
.equip_main_container,
.news_main_container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 2px solid black;
  border-radius: 8px;
  margin: 12px;
  padding: 1em;
}

.inner_about {
  position: relative;
  max-width: 100%;
  padding: 1em;
}

div.about_main_container > img {
  border-radius: 8px;
  max-width: 100%;
}

div.equip_main_container div img {
  max-width: 100%;
}

.medical_equip_div {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: left;
}

/* #MED > div {
  width: 100%;
  display: flex;
  flex-direction: row;
} */

.medical_equip_div_child2 {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

div.medical_equip_div_child2 img {
  max-width: 100%;
}

.proximity_img img {
  border: 1px solid black;
  width: 100%;
  border-radius: 12px;
}

#bulleted_list {
  list-style-type: disc;
  font-size: 1.125em;
}

.careers_main_container,
.faq_main_container {
  display: flex;
  flex-direction: column;
  align-content: center;
  /* align-items: baseline; for larger screens */
  /* align-items: baseline; */
  justify-content: space-evenly;
  border: 2px solid black;
  border-radius: 8px;
  margin: 12px;
  /* padding: 2em 2em 2em 4em; */
}

.highlights_box {
  align-content: flex-start;
  padding: 1em;

}


/* START QUOTE FORM */
input[type=number] {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--ste_form_gray);
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=text],
select,
textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--ste_form_gray);
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type=submit] {
  background-color: var(--ste_orange);
  color: white;
  padding: 12px 20px;
  border: 1px solid black;
  border-radius: 4px;
  font-size: 1em;
  cursor: pointer;
}

input[type=submit]:hover,
input[type=submit]:active,
input[type=submit]:focus {
  background-color: var(--ste_lt_gray);
}

.qqform_outer_container {
  width: 100%;
}

.qqform_inner_container {
  display: flex;
  flex-direction: row;
  border-radius: 5px;
  border: 2px solid black;
  background-color: var(--ste_form_gray);
  padding: 2em;
  margin-top: 1em;
}

.form_outer_container {
  width: 100%;
}

.form_inner_container {
  border-radius: 5px;
  border: 2px solid black;
  background-color: var(--ste_form_gray);
  padding: 2em;
  margin-top: 1em;
}

/* END QUOTE FORM */
/* END MAIN INTERACTIVES */

/* FOOTER */
footer {
  background-color: var(--ste_dk_gray);
  position: relative;
}

.footer_links1 ul,
.footer_links2 ul,
.footer_links3 ul,
.footer_links4 ul {
  text-decoration: underline;
  color: white;
  padding: 0;
  text-align: center;
}

.footer_links1 ul li,
.footer_links2 ul li,
.footer_links3 ul li,
.footer_links4 ul li {
  padding: 4px;
}

div.footer_links1 {padding-top: 2em;}

.footer_list_header {
  color: var(--ste_orange);
  text-align: center;
}

.main_container_header {
  color: var(--ste_orange);
  text-align: left;
}

/* MOBILE */
.footer_links1,
.footer_links2,
.footer_links3,
.footer_links4 {
  width: 250px;
}

.footer_3_columns {
  display: flex;
  flex-direction: column;
  align-content: center;
  padding: 2em 2em;
  background-color: var(--ste_lt_gray);
}

.footer_4col_1,
div.footer_4col_1 span {
  text-align: center;
}

.footer_4col_1 {
  display: flex;
  flex-direction: column;
  justify-content: inherit;
}

div.footer_4col_1 h2 {
  margin-bottom: 1em;
}

div.footer_4col_1 h2 a {
  border: 3px solid white;
  padding: 2px 5px 2px 5px;
}

.footer_4col_1 span a {
  color: white;
}

.footer_4col_1 h3 {
  font-size: 24px;
  padding-top: 2px;
  padding-left: 2px;
  margin: 0;
  color: black;
  text-decoration: none;
  border-style: solid;
}

.footer_4col_1 ul {
  margin: 0;
  padding: 0;
  padding-top: 1em;
  padding-bottom: 0;
  color: white;
}

.footer_4col_1 ul li {
  display: inline;
  margin: 0;
}

.footer_4col_1 span {
  color: black;
}

.footer_4col_2 {
  order: 3;
  display: flex;
  text-align: center;
  justify-content: center;
  font-size: .85em;
  padding: 0 3em 0 3em;
}

.footer_4col_2 p {
  font-size: 1.25em;
  color: white;
}

.footer_4col_3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
  padding: 2em 0 0 0;
}

.footer_4col_3 img {
  max-width: 100%;
  border: 2px solid white;
  border-radius: 2%;
}


address {
  color: white;
  display: inline-block;
}

address a {
  color: white;
}

.copyright_ {
  background-color: var(--ste_dk_gray);
  padding: 10px;
  text-align: center;
  font-size: .85em;
}

/* END FOOTER */

/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
/* MEDIA QUERIES SCREENS 600px and UP */
/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */

/* START 600px and UP) */
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

  /* Seatac Express Box */
  h1 a:hover {
    color: white;
    text-decoration: underline;
  }

  ul.breadcrumb li a:hover {
    text-decoration: underline;
  }

  /* On hover, add a black background color with a little bit see-through */
  .prev:hover,
  .next:hover {
    background-color: var(--ste_lt_gray);
  }

  .stars_div,
  .marker_div,
  .status_div,
  .feedback_div {
    width: 300px;
    text-align: center;
    font-size: 2em;
    color: var(--ste_orange);
    text-decoration: none;
  }

  .careers_main_container,
  .faq_main_container {
    padding: 2em 2em 2em 4em;
  }

  .sa_container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: space-between;
  }



  /* .service_area_main1 {
    border: 2px dashed seagreen;
  }
  .service_area_main2 {
    flex-basis: 6rem;
  }
  .service_area_main3 {
    flex-basis: 6rem;
  } */

  .medical_equip_div_child2 {
    flex-wrap: wrap;
    justify-content: flex-start;
  }


  address a:hover {
    text-decoration: underline;
  }

}

/* END 600px and UP) */

/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
/* MEDIA QUERIES SCREENS 768px and UP */
/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */

/* START 768px and UP) */
@media only screen and (min-width: 768px) {
  .main_container,
  .footer_links_container {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: baseline;
    align-content: space-around;
    border-radius: 8px;
    margin: 12px;
  }

  .stars_div,
  .marker_div,
  .status_div,
  .feedback_div {
    width: 350px;
    text-align: center;
    font-size: 2em;
    color: var(--ste_orange);
    text-decoration: none;
  }

  .footer_links1,
  .footer_links2,
  .footer_links3,
  .footer_links4 {
    width: 325px;
  }

}

/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
/* MEDIA QUERIES SCREENS 992px and UP */
/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */

/* START 992px and UP) */
@media only screen and (min-width: 992px) {

  /* NAVIGATION */
  .nav_container {
    border-bottom: 4px solid var(--ste_lt_gray)
  }

  .nav_outer_ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 100%;
    vertical-align: top;
    box-shadow: 1px -1px -1px 1px black, -1px 1px -1px 1px white, 0 0 6px 3px white;
    background-color: black;
  }
  
  .nav_outer_ul>li {
    border-bottom: none;
  }

  .dropdown_content {
    display: block;
    position: absolute;
    /* padding-left: 1em; */
    background-color: black;
  }


  .nav_outer_ul>li:hover {
    display: block;
    left: auto;
    position: relative;
    /* min-width: 100%; */
  }

  /* BOTTOM BORDERS on UL */
  .nav_outer_ul ul {
    border-right: 4px solid var(--ste_lt_gray);
    border-left: 4px solid var(--ste_lt_gray);
    border-bottom: 4px solid var(--ste_lt_gray);
  }

  /* NAV LINK TEXT COLOR ON HOVER */
  /* About Us, Services, Documents, etc.  */
  .nav_outer_ul li:hover>a {
    color: var(--ste_orange);
  }

  .nav_outer_ul>li:hover,
  .nav_outer_ul>li:hover>a {
    border-bottom-color: var(--ste_orange);
  }

  .nav_outer_ul>li:hover>ul {
    left: auto;
    position: absolute;
    /* ALLOWS US TO SEE ALL NAV DURING HOVER */
    min-width: 100%;
  }

  /* NAV SUBMENU COLOR */
  .nav_outer_ul li li > a {
    color: white
  }

  .nav_outer_ul>li li:hover>ul {
    left: 100%;
    margin-left: 1px;
    top: -1px;
  }

  /* arrow hover styling */
  .nav_outer_ul>li>a:first-child:nth-last-child(2):before {
    border-top-color: white;
  }

  .nav_outer_ul>li:hover>a:first-child:nth-last-child(2):before {
    border: 5px solid transparent;
    border-bottom-color: var(--ste_lt_gray);
    margin-top: -5px
  }

  .nav_outer_ul li li:hover>a:first-child:nth-last-child(2):before {
    border: 5px solid transparent;
    border-right-color: var(--ste_lt_gray);
    right: 10px;
  }

  #down_arrow1,
  #down_arrow2,
  #down_arrow3 {
    display: inline;
    position: relative;
    right: -2px;
    top: 1px;
    color: white;
    height: 16px;
    width: 16px;
  }

  #pop_img1 {display: none;}
  #pop_lock:hover #pop_img1 {
    display: block;
    border: 2px solid black;
    /* border-color: var(--ste_orange); */
    border-radius: 4px;
    position: absolute;
    max-width: 85%;
    top: -37px;
    left: 20px;
  }

  .covid_19,
  .bookmark_us {
    display: block;
    position: absolute;
    right: 12px;
    top: 12px;
    font-size: 1em;
    color: white;
  }

  .inner_about {
    position: absolute;
    max-width: 95%;
    padding: 1em;
  }
  
  div.about_main_container > img {
    border-radius: 8px;
    opacity: 40%;
  }

  /* 992px + */
  .main_container,
  .footer_links_container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: baseline;
    align-content: space-around;
    border-radius: 8px;
    margin: 12px;
  }

  .cargo_imgs {
    width: 100%;
    text-align: center;
   
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .footer_4col_2 {
    order: 2;
    /* font-size: 1em; */
    text-align: left;
  }

  .text_block1 {
    position: absolute;
    /* At the bottom. Use top:0 to append it to the top */
    bottom: 0;
    /* Some padding */
    padding: 20px;
  }
  
 

  .stars_div,
  .marker_div,
  .status_div,
  .feedback_div {
    width: 400px;
    text-align: center;
    font-size: 2em;
    color: var(--ste_orange);
    text-decoration: none;
  }

  .copyright_ {
    font-size: 1em;
  }

  .footer_3_columns {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    width: 100%;
  }

  .footer_links1,
  .footer_links2,
  .footer_links3,
  .footer_links4 {
    width: 400px;
  }

  .footer_4col_1,
  div.footer_4col_1 span {
    text-align: left;
  }

  div.footer_4col_1 h2 {
    margin-bottom: 1em;
  }

  div.footer_4col_1 h2 a {
    border: 3px solid white;
    padding: 2px 5px 2px 5px;
  }

  .footer_4col_1 span a {
    color: white;
  }

  .footer_4col_1 h3 {
    font-size: 24px;
    padding-top: 2px;
    padding-left: 2px;
    margin: 0;
    color: black;
    text-decoration: none;
    border-style: solid;
  }

  .footer_4col_2 {
    order: 2;
  }

  .footer_4col_3 {
    order: 3;
    padding: 0;
  }

  .footer_4col_1,
  .footer_4col_3 {
    flex-basis: 1;
    width: 250px;
  }

  .footer_4col_2 {
    flex-basis: 2;
  }

  .footer_4col_3 {
    flex-direction: row;
  }

  .about_main_container,
  .equip_main_container,
  .news_main_container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 2px solid black;
    border-radius: 8px;
    /* margin: 12px; */
    /* padding: 4em; */
  }
}


/* END 900px and UP) */

/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
/* MEDIA QUERIES SCREENS 1200px and UP */
/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
/* ------------------------------------------------------------------- */
@media only screen and (min-width: 1200px) {
  .text_block1 {
    position: absolute;
  }
  
  .overview_main_r > div {
    /* display: flex; */
    flex-direction: row;
    justify-content: space-between;
    /* border: 2px solid black; */
    /* border-radius: 8px; */
    /* margin: 12px;
    padding: 1em; */
    text-align: right;
    width: 100%;
  }


  .stars_div,
  .marker_div,
  .status_div,
  .feedback_div {
    width: 250px;
    padding-bottom: 0;
  }

  .footer_links1,
  .footer_links2,
  .footer_links3,
  .footer_links4 {
    width: 200px;
  }

  .footer_4col_2 {
    order: 2;
    font-size: 1em;
    text-align: left;
  }

  .medical_equip_div {
    display: flex;
    flex-basis: 2;
    justify-content: space-between;
  }

  .medical_equip_div_child1 {
    flex-grow: 3;
  }

  .medical_equip_div_child2 {
    /* width: 100%; */
    display: flex;
    flex-wrap: wrap;
    flex-basis: 1;
    justify-content: flex-start;
  }

  div.medical_equip_div_child2 {
    max-width: 100%;
  }

  .proximity_img img {
    border: 1px solid black;
    width: 100%;
    border-radius: 12px;
  }

  .sa_map_container {
    display: block;
    flex-basis: 60%;
  }




}

/* END 1200px and UP) */