/* General HOD default styles */

@import
url("https://fonts.googleapis.com/css?family=Great+Vibes|Merienda|Gentium+Book+Basic|Nunito|Alegreya|Domine|Merriweather|Oswald|Glegoo|Bungee+Inline|Bungee+Shade|Zen+Tokyo+Zoo");

img {
  border: 0;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  margin: 24px 0;
  border-bottom: 2px solid #aaa;
  clear: both;
}

/* Welcome Google Font */
@import url('https://fonts.googleapis.com/css?family=Great+Vibes|Merienda');


/*! ---------- =typography ---------- */

html body {
  font: 16px/24px "Open Sans", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #444444
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

p, ol, ul, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 24px;
}
p, ol, ul {
  orphans: 2;
  widows: 2;
}
p:last-child, ol:last-child, ul:last-child {
  margin-bottom: 0;
}
ol, ul {
  margin: 10px !important;
  margin-left: 2em !important;
  list-style: disc !important;
}
.sfcommentsFieldsList, #hodDivWrap + ul, .item-list {
    margin: 0px !important;
  list-style: none !important;
}
h1, h2, h3, h4, h5, h6 {
  text-rendering: optimizeLegibility;
  color: #004568;
  font-weight: 400;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
  display: inline-block;
  vertical-align: middle;
}
h5, h6 {
  font-weight: 700;
}
h1 {
  font-size: 40px !important;
  line-height: 48px;
}
@media (max-width: 767px) {
  h1 {
    font-size: 32px !important;
  }
}
h2 {
  font-size: 32px !important;
  line-height: 36px;
}
h3 {
  font-size: 26px !important;
  /*line-height: 36px;*/
}
h4 {
  font-size: 20px !important;
}
h5 {
  font-size: 17px !important;
}







/* Search */

#hodSearch {
 
  float: right;
  margin-top: -150px;
  margin-right: 33px;
}

#hodLogin {

  padding: 12px;
  color: #ffffff;
  background-color: #004250;
  font-weight: bold;
  font-size: 14px;
  margin-left: 5px;
}

/* PAGE */

body {
 
  background-color: #ffffff !important;
}

/* first content block given margin so navy/teal lines do not overlap */
.sfContentBlock > p:first-child {

  /*margin-top: 50px;*/
}

/* Content Area */
.sfPublicWrapper {
 
  width: 1500px !important;
  padding: 0px !important;
  margin: 50px 10px !important;
  margin-top: 0px !important;
  margin: 20px auto !important;
}

/* NAV */

.sfNavWrp.sfNavHorizontalDropDownWrp > ul > li > a {

  border-radius: 5px 5px 0px 0px;
} 

.sfNavHorizontalDropDown .k-item > a.k-link {

  font-size: 16px;
}

.sfNavWrp.sfNavHorizontalDropDownWrp {

  width: 100%;
 left: 0; 
  /* display: inline-block; */
  display: flex;
  background-color: #ffffff;

} 










.sfNavHorizontalDropDown {

    background-color: #ffffff !important;
    font-size: 18px !important;
    font-weight: bold !important;
}

.sfNavHorizontalDropDown .k-item > a.k-link {
 
  color: #004250 !important;
  border: solid 1px #004250;
}

.sfNavHorizontalDropDown .k-popup {
 
  background-color: #ffffff !important;
}

.sfNavHorizontalDropDown a:hover {
 
  /*background-color: #e5e5e5 !important;*/
}

/*all nav text*/
.sfSel.k-link {

  /*background-color: #eee !important;*/
}

select {
 
  -webkit-appearance: none;
  -moz-appearance: none;
}

select::-ms-expand {
    display: none;
}

.sfNavWrp.sfNavHorizontalDropDownWrp .sfNavSelect {

  width: 100%;
  border: 1px solid #bbd0ca;
  /* padding: 9px 12px; */
} 

.sfNavHorizontalDropDown.sfNavList.k-widget.k-reset.k-header.k-menu.k-menu-horizontal {
 
  text-align: center;
  margin: -1px;
  padding: 0px;
  float: right;
}

/*visibility was cutoff on subitem nav list*/
.sfNavHorizontalDropDown.sfNavList.k-widget.k-reset.k-header.k-menu.k-menu-horizontal ul {
 
  overflow:visible !important;
  margin-top: 0px !important;
}

/*width of parent nav items*/
.sfNavHorizontalDropDown.sfNavList.k-widget.k-reset.k-header.k-menu.k-menu-horizontal > li {
 
  /*display: table-cell;
  width: calc(14%);
  font-size: 16px;
  text-align: center;*/

  background-color: #ffffff;
}

/*.sfNavHorizontalDropDown.sfNavList.k-widget.k-reset.k-header.k-menu.k-menu-horizontal > li:nth-child(2) div a {
 
  margin-right: 10px;
  text-align: left;
  text-indent: 10px;
}

.sfNavHorizontalDropDown.sfNavList.k-widget.k-reset.k-header.k-menu.k-menu-horizontal > li:nth-child(3) {
 
  padding-right: 30px;
}

.sfNavHorizontalDropDown.sfNavList.k-widget.k-reset.k-header.k-menu.k-menu-horizontal > li:nth-child(3) > a {
 
  margin-right: -30px;
}

.sfNavHorizontalDropDown.sfNavList.k-widget.k-reset.k-header.k-menu.k-menu-horizontal > li:nth-child(3) div a {
 
  margin-right: 8px;
  text-align: left;
  text-indent: 10px;
}*/

