/* :root {
  --primary-color: #706359;
  --secondary-color: #C7C0BB;
  --body-background: #F4F2F1;
  --light-background: #fff;
  --dark-background: #C7C0BB;
  --link-color: #ED6861;
} */

.adsBlockContainer {
  width: 325px;
  padding: 0 0 0 2rem;
  border-left: 1px solid #ccc;
  height: calc(100% - 100px);
}

.adsBlockContainer h4 {
  font-size: 1rem;
  line-height: 1.5;
  margin: 1rem 0 0.5rem 0;
  font-weight: 700;
}

.adsBlockContainer .ad-subtitle p {
  text-transform: none;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0.4rem;
  font-family: "Nunito Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
}

.adsBlockContainer p {
  text-transform: none;
  font-size: 1rem;
  line-height: 1.5;
}



.adImage {
  width: 100%;
}

.off-canvas-wrapper {
    position: relative;
    overflow: unset;
}

.headerRow {
  padding: 1.3rem 0;
  /* margin: 0; */
}

#megamenu {
  background-color: transparent;
  color: black;
}

#megamenu .centered-menu {
  /* max-width: 90%; */
  display: flex;
  align-items: flex-start;
  justify-content: space-evenly;
  align-content: center;
  width: 100%;
  margin: 0;
  padding: 0 2rem;
  padding: 0 0.75rem;
}

.menuColumnContainer
{
    display: flex;
    flex-direction: row;
    flex-grow: 1;
}

/* Fixes for double links in PRH MMT Marketing Resources block */
.navLinksResources > .standardLink.srLink {
  display: none;
}

.navLinksResources li.srLink {
  list-style: none;
}
/* End of fixes */


.top-bar ul.two-columns
{
    width: 50%;
}

.top-bar ul.three-columns
{
    width: 33%;
}

.top-bar ul.four-columns
{
    width: 25%;
}

.top-bar ul.five-columns
{
    width: 20%;
}

.top-bar ul.six-columns
{
    width: 16.65%;
}

.title-bar
{
    display: none;
}

.top-bar {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  width: 100%;
  padding: 0;
  font-weight: 400;
}

.top-bar .dropdown a {
  color: black;
}

.top-bar,
.top-bar ul {
  background-color: transparent;
  width: 100%;
}

#megamenu .top-bar .dropdown-pane {
  /* display: flex; */
  justify-content: center;
  align-items: center;
  align-content: center;
  /* width: 100% !important; */
  width: 100%;
  max-width: 100%;
  left: 0 !important;
  right: 0 !important;
  border: 0;
  border-radius: 0;
  z-index: 550;
  top: 60px !important;
  background: #fff;
  padding: 1.2rem 0;
  box-shadow: 0px 2px 5px 0px rgba(159, 161, 164, .43);
}

/* ,
#mm-navitem2,
#mm-premier */

/* #mm-navitem2
{
  visibility: visible;
  display: block;
} */

.top-bar .dropdown-pane ul.horizontal {
  background-color: transparent;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  list-style-type: none;
  /* width: 100%; */
  justify-content: center;
  align-content: center;
  align-items: center;
  padding: 0 1rem;
}

.top-bar .dropdown-pane ul.vertical {
  background-color: transparent;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  list-style-type: none;
  /* width: 20%; */
  justify-content: flex-start;
  align-content: center;
  /* align-items: center; */
  padding: 0 1rem;
}

.top-bar .dropdown-pane ul a:hover {
  transition: all 0.1s ease-in;
  color: #000;
  text-decoration: none;
}

.dropdown.menu
{
  width: 100%;
  justify-content: flex-end;
  align-items: center;
}

.dropdown.menu a, .dropdown.menu a:active, .dropdown.menu a:hover{
    margin: 0;
    font-size: 0.9375rem;
    letter-spacing: 1.2px;
    opacity: 1.0;
    color: #000;
    padding: 0;
    margin: 0;
    text-transform: none;
}

a.dropdown.noLink::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  content: " \f107";
}

.dropdown.menu a.activeTopNav {
  padding-bottom: 2px;
  border-bottom: 1px solid var(--primary-color);
}

.dropdown-pane ul.menu li a,
.dropdown-pane ul.menu li a:active,
.dropdown-pane ul.menu li a:hover{
  margin: 0;
  padding: 0;
}

.navLinkContainer a:hover {
  border-bottom: 1px solid #C7C0BB;
}

.navLinkContainer a.dropdown:hover {
  border-bottom: 1px solid #706359;
}

.navLogoContainer a:hover {
  border-bottom: 1px solid #fff;
}

/* .dropdown .menu li,
.dropdown .menu.expanded li {
  ms-flex: none;
  flex: 0 0 auto;
  ms-flex: none;
  padding: 0 2rem 0 0;
} */

.menu li, .menu.expanded li:last-child {
  padding-right: 0;
}

.menu.expanded li.topnav-item {
  flex: 0 0 auto;
  padding: 0 1rem;
}

