/* 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");

.sfcommentsFieldsList, #hodDivWrap + ul, .item-list {
    margin: 0px !important;
  list-style: none !important;
}

/* Search */

#hodSearch {
  float: right;
  margin-top: -9.375rem;
  margin-right: 2.063rem;
}

#hodLogin {
  padding: .75rem;
  color: #ffffff;
  background-color: #004250;
  font-weight: bold;
  font-size: .875rem;
  margin-left: .313rem;
}

.featuretitle {background-color: ghostwhite; padding: 10px; border-left: thick solid #00424f;}

.sfNavWrp + .sf_colsIn {
  padding: 1em;
}

.essential {
 background-color: rgb(0 66 80 / .1);
 margin:auto;
}

.essential > h4 {
 
      color: white;
    background-color: #004250;
    text-align: center;
    padding: 5px;
  font-size: 24px !important;
  margin-bottom: 20px;
}

.essential  a {
  
 text-decoration: underline !important;
    font-size: 18px;
    padding:8px;
    display: block;
    border-bottom: solid thin white;
    margin-top: -20px;
}

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

.essential  span {
  
 text-decoration: !important;
    font-size: 18px;
    color: #bbbcbc;
    padding:8px;
    display: block;
    border-bottom: solid thin white;
    margin-top: 10px;
}

/* PAGE */

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

/* Content Area */
.sfPublicWrapper {
    background-color: #ffffff;
  padding: 0px !important;
  margin: 3.125rem .625rem !important;
  margin-top: 0px !important;
  margin: 1.25rem auto !important;
  margin-bottom: 1.25rem;
}


/* NAV */

.sfNavWrp nav ul > li:hover > ul,
.sfNavWrp nav ul > li > a:focus + ul{
  opacity: 1;
  z-index: 100;
  visibility: visible;
  transition: opacity 0.2s ease-out 0.5s, z-index 0s linear 0.5s, visibility 0s linear 0.5s;
  margin-top: 0;
  display: block;
  height: auto;
}
  
.sfNavWrp nav {
  width: fit-content;
  margin: auto !important;
}

.sfNavWrp nav ul {
  position: relative !important;
  width: fit-content !important;
  margin-left: 0 !important;
}

ul.sfNavHorizontalDropDown {
    display: flex;
    flex-direction: row;
    flex-wrap: no-wrap;
}

.sfNavHorizontalDropDown .k-item > a.k-link {
    display: block;
    height: 2.875rem;
    line-height: 2.875rem;
    padding: 0 1.125rem !important;
}

.sfNavWrp.sfNavHorizontalDropDownWrp > ul > li > a {
  border-radius: 5px 5px 0px 0px;
} 

.sfNavWrp.sfNavHorizontalDropDownWrp {
  margin-bottom: 0px !important;
}

.sfNavHorizontalDropDown .k-item.k-menu-item > a.k-link {
  font-size: .9rem !important;
}

.sfNavWrp.sfNavHorizontalDropDownWrp {
  width: 100%;
 left: 0; 
  display: flex;
  background-color: #ffffff;
} 

.sfNavHorizontalDropDown {
    background-color: #ffffff !important;
    font-size: 1.125rem !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;
}

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

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

.sfNavWrp.sfNavHorizontalDropDownWrp .sfNavSelect {
  width: 100%;
  border: 1px solid #bbd0ca;
} 

.sfNavHorizontalDropDown.sfNavList.k-widget.k-reset.k-header.k-menu.k-menu-horizontal {
  text-align: center;
  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 {
  background-color: #ffffff;
}

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

/*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: 1.25rem;
}

.sfNavHorizontalDropDown .k-group {
  height: 0;
  visibility: hidden;
}

/* Desktop: show on hover */
@media (min-width: 768px) { /* adjust breakpoint to match your responsive design */
  .sfNavHorizontalDropDown.sfNavList li.nav-item.dropdown:hover > .dropdown-menu {
    display: block;
  }
}

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

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

#CMEformsTable td {
  padding: .625rem 0px;
}

#CMEformsTable a {
  text-decoration: underline;
}

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


.footer-utility__item a {
  padding: .375rem;
  margin: -.375rem 0;
  font-size: 1rem;
  font-weight: bold;
  color: #004568 !important;
}
.footer-utility__item + .footer-utility__item {
  border-left: 1px solid #b1b6b5;
  padding-left: 0.15em;
}

#hodFooter {
  display: none;
}