/*width of subitem*/
ul ul .k-link {
 
  /*width: calc(100%);*/
}

/*display initial instead of inline like parent nav*/
ul ul .k-item {
 
  display: initial !important;
}

/*width of subitems to be same size of nav parents*/
.sfNavHorizontalDropDown .k-group .k-item>a.k-link {
 
  padding: .28em 0em .38em 0em !important;
  white-space: pre-line;
  height: auto;
  line-height: 20px;
}

#sideMenu a img {
 
  margin-bottom: 15px; 
}

#CMEformsTable {
 
  width: 100% !important;
  text-align: center;
  font-size: 14px;
  table-layout: fixed;
}

#CMEformsTable td {
 
  padding: 10px 0px;
}

#CMEformsTable a {
 
  text-decoration: underline;
}

p a, ul span a {
 
  text-decoration: underline !important;
}

ul {
 
  color: #53565a;
}

.footer-utility__list {

  list-style: none;
  margin: 0;
}

.footer-utility__item {

  display: inline-block;
}
.footer-utility__item a {

  padding: 6px;
  margin: -6px 0;
  font-size: 16px;
  font-weight: bold;
  color: #004568 !important;
}
.footer-utility__item + .footer-utility__item {

  border-left: 1px solid #b1b6b5;
  padding-left: 0.15em;
}

#hodFooter {

  display: none;
}


/* 'more' */
/* .sfNavHorizontalDropDown.sfNavList.k-widget.k-reset.k-header.k-menu.k-menu-horizontal li:first-child {

  display: none;
} */

@media screen and (max-width: 960px) {

  .sfNavHorizontalDropDown.sfNavList.k-widget.k-reset.k-header.k-menu.k-menu-horizontal li:first-child {

    display: inherit;
  }

  #hodFooter {

    display: block;
    padding: 0px;
  }

  .sfNavHorizontalDropDown.sfNavList.k-widget.k-reset.k-header.k-menu.k-menu-horizontal, #logoHOD, #hodSearch {
 
    display: none !important;
  }

  .sfNavWrp.sfNavHorizontalDropDownWrp {
   
    margin: 10px 0px;
    display: inherit;
  }
  
  /*arrow pointing downward, used for custom dropdown arrow*/
  /*.sfNavWrp.sfNavHorizontalDropDownWrp::after {
 
    content: "\25BC";
    position: absolute;
    right: 40px;
    margin-top: -25px;
    color: #279989;
    pointer-events: none;
  }*/

  .sfNavWrp.sfNavHorizontalDropDownWrp .sfNavSelect {

    border: none;
    outline: none;
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
  }

  .sfNavWrp.sfNavHorizontalDropDownWrp .sfNavSelect option {

    font-weight: bold;
  }

  .sfNavWrp.sfNavHorizontalDropDownWrp::before {

    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    content: "Menu";
    font-size: 25px;
    pointer-events: none;
    color: #E04E39;
    position: absolute;
    right: 0;
    margin-right: 45px;
    margin-top: -3px;
  } 

  .sfNavWrp.sfNavHorizontalDropDownWrp::after {
  
    content: "\f0c9";
    font-size: 25px;
    pointer-events: none;
    right: 40px;
    color: #E04E39;
    position: absolute;
    margin-top: -22px;
    font-weight: 900;
    font-family: "Font Awesome 5 Pro";
    margin-right: -25px;
  }

  .memberLine:first-child {

    /*margin-top: 10px !important;*/
  }

  .memberLine:last-child {

    margin-top: 25px !important;
  }

  #hodDivWrap img {

    display: none;
  }

  #hodTitle {

    top: 40px !important;
    position: absolute;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }

  /*h2:first-child {

    margin-top: 50px !important;
  }*/

  .sfNavWrp.sfNavHorizontalDropDownWrp.sticky {

    background-color: #ffffff;
    padding: 5px 0px 2px 0px !important;
    margin: 0px !important;
    width: 99% !important;
  }

  .header-user__icon {
    display: block;
    margin: 0 0 6px;
    font-size: 26px;
  }
  .header-user {
    position: absolute;
    top: 0;
    right: 0;
    white-space: nowrap;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    text-align: center;
    font-size: 13px;
    line-height: 1.3;
    word-wrap: break-word;
  }
  .header-user a,
  .header-user button,
  .header-user span:not(.fa) {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .header-user {

    display: none;
  }
}  


/* sticky nav behavior */  
.sticky.sfNavWrp.sfNavHorizontalDropDownWrp ~ .sfContentBlock {

  /*padding-top: 100px;*/
}

.sticky {

  position: fixed;
  z-index: 50;
    border-right: 100px solid #ffffff;
    background-color: #ffffff;
    top: -2px;
}

.sticky.sfNavWrp.sfNavHorizontalDropDownWrp {

  /* width: inherit; */
  display: block;
}

.sticky img {

  background-color: white;
  padding: 15px 0px;
  margin: 0px 0px 0px 10px !important;
}

.hodLine {

  position: fixed !important;
  top: 46px;
  z-index: 10;
}

.sfSel.k-link {
 
  /*background-color: #75787B !important;*/
}

.sfNavHorizontalDropDown a:hover, .k-animation-container .k-link {
 
  /*background-color: #75787B !important;*/
}


#hodTitle {

  z-index: 100;
  display: block;
  font-family: "Open Sans";
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: 125px;
  color: #004250;
  text-indent: -5px;
  width: 245px;
}