.dropdown-pane .menu li.subnav-item,
.dropdown-pane .menu.expanded li.subnav-item {
  /* ms-flex: none;
  flex: auto;
  ms-flex: none;
  flex-grow: 1; */
  width: 100%;
  flex: unset;
  white-space: normal;
  text-align: left;
}

.mmHeader
{
    font-weight: 700;
}

.mmLink
{
    font-weight: 300;
}

.menu li .dropdown-pane a, .menu.expanded li .dropdown-pane a {
  text-transform: uppercase;
  /* white-space: nowrap; */
}

.navLogoContainer
{
  display: flex;
  flex: 1;
  /* margin-left: 2rem; */
  text-align: left;
}

.navLogoContainer a
{
  margin: 0;
  padding-bottom: 0 !important;
}

.top-bar .mobileOnly {
  display: none;
}

.mobileLink
{
    display: none;
}


/****************   Media Queries  ******************/

@media screen and (max-width: 63.9375em)
{
    header .topNavContainer {
        display: block;
    }
    .headerRow, .navLinkContainer {
        padding: 0;
        margin: 0;
    }
    .topNavContainer.navbar-fixed .headerRow {
        padding-top: 0;
        padding-bottom: 0;
    }

    .menuColumnContainer
    {
        flex-direction: column;
    }

    #megamenu .top-bar .dropdown-pane ul.vertical,
    #megamenu .top-bar .dropdown-pane ul.horizontal {
    	max-width: none;
    }

    .mm-title-bar {
        color: #000;
        background-color: #003046;
        opacity: 1.0;
        display: flex;
        flex-basis: 100%;
        width: 100%;
        margin: 0;
        flex-direction: column;
        text-align: left;
        align-items: flex-start;
    }

    .menu-icon::after {
        background: #fff;
        box-shadow: 0 7px 0 #fff,0 14px 0 #fff;
    }

    .menu-icon:hover::after {
        background: #706359;
        box-shadow: 0 7px 0 #706359,0 14px 0 #706359;
    }

    /* mobile nav */

    #megamenu, .top-bar .dropdown-pane
    {
      background-color: #fff;
      color: #000;
      box-shadow: 0 4px 2px -2px gray;
    }

    #megamenu .row
    {
        flex-direction: column;
        max-width: 77.5rem;
        width: 100%;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .mm-title-bar {
        display: flex;
        flex-basis: 100%;
        width: 100%;
        margin: 0;
        flex-direction: row;
        text-align: left;
        align-items: center;
        padding: 1rem;
    }

    .navLinkContainer .navLogoContainer-mobile
    {
        display: inline-block;
        text-align: right;
        flex-grow: 1;
    }

    .navLinkContainer .navLogoContainer-mobile img
    {
        width: 50%;
    }

    .navLinkContainer .navLogoContainer-mobile a::before {
        width: 0;
        margin: 0;
        content: "";
        display: inline-block;
    }

    .navLinkContainer .navLogoContainer-mobile a {
        margin: 0;
        padding: 0;
        display: inline-block;
        text-decoration: none;
        border-bottom: none;
        opacity: 1.0;
    }

    .top-bar
    {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .dropdown.menu {
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .top-bar .dropdown.menu a,
    .top-bar .dropdown.menu a:active,
    .top-bar .dropdown.menu a:hover {
        color: #000;
        border-bottom: none;
        text-align: left;
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
        padding-left: 0.5rem;
    }

    #megamenu .top-bar .dropdown-pane {
        position: relative;
        width: 100% !important;
        max-width: 100%;
        left: 0 !important;
        right: 0 !important;
        border: 0;
        border-radius: 0;
        z-index: 550;
        top: 0 !important;
        padding: 0 1rem 0 0;
        background: transparent;
        box-shadow: none;
        max-height: 300px;
        overflow-y: auto;
        margin: 0.2rem 0 1rem 0;
    }

    #megamenu .top-bar .dropdown-pane ul.vertical,
    #megamenu .top-bar .dropdown-pane ul.horizontal {
        width: 100%;
    }

    .menu, .menu.horizontal {
        flex-direction: column;
    }

    .navLogoContainer
    {
        display: none !important;
    }

    .navLinkContainer a.dropdown::before {
        width: 1rem;
        margin: 0 0.2rem;
        content: "-";
        display: inline-block;
    }

    .menu a::before {
        width: 0.4rem;
        margin: 0;
        padding: 0;
        content: "";
        display: inline-block;
    }

    .menu li .dropdown-pane a, .menu.expanded li .dropdown-pane a {
        text-transform: uppercase;
        font-size: 0.8rem;
        font-weight: 200;
        padding-left: 0;
    }

    #megamenu .centered-menu {
        flex-direction: column;
        margin: 0;
    }

    .menu.expanded li.topnav-item {
        width: 100%;
    }

    .mobileLink
    {
        display: block;
    }


}

@media screen and (min-width: 64em)
{

  .topNavContainer.navbar-fixed .headerRow
  {
    padding: 1.3rem 0;
    margin: 0;
  }

}