@media screen and (max-width: 960px) {
  
  .row {
    width: 100%;
  }
  
  button.sf-nav-toggle {
    position: absolute;
    right:70px;
    border: 0;
    background: transparent;
    color: #E04E39;
    font-size: 1.563;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    width: 80px;
    margin-right: auto;
    text-align: left;
  }
  .sfNavHorizontalDropDown.sfNavList.k-widget.k-reset.k-header.k-menu.k-menu-horizontal ul {
    margin-left: auto !important;
  }
  

  .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;
  }
  
  /* Always show if aria-expanded is true */
.sfNavHorizontalDropDown.sfNavList li.nav-item.dropdown > a[aria-expanded="true"] + .dropdown-menu,
.sfNavHorizontalDropDown.sfNavList li.nav-item.dropdown > span[aria-expanded="true"] + .dropdown-menu {
  display: block !important;
}

  .sfNavWrp.sfNavHorizontalDropDownWrp {
    display: inherit;
  }
  
  .sfNavHorizontalDropDown.sfNavList.k-widget.k-reset.k-header.k-menu.k-menu-horizontal.is-open {
    display: block !important;
  }

  .sfNavWrp.sfNavHorizontalDropDownWrp .sfNavSelect {
    border: none;
    outline: none;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.125rem;
  }

  .sfNavWrp.sfNavHorizontalDropDownWrp .sfNavSelect option {
    font-weight: bold;
  }

  .sfNavWrp.sfNavHorizontalDropDownWrp button.sf-nav-toggle::after {
    content: "\f0c9";
    font-size: 1.563rem;
    pointer-events: none;
    right: 2.5rem;
    color: #E04E39;
    position: absolute;
    margin-top: -1.375;
    font-weight: 900;
    font-family: "Font Awesome 5 Pro";
    margin-right: -1.563;
    right: 0;
  }

  .memberLine:last-child {
    margin-top: 1.563rem !important;
  }

  #hodDivWrap img {
    display: none;
  }

  #hodTitle {
    top: 2.5rem !important;
    position: absolute;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }

  .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: 1.625rem;
  }
  .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: .813rem;
    line-height: 1.3;
    word-wrap: break-word;
  }
  .header-user a,
  .header-user button,
  .header-user span:not(.fa) {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .header-user {
    display: none;
  }
}  

@media screen and (min-width: 960px) {
  .sfNavHorizontalDropDown.sfNavList.k-widget.k-reset.k-header.k-menu.k-menu-horizontal ul {
    height: 0px !important;
  }
  .sf-nav-toggle {
    display: none;
  }
}

/* sticky nav behavior */  
.sticky {
  position: fixed;
  z-index: 50;
    border-right: 100px solid #ffffff;
    background-color: #ffffff;
    top: -2px;
}

.sticky.sfNavWrp.sfNavHorizontalDropDownWrp {
  display: block;
}

.sticky img {
  background-color: white;
  padding: .938rem 0px;
  margin: 0px 0px 0px .625rem !important;
}

.hodLine {
  position: fixed !important;
  top: 2.875rem;
  z-index: 10;
}

#hodTitle {
  z-index: 100;
  display: block;
  font-family: "Open Sans";
  font-size: 1rem;
  font-weight: bold;
  position: absolute;
  top: 7.813rem;
  color: #004250;
  text-indent: -5px;
  width: 15.313rem;
}



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

#hodDivWrap img {
  width: 85%;
  margin: 0px .938rem 0px 0px;
}

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

  #hodDivWrap img {
    margin: .938rem 0px 0px .625rem;
  }
}

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

  #hodDivWrap img {
    background-color: white;
    padding: .938rem 0px;
    margin: 0px 0px -3.125rem 0px;
    border-left: solid #ffffff .313rem;
    border-right: solid #ffffff 20px;
  }

  .sticky img {
    background-color: white;
    padding: .938rem 0px;
    margin: 0px 0px 0px .625rem !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 {
    margin: 0px 0px -3.125rem -.313rem;
    border: none;
  }
}


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

  .sfPublicWrapper {
    margin: .625rem !important;
    width: auto !important;
    margin-top: 0px !important;
  }

  .sfNavHorizontalDropDown .k-item > a.k-link {
    font-size: .875rem;
  }
}

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

  .sfPublicWrapper {
    margin: .625rem !important;
    width: auto !important;
    margin-top: 0px !important;
  }

  #logoHOD {
    width: 10.938rem;
    margin-right: 1.563rem;
  }

  .sfNavHorizontalDropDown .k-item > a.k-link {
    font-size: .75rem;
  }

  #hodTitle {
    font-size: .813rem !important;
    text-indent: .313rem;
    top: 7.188rem !important;
  }

  #hodSearch {
    margin-top: -8.438rem;
  }

  .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: 1.125rem;
  }

  .sfNavWrp.sfNavHorizontalDropDownWrp .sfNavSelect option {
    font-weight: bold;
  }

  .memberLine:last-child {
    margin-top: 1.563rem !important;
  }

  #hodDivWrap img {
    display: none;
  }

  #hodTitle {
    top: 2.5rem !important;
    position: absolute;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }
}