/* logo */
#logoHOD {
 
  width: 200px;
  margin: 0px 50px 50px 0px;
  border-bottom: solid 5px #ffffff;
  cursor: pointer;
}

#hodDivWrap img {

  width: 85%;
  margin: 0px 15px 0px 0px;
}

@media screen and (min-width: 1226px) {

  #hodDivWrap img {

    margin: 15px 0px 0px 10px;
  }
}

@media screen and (max-width: 1225px) {

  #hodDivWrap img {

    background-color: white;
    padding: 15px 0px;
    margin: 0px 0px -50px 0px;
    border-left: solid #ffffff 5px;
    /* width: 75% !important; */
    border-right: solid #ffffff 20px;
  }

  .sticky img {

    background-color: white;
    padding: 15px 0px;
    margin: 0px 0px 0px 10px !important;
    border-left: solid #ffffff 15px;
    width: 75% !important;
  }

  .menuScrollOffset {

    padding-left: 0px !important;
  }
}

@media screen and (min-width: 961px) and (max-width: 1015px) {

  #hodDivWrap img {

    /* width: 65% !important; */
    margin: 0px 0px -50px -5px;
    border: none;
  }
}


@media screen and (max-width: 1202px) {

  #PublicWrapper {

    /*width: 100% !important;*/
    margin: 10px !important;
    width: auto !important;
    margin-top: 0px !important;
  }

  .sfNavHorizontalDropDown .k-item > a.k-link {

    font-size: 14px;
  }

  /*#hodTitle {

    text-indent: 5px;
  }*/

  /*.sfNavHorizontalDropDown.sfNavList.k-widget.k-reset.k-header.k-menu.k-menu-horizontal:after {

    width: 100%;
  }*/
}

@media screen and (min-width: 960px) and (max-width: 1105px) {

  #PublicWrapper {

    /*margin: 63px auto !important;
    width: 100% !important;*/
    margin: 10px !important;
    width: auto !important;
    margin-top: 0px !important;
  }

  #logoHOD {

    width: 175px;
    margin-right: 25px;
  }

  .sfNavHorizontalDropDown .k-item > a.k-link {

    font-size: 12px;
  }

  #hodTitle {

    font-size: 13px !important;
    text-indent: 5px;
    top: 115px !important;
  }

  #hodSearch {

    margin-top: -135px;
  }

  .sfNavWrp.sfNavHorizontalDropDownWrp.sticky {

    width: 100%;
    top: 0px !important;
  }
}

@media screen and (max-width: 960px) {

  #logoHOD, #hodSearch {

    display: none;
  } 

  .sfNavWrp.sfNavHorizontalDropDownWrp {

    display: inherit;
  }

  .sfNavWrp.sfNavHorizontalDropDownWrp .sfNavSelect {

    border: none;
    outline: none;
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
  }

  .sfNavWrp.sfNavHorizontalDropDownWrp .sfNavSelect option {

    font-weight: bold;
  }

  .memberLine:last-child {

    margin-top: 25px !important;
  }

  #hodDivWrap img {

    display: none;
  }

  #hodTitle {

    top: 40px !important;
    position: absolute;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }

  /*h2:first-child {

    margin-top: 50px !important;
  }*/
}

.invis {

  opacity: 0;
}





.header-search__submit {

  width: 56px;
  height: 43px;
  color: #ffffff;
  background: #00a69d;
  border-color: #00a69d;
  font-family: "Open Sans";
  font-size: 14px;
  font-weight: bold;
  border-style: solid;
}

.header-search__input {

  width: 350px !important;
  padding-left: 10px !important;
  border-color: #00a69d !important;
  border-style: solid;
  height: 37px;
  padding-top: 2px;
}

.header-search__input::placeholder {
  
  font-size: 14px;
  font-family: "Open Sans";
}

/*.header-search__submit::before {

  font-family: "Font Awesome 5 Pro";
  content: "\f002  ";
}*/

.menuScrollOffset {

  margin-left: -252px !important;
  margin-top: -2px !important;
  padding-left: 250px;
}







/* RESOLUTION TABLE (POLICY) */

.viewFinalResolutionText {

  background-color: #279989;
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: 14px;
  padding: 5px;
  border-radius: 3px;
}

.viewFinalResolutionText::after {

  font-family: "Font Awesome 5 Pro";
  content: "  \f138";
}

.resolutionGetInvolved {

  background-color: #dddddd;
  color: #004250 !important;
  text-decoration: none !important;
  font-size: 14px;
  padding: 5px;
  border-radius: 3px;
}

.resolutionGetInvolved::after {

  font-family: "Font Awesome 5 Pro";
  content: "  \f138";
}

.resolutionTable {

  border-collapse: separate;
  border-spacing: 0px 25px;
}

.resolutionTable th {

  font-size: 20px;
  font-weight: bold;
}

.resolutionTable span {

  font-size: 14px;
}

.resolutionTable td {

  border-bottom: solid 1px #dddddd;
}

.topicHeader {
  
  background-color:#dddddd;
  text-align:center;
}

.topicHeader > td {

  border-top: solid 1px #dddddd;
  vertical-align: middle;
}

.resolutionTable tr > td:nth-child(1) {
  
  min-width:55px;
  /*text-align:center;*/
}

.resolutionTable tr {
  
  border-bottom: thin solid #444444;
}

.resolutionTable td > p > a {

  text-decoration: underline;
}

.resolutionTable tr {
    margin-bottom: 1.5em;
}

