/*
#######################################################################
#                                                                     #
#                                                                     #
#                  G E N E R A L   P A G E   B O D Y                  #
#                                                                     #
#                                                                     #
#######################################################################
*/

/*
###############################
# GENERAL: Fonts
###############################
# General definitions for the
# whole site... any or all of
# these can be deleted if they
# aren't changed...
###############################
*/

a {
  color: #0071EB;
}

a:hover,
a:not(.btn):not(.skipNav):focus {
  color: #0056b3;
}

/*
#######################################################################
#                                                                     #
#                                                                     #
#                       P A G E   W R A P P E R                       #
#                                                                     #
#                                                                     #
#######################################################################
*/

/*
###############################
# PAGE WRAPPER: Header
###############################
# Additional Responsive fixes
# may need to be added
###############################
*/

.logo {
  background-image: url("/assets/logo_WY.png"); /* point to proper file */
  float: left; /* if not using secondary logo, this can be removed */
  width: 15em; /* if not using secondary logo, this can be removed and allow the clickable area to go full width */
}

/*
###############################
# PAGE WRAPPER: Footer
###############################
# Color definitions for header
# and footer nav... any or all
# of these can be deleted if
# they aren't changed...
###############################
*/

nav.navbar {
  background-color: #fafafa; /* header navbar background */
  border-bottom-color: #ededed; /* header navbar bottom border color */
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.75); /* header nav bar link color */
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7); /* header nav bar link hover color */
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .active > .nav-link {
  color: rgba(0, 0, 0, 0.9); /* header nav bar "active" text color */
}

.nav-item:hover,
.nav-item.active {
  border-left-color: #234385; /* active/hover "bar" color */
}

@media only screen and (min-width: 576px) {
  .navbar-light .nav-item:hover,
  .navbar-light .nav-item.active,
  .navbar-dark .nav-item:hover,
  .navbar-dark .nav-item.active {
    border-bottom-color: #234385; /* active/hover "bar" color */
  }
}

.navbar-nav > li.nav-item:last-child {
  margin-left: auto;
}


@media only screen and (max-width: 640px) {
  .nav .nav-item,
  .navbar-light .nav-item,
  .navbar-dark .nav-item {
    padding: 0.35em 0 0 0;
  }

  .nav-item:first-child {
    margin-left: 0;
  }

  .navbar-nav > li.nav-item:last-child {
    margin-left: 0;
  }
}

/*
###############################
# PAGE WRAPPER: Hero
###############################
# Jumbotron text definitions:
# any or all of these (or any
# attribute) can be deleted
# if they aren't changed...
###############################
*/

.jumbotron span.pre-title {
  font-size: 1.5em;
  line-height: 1.25;
  font-weight: 300;
  color: #fff;
}

.jumbotron h1.display-4 {
  font-size: 2rem;
  font-weight: 400;
  color: #fff;
}

.jumbotron p.lead {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  color: #fff;
  margin-bottom: 0;
}

#page-home .jumbotron {
  background-color: #1a428a;
  background-image: linear-gradient(
    to right,
    rgba(26, 66, 138, 1) 20%,
    rgba(26, 66, 138, 0) 70%,
    rgba(26, 66, 138, 0) 100%),
    url("/assets/hero-home-final.jpg");
  background-image: linear-gradient(
    to right,
    rgba(26, 66, 138, 1) 7%,
    rgba(26, 66, 138, 0.7) 28%,
    rgba(26, 66, 138, 0) 70%,
    rgba(26, 66, 138, 0) 100%
    ),
   linear-gradient(
    to right,
    rgba(26, 66, 138, .55) 28em,
    rgba(26, 66, 138, 0.52) 49em,
    rgba(26, 66, 138, 0) 70em,
    rgba(26, 66, 138, 0) 100%
    ),
    url("/assets/hero-home-final.jpg");
    background-position-x: 3em;
}

#page-students .jumbotron {
  background-color: #1a428a;
  background-image: linear-gradient(
    to right,
     rgba(26, 66, 138, 1) 20%,
     rgba(26, 66, 138, 0) 70%,
     rgba(26, 66, 138, 0) 100%),
    url("/assets/hero-families.jpg");
  background-image: linear-gradient(
    to right,
    rgba(26, 66, 138, 1) 7%,
    rgba(26, 66, 138, 0.5) 28%,
    rgba(26, 66, 138, 0) 70%,
    rgba(26, 66, 138, 0) 100%
    ),
    linear-gradient(
      to right, rgba(26, 66, 138, 0.7) 28em,
      rgba(26, 66, 138, 0.66) 49em,
      rgba(26, 66, 138, 0) 70em,
      rgba(26, 66, 138, 0) 100%),
    url("/assets/hero-families.jpg");
    background-position-x: 10.67vw;
    background-position-y: 30%;
}