.invis {
  opacity: 0;
}

.header-search div div {
  display: flex;
  flex-direction: row;
}

.header-search__submit {
  width: 4.5rem;
  height: 2.688rem;
  color: #ffffff;
  background: #00a69d;
  border-color: #00a69d;
  font-family: "Open Sans";
  font-size: .875rem;
  font-weight: bold;
  border-style: solid;
}

.header-search input.header-search__input {
  width: 21.875rem !important;
  padding-left: .625rem !important;
  border-color: #00a69d !important;
  border-style: solid;
  padding: 0 !important;
  padding-top: 2px !important;
  margin-bottom: 0 !important;
  height: auto;
}

.header-search__input::placeholder {
  font-size: .875rem;
  font-family: "Open Sans";
}

.menuScrollOffset {
  margin-left: -15.75rem !important;
  margin-top: -.125rem !important;
  padding-left: 15.625rem;
}


/* RESOLUTION TABLE (POLICY) */

.viewFinalResolutionText {
  background-color: #279989;
  color: #ffffff !important;
  text-decoration: none !important;
  font-size: .875rem;
  padding: .313rem;
  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: .875rem;
  padding: .313rem;
  border-radius: 3px;
}

.resolutionGetInvolved::after {
  font-family: "Font Awesome 5 Pro";
  content: "  \f138";
}

.resolutionTable {
  border-collapse: separate;
  border-spacing: 0px 1.563rem;
}

.resolutionTable th {
  font-size: 1.25rem;
  font-weight: bold;
}

.resolutionTable span {
  font-size: .875rem;
}

.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;
}

.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: 1.25rem;
    float: left;
    padding-left: 1.25rem;
  }  
  .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;
    text-align: left !important;
  }
  .resolutionTable td:last-child {
    border-bottom: 0;
  }
}




.resolutionTableV2 td {
    padding: .313rem !important;
}

.resolutionTableV2 td a {
    text-decoration: underline;
}

.resolutionTableV2 td a:after {
    content: '\f138';
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    margin-left: .313rem;
}

.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: 1.563rem !important;
        padding-bottom: .625rem !important;
        text-align: left;
    }

    .resolutionTableV2 tr td:last-child {
        border-bottom: solid 1px !important;
        padding-bottom: 1.563rem !important;
    }

    .resolutionTableV2 tr:last-child td:last-child {
        border: none !important;
        padding-bottom: 4.688rem !important;
    }
}

#hodDivWrap + ul {
    margin-left: auto !important;
    margin-right: 1.875rem !important;
}

#resExpandAll {
  color: #E04E39;
  text-decoration: underline;
  margin-top:.625rem;
  margin-bottom:-2.813rem;
  cursor:pointer;
}

.expandIcon::after {
  font-family: "Font Awesome 5 Pro";
  content: "  \f13a";
  display: inline-block;
    margin-left: .313rem;
}

.collapseIcon::after {
  font-family: "Font Awesome 5 Pro";
  content: "  \f139";
  display: inline-block;
    margin-left: .313rem;
}

/* submenu width fix */

.featured-box {
    margin: .313rem;
    max-height: 22.188rem;
    height: 22.188rem;
  width: 15.625rem;
    border: 2px solid #279989;
    background-color: #ffffff;
}

.featured-box h4 {
  text-align: center;
    color: #ffffff;
    background-color: #00a69d;
    padding: .625rem 0px;
    font-weight: bold;
    margin-bottom: 0px !important;
    font-size: 14pt;
    text-transform: uppercase;
}

.featured-box img {
  width: 15.625rem;
    height: 10.438rem;
}

.featured-box p {
  margin: .313rem .625rem .938rem .625rem;
}

.featured-box p:last-child {
  text-align: center;
    margin-bottom: .625rem;
}