@media screen and (max-width: 600px) {

  .resolutionTable tr td:first-child, .resolutionTable tr td:last-child {

    width: 100% !important;
  }
  .topicHeader > td {

    vertical-align: middle;
    border-bottom: solid 1px #000000;
  }
  .topicHeader td:nth-child(1) {

    width: 20px;
    float: left;
    padding-left: 20px;
  }  
  .topicHeader td:nth-child(3) {

    display: none !important;
  }
  .topicHeader td:nth-child(4) {

    display: none !important;
  }
  .resolutionTable {
    border: 0;
    table-layout:auto;
  }
  .resolutionTable thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .resolutionTable tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 1.5em;
  }
  .resolutionTable td {
    border-bottom: 1px solid #ddd;
    display: block;
    /*font-size: .8em;*/
    text-align: left !important;
  }
  .resolutionTable td:last-child {
    border-bottom: 0;
  }
}




.resolutionTableV2 td {

    padding: 5px !important;
}

.resolutionTableV2 td a {

    text-decoration: underline;
}

.resolutionTableV2 td a:after {

    content: '\f138';
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    margin-left: 5px;
}

.resolutionTableV2 td:nth-child(odd) {

    width: 10%;
    text-align: center;
    font-weight: bold;
}

@media screen and (max-width: 960px) {

    .resolutionTableV2 {

        border: none !important;
    }

    .resolutionTableV2 tr, .resolutionTableV2 tr td {

        display: block;
        border: none !important;
    }

    .resolutionTableV2 tr td:first-child {

        width: 100%;
        padding-top: 25px !important;
        padding-bottom: 10px !important;
        text-align: left;
    }

    .resolutionTableV2 tr td:last-child {

        border-bottom: solid 1px !important;
        padding-bottom: 25px !important;
    }

    .resolutionTableV2 tr:last-child td:last-child {

        border: none !important;
        padding-bottom: 75px !important;
    }
}

#hodDivWrap + ul {

    margin-left: auto !important;
    margin-right: 30px !important;
}








#resExpandAll {
 
  color: #E04E39;
  text-decoration: underline;
  margin-top:10px;
  margin-bottom:-45px;
  cursor:pointer;
}

.expandIcon::after {

  font-family: "Font Awesome 5 Pro";
  content: "  \f13a";
  display: inline-block;
    margin-left: 5px;
}

.collapseIcon::after {

  font-family: "Font Awesome 5 Pro";
  content: "  \f139";
  display: inline-block;
    margin-left: 5px;
}


/* submenu width fix */
/* .k-animation-container, .k-animation-container > .k-group.k-menu-group.k-popup.k-reset.k-state-border-up {

  width: calc(100% - 1px) !important;
}
 */
.k-group.k-menu-group.k-popup.k-reset.k-state-border-up .k-link {

  /*margin-right: 2px;*/
}

.sfimageWrp {

  /*margin-top: 45px;*/
}

.featured-box {

  /*margin: 10px auto;*/
    margin: 5px;
    max-height: 355px;
    height: 355px;
  width: 250px;
    border: 2px solid #279989;
    background-color: #ffffff;
}

.featured-box h4 {

  text-align: center;
    color: #ffffff;
    background-color: #00a69d;
    padding: 10px 0px;
    font-weight: bold;
    margin-bottom: 0px !important;
    font-size: 14pt;
    text-transform: uppercase;
}

.featured-box img {

  width: 250px;
    height: 167px;
}

.featured-box p {

  margin: 5px 10px 15px 10px;
}

.featured-box p:last-child {

  text-align: center;
    margin-bottom: 10px;
}

.featured-box .featureBtn {

  background-color: #279989;
    color: #ffffff;
    padding: 5px;
    border-radius: 5px;
}

.featured-box .descNoBtn {
 
  text-align:left !important;
  margin-top: 30px;
}

.featured-wrap {

  display: flex;
  flex-wrap: wrap;
  justify-content: center;
        justify-content: space-evenly;
}

.featured-box .featureBtn {

  background-color: #279989;
    color: #ffffff;
    padding: 5px;
    border-radius: 5px;
}

.figcaptionHelper {
 margin-top:-5px;
}

.divCaptionHelper > figure > img {
 display:initial !important;
}

.PAMED-bkgdGray {

  background-color:#dddddd;
   padding:20px !important;
  margin: 10px !important;
  border: thin solid #444;
  border-radius: 5px;
   box-shadow: 10px 10px 5px grey;

}

.item-list__date {

  font-family: Georgia, serif;
  font-weight: 400;
  font-style: italic;
}

.item-list {
  list-style: none;
  margin: 0 0 48px;
}
.item-list:last-child {
  margin-bottom: 0;
}
.item-list + .button {
  margin-top: -24px;
}
.item-list__item + .item-list__item {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 2px solid rgba(0, 0, 0, 0.1);
}
.item-list__content {
  overflow: hidden;
}
.item-list__title {
  font-size: 17px;
  line-height: 24px;
  font-weight: 700;
  margin: 0;
}
.item-list__date {
  opacity: 0.7;
  margin: 0 0 6px;
}
.item-list__description {
  opacity: 0.85;
  margin: 6px 0 0;
}
.item-list__description p {
  margin-bottom: 12px;
}
.item-list__description p:last-child {
  margin-bottom: 0;
}
.item-list__thumbnail {
  max-width: 33%;
  float: left;
  margin-right: 24px;
}
.item-list__thumbnail ~ .item-list__title,
.item-list__thumbnail ~ .item-list__date,
.item-list__thumbnail ~ .item-list__description {
  overflow: hidden;
}
.item-list__icon {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.4em 0 0;
  max-height: 24px;
}
.item-list--compact .item-list__item + .item-list__item {
  margin-top: 12px;
  padding-top: 12px;
  border-top-width: 1px;
}
.item-list--compact .item-list__title {
  font-size: 15px;
  font-weight: 400;
}