#page-educators .jumbotron {
  background-color: #1a428a;
  background-image: linear-gradient(
    to right, rgba(26, 66, 138, 1) 20%,
    rgba(26, 66, 138, 0) 70%,
    rgba(26, 66, 138, 0) 100%
    ),
    url("/assets/hero-educators.jpg");
  background-image: linear-gradient(
    to right,
    rgba(26, 66, 138, 1) 7%,
    rgba(26, 66, 138, 0.5) 28%,
    rgba(26, 66, 138, 0) 70%,
    rgba(26, 66, 138, 0) 100%
    ),
    linear-gradient(to right,
      rgba(26, 66, 138, 0.7) 28em,
      rgba(26, 66, 138, 0.66) 49em,
      rgba(26, 66, 138, 0) 70em,
      rgba(26, 66, 138, 0) 100%
      ),
      url("/assets/hero-educators.jpg");
      background-position-x: 61%;
      background-position-y: 0%;
}

#page-alt-students .jumbotron {
  background-color: #1a428a;
  background-image: linear-gradient(
    to right,
    rgba(26, 66, 138, 1) 20%,
    rgba(26, 66, 138, 0) 70%,
    rgba(26, 66, 138, 0) 100%),
    url("/assets/hero-altFamilies.jpg");
  background-image: linear-gradient(
    to right, rgba(26, 66, 138, 1) 7.2%,
    rgba(26, 66, 138, 0.5) 28.8%,
    rgba(26, 66, 138, 0) 72%,
    rgba(26, 66, 138, 0) 100%
    ),
    linear-gradient(
      to right,
      rgba(26, 66, 138, 0.85) 30em,
      rgba(26, 66, 138, 0.8) 52.5em,
      rgba(26, 66, 138, 0) 75em,
      rgba(26, 66, 138, 0) 100%),
    url("/assets/hero-altFamilies.jpg");
    background-position-x: 67%;
    background-position-y: 10%;
}

#page-alt-educators .jumbotron {
  background-color: #1a428a;
  background-image: linear-gradient(
    to right,
    rgba(26, 66, 138, 1) 20%,
    rgba(26, 66, 138, 0) 70%,
    rgba(26, 66, 138, 0) 100%
    ),
    url("/assets/hero-altEducator.jpg");
  background-image: linear-gradient(
    to right,
    rgba(26, 66, 138, 1) 7.2%,
    rgba(26, 66, 138, 0.5) 28.8%,
    rgba(26, 66, 138, 0) 72%,
    rgba(26, 66, 138, 0) 100%
    ),
    linear-gradient(
      to right,
      rgba(26, 66, 138, 0.85) 30em,
      rgba(26, 66, 138, 0.8) 52.5em,
      rgba(26, 66, 138, 0) 75em,
      rgba(26, 66, 138, 0) 100%),
    url("/assets/hero-altEducator.jpg");
    background-position-x: 100%;
    
}

#page-coordinators .jumbotron {
  background-color: #1a428a;
  background-image: linear-gradient(
    to right,
    rgba(26, 66, 138, 1) 20%,
    rgba(26, 66, 138, 0) 70%,
    rgba(26, 66, 138, 0) 100%
    ),
    url("/assets/hero-coordinator2.jpg");
  background-image: linear-gradient(
    to right, rgba(26, 66, 138, 1) 7.2%,
    rgba(26, 66, 138, 0.5) 28.8%,
    rgba(26, 66, 138, 0) 72%,
    rgba(26, 66, 138, 0) 100%),
    linear-gradient(
      to right,
      rgba(26, 66, 138, 0.85) 30em,
      rgba(26, 66, 138, 0.8) 52.5em,
      rgba(26, 66, 138, 0) 75em,
      rgba(26, 66, 138, 0) 100%
      ),
    url("/assets/hero-coordinator2.jpg");
  background-position-x: 100%;
  background-position-y: 0%;
}

#page-secbro .jumbotron,
#page-supbro .jumbotron {
 background-position-y: 20%;
 background-position-x: 100%;
 background-size: 75%;
}

