:root {
  --nav-color-white: #fff;
  --nav-color-black: #000;
  --nav-color-salmon: #d28388;
  --nav-color-salmon-dark: #c0767b;
  --nav-color-blue: #91afd9;
  --nav-color-blue-dark: #829ec6;
  --nav-color-lightblue: #bfc7e4;
  --nav-color-lightblue-dark: #a9b3d8;
  --nav-color-purple: #b99ec1;
  --nav-color-purple-dark: #a88bb1;
  --nav-color-brown: #bd9c66;
  --nav-color-brown-dark: #af8e57;
  --nav-color-lightgrey: #f4f4f4;
  --nav-color-grey: #e5e5e5;
  --nav-color-darkgrey: #e2e2e2;
  --nav-color-maroon: #91556e;
  --nav-color-orange: #d19c42;
  --nav-color-orange-dark: #c58f32;
  --nav-color-green: #b6c18e;
  --nav-color-green-dark: #a8b674;

  /* EOSS Sale colour */
  --nav-color-red: #8F0302;
}

.gui-header-tel {
  display: none;
}

.gui-tel-num {
  font-family: "GibsonSemiBold", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 18px;
  margin: 0 12px 0 0;
  color: var(--nav-color-black);
}

.gui-tel-info {
  font-family: "GibsonRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 9px;
  line-height: 1.7;
  max-width: 400px;
  margin: -5px 0 0 0;
  padding: 0;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #666;
}

@media (min-width: 768px) {
  .gui-header-tel {
    display: none;
  }
}

/* Header Top */
.gui-header-top {
  font-family: "GibsonSemiBold", Arial, Helvetica Neue, Helvetica, sans-serif;
  border-bottom: 1px solid var(--nav-color-grey);
  background: var(--nav-color-white);
}

/* Header Top Links */
.gui-header-top-links ul li a {
  font-family: "GibsonRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 11px;
  padding: 10px;
}

/* Top Links */
.gui-top-links li a {
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--nav-color-black);
}

/* Minibag Toggle */
.gui-minibag-toggle {
  color: var(--nav-color-white);
  border: 1px solid var(--nav-color-black);
  background: var(--nav-color-black);
}

.gui-minibag-toggle-text {
  font-family: "GibsonSemiBold", Arial, Helvetica Neue, Helvetica, sans-serif;
  line-height: 1.8;
  text-transform: uppercase;
  font-size: 16px;
}

.gui-minibag-toggle-count {
  font-family: "GibsonSemiBold", Arial, Helvetica Neue, Helvetica, sans-serif;
  line-height: 2.4;
  color: var(--nav-color-black);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3c!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 44 44' style='enable-background:new 0 0 44 44;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:none;%7d .st1%7bfill:%23FFFFFF;%7d %3c/style%3e%3ctitle%3ebag%3c/title%3e%3ccircle class='st0' cx='22.5' cy='16.5' r='15'/%3e%3cpath class='st1' d='M22.5,33C13.4,33,6,25.6,6,16.5S13.4,0,22.5,0S39,7.4,39,16.5C39,25.6,31.6,33,22.5,33z M22.5,3 C15,3,9,9,9,16.5S15,30,22.5,30S36,24,36,16.5C36,9,30,3,22.5,3z'/%3e%3crect y='8' class='st1' width='44' height='36'/%3e%3c/svg%3e ");
}

/* Telephone */
.gui-tel {
  font-family: "GibsonSemiBold", Arial, Helvetica Neue, Helvetica, sans-serif;
  color: var(--nav-color-black);
}

.gui-tel h2 {
  line-height: 1;
}

.gui-tel small {
  font-family: "GibsonRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
}

/* Search */
.gui-search input {
  font-family: "GibsonRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
  padding: 10px 50px 10px 12px;
  letter-spacing: 1px;
  border: 1px solid var(--nav-color-black);
  font-size: 16px;
}

.gui-search input::placeholder {
  color: var(--nav-color-black);
}

.gui-search button {
  border: 1px solid var(--nav-color-black);
  border-left: none;
  background: transparent;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3c!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 44 44' style='enable-background:new 0 0 44 44;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%2300000;%7d %3c/style%3e%3ctitle%3ebag%3c/title%3e%3cg%3e%3cpath class='st0' d='M44,40.6c0,0.9-0.3,1.7-1,2.4c-0.7,0.7-1.5,1-2.4,1c-1,0-1.7-0.3-2.4-1l-9.1-9c-3.2,2.2-6.7,3.3-10.6,3.3 c-2.5,0-4.9-0.5-7.2-1.5c-2.3-1-4.3-2.3-5.9-4s-3-3.6-4-5.9c-1-2.3-1.5-4.7-1.5-7.2c0-2.5,0.5-4.9,1.5-7.2c1-2.3,2.3-4.3,4-5.9 s3.6-3,5.9-4c2.3-1,4.7-1.5,7.2-1.5c2.5,0,4.9,0.5,7.2,1.5c2.3,1,4.3,2.3,5.9,4c1.7,1.7,3,3.6,4,5.9c1,2.3,1.5,4.7,1.5,7.2 c0,3.9-1.1,7.4-3.3,10.6l9.1,9.1C43.7,38.9,44,39.7,44,40.6z M27,27c2.3-2.3,3.5-5.1,3.5-8.4c0-3.3-1.2-6.1-3.5-8.4 c-2.3-2.3-5.1-3.5-8.4-3.5c-3.3,0-6.1,1.2-8.4,3.5c-2.3,2.3-3.5,5.1-3.5,8.4c0,3.3,1.2,6.1,3.5,8.4s5.1,3.5,8.4,3.5 C21.9,30.4,24.7,29.3,27,27z'/%3e%3c/g%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 12px;
  background-size: 20px;
}