.item-list__item:after {
  content: "";
  display: table;
  clear: both;
}

.sfcontentblock h2 {

  margin-top: 0px !important;
}

.sfNavHorizontalDropDown .k-item>a.k-link {

  padding: 0px 18px !important;
}

.sfNavHorizontalDropDown>.k-item>a.k-link.sfSel, .sfNavHorizontalDropDown>.k-item>a.k-link.sfSel:hover {

  margin-top: -4px;
  padding-top: 4px !important;
}

/* .k-link.k-state-active.k-state-border-down, .k-item.k-state-default.k-state-border-down.k-state-hover, .k-item.k-state-default.k-state-hover, .k-item.k-state-default.k-state-border-down.k-state-hover, .k-link.k-state-active.k-state-border-down, .k-menu .k-menu-scroll-button:hover, .k-menu .k-state-hover>.k-link {

  background-color: #cecece !important;
  background-image: none,linear-gradient(to bottom,#cecece 0,#cecece 100%) !important;
} */

.BlueButtons {
border-radius: 5px;
background-color:#004568;
text-align:center;
padding:10px;
color: #ffffff !important;
margin:5px;
font-size:18px;
font-weight:bold;
width:250px;
}

.YellowButtons {
border-radius: 5px;
background-color:#f2a900;
text-align:center;
padding:10px;
color: #004250 !important;
margin:5px;
font-size:18px;
font-weight:bold;

}


#hodDivWrap {

  display: inline-block;
}


.header-user__icon,
.header-utility__icon {
  color: #00a69d;
}
.header-user a,
.header-utility a {
  font-weight: 400;
}

.header-user {
  background: #e8efed;
  text-align: center;
}
.header-user a,
.header-user button,
.header-user span:not(.fa) {
  display: inline-block;
  vertical-align: middle;
  padding: 24px 12px;
  white-space: nowrap;
}
.header-user a:first-child,
.header-user button:first-child,
.header-user span:not(.fa):first-child {
  padding-left: 24px;
}
.header-user a:last-child,
.header-user button:last-child,
.header-user span:not(.fa):last-child {
  padding-right: 24px;
}

.sfPageEditor .header-user {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 0 20px !important;
  float: none !important;
  position: relative !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}

.media, div[data-sf-role='sf-logged-out-view'] {

  position: relative;
}

.media-body, .header-user button {

  position: absolute;
  top: 0px;
  right: 33px;
  white-space: nowrap;
  text-align: center;
  background: #e8efed;
}

.media-body * {

  padding: 10px !important;
}

.header-user button {

  cursor: pointer;
  padding: 15px;
  border: 0;
}

.header-user a, .header-user button, .header-user span:not(.fa) {

    padding: 15px;
}

.header-user__log-in {

  font-size: 16px;
}

.sfcommentsTitle {

    top: -40px !important;
}

/*.header-user__log-in::before {

  content: '\f023';
  font-family: "Font Awesome 5 Pro";
  color: #00a69d;
}*/

.sf_cols {

  width: 98% !important;
  margin: auto !important;
}



#HCcontainer {

  display: flex;
  flex-wrap: wrap;
  flex-flow: row wrap;
}


.HCbtn {
  
  background-color: rgba(0, 66, 80, 0.75);
    color: #ffffff !important;
    font-size: 20px;
    padding: 25px;
    box-sizing: border-box;
    border-radius: 10px;
    flex: 1;
    text-align: center;
    box-shadow: 0 0 3px #000 inset;
    border: solid 1px #000000;
    margin: 1px;
  text-decoration: underline !important;
}

.HCbtn.submitResolutionBtn {

    padding: 0px;
    box-shadow: none;
    border: none;
    color: #105CB6 !important;
    background-color: #ffffff;
}

.HCbtn:hover {

  background-color: rgba(0, 66, 80, 0.5);
  color: #ffffff;
}

.HCbtn.submitResolutionBtn:hover {

  background-color: #ffffff;
}

.HCbtn.HCimportant {

  background-color: #e04E39;
}

.HCbtn.HCimportant:hover {

  background-color: rgba(224, 78, 57, 0.75);
}

.HCinner {

  border-radius: 5px;
  background-color: #f2a900;
  text-align: center;
  padding: 10px;
  color: #004250 !important;
  margin: 5px;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none !important;
}

.HCbtn em {
    
  margin-right: 5px;
}

.HCbtn img {

  margin-left: -30px !important;
}


@media screen and (min-width: 960px) {

  .HCbtn {

    flex-basis: 33%;
  }

}

@media screen and (max-width: 960px) {

  .HCbtn {

    flex-basis: 49.5%;
  }

}

@media screen and (min-width: 320px) and (max-width: 520px) {

  .HCbtn {

    flex-basis: 100%;
  }
  
  .HCbtn em, .HCbtn img {
    
    display: none !important;
  }

}

@media screen and (min-width: 320px) and (max-width: 960px) {

    .sticky {

        top: 0px !important;
    }

    .HCtitle {

        text-align: center !important;
    }

    .HCbtn {

      font-size: 18px;
    } 

    #PublicWrapper {

      margin: 10px !important;
      width: auto !important;
  }

  .YellowButtons {

    font-size: 17px;
  } 

  .HCsubmitResolutionsBtn {

    font-size: 17px;
    display: block;
  }
}