.jumbotron.jumbotron-short {
  background-color: #1a428a;
  background-image: linear-gradient(
      to right,
      rgba(26, 66, 138, 1) 20%,
      rgba(26, 66, 138, 0) 70%,
      rgba(26, 66, 138, 0) 100%
    ),
    url("/assets/hero-home-final.jpg");
  background-image: linear-gradient(
    to right,
    rgba(26, 66, 138, 1) 7%,
    rgba(26, 66, 138, 0.7) 28%,
    rgba(26, 66, 138, 0) 70%,
    rgba(26, 66, 138, 0) 100%
    ),
   linear-gradient(
    to right,
    rgba(26, 66, 138, .55) 28em,
    rgba(26, 66, 138, 0.52) 49em,
    rgba(26, 66, 138, 0) 70em,
    rgba(26, 66, 138, 0) 100%
    ),
    url("/assets/hero-home-final.jpg");
  background-position-x: 10%;
}

/*
###############################
# PAGE WRAPPER: Sections
###############################
# body sections... can be
# deleted if not changed...
###############################
*/

.pageBody {
  /* includes the complete area between the header and footer */
}

.pageBodyTop {
  /* includes the area covering the jumbotron and first full row of region(s) */
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(1%, rgba(237, 237, 237, 0.7)),
    color-stop(40%, rgba(243, 243, 243, 0.52)),
    color-stop(41%, rgba(243, 243, 243, 0.52)),
    color-stop(100%, rgba(255, 255, 255, 0))
  );
  background: -webkit-linear-gradient(
    top left,
    rgba(237, 237, 237, 0.7) 1%,
    rgba(243, 243, 243, 0.52) 40%,
    rgba(243, 243, 243, 0.52) 41%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -moz-linear-gradient(
    top left,
    rgba(237, 237, 237, 0.7) 1%,
    rgba(243, 243, 243, 0.52) 40%,
    rgba(243, 243, 243, 0.52) 41%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-linear-gradient(
    top left,
    rgba(237, 237, 237, 0.7) 1%,
    rgba(243, 243, 243, 0.52) 40%,
    rgba(243, 243, 243, 0.52) 41%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    to bottom right,
    rgba(237, 237, 237, 0.7) 1%,
    rgba(243, 243, 243, 0.52) 40%,
    rgba(243, 243, 243, 0.52) 41%,
    rgba(255, 255, 255, 0) 100%
  );
}

.layout04Region02and03and04 {
  background: #fafafa;
}

#page-home .layout02Region01and02 {
  background: -webkit-gradient(
    linear,
    left top,
    right bottom,
    color-stop(1%, rgba(237, 237, 237, 0.7)),
    color-stop(40%, rgba(243, 243, 243, 0.52)),
    color-stop(41%, rgba(243, 243, 243, 0.52)),
    color-stop(100%, rgba(255, 255, 255, 0))
  );
  background: -webkit-linear-gradient(
    top left,
    rgba(237, 237, 237, 0.7) 1%,
    rgba(243, 243, 243, 0.52) 40%,
    rgba(243, 243, 243, 0.52) 41%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -moz-linear-gradient(
    top left,
    rgba(237, 237, 237, 0.7) 1%,
    rgba(243, 243, 243, 0.52) 40%,
    rgba(243, 243, 243, 0.52) 41%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -o-linear-gradient(
    top left,
    rgba(237, 237, 237, 0.7) 1%,
    rgba(243, 243, 243, 0.52) 40%,
    rgba(243, 243, 243, 0.52) 41%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    to bottom right,
    rgba(237, 237, 237, 0.7) 1%,
    rgba(243, 243, 243, 0.52) 40%,
    rgba(243, 243, 243, 0.52) 41%,
    rgba(255, 255, 255, 0) 100%
  );
}

.layout01Region01,
.layout01Region02,
.layout01Region03,
.layout01Region04,
.layout01Region05 {
}

.layout02Region01and02,
.layout02Region01,
.layout02Region02,
.layout02Region03,
.layout02Region04,
.layout02Region05 {
}

.layout03Region01and02and03,
.layout03Region01,
.layout03Region02,
.layout03Region03,
.layout03Region04,
.layout03Region05 {
}

.layout04Region01,
.layout04Region02and03and04,
.layout04Region02,
.layout04Region03,
.layout04Region04,
.layout04Region05 {
}

.layout05Region01,
.layout05Region02,
.layout05Region03,
.layout05Region04,
.layout05Region05 {
}

/*
#######################################################################
#                                                                     #
#                                                                     #
#                      P A G E   E L E M E N T S                      #
#                                                                     #
#                                                                     #
#######################################################################
*/

/*
###############################
# ELEMENTS: Quick Links
###############################
# Any or all of these (or any
# attribute) can be deleted
# if they aren't changed...
###############################
*/

#footerQuickCards {
  background-color: #e1e1e1;
}

.btn-quicklink {
  color: #fff;
  background-color: #1A428A;
  border-color: #1A428A;
}

.btn-quicklink:hover,
.btn-quicklink:focus {
  color: #000;
  background-color: #F28B00;
  border-color: #F28B00;
}
#page-coordinators #assocRes-tabs {
	display: none;
}