.featured-box .featureBtn {
  background-color: #279989;
    color: #ffffff;
    padding: .313rem;
    border-radius: 5px;
}

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

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

.featured-box .featureBtn {
  background-color: #279989;
    color: #ffffff;
    padding: .313rem;
    border-radius: 5px;
}

.figcaptionHelper {
 margin-top:-.313rem;
}

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

.PAMED-bkgdGray {
  background-color:#dddddd;
   padding:1.25rem !important;
  margin: .625rem !important;
  border: thin solid #444;
  border-radius: .313rem;
   box-shadow: .625rem .625rem .313rem grey;
}

.sfcontentblock h2 {
  margin-top: 0px !important;
}

.sfNavHorizontalDropDown .k-item>a.k-link {
  padding: 0px 1.125rem !important;
}

.sfNavHorizontalDropDown>.k-item>a.k-link.sfSel, .sfNavHorizontalDropDown>.k-item>a.k-link.sfSel:hover {
  margin-top: -4px;
  padding-top: 4px !important;
}

.BlueButtons {
border-radius: 5px;
background-color:#004568;
text-align:center;
padding:.625rem;
color: #ffffff !important;
margin:.313rem;
font-size:1.125rem;
font-weight:bold;
width:15.625rem;
}

.YellowButtons {
border-radius: 5px;
background-color:#f2a900;
text-align:center;
padding:.625rem;
color: #004250 !important;
margin:.313rem;
font-size:1.125rem;
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: 1.5rem .75rem;
  white-space: nowrap;
}
.header-user a:first-child,
.header-user button:first-child,
.header-user span:not(.fa):first-child {
  padding-left: 1.5rem;
}
.header-user a:last-child,
.header-user button:last-child,
.header-user span:not(.fa):last-child {
  padding-right: 1.5rem;
}

.sfPageEditor .header-user {
  width: 100% !important;
  padding: 0 !important;
  margin: 0 0 1.25rem !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: 2.063rem;
  white-space: nowrap;
  text-align: center;
  background: #e8efed;
}

.media-body * {
  padding: .625rem !important;
}

.header-user button {
  cursor: pointer;
  padding: .938rem;
  border: 0;
}

.header-user a, .header-user button, .header-user span:not(.fa) {
    padding: .938rem;
}

.header-user__log-in {
  font-size: 1rem;
}

.sfcommentsTitle {
    top: -2.5rem !important;
}

.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: 1.25rem;
    padding: 1.563rem;
    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: .625rem;
  color: #004250 !important;
  margin: .313rem;
  font-size: 1.125rem;
  font-weight: bold;
  text-decoration: none !important;
}

.HCbtn em {
  margin-right: .313rem;
}

.HCbtn img {
  margin-left: -1.875rem !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: 1.125rem;
    } 

    .sfPublicWrapper {
      margin: .625rem !important;
      width: auto !important;
  }

  .YellowButtons {
    font-size: 1.063rem;
  } 

  .HCsubmitResolutionsBtn {
    font-size: 1.063rem;
    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: 3.125rem;
  }

  .headerCenter {
    text-align: center;
  }

  .HCbtn.delegateTips {
    margin: 1.25rem 0px;
      display: inline-block;
      width: 100%;
  }
}

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

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

/* ----------- iPad Pro ----------- */

/* 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: .625rem;
    border-radius: .313rem;
    text-decoration: underline;
}

.oOB::after {
  content: '\f56d';
  font-family: 'Font Awesome 5 Pro';
  display: inline-block;
  margin-left: .625rem;
  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: 4.688rem;
    display: block;
}

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

    display: block;
    margin-bottom: -1.25rem;
}


.button,
.sfcommentsSubmitBtn, .comments-form button,
.sfAddToCartBtn,
.sfApplyCouponBtn,
.sfcheckoutContinueBtn,
.login-form input[type="submit"] {
display: inline-block;
vertical-align: middle;
padding: .75rem 2.25rem;
border: 2px solid #004568;
border-radius: .188rem;
text-align: center;
font-size: 1rem;
font-weight: 700;
line-height: 1.5rem;
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: .75rem;
}
.button--small,
.sfApplyCouponBtn {
padding: .375rem 1.5rem;
font-size: .906rem;
}
.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:1.25rem;
}
.button--warn:hover, .button--warn:focus {
background: #d43725;
}
.button--cancel {
font-size: .906rem;
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: 1.125rem 2.625rem;
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: .563rem 1.5rem;
}
.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%;
}