@media screen and (max-width: 500px) {

  #hodFooter .footer-utility__item {

      display: inherit;
  }

  .footer-utility__item + .footer-utility__item {

    border: none !important;
  }

  .mobileAppBtn.container {

    text-align: center !important;
    margin-top: 50px;
  }

  .headerCenter {

    text-align: center;
  }

  .HCbtn.delegateTips {

    margin: 20px 0px;
      display: inline-block;
      width: 100%;
  }
}





/* FORUM STYLES (HOD 2019) */

/*"Reply to..." text above reply text area*/
.sfforumsReplyToTitle {
 
  font-size: 25px !important;
  font-weight: bold  !important;
}

/*forum title*/
.sfforumTitle {
 
  color: #004250  !important;
}

/*email sub button styling on forum main page*/
.sfforumEmailLnk {
 
  background-color: #279989  !important;
  color: #ffffff  !important;
}

/*email sub button hover behavior*/
.sfforumEmailLnk:hover {
 
  background-color: #0b7566  !important;
  color: #ffffff  !important;
}

/*new thread button styles in forum page*/
.sfforumNewThreadLnk {

  float: left  !important;
  margin-top: -10px  !important;
  margin-right: 20px  !important;
}

/*individual post reply buttons*/
.sfforumReplyBtn.fa {

  margin: 5px 0px  !important;
}

/*individual post time container*/ 
.sfforumPostAge {

  margin-top: 5px  !important;
}

/*thread text content*/
.sfforumThreadPostContent {
 
  font-size: 14px  !important;
}

.sfforumThreadPostUser, .sfforumPostAge {

  font-size: 12px  !important;
}

/*new thread button styles in forum page*/
.sfforumNewThreadLnk, .sfforumReplyBtn, .sfforumUnsubscribeBtn, .sfCancel, .sfDisplayNone.sfforumPostTitleCancelEdit, .sfforumSubscribeBtn, .sfSubmitBtn, .sfDisplayNone.sfforumPostTitleSaveEdit {
 
  background-color: #E04E39  !important;
  color: #ffffff  !important;
  font: 16px "Open Sans", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold  !important;
  padding: 5px  !important;
  border-radius: 5px  !important;
  border: none !important;
}

.RadMenu + a.sfCancel {

    color: #f00 !important;
}




/* can't add plus to 'input' element so created a workaround, coupled with adjacent HTML to add FA plus element */
.sfforumReplyBtn {

    padding-right: 25px !important;
    cursor: pointer;
    margin-top: 15px;
}
.newForumBtn {
    
    content: "\f067";
    color: #ffffff;
    background-color: #E04E39;
    padding: 5px;
    border-radius: 5px;
    margin-left: -5px;
    padding-bottom: 6px;
    pointer-events: none;
    margin-left: -23px;
    cursor: pointer;
}
/* overwrites strange ghostly mail icon */
.sfforumEmailLnk {

    background-image: none !important;
}
.sfforumThreadsList tr > th {

    font-weight: bold !important;
    font-size: 16px !important;
    color: #000000 !important;
}
.sfforumThreadPostsWrp, .sfforumThreadViewsWrp {

    text-align: center !important;
}
.sfforumThreadLastPostWrp {

    text-align: right !important;
}
.returnSpan::before {

    content: '\f137';
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    margin-right: 5px;
}
#C001_forumsFrontendPostsList_ctl00_ctl00_additionalReplyButton {

    margin: 40px 0px 30px 0px;
}

.sfforumThreadPostUser {

    width: 100% !important;
}
.sfforumThreadPost.sfClearfix > div.sfforumThreadPostContentWrp {

    margin-left: 0px !important;
}

.sfforumsTitle {

    display: none;
}

.sfforumsFilterWrp {

    display: none;
}




a.sfforumTitle {

    text-decoration: underline !important;
}
@media screen and (min-width: 320px) and (max-width: 550px) {

    /* main forums table */
    .sfforumsList tr, .sfforumsList tr td  {
    
        display: block;
        width: 100%;
        text-align: left !important;
    }

    .sfforumsList  tr:not(:first-of-type) {

        border-bottom: solid #dddddd;
    }

    .sfforumsList  tr > td {

        border-bottom: none !important;
    }

    .sfforumImgWrp {

        display: none !important;
    }


    /* forums individual (w/threads) table */
    .sfforumThreadsList > thead, .sfforumThreadsList > tbody > tr > td:first-of-type > span {

        display: none;
    }

    .sfforumThreadsList > tbody > tr > td:first-of-type > div {

        margin: 0px !important;
    }

    .sfforumThreadsList tr, .sfforumThreadsList tr td  {
    
        display: block;
        width: 100%;
        text-align: left !important;
    }

    .sfforumThreadsList th, .sfforumThreadsList td {

        border-bottom: none !important;
    }

    .sfforumThreadsList  tr {

        border-bottom: solid #dddddd;
    }

    .sfforumThreadPostsWrp::after {

        content: ' post(s)';
        font-size: 12px;
    }

    .sfforumThreadViewsWrp::after {

        content: 'view(s)';
        font-size: 12px;
    }
}

.sfforumReplyThreadContent {

    margin-left: 0px !important;
}
.sfforumPostReplyContainer {

    position: inherit !important;
    border-top: none !important;
}