/*
###############################
# ELEMENTS: Buttons
###############################
# Color definitions for
# buttons... any or all of
# these can be deleted if
# they aren't changed...
###############################
*/

.btn-primary {
  color: #fff;
  background-color: #1a428a;
  border-color: #1a428a;
}

.btn-primary:hover,
.btn-primary:focus {
  color: #000;
  background-color: #F28B00;
  border-color: #F28B00;
}

/*
###############################
# ELEMENTS: Announcement panel
###############################
# Client requested arrows point up and down
###############################
*/
#page-home .announcements-previous,
#page-home .announcements-next {
    transform: rotate(90deg);
}


/*
#######################################################################
#                                                                     #
#                                                                     #
#                 C A R D S   &   C A R D   D E C K S                 #
#                                                                     #
#                                                                     #
#######################################################################
*/

/*
###############################
# CARDS: Basic Card Designs
###############################
# card hover background
# color... can be deleted if
# not changed...
###############################
*/

.card.system:hover,
.card.text-only:hover,
.card.photo:hover,
.card.photo-left:hover,
.card.emblem:hover,
.card.emblem-left:hover {
  background-color: #f0f4f5;
}

/*
#######################################################################
#                                                                     #
#                                                                     #
#                      M E D I A   Q U E R I E S                      #
#                                                                     #
#                                                                     #
#######################################################################
*/

/*
###############################
# MEDIA: (xs) < 576px
###############################
*/

@media only screen and (max-width: 575.98px) {
  .jumbotron .container span {
    display: block;
  }
  #page-home .jumbotron, #page-redirect .jumbotron {
    /* background-position-x: 80%; */
  }
  #page-students .jumbotron {
    background-position-x: 70%;
  }
  #page-educators .jumbotron {
    background-image: linear-gradient(
      to right,
      rgba(26, 66, 138, 1) 7%,
      rgba(26, 66, 138, 0.7) 28%,
      rgba(26, 66, 138, 0) 70%,
      rgba(26, 66, 138, 0) 100%
      ),
     linear-gradient(
      to right,
      rgba(26, 66, 138, .55) 28em,
      rgba(26, 66, 138, 0.52) 49em,
      rgba(26, 66, 138, 0) 70em,
      rgba(26, 66, 138, 0) 100%
      ),
      url("/assets/hero-educators.jpg");
    background-position-x: 50%;
  }
  #page-coordinators .jumbotron {
    background-position-x: 95%;
  }
  .jumbotron.jumbotron-short {
    background-image: linear-gradient(
      to right,
      rgba(26, 66, 138, 1) 7%,
      rgba(26, 66, 138, 0.7) 28%,
      rgba(26, 66, 138, 0) 70%,
      rgba(26, 66, 138, 0) 100%
      ),
     linear-gradient(
      to right,
      rgba(26, 66, 138, .55) 28em,
      rgba(26, 66, 138, 0.52) 49em,
      rgba(26, 66, 138, 0) 70em,
      rgba(26, 66, 138, 0) 100%
      ),
      url("/assets/hero-home-final.jpg");
    background-position-x: 100%;
  }
}

/*
########################################
# MEDIA: (m to l) >= 576px and < 992px
########################################
*/