@media only screen and (min-width: 768px) {
  .gui-header-main {
    padding: 10px 0;
  }
}

/* Logo */
.logo {
  width: 160px;
}

@media (min-width: 1200px) {
  .logo {
    width: 180px;
  }
}

/* Nav */
/* Main Nav Link */
.gui-nav-list>li>a {
  font-family: "GibsonRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--nav-color-black);
}

/* Main Nav Link */
.gui-nav-default .gui-nav-list>li>a {
  font-size: 10px;
}

/* Sale and Clearance */
a[id^="topNav_Sale"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_Sale"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover {
  color: var(--nav-color-red);
}

a[id^="topNav_Clearance"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_Clearance"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover {
  color: var(--nav-color-red);
}

@media (min-width: 768px) {
  .gui-nav-default .gui-nav-list>li>a {
    font-size: 9px;
    padding: 10px 4px;
  }
}

@media (min-width: 880px) {
  .gui-nav-default .gui-nav-list>li>a {
    font-size: 10px;
  }
}

@media (min-width: 992px) {
  .gui-nav-default .gui-nav-list>li>a {
    font-size: 12px;
  }
}

@media (min-width: 1024px) {
  .gui-nav-default .gui-nav-list>li>a {
    font-size: 13px;
  }
}

/* Top nav colours */

/* New in, Womens etc */

.gui-nav-default .gui-nav-list>li:hover a[id^="topNav_FestiveOffers"],
.gui-nav-default .gui-nav-list>li:hover a[id^="topNav_Outlet"],
.gui-nav-default .gui-nav-list>li:hover a[id^="topNav_ValueShop"],
.gui-nav-default .gui-nav-list>li:hover a[id^="topNav_NewIn"],
.gui-nav-default .gui-nav-list>li:hover a[id^="topNav_Lingerie"],
.gui-nav-default .gui-nav-list>li:hover a[id^="topNav_Beauty&Perfume"],
.gui-nav-default .gui-nav-list>li:hover a[id^="topNav_MultibuySavings"],
.gui-nav-default .gui-nav-list>li:hover a[id^="topNav_Accessories"],
.gui-nav-default .gui-nav-list>li:hover a[id^="topNav_Footwear"],
.gui-nav-default .gui-nav-list>li:hover a[id^="topNav_Womens"],
.gui-nav-off-canvas .gui-nav-list>li.gui-show a[id^="topNav_Footwear"],
.gui-nav-off-canvas .gui-nav-list>li.gui-show a[id^="topNav_Womens"],
.gui-nav-off-canvas .gui-nav-list>li.gui-show a[id^="topNav_Accessories"],

.gui-nav-off-canvas .gui-nav-list>li.gui-show a[id^="topNav_FestiveOffers"],
.gui-nav-off-canvas .gui-nav-list>li.gui-show a[id^="topNav_Outlet"],
.gui-nav-off-canvas .gui-nav-list>li.gui-show a[id^="topNav_ValueShop"],
.gui-nav-off-canvas .gui-nav-list>li.gui-show a[id^="topNav_NewIn"],
.gui-nav-off-canvas .gui-nav-list>li.gui-show a[id^="topNav_Lingerie"],
.gui-nav-off-canvas .gui-nav-list>li.gui-show a[id^="topNav_Beauty&Perfume"],
.gui-nav-off-canvas .gui-nav-list>li.gui-show a[id^="topNav_MultibuySavings"] {
  color: var(--nav-color-white);
  background-color: var(--nav-color-salmon);
}

.gui-show a[id^="topNav_FestiveOffers"]+.gui-sub-nav-toggle,
.gui-show a[id^="topNav_Outlet"]+.gui-sub-nav-toggle,
.gui-show a[id^="topNav_ValueShop"]+.gui-sub-nav-toggle,
.gui-show a[id^="topNav_Lingerie"]+.gui-sub-nav-toggle,
.gui-show a[id^="topNav_Beauty&Perfume"]+.gui-sub-nav-toggle,
.gui-show a[id^="topNav_Womens"]+.gui-sub-nav-toggle,
.gui-show a[id^="topNav_NewIn"]+.gui-sub-nav-toggle,
.gui-show a[id^="topNav_Accessories"]+.gui-sub-nav-toggle,
.gui-show a[id^="topNav_Footwear"]+.gui-sub-nav-toggle,
.gui-show a[id^="topNav_MultibuySavings"]+.gui-sub-nav-toggle {
  background-color: var(--nav-color-salmon-dark);
}

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

  a[id^="topNav_Lingerie"]:hover,
  a[id^="topNav_Beauty&Perfume"]:hover,
  a[id^="topNav_Womens"]:hover,
  a[id^="topNav_Footwear"]:hover,
  a[id^="topNav_Accessories"]:hover,
  a[id^="topNav_NewIn"]:hover,
  a[id^="topNav_MultibuySavings"]:hover {
    color: var(--nav-color-white);
    background-color: var(--nav-color-salmon);
  }
}