/*new thread hover behavior*/
.sfforumNewThreadLnk:hover, .sfforumReplyBtn.fa:hover, .sfforumUnsubscribeBtn:hover, .sfCancel:hover, .sfDisplayNone.sfforumPostTitleCancelEdit:hover, .sfforumSubscribeBtn:hover, .sfSubmitBtn:hover, .sfDisplayNone.sfforumPostTitleSaveEdit:hover {
 
  background-color: #c1220b  !important;
  color: #ffffff  !important;
  cursor: pointer  !important;
}

/*link styling override (focused buttons turning teal based on original PAMED sf styling)*/
.sfforumEmailLnk:focus, .sfforumNewThreadLnk:focus, .sfCancel:focus {
 
  color: #ffffff  !important;
}

/*email and new thread button sizing on main forum page*/
.sfforumEmailLnk, .sfforumNewThreadLnk {
 
  padding: 5px  !important;
  border-radius: 5px  !important;
  margin-top: -4px  !important;
}

/*decorative spacing between filter links*/
.sfthreadsFilterList .sfthreadsFilterListItm::before {
 
  content: "   |   "  !important;
}

.sfthreadsFilterList .sfthreadsFilterListItm:first-child::before {
 
  content: ""  !important;
}

/*table of threads in forum*/
.sfforumThreadsList {

  width: 100%  !important;
  margin: 50px 0px  !important;
}

/*thread list text orientation*/
.sfforumThreadsList thead tr {

  /* text-align: left  !important; */
  border-bottom: solid  !important;
}

/*same as above, but because IE is dumb*/
.sfforumThreadsList thead tr th {
 
  /* text-align: left  !important; */
}

/*spacing in the forum thread lists on main menu*/
.sfforumThreadsList tbody tr td {

  padding: 10px 0px  !important;
}

/*main post at top of thread*/
#forumPostHeader {
 
  margin-bottom: -35px  !important;
  margin: 0px 80px 0px 0px  !important;
}

/*font styling of the number of posts in the forum*/
.sfforumSocialShareWrp.sfTop.sfClearfix {
 
  font-size: 20px  !important;
  font-weight: bold  !important;
  margin-bottom: 50px  !important;
  /*margin-top: -25px  !important;*/
}

/*top margin underneath the first post and reply/emial sub buttons, removes list style types*/
.sfforumThreadPostList {
 
  margin: 50px 0px 0px 0px  !important;
  list-style-type: none  !important;
}

/*visual border for design/orientation of posts in threads*/
.sfforumThreadPost.sfClearfix {
 
  border-bottom: solid #dddddd  !important;
}

/*forum post "initial" title*/
.sfforumPostTitle {
 
  font-size: 18px  !important;
  font-weight: bold  !important;
}

/*removes testing border from the "initial" post*/
.sfforumPostTitle + .sfforumThreadPost.sfClearfix {
 
  border: none  !important;
}

/*spacing between posts in a thread*/
.sfforumThreadPostList .sfforumThreadPost.sfClearfix {
 
  /* margin: 50px 0px  !important; */
  border-top: none !important;
}

/*removed border around reply section*/
.sfforumPostReplyForm {
 
  padding: 0px  !important;
  margin: 0px  !important; 
  border: none  !important;
}

.sfforumPostTitleEdit {
 
  cursor: pointer  !important;
}

.sfforumPostTitleEdit:hover {
 
  opacity: 0.9  !important;
}

.sfforumPostTitleEdit::before, .sfEditBtn::before {
 
  content: "["  !important;  
}

.sfEditBtn::after {
 
  content: "]"  !important;
}

/*adding more context to the edit button next to the title when you are admin/user who posted thread*/
.sfforumPostTitleEdit::after {
 
  content: " Title]"  !important;
}

/*ineffectual "close" button is hidden*/
.sfClose {
 
  display: none  !important;
}

.sfforumEmailSubscriberWrp.sfforumEmailSubscriptionShown .sfforumEmailSubscriptionInfoWrp {
 
  margin-top: 30px  !important;
  border-left: solid  !important;
  padding: 20px  !important;
}

/*error message if field is empty on submit*/
.sfforumNewThreadFormList .sfError {
 
  color: red  !important;
}

/*user information hidden when replying*/
.sfforumPostReplyForm .sfforumThreadPostUser {
 
  display: none  !important;
}


.sfforumPostReplyContainer {
 
  margin-bottom: 50px  !important;
}

/*redundant scroll bar in reply container*/
.sfforumReplyThreadContent {
 
  overflow: hidden  !important;
}

/*return to forum level link*/
/* .returnToForum {
 

} */

.forumWrap.atTop {
  
  margin: 10px 0px 25px 0px !important;
}

/*header navigation margin issue fix*/
.page-header .sfContentBlock {
  
  margin: 0px  !important;
}

.forumPostRelpy {
 
  margin-left: 50px !important;
}

@media screen and (max-width: 960px) {
  
  .featured-box {
   
    width: 100% !important;
  }
 
  .forumPostRelpy {
 
    margin-left: 25px !important;
    border-left: solid #dddddd !important;
  }
  
  .forumPostRelpy > div {
 
    margin-left: 10px !important;
  }
  
  /*main post at top of thread*/
  #forumPostHeader {
   
    margin: 0px  !important;
    margin-bottom: -35px  !important;
  }
  
  .forumWrap {
   
    margin: 10px 0px 25px 0px !important;
  }
}

/* END FORUM STYLING */





/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) {
}