@media only screen and (min-width: 576px) and (max-width: 991.98px) {
  .jumbotron .container span {
    display: block;
  }

  #page-home .jumbotron {
    /* background-position-x: 65%; */
  }
  #page-students .jumbotron {
    background-image: linear-gradient(
      to right,
      rgba(26, 66, 138, 1) 7%,
      rgba(26, 66, 138, .8) 35%,
      rgba(26, 66, 138, .5) 100%,
      rgba(26, 66, 138, 0) 100%
      ),
     linear-gradient(
      to right,
      rgba(26, 66, 138, .55) 28em,
      rgba(26, 66, 138, 0.52) 49em,
      rgba(26, 66, 138, 0) 70em,
      rgba(26, 66, 138, 0) 100%
      ),
      url("/assets/hero-families.jpg");
    background-position-x: 40%;
  }
  #page-educators .jumbotron {
    background-image: linear-gradient(
      to right,
      rgba(26, 66, 138, 1) 7%,
      rgba(26, 66, 138, 0.8) 58%,
      rgba(26, 66, 138, .6) 70%,
      rgba(26, 66, 138, .3) 100%
      ),
     linear-gradient(
      to right,
      rgba(26, 66, 138, .3) 28em,
      rgba(26, 66, 138, 0.2) 49em,
      rgba(26, 66, 138, 0) 70em,
      rgba(26, 66, 138, 0) 100%
      ),
      url("/assets/hero-educators.jpg");
    background-position-x: 100%;
  }
  #page-coordinators .jumbotron {
    background-image: linear-gradient(
      to right,
      rgba(26, 66, 138, 1) 7%,
      rgba(26, 66, 138, 0.7) 28%,
      rgba(26, 66, 138, 0) 70%,
      rgba(26, 66, 138, 0) 100%
      ),
     linear-gradient(
      to right,
      rgba(26, 66, 138, .55) 28em,
      rgba(26, 66, 138, 0.52) 49em,
      rgba(26, 66, 138, 0) 70em,
      rgba(26, 66, 138, 0) 100%
      ),
      url("/assets/hero-coordinator2.jpg");
  }
}

/*
########################################
# MEDIA: (l to xl) >= 992px and < 1200px
########################################
*/
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {
  #page-home .jumbotron,
  .jumbotron.jumbotron-short,
  #page-redirect .jumbotron {
    background-image: linear-gradient(
      to right,
      rgba(26, 66, 138, 1) 7%,
      rgba(26, 66, 138, 0.7) 28%,
      rgba(26, 66, 138, 0) 70%,
      rgba(26, 66, 138, 0) 100%
      ),
     linear-gradient(
      to right,
      rgba(26, 66, 138, .55) 28em,
      rgba(26, 66, 138, 0.52) 49em,
      rgba(26, 66, 138, 0) 70em,
      rgba(26, 66, 138, 0) 100%
      ),
      url("/assets/hero-home-final.jpg");
    /* background-position-x: 8vw; */
  }
  #page-students .jumbotron {
    background-position-x: 10vw;
  }
  #page-educators .jumbotron {
    background-image: linear-gradient(
      to right,
      rgba(26, 66, 138, 1) 7%,
      rgba(26, 66, 138, 0.7) 28%,
      rgba(26, 66, 138, 0) 70%,
      rgba(26, 66, 138, 0) 100%
      ),
     linear-gradient(
      to right,
      rgba(26, 66, 138, .55) 28em,
      rgba(26, 66, 138, 0.52) 49em,
      rgba(26, 66, 138, 0) 70em,
      rgba(26, 66, 138, 0) 100%
      ),
      url("/assets/hero-educators.jpg");
  }
}



.socialMedia {
  margin-top: 1rem;
  margin-bottom: 2rem;
  background: #fff;
  padding: 1rem;
  border-radius: .25rem;
  text-align: center;
}

.socialMedia .twitterLink {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(25, 66, 138)' class='bi bi-twitter' viewBox='0 0 16 16'%3E%3Cpath d='M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z'/%3E%3C/svg%3E");
  background-position: center left;
  background-size: auto 90%;
  background-repeat: no-repeat;
  padding: 0 1.85rem;
}

.socialMedia .twitterLink:hover,
.socialMedia .twitterLink:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(242, 139, 0)' class='bi bi-twitter' viewBox='0 0 16 16'%3E%3Cpath d='M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z'/%3E%3C/svg%3E");
}


.socialMedia .facebookLink {
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(25, 66, 138)' class='bi bi-facebook' viewBox='0 0 16 16'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z'/%3E%3C/svg%3E");  background-position: center left;
  background-size: auto 90%;
  background-repeat: no-repeat;
  padding: 0 0 0 1.85rem;
}

.socialMedia .facebookLink:hover,
.socialMedia .facebookLink:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgb(242, 139, 0)' class='bi bi-facebook' viewBox='0 0 16 16'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z'/%3E%3C/svg%3E");  background-position: center left;
}