@media only screen and (max-width: 480px) {
  #buttons1 {
    margin-top: 3%;
  }
}
@media only screen and (max-width: 480px) {
  #buttons2 {
    width: 60%;
    margin-top: 3%;
    clear: left;
  }
}
@media only screen and (max-width: 480px) {
  #buttons3 {
    width: 50%;
    margin-top: 3%;
    clear: left;
    margin-right: 20%;
  }
}

.toclear {
  clear: left;
}
.service1 {
  background-color: #00486e;
  color: #fff;
  padding: 10px;
  width: 50%;
  margin: auto;
}
.service2 {
  background-color: #f06039;
  color: #fff;
  padding: 10px;
  width: 50%;
  margin: auto;
}
.service3 {
  background-color: #40a478;
  color: #fff;
  padding: 10px;
  width: 50%;
  margin: auto;
}
.service4 {
  background-color: #824d94;
  color: #fff;
  padding: 10px;
  width: 50%;
  margin: auto;
}
a.simplebutton:hover {
  color: #fff;
}
/*  Request from Andres to let 4 "cards" to design the coronavirus page.
 in order for 12 cards to not look bad he wants 4 to show per row,
 duplicating the buttons3 and re-naming it with a different class with different width works */

#buttons4 {
  background-color: #FFFFFF;
  padding-left: 5px;
  padding-right: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: white;
  color: black;
  width: 22%;
  height: 233px;
  text-decoration: none;
  font-size: 0.813em;
  float: left;
  margin-left: 1%;
  padding-top: 40px;
  border-radius: 20px;
  line-height: 20px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  box-sizing: content-box;
}
/*added for coronavirus cards */
@media only screen and (max-width: 480px) {
  #buttons4 {
    width: 95%;
    margin-top: 7%;
    clear: left;
    margin-right: 20%;
  }
}
/* added 4/23 ticket 677896 elf */
@media only screen and (max-width: 480px) {
  #buttons3 {
    width: 100%;
    margin-top: 3%;
    clear: left;
    margin-right: 20%;
  }
}
/* added 4/23 ticket 677533 elf */
.sectiondivider {
  padding: 0px 0px 1.333333px;
    border-bottom-color: rgb(218, 62, 38);
    border-bottom-width: 3px;
    border-bottom-style: solid;
  }
/* added 6/30 WPS-6042 elf */
.pathways {
  width: 30%; position: relative; float: left; margin-right: 3%;
  }
@media only screen and (max-width: 600px) {
  .pathways {
    width: 100%; margin: none; clear: left;
	}
  }
#view-title-table-column {width:40%;}
#side-icon-content-blue

{ padding: 0px 5px 0px 5px; border-style: solid; border-width: 1px; border-color: #0781a6; border-radius: 15px; color: #0781a6; height: auto; text-decoration: none; margin-bottom: 2%; line-height: 20px; box-sizing: content-box; vertical-align: middle; }
#side-icon-content-purple

{ padding: 0px 5px 0px 5px; border-style: solid; border-width: 1px; border-color: #40396f; color: #40396f; height: auto; text-decoration: none; margin-bottom: 2%; border-radius: 15px; line-height: 20px; box-sizing: content-box; vertical-align: middle; }
#side-icon-content-green

{ padding: 0px 5px 0px 5px; border-style: solid; border-width: 1px; border-color: #12642d; color: #12642d; height: auto; text-decoration: none; margin-bottom: 2%; border-radius: 15px; line-height: 20px; box-sizing: content-box; vertical-align: middle; }
#side-icon-content-orange

{ padding: 0px 5px 0px 5px; border-style: solid; border-width: 1px; border-color: #d93c10; color: #d93c10; height: auto; text-decoration: none; margin-bottom: 2%; border-radius: 15px; line-height: 20px; box-sizing: content-box; vertical-align: middle; }
.icon-side

{ float: left; margin-right: 10%; padding-top: 10px; }
.side-icon-2

{ float: left; text-align: center; }

.media-heading

{min-height: 55px;}

.paragraph.paragraph--width--full>.paragraph__column,
.paragraph.paragraph--width--medium>.paragraph__column,
.paragraph.paragraph--width--narrow>.paragraph__column,
.paragraph.paragraph--width--tiny>.paragraph__column,
.paragraph.paragraph--width--wide>.paragraph__column,
.paragraph>.paragraph__column {
    padding-left: 0px;
}

.field--name-dynamic-block-fieldnode-side,
.field--name-dynamic-block-fieldnode-sboe-sidebar-menu {
  margin-top: 15px;
  margin-bottom: 30px;
}

.field--name-field-contact-information,
.field--name-field-contact-info,
.field--name-field-related-content,
.field--name-field-optional-content {
  border: none;
  box-shadow: 0 0 7px 2px #e7e3db;
  background: #ffffff;
  margin-top: 15px;
  margin-bottom: 30px;
}

.field--name-field-optional-content {
  margin-bottom: 15px;
}

.field--name-field-contact-information .field--item,
.field--name-field-contact-info .field--item,
.field--name-field-related-content .field--item,
.field--name-field-optional-content .field--item {
  padding: 15px;
  border-top: none;
}

.field--name-field-related-content .field--label {
  box-shadow: none;
}
/* added 8/16/2022 ticket ITSM21886 elf */
hr {

  margin: 2rem auto;

}
.field--name-dynamic-block-fieldnode-side h2, .field--name-dynamic-block-fieldnode-sboe-sidebar-menu h2 {
    padding: 7px 12px;
    color: #fff;
    background: #0d6cb9;
    font-size: 24px;
    line-height: 1.2;
    box-shadow: 0 4px 3px 0 #ccc;
    margin: 0;
    margin-bottom: 0px;
    margin-top: 0px;
    border-bottom-style: none;
    border-bottom-width: 0px;
}
/* added 3/30/2023 ticket 28789 fet */

  .field--name-body h2:first-of-type,.paragraph__column h2:first-of-type{margin-top: 2rem;}