/* BANNER IMAGES */
/* fragile targeting of infographic images */
@media screen and (min-width: 768px) {
  #banner {
    min-height: 400px;
  }
}
#banner .banner-img:not([style*="infographic"]) {
  width: 100%;
  background-size: cover;
  background-position: center 30%;
}
#banner .banner-img[style*="infographic"] {
  right: calc( 3rem + 15px );
}


/* NAVIGATION MENU SUPPORT */
.main-nav .sub-menu,
.main-nav .sub-menu li,
.main-nav .sub-menu a {
  padding: 0;
  margin: 0;
}
.main-nav .sub-menu {
  font-size: 80%;
  margin-top: -1rem;
}
#leave {
  position: fixed;
  top: 67px;
}

@media screen and (max-width: 767px) {
  header .row {
    justify-content: space-between;
  }
  .main-nav li.current-menu-item .sub-menu li a::after,
  .main-nav li.current-menu-ancestor .sub-menu li a::after {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  #leave {
    position: fixed;
    top: 0;
  }

  #mobi-cont {
    z-index: 2006;
    overflow: unset;
    position: relative;
    top: 0;
    margin-right: 1rem;
  }

  .main-nav li {
    position: relative;
  }

  .main-nav .sub-menu {
    background-color: #109668; /* default */
    box-shadow: 8px 9px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #fff;
    max-height: 80vh;
    min-width: 15rem;
    padding: 8px 0;
    overflow: auto;
    position: absolute;
    z-index: 2;
    left: -1000rem;
    font-size: 100%;
    margin-top: -1.5rem;
    margin-left: -0.75rem;
    text-align: left;
  }
  .main-nav .sub-menu li {
    display: block;
    width: 100%;
    margin: 0;
  }
  .main-nav .sub-menu a {
    display: block;
    text-transform: none;
    padding: 0.5rem 0.75rem;
  }
  .main-nav .menu-item-has-children:hover .sub-menu,
  .main-nav .menu-item-has-children a:focus + .sub-menu,
  .focus .sub-menu {
    left: 0;
  }

  .main-nav li.current-menu-item .sub-menu li:not(.current-menu-item) a::after,
  .main-nav li.current-menu-ancestor .sub-menu li:not(.current-menu-item) a::after,
  .main-nav li.current-menu-item.cta a::after,
  .main-nav li.current-menu-ancestor.cta a::after,
  .main-nav > .current-menu-item:last-child > a::after,
  .main-nav > .current-menu-ancestor:last-child > a::after {
    display: none !important;
  }

  .main-nav > .current-menu-ancestor .sub-menu li.current-menu-item a::after {
    top: 80%;
    left: 0.75rem;
    transform: none;
  }

  header .cta > a,
  header .main-nav > li:last-child > a {
    border: 1px solid #fff;
    background-color: rgba(255,255,255,0.1);
    padding: 0.5rem 1rem;
    display: block;
  }

  header .cta > a + .sub-menu,
  header .main-nav > li:last-child > a + .sub-menu {
    margin-top: -1px;
    margin-left: 0;
  }

  /* colors */
  .green-yellow .main-nav .sub-menu,
  body[class*='green-'] .main-nav .sub-menu {
    background-color: #109668;
  }
  .purple-yellow .main-nav .sub-menu,
  body[class*='purple-'] .main-nav .sub-menu {
    background-color: #794c6a;
  }
}

/* LINKS */
main a:not(.btn) {
  border-bottom: 1px solid rgba(0,0,0,0.2);
}
main a:not(.btn):hover {
  border-bottom: 1px solid rgba(0,0,0,0.4);
}
.callout a:not(.btn) {
  border-bottom: 1px solid rgba(255,255,255,0.4);
}
.callout a:not(.btn):hover {
  border-color: #fff;
}
#partners .partner h4 a { /* linked images */
  border: none;
}
.btn.cta-btn {
  font-size: 18px;
  padding: 1rem;
}
.callout .btn.cta-btn {
  border: 1px solid;
  box-shadow: 8px 9px 0;
}

/* EMPLOYER WHAT TO DO */
#how-to-deal {
  margin-top: -4rem;
}

/* REQUEST COACHING/TRAINING PAGE FORMS */
#request-coaching p + h2:last-child,
#request-coaching h2:only-child {
  margin-bottom: -2rem;
}
#gform_wrapper_5,
#gform_wrapper_6,
#gform_wrapper_7 {
  padding: 24px;
  margin-top: 0;
  border: 1px solid #000;
  box-shadow: 8px 9px 0 #ffca00;
}
body[class*='purple-'] #gform_wrapper_5,
body[class*='purple-'] #gform_wrapper_6,
body[class*='purple-'] #gform_wrapper_7 {
  box-shadow: 8px 9px 0 #794c6a;
}
body[class*='-green-light'] #gform_wrapper_5,
body[class*='-green-light'] #gform_wrapper_6,
body[class*='-green-light'] #gform_wrapper_7 {
  box-shadow: 8px 9px 0 #b8ec00;
}
#gform_wrapper_5 .gform_footer,
#gform_wrapper_6 .gform_footer,
#gform_wrapper_7 .gform_footer  {
  text-align: left;
}
#gform_wrapper_7 label {
  margin-bottom: 0;
}
#gform_wrapper_7.gform_wrapper ul.gform_fields li.gfield > div {
  margin-top: 0 !important;
}
#field_7_1 {
  margin-bottom: 0;
}
#gform_wrapper_7 .gform_footer {
  margin: 0 !important;
}

/* FIX FORM */
.gfield_radio input,
.gfield_checkbox input {
  width: auto !important;
}
body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox.ginput_container_checkbox {
  margin-top: 0;
}
body .gform_wrapper ul li.gfield.gfield {
  margin-top: 24px;
}
.gfield_select {
  height: 37px;
  width: 100%;
  border-radius: 0;
}

/* EMPLOYER TOOLKIT DOWNLOADS */
#employer-toolkit a[href*=".pdf"]:after {
  content: '';
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  margin-left: 4px;
  color: #999;
}

/* GET HELP / DECISION TREE */
#help-cont {
  min-height: 140px;
  margin-top: -6rem;
}
#help-cont .help-post:first-child {
  background: #b8ec00;
  padding: 24px;
}
#help-cont .help-post:first-child h2 {
  margin-bottom: -1rem;
}
.help-post > p:first-child {
  padding-top: 1rem;
}

/* ABOUT PAGE */
@media screen and (min-width: 768px) {
  #partners img[src*="saskchamber"] {
    margin-top: -40px;
  }
}

/* SPACING */
@media screen and (max-width: 767px) {
  .col-md-6 + .col-md-6 ul:first-child {
    margin-top: -2rem;
  }
}