.gui-nav-default .gui-nav-list>li:hover a[id^="topNav_Electricals"],
.gui-nav-default .gui-nav-list>li:hover a[id^="topNav_Home"],
.gui-nav-default .gui-nav-list>li:hover a[id^="topNav_Gifts"],
.gui-nav-off-canvas .gui-nav-list>li.gui-show a[id^="topNav_Electricals"],
.gui-nav-off-canvas .gui-nav-list>li.gui-show a[id^="topNav_Gifts"],
.gui-nav-off-canvas .gui-nav-list>li.gui-show a[id^="topNav_Home"] {
  color: var(--nav-color-white);
  background-color: var(--nav-color-green);
}

.gui-show a[id^="topNav_Gifts"]+.gui-sub-nav-toggle,
.gui-show a[id^="topNav_Electricals"]+.gui-sub-nav-toggle,
.gui-show a[id^="topNav_Home"]+.gui-sub-nav-toggle {
  background-color: var(--nav-color-green-dark);
}

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

  a[id^="topNav_Electricals"]:hover,
  a[id^="topNav_Gifts"]:hover,
  a[id^="topNav_Home"]:hover {
    color: var(--nav-color-white);
    background-color: var(--nav-color-green);
  }
}


.gui-nav-default .gui-nav-list>li:hover a[id^="topNav_OFFERS"],
.gui-nav-default .gui-nav-list>li:hover a[id^="topNav_Occasionwear"],
.gui-nav-default .gui-nav-list>li:hover a[id^="topNav_Menswear"],
.gui-nav-default .gui-nav-list>li:hover a[id^="topNav_Mens"],

.gui-nav-off-canvas .gui-nav-list>li.gui-show a[id^="topNav_OFFERS"],
.gui-nav-off-canvas .gui-nav-list>li.gui-show a[id^="topNav_Menswear"],
.gui-nav-off-canvas .gui-nav-list>li.gui-show a[id^="topNav_Mens"],
.gui-nav-off-canvas .gui-nav-list>li.gui-show a[id^="topNav_Occasionwear"] {
  color: var(--nav-color-white);
  background-color: var(--nav-color-blue);
}

.gui-show a[id^="topNav_OFFERS"]+.gui-sub-nav-toggle,
.gui-show a[id^="topNav_Menswear"]+.gui-sub-nav-toggle,
.gui-show a[id^="topNav_Mens"]+.gui-sub-nav-toggle,
.gui-show a[id^="topNav_Occasionwear"]+.gui-sub-nav-toggle {
  background-color: var(--nav-color-blue-dark);
}

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

  a[id^="topNav_OFFERS"]:hover,
  a[id^="topNav_Menswear"]:hover,
  a[id^="topNav_Mens"]:hover,
  a[id^="topNav_Occasionwear"]:hover {
    color: var(--nav-color-white);
    background-color: var(--nav-color-blue);
  }

  a[id^="topNav_Sale"]:hover,
  a[id^="topNav_Clearance"]:hover {
    color: var(--nav-color-white) !important;
    background-color: var(--nav-color-red);
  }
}


.gui-nav-default .gui-nav-list>li:hover a[id^="topNav_Kids"],
.gui-nav-off-canvas .gui-nav-list>li.gui-show a[id^="topNav_Kids"],
.gui-nav-default .gui-nav-list>li:hover a[id^="topNav_Toys"],
.gui-nav-off-canvas .gui-nav-list>li.gui-show a[id^="topNav_Toys"] {
  color: var(--nav-color-white);
  background-color: var(--nav-color-orange);
}

.gui-show a[id^="topNav_Kids"]+.gui-sub-nav-toggle,
.gui-show a[id^="topNav_Toys"]+.gui-sub-nav-toggle {
  background-color: var(--nav-color-orange);
}

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

  a[id^="topNav_Kids"]:hover,
  a[id^="topNav_Toys"]:hover {
    color: var(--nav-color-white);
    background-color: var(--nav-color-orange);
  }
}



/* Sale and Clearance */
.gui-nav-default .gui-nav-list > li:hover a[id^="topNav_Sale"], .gui-nav-off-canvas .gui-nav-list .gui-show a[id^="topNav_Sale"], .gui-nav-default .gui-nav-list > li:hover a[id^="topNav_Clearance"], .gui-nav-off-canvas .gui-nav-list .gui-show a[id^="topNav_Clearance"] {
  background-color: var(--nav-color-red);
  color: var(--nav-color-white);
}
.gui-show a[id^="topNav_Sale"] + .gui-sub-nav-toggle, .gui-show a[id^="topNav_Clearance"] + .gui-sub-nav-toggle {
  background-color: var(--nav-color-red);
}
.gui-sub-nav a[id^="topNav_Sale"], .gui-sub-nav a[id^="topNav_Clearance"] {
  color: var(--nav-color-red);
}