/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (orientation: portrait) {
      #hodDivWrap + ul {

        display: inherit !important;
    }

    .sfNavWrp.sfNavHorizontalDropDownWrp > div:first-child {

        display: none;
    }
}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (orientation: landscape) {

    #hodDivWrap + ul {

        display: inherit !important;
    }

    .sfNavWrp.sfNavHorizontalDropDownWrp > div:first-child {

        display: none;
    }
}



/* Order of Business buttons on HOD Resolutions pages */
.oOB {
 
  background-color: #a8ad00;
    color: #000000 !important;
    font-weight: bold;
    padding: 10px;
    border-radius: 5px;
    text-decoration: underline;
}

.oOB::after {
 
  content: '\f56d';
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
  margin-left: 10px;
  font-weight: 400;
}



/* Print Comments */

.print a[data-sf-role="comments-new-form-button"], .print a[data-sf-role="comments-sort-new-button"], .print a[data-sf-role="comments-sort-old-button"], .print img[data-sf-role="comment-avatar"], .print div[data-sf-role="comments-new-form"] {display:none !important;}

.print span[data-sf-role="comment-name"] {

    font-weight: bold;
}

.print span[data-sf-role="comment-name"] {

    margin-top: 75px;
    display: block;
}

.print span [data-sf-role="comment-date"] {

    display: block;
    margin-bottom: -20px;
}


.button,
.sfcommentsSubmitBtn, .comments-form button,
.sfAddToCartBtn,
.sfApplyCouponBtn,
.sfcheckoutContinueBtn,
.login-form input[type="submit"] {
display: inline-block;
vertical-align: middle;
padding: 12px 36px;
border: 2px solid #004568;
border-radius: 3px;
text-align: center;
font-size: 16px;
font-weight: 700;
line-height: 24px;
color: #004568;
background: #fff;
-webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out,
-webkit-box-shadow 0.15s ease-out;
transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out, -webkit-box-shadow 0.15s
ease-out;
-o-transition: color 0.15s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out, border-color 0.15s
ease-out;
transition: color 0.15s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out, border-color 0.15s
ease-out;
transition: color 0.15s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out, border-color 0.15s
ease-out, -webkit-box-shadow 0.15s ease-out;
}
.button:hover,
.button:focus,
.sfcommentsSubmitBtn:hover,
.sfcommentsSubmitBtn:focus,
.sfAddToCartBtn:hover,
.sfAddToCartBtn:focus,
.sfApplyCouponBtn:hover,
.sfApplyCouponBtn:focus,
.comments-form button:hover {
color: #fff;
background-color: #004568;
}
.button:active,
.sfcommentsSubmitBtn:active,
.sfApplyCouponBtn:active {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.button--large {
display: block;
width: auto;
max-width: 100%;
}
.button--large + .button--large {
margin-left: 0;
margin-top: 12px;
}
.button--small,
.sfApplyCouponBtn {
padding: 6px 24px;
font-size: 14.5px;
}
.button--highlight {
color: #0b5f5b;
border-color: #00a69d;
}
.button--highlight:hover, .button--highlight:focus {
background: #00a69d;
}
.button--action {
color: #882817;
border-color: #f95639;
}
.button--action:hover, .button--action:focus {
background: #f95639;
}
.button--warn {
color: #d43725;
border-color: #d43725;
border-radius:20px;
}
.button--warn:hover, .button--warn:focus {
background: #d43725;
}
.button--cancel {
font-size: 14.5px;
font-weight: 400;
color: #65747C;
border: 1px solid #e8efed;
}
.button--cancel:hover, .button--cancel:focus {
color: #004568;
border-color: #004568;
background: #f8f8f8;
}
.button--cta,
.sfAddToCartBtn,
.sfcheckoutContinueBtn,
.login-form input[type="submit"] {
padding: 18px 42px;
border-width: 0;
font-weight: 400;
color: #fff !important;
background-color: #00293e;
text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
.button--cta.button--small,
.sfAddToCartBtn,
.login-form input[type="submit"] {
padding: 9px 24px;
}
.button--cta:hover,
.button--cta:focus,
.sfAddToCartBtn:hover,
.sfAddToCartBtn:focus,
.sfcheckoutContinueBtn:hover,
.sfcheckoutContinueBtn:focus,
.login-form input[type="submit"]:hover,
.login-form input[type="submit"]:focus {
background-color: #004568;
-webkit-box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.3);
box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.3);
}
.button--cta.button--highlight {
background-color: #00a69d;
}
.button--cta.button--highlight:hover, .button--cta.button--highlight:focus {
background-color: #00c4ba;
}
.button--cta.button--action {
background-color: #f95639;
}
.button--cta.button--action:hover, .button--cta.button--action:focus {
background-color: #f95639;
}
.button .fa {
font-size: 1.1em;
}
.button .fa:first-child {
margin-right: 0.5em;
margin-left: 0;
}
.button .fa:last-child {
margin-left: 0.5em;
margin-right: 0;
}
.button .fa-chevron-right,
.button .fa-chevron-circle-right {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.button:hover .fa-chevron-right,
.button:hover .fa-chevron-circle-right, .button:focus .fa-chevron-right,
.button:focus .fa-chevron-circle-right {
-webkit-transform: translateX(2.5px);
-ms-transform: translateX(2.5px);
transform: translateX(2.5px);
}
.button.is-loading,
.sfAddToCartBtn.is-loading {
color: transparent !important;
background-image: url('/images/librariesprovider2/page-layout-images/ajax-loader.gif');
background-repeat: no-repeat;
background-position: 50% 50%;
}