/* Black Friday */
.gui-nav-list>li a[id^="topNav_BlackFriday"],
.gui-nav-default .gui-nav-list>li:hover a[id^="topNav_BlackFriday"],
.gui-nav-off-canvas .gui-nav-list .gui-show a[id^="topNav_BlackFriday"] {
  background-color: var(--nav-color-black);
  color: var(--nav-color-white);
}

.gui-show a[id^="topNav_BlackFriday"]+.gui-sub-nav-toggle {
  background-color: var(--nav-color-black);
}

/* Mobile Toggle turns to white */
body>div.site-wrapper>div>header>nav>div.gui-nav-container>ul>li:nth-child(2)>div.gui-sub-nav-toggle span {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3e%3cdefs%3e%3cstyle%3e.cls-1%7bfill:%23fff;%7d%3c/style%3e%3c/defs%3e%3ctitle%3eUntitled-1%3c/title%3e%3cpath class='cls-1' d='M41.05,11A21.54,21.54,0,0,1,44,22a21.54,21.54,0,0,1-2.95,11,21.91,21.91,0,0,1-8,8A21.53,21.53,0,0,1,22,44a21.53,21.53,0,0,1-11-2.95,21.88,21.88,0,0,1-8-8A21.52,21.52,0,0,1,0,22,21.52,21.52,0,0,1,3,11a21.88,21.88,0,0,1,8-8A21.51,21.51,0,0,1,22,0,21.51,21.51,0,0,1,33,3,21.91,21.91,0,0,1,41.05,11ZM34.83,23.83V20.17A1.86,1.86,0,0,0,33,18.33H25.67V11a1.86,1.86,0,0,0-1.83-1.83H20.17A1.86,1.86,0,0,0,18.33,11v7.33H11a1.86,1.86,0,0,0-1.83,1.83v3.67A1.85,1.85,0,0,0,11,25.67h7.33V33a1.86,1.86,0,0,0,1.83,1.83h3.67A1.86,1.86,0,0,0,25.67,33V25.67H33a1.86,1.86,0,0,0,1.83-1.83Z'/%3e%3c/svg%3e")
}

@media only screen and (min-width: 768px) {
  a[id^="topNav_BlackFriday"]:hover {
    background-color: var(--nav-color-black);
    color: var(--nav-color-white);
  }
}

/* Christmas */
.gui-nav-list>li a[id^="topNav_Christmas"],
.gui-nav-default .gui-nav-list>li:hover a[id^="topNav_Christmas"],
.gui-nav-off-canvas .gui-nav-list>li.gui-show a[id^="topNav_Christmas"] {
  color: var(--nav-color-white);
  background-color: var(--nav-color-brown);
}

.gui-show a[id^="topNav_Christmas"]+.gui-sub-nav-toggle {
  background-color: var(--nav-color-brown-dark);
}

@media only screen and (min-width: 768px) {
  a[id^="topNav_Christmas"]:hover {
    color: var(--nav-color-white);
    background-color: var(--nav-color-brown);
  }
}

/* Drop down border */
.gui-nav-default a[id^="topNav_Electricals"]+div+.gui-sub-nav-content,
.gui-nav-default a[id^="topNav_Gifts"]+div+.gui-sub-nav-content,
.gui-nav-default a[id^="topNav_Home"]+div+.gui-sub-nav-content {
  border-top-color: var(--nav-color-green);
}


.gui-nav-default a[id^="topNav_OFFERS"]+div+.gui-sub-nav-content,
.gui-nav-default a[id^="topNav_Menswear"]+div+.gui-sub-nav-content,
.gui-nav-default a[id^="topNav_Mens"]+div+.gui-sub-nav-content,
.gui-nav-default a[id^="topNav_Occasionwear"]+div+.gui-sub-nav-content {
  border-top-color: var(--nav-color-blue);
}

.gui-nav-default a[id^="topNav_Brands"]+div+.gui-sub-nav-content,
.gui-nav-default a[id^="topNav_Highlights"]+div+.gui-sub-nav-content {
  border-top-color: var(--nav-color-purple);
}

.gui-nav-default a[id^="topNav_Kids"]+div+.gui-sub-nav-content,
.gui-nav-default a[id^="topNav_Toys"]+div+.gui-sub-nav-content {
  border-top-color: var(--nav-color-orange);
}

.gui-nav-default a[id^="topNav_FestiveOffers"]+div+.gui-sub-nav-content,
.gui-nav-default a[id^="topNav_Outlet"]+div+.gui-sub-nav-content,
.gui-nav-default a[id^="topNav_ValueShop"]+div+.gui-sub-nav-content,
.gui-nav-default a[id^="topNav_NewIn"]+div+.gui-sub-nav-content,
.gui-nav-default a[id^="topNav_Footwear"]+div+.gui-sub-nav-content,
.gui-nav-default a[id^="topNav_Accessories"]+div+.gui-sub-nav-content,
.gui-nav-default a[id^="topNav_Womens"]+div+.gui-sub-nav-content,
.gui-nav-default a[id^="topNav_Lingerie"]+div+.gui-sub-nav-content,
.gui-nav-default a[id^="topNav_Beauty&Perfume"]+div+.gui-sub-nav-content,
.gui-nav-default a[id^="topNav_MultibuySavings"]+div+.gui-sub-nav-content {
  border-top-color: var(--nav-color-salmon);
}

.gui-nav-default a[id^="topNav_Christmas"]+div+.gui-sub-nav-content {
  border-top-color: var(--nav-color-brown);
}

.gui-nav-default a[id^="topNav_Sale"]+div+.gui-sub-nav-content,
.gui-nav-default a[id^="topNav_Clearance"]+div+.gui-sub-nav-content {
  border-top-color: var(--nav-color-red);
}

.gui-nav-default a[id^="topNav_BlackFriday"]+div+.gui-sub-nav-content {
  border-top-color: var(--nav-color-black);
}


@media (min-width: 992px) {
  .gui-nav-default .gui-nav-list>li>a {
    font-size: 14px;
  }
}

/* Mobile Nav Sub Hover */
@media only screen and (max-width: 767px) {
  .gui-sub-nav-content .gui-sub-nav-content-list a:hover {
    background-color: var(--nav-color-white);
  }
}

/* Mobile Bespoke Icons */
/* Catelogue Request / Autumn Picks / Your Perfect Dress */
.gui-nav-off-canvas .gui-nav-list a[id^="topNav_MyAccount"]:after {
  position: absolute;
  top: calc(50% - 10px);
  right: 12px;
  width: 20px;
  height: 20px;
  content: "";
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23000000' d='M96 160C96 71.634 167.635 0 256 0s160 71.634 160 160-71.635 160-160 160S96 248.366 96 160zm304 192h-28.556c-71.006 42.713-159.912 42.695-230.888 0H112C50.144 352 0 402.144 0 464v24c0 13.255 10.745 24 24 24h464c13.255 0 24-10.745 24-24v-24c0-61.856-50.144-112-112-112z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px 20px;
}

/* Mobile Arrow Icon */
.gui-nav-off-canvas .gui-nav-list a[id^="topNav_CatalogueRequest"]:after,
.gui-nav-off-canvas .gui-nav-list a[id^="topNav_AutumnPicks"]:after,
.gui-nav-off-canvas .gui-nav-list a[id^="topNav_YourPerfectDress"]:after {
  position: absolute;
  top: calc(50% - 8px);
  right: 14px;
  width: 16px;
  height: 16px;
  content: "";
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400 400' style='enable-background:new 0 0 400 400;' xml:space='preserve'%3e%3cpath fill='%23313131' d='M187.6,200.8L314.8,73.7c4.7-4.7,4.7-12.3,0-16.9l-40.2-40.2c-4.7-4.7-12.3-4.7-16.9,0L81.8,192.3 c-2.3,2.3-3.5,5.4-3.5,8.5s1.2,6.2,3.5,8.5l175.8,175.8c4.7,4.7,12.3,4.7,16.9,0l40.2-40.2c4.7-4.7,4.7-12.3,0-16.9L187.6,200.8z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 16px;
}

/* Sub Nav Content */
.gui-sub-nav-content-grid>div .gui-sub-nav-title {
  font-family: "GibsonSemiBold", Arial, Helvetica Neue, Helvetica, sans-serif;
  padding-bottom: 0;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: none;
}

.gui-sub-nav-content .gui-sub-nav-content-list {
  grid-template-columns: none;
}

.gui-sub-nav-content .gui-sub-nav-content-list a {
  font-family: "GibsonRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
  letter-spacing: 0.5px;
}

.gui-sub-nav-content .gui-sub-nav-content-list a:hover {
  text-decoration: underline !important;
}

/* Mobile Grid Links Container */
@media only screen and (max-width: 767px) {
  .gui-sub-nav .gui-sub-nav-content-grid {
    background-color: var(--nav-color-lightgrey);
  }

  .gui-sub-nav-content-grid>div {
    padding: 0;
  }

  .gui-sub-nav-content-grid>div+div {
    margin-top: 10px;
  }

  .gui-header a:hover,
  .gui-header-top a:hover {
    text-decoration: none;
  }
}

.gui-sub-nav .gui-sub-nav-content-grid {
  padding: 10px;
}

.gui-sub-nav .gui-sub-nav-content {
  padding: 0;
}

/* Mobile Titles */
a[id^="topNav_FestiveOffers"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_FestiveOffers"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover,

a[id^="topNav_ValueShop"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_ValueShop"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover,

a[id^="topNav_Outlet"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_Outlet"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover,
a[id^="topNav_Womens"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_Womens"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover,
a[id^="topNav_NewIn"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_NewIn"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover,
a[id^="topNav_Accessories"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_Accessories"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover,
a[id^="topNav_Lingerie"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_Lingerie"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover,
a[id^="topNav_Beauty&Perfume"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_Beauty&Perfume"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover,
a[id^="topNav_Footwear"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_Footwear"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover {
  color: var(--nav-color-salmon-dark);
}

a[id^="topNav_Gifts"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_Gifts"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover,
a[id^="topNav_Electricals"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_Electricals"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover,
a[id^="topNav_Home"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_Home"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover {
  color: var(--nav-color-green-dark);
}




a[id^="topNav_OFFERS"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_OFFERS"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover,
a[id^="topNav_Menswear"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_Menswear"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover,
a[id^="topNav_Mens"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_Mens"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover,
a[id^="topNav_Occasionwear"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_Occasionwear"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover {
  color: var(--nav-color-blue-dark);
}

/* Accessories / Menswear / Electricals */
a[id^="topNav_Brands"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_Brands"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover,
a[id^="topNav_Highlights"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_Highlights"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover {
  color: var(--nav-color-purple-dark);
}

a[id^="topNav_Kids"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_Kids"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover {
  color: var(--nav-color-orange);
}

a[id^="topNav_Toys"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_Toys"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover {
  color: var(--nav-color-orange);
}

a[id^="topNav_MultibuySavings"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_MultibuySavings"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover {
  color: var(--nav-color-salmon-dark);
}

/* Christmas */
a[id^="topNav_Christmas"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-grid>div .gui-sub-nav-title,
a[id^="topNav_Christmas"]+.gui-sub-nav-toggle+.gui-sub-nav-content .gui-sub-nav-content-list a:hover {
  color: var(--nav-color-brown-dark);
}

/* Nav Default */
.gui-nav-default .gui-nav {
  border-bottom: 1px solid var(--nav-color-light-grey);
}

.gui-nav-default .gui-sub-nav-content .gui-sub-nav-content-list a {
  padding: 5px 0;
}

.gui-nav-default a[id^="topNav_Sale"]+div+.gui-sub-nav-content a:hover,
.gui-nav-default a[id^="topNav_Clearance"]+div+.gui-sub-nav-content a:hover {
  text-decoration: underline !important;
  color: var(--nav-color-red);
}

.gui-nav-default a[id^="topNav_NewIn"]+div+.gui-sub-nav-content a:hover,
.gui-nav-default a[id^="topNav_Womens"]+div+.gui-sub-nav-content a:hover,
.gui-nav-default a[id^="topNav_Footwear"]+div+.gui-sub-nav-content a:hover,
.gui-nav-default a[id^="topNav_Lingerie"]+div+.gui-sub-nav-content a:hover,
.gui-nav-default a[id^="topNav_Beauty&Perfume"]+div+.gui-sub-nav-content a:hover,
.gui-nav-default a[id^="topNav_Kids"]+div+.gui-sub-nav-content a:hover,
.gui-nav-default a[id^="topNav_Gifts"]+div+.gui-sub-nav-content a:hover,
.gui-nav-default a[id^="topNav_MultibuySavings"]+div+.gui-sub-nav-content a:hover {
  text-decoration: underline !important;
  color: var(--nav-color-salmon);
}

.gui-nav-default a[id^="topNav_Mens"]+div+.gui-sub-nav-content a:hover {
  text-decoration: underline !important;
  color: var(--nav-color-blue);
}

.gui-nav-default a[id^="topNav_Home"]+div+.gui-sub-nav-content a:hover,
.gui-nav-default a[id^="topNav_Electricals"]+div+.gui-sub-nav-content a:hover,
.gui-nav-default a[id^="topNav_Gifts"]+div+.gui-sub-nav-content a:hover {
  text-decoration: underline !important;
  color: var(--nav-color-green);
}

.gui-nav-default a[id^="topNav_Toys"]+div+.gui-sub-nav-content a:hover {
  text-decoration: underline !important;
  color: var(--nav-color-orange-dark);
}

/* Mobile Nav Stylings */
@media only screen and (max-width: 767px) {
  .gui-nav-off-canvas .gui-sub-nav-content .gui-sub-nav-content-list {
    grid-template-columns: repeat(auto-fill, minmax(221px, 1fr));
    grid-gap: 10px;
  }

  .gui-sub-nav-content .gui-sub-nav-content-list {
    grid-gap: 0;
  }

  .gui-sub-nav-content .gui-sub-nav-content-list a {
    position: relative;
    padding: 13px 25px 13px 10px;
    border: 1px solid var(--nav-color-lightgrey);
    border-bottom: none;
    background-color: var(--nav-color-white);
  }

  .gui-sub-nav-content .gui-sub-nav-content-list a:after {
    position: absolute;
    top: calc(50% - 4px);
    right: 10px;
    width: 8px;
    height: 8px;
    content: "";
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 400 400' style='enable-background:new 0 0 400 400;' xml:space='preserve'%3e%3cpath fill='%23979797' d='M187.6,200.8L314.8,73.7c4.7-4.7,4.7-12.3,0-16.9l-40.2-40.2c-4.7-4.7-12.3-4.7-16.9,0L81.8,192.3 c-2.3,2.3-3.5,5.4-3.5,8.5s1.2,6.2,3.5,8.5l175.8,175.8c4.7,4.7,12.3,4.7,16.9,0l40.2-40.2c4.7-4.7,4.7-12.3,0-16.9L187.6,200.8z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 8px 8px;
  }

  .gui-sub-nav-content .gui-sub-nav-content-list li:last-of-type a {
    border-bottom: 1px solid var(--nav-color-lightgrey);
  }
}

@media only screen and (max-width: 560px) {
  .gui-nav-off-canvas .gui-sub-nav-content .gui-sub-nav-content-list {
    grid-template-columns: none;
    grid-gap: 0;
  }
}

/* Main Nav Link */
.gui-no-touch .gui-nav-default .gui-nav-list>li:hover,
.gui-touch .gui-nav-default .gui-nav-list>li.gui-show {
  background: none;
}

/* Sub Nav Content */
.gui-nav-default .gui-sub-nav-content {
  width: 100%;
  border: 0;
  border-top: 4px solid var(--nav-color-salmon);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}

@media only screen and (min-width: 768px) {
  .gui-sub-nav-content-grid>div {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100px;
    -webkit-box-flex: 1;
  }

  .gui-sub-nav-content-grid>div:last-child {
    width: 250px;
    max-width: 250px;
  }
}

/* Secondary Nav */
.gui-secondary-nav {
    display: none !important;
}

/* START - My Account Selector */
.gui-my-account-selector * {
  font-family: "GibsonRegular", Arial, Helvetica Neue, Helvetica, sans-serif;
}

.gui-my-account-selector .gui-dropdown-menu {
  margin-top: 0;
  border: 1px solid var(--nav-color-grey);
  background: var(--nav-color-white);
}

.gui-my-account-selector .gui-dropdown-toggle {
  font-size: 12px;
  padding: 12px;
  letter-spacing: 0.06em;
  color: var(--nav-color-black);
  border-right: 1px solid var(--nav-color-grey);
  border-left: 1px solid var(--nav-color-grey);
  background: var(--nav-color-white);
}

.gui-my-account-selector .gui-dropdown-toggle:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23000000' d='M96 160C96 71.634 167.635 0 256 0s160 71.634 160 160-71.635 160-160 160S96 248.366 96 160zm304 192h-28.556c-71.006 42.713-159.912 42.695-230.888 0H112C50.144 352 0 402.144 0 464v24c0 13.255 10.745 24 24 24h464c13.255 0 24-10.745 24-24v-24c0-61.856-50.144-112-112-112z'/%3e%3c/svg%3e");
}

.gui-my-account-selector .gui-dropdown-menu ul li {
  letter-spacing: 0.06em;
}

/* Welcome Name Surname */
.gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-welcome {
  font-size: 11px;
  padding: 10px 0;
  text-transform: uppercase;
  color: var(--nav-color-black);
  border-bottom: 1px solid var(--nav-color-grey);
}

/* Dropdown Button - Sign In/Out Button */
.gui-my-account-selector .gui-dropdown-menu ul li:first-child {
  border-bottom: 1px solid var(--nav-color-grey);
}

/* Sign In Button */
.gui-my-account-selector .gui-dropdown-menu ul li a.btn-signin {
  color: var(--nav-color-white);
  background-color: var(--nav-color-black);
}

.gui-my-account-selector .gui-dropdown-menu ul li a.btn-signin:hover {
  color: var(--nav-color-white);
  background-color: var(--nav-color-maroon);
}

.gui-my-account-selector .gui-dropdown-menu ul li a.btn-signin:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23ffffff' d='M444.5,159.1C426.3,71,348.2,4.4,254.7,4.4S83,71,64.9,159.1H3v348.4h505.8V159.1H444.5z M254.7,77.1 c53.1,0,98.3,34.4,114.6,82.1H140.1C156.3,111.5,201.5,77.1,254.7,77.1z M282.1,336.9v94.8c0,7.7-6.3,14-14,14h-24.6 c-7.7,0-14-6.3-14-14v-94.8c-18-9.6-30.4-28.4-30.4-50.3c0-31.3,25.4-56.8,56.8-56.8s56.8,25.4,56.8,56.8 C312.7,308.3,300.3,327.3,282.1,336.9z'/%3e%3c/svg%3e");
}

/* Sign Out Button */
.gui-my-account-selector .gui-dropdown-menu ul li a.btn-signout {
  color: var(--nav-color-white);
  background-color: var(--nav-color-black);
}

.gui-my-account-selector .gui-dropdown-menu ul li a.btn-signout:hover {
  color: var(--nav-color-white);
  background-color: var(--nav-color-maroon);
}

.gui-my-account-selector .gui-dropdown-menu ul li a.btn-signout:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23ffffff' d='M444.5,159.1C426.3,71,348.2,4.4,254.7,4.4S83,71,64.9,159.1H3v348.4h505.8V159.1H444.5z M254.7,77.1 c53.1,0,98.3,34.4,114.6,82.1H140.1C156.3,111.5,201.5,77.1,254.7,77.1z M282.1,336.9v94.8c0,7.7-6.3,14-14,14h-24.6 c-7.7,0-14-6.3-14-14v-94.8c-18-9.6-30.4-28.4-30.4-50.3c0-31.3,25.4-56.8,56.8-56.8s56.8,25.4,56.8,56.8 C312.7,308.3,300.3,327.3,282.1,336.9z'/%3e%3c/svg%3e");
}

/* Drop Down Links */
.gui-my-account-selector .gui-dropdown-menu ul li:not(:first-child) a {
  color: var(--nav-color-black);
}

.gui-my-account-selector .gui-dropdown-menu ul li:not(:first-child) a:hover {
  text-decoration: underline;
  color: #989898;
}

/* Available to Spend */
.gui-my-account-selector .gui-dropdown-menu ul li.credit-available {
  font-size: 11px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row;
  -webkit-flex-flow: row;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 10px 0;
  text-transform: uppercase;
  color: var(--nav-color-black);
  border-bottom: 1px solid var(--nav-color-grey);
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
}

.gui-header-main .gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-welcome,
.gui-header-main .gui-my-account-selector .gui-dropdown-menu ul li.credit-available {
  font-size: 14px;
}

.gui-my-account-selector .gui-dropdown-menu ul li.credit-available strong {
  color: #3a981e;
}

.gui-my-account-selector .gui-dropdown-menu ul li.credit-available span:not(:first-child) {
  text-align: right;
}

/* Account Notifications */
.gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-notification {
  margin: 0;
  padding: 4px 0;
  border-bottom: 1px solid var(--nav-color-grey);
}

.gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-notification .gui-my-account-notifications {
  font-weight: 400;
  line-height: 13px;
  position: absolute;
  right: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -webkit-box;
  display: flex;
  -webkit-align-items: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 23px;
  height: 23px;
  text-align: center;
  color: var(--nav-color-white);
  border-radius: 50%;
  background-color: var(--nav-color-black);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}

.gui-my-account-selector .gui-dropdown-menu ul li.gui-my-account-notification a:hover .gui-my-account-notifications {
  color: var(--nav-color-white);
  background-color: #3e3d3c;
}

/* END - Notifications */
/* Mobile - My Account Link/Dropdown */
.gui-header-main .gui-my-account-selector .gui-dropdown-toggle {
  position: relative;
  z-index: 2;
  color: #222;
  border: 1px solid var(--nav-color-grey);
  background-color: var(--nav-color-white);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23000000' d='M96 160C96 71.634 167.635 0 256 0s160 71.634 160 160-71.635 160-160 160S96 248.366 96 160zm304 192h-28.556c-71.006 42.713-159.912 42.695-230.888 0H112C50.144 352 0 402.144 0 464v24c0 13.255 10.745 24 24 24h464c13.255 0 24-10.745 24-24v-24c0-61.856-50.144-112-112-112z'/%3e%3c/svg%3e");
}

.gui-header-main .gui-my-account-selector.gui-active .gui-dropdown-toggle {
  border-bottom: none;
}

.gui-header-main .gui-my-account-selector .gui-dropdown-menu {
  z-index: 1;
  margin-top: -1px;
  border: 1px solid var(--nav-color-grey);
  background-color: var(--nav-color-white);
}

/* END - My Account Selector */
/* Back to Top */
.hd-backtotop {
  position: fixed;
  z-index: 2000;
  right: 20px;
  bottom: 30px;
  display: none;
  width: 50px;
  height: 50px;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  text-indent: -99999px;
  background-color: var(--nav-color-black);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 400 400' style='enable-background:new 0 0 400 400;' xml:space='preserve'%3e%3cpath fill='%23ffffff' d='M187.6,200.8L314.8,73.7c4.7-4.7,4.7-12.3,0-16.9l-40.2-40.2c-4.7-4.7-12.3-4.7-16.9,0L81.8,192.3 c-2.3,2.3-3.5,5.4-3.5,8.5s1.2,6.2,3.5,8.5l175.8,175.8c4.7,4.7,12.3,4.7,16.9,0l40.2-40.2c4.7-4.7,4.7-12.3,0-16.9L187.6,200.8z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 30px 30px;
}

.hd-backtotop:hover {
  -webkit-transition: background-color 200ms ease;
  -moz-transition: background-color 200ms ease;
  transition: background-color 200ms ease;
  opacity: 1;
  background-color: var(--nav-color-maroon);
}

/* * Header needs to be highest in z-order */
header.gui-header {
  z-index: 300 !important;
}

.gui-header-top {
  z-index: 400 !important;
}

/*  supersites */
.super-sites {
  margin-right: 8px;
}

.super-sites ul li a {
  font-family: "GibsonRegular", Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #717171;
  border-left: 1px solid #eeeeee;
  background-color: #f5f5f5;
}

.super-sites ul li a:hover,
.super-sites ul li a:focus {
  text-decoration: underline !important;
}

.super-sites ul li:first-child a {
  background: #ffffff;
}