#main > *, #content-wrapper {
  width : 100%;
}

#wrapper .wrapper__inner {
  background            : white;
  background-size       : cover;
  background-attachment : fixed;
  padding               : 20px 0;
  position              : relative;
  width                 : 100%;
  max-width             : 1200px;
  margin                : 0 auto;
  display               : flex;
  flex-direction        : row;
  gap                   : 30px;
}

.page-customer-account h1{
  text-align: center;
  font-size: 30px;
  color: #000;
  padding: 0;
}

.wishlist-container {
  background : var(--color-white-default) !important;
}

.wishlist-container-header {
  display : block !important;
  margin-bottom : 0 !important;
}

.wishlist-container-header h1 {
  width          : 100%;
  margin         : 0 0 20px 0;
  padding        : 1em 1.5em;
  text-align     : center;
  color          : var(--color-primary);
  border-bottom  : 1px solid var(--color-primary);
  background     : white;
  text-transform : uppercase;
}

#content {
  background     : #fff;
  padding-bottom : 10px;
}

.page-customer-account #content{
  box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, .1);
  background: white;
  padding: 16px;
  font-size: 13px;
  color: #878787;
}

.content-container {
  height   : fit-content;
  overflow : hidden;
}

#content h6 {
  padding : 0 10px;
  font-weight: 400;
}

.page-footer {
  padding : 0.5rem 0;
}

.page-footer .account-link {
  color           : #777;
  text-decoration : none;
  transition      : all .3s;
  font-size: 13px;
  font-weight: 500;
  margin-right: 16px;
}

.page-footer .account-link i {
  font-size: 14px;
}

.page-footer .account-link:hover {
  color : var(--color-primary);
}

/********************************/
/* Customer Sidebar */
/********************************/
.customer-sidebar__container.links {
  display          : -webkit-box;
  display          : -ms-flexbox;
  display          : flex;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
  -webkit-box-pack : start;
  -ms-flex-pack    : start;
  justify-content  : flex-start;
  flex-direction   : column;
}

.customer-sidebar__container.links a {
  display         : inline-block;
  font-size       : 1rem;
  font-weight     : 500;
  color           : var(--color-grey-font-default);
  text-decoration : none;
  background      : var(--color-white-default);
  padding         : 0 1rem;
  transition      : all 0.3s;
}

.customer-sidebar__container.links a span.link-item {
  display     : flex;
  align-items : center;
  height      : 100%;
  padding     : 1rem 10px 1rem 0;
  position    : relative;
}

.customer-sidebar__container.links a:not(:last-child) span.link-item {
  border-bottom : 1px solid #f7f7f7;
}

.customer-sidebar__container.links a i {
  display      : block;
  font-size    : 2rem;
  color        : var(--color-black-default);
  margin-right : 10px;
  transition   : all .3s;
}

.customer-sidebar__container.links a:hover {
  color : var(--link-color-on-hover);
}

.customer-sidebar__container.links a:hover i {
  color : var(--link-color-on-hover);
}

.customer-sidebar__container.links .link-item:after {
  content           : '';
  position          : absolute;
  top               : 50%;
  margin-top        : -5px;
  right             : 0;
  border            : 1px solid var(--color-black-default);
  width             : 10px;
  height            : 10px;
  border-width      : 1px 0 0 1px;
  -webkit-transform : scaleY(.8) rotate(45deg);
  -ms-transform     : scaleY(.8) rotate(45deg);
  transform         : scaleX(.85) rotate(135deg);
  transition        : all .4s ease-out;
}

.customer-sidebar__container .greeting {
  font-weight     : 500;
  font-size       : var(--font-size-500);
  color           : var(--color-black-default);
  text-transform  : unset;
  line-height     : 1em;
  margin-bottom   : 3px;
  padding         : 20px 0 15px;
  display         : flex;
  align-items     : center;
  justify-content : space-between;
}

.customer-sidebar__container .greeting .logout-link {
  padding : 0;
}

.customer-sidebar__container .greeting .logout-link i {
  font-size    : var(--font-size-600);
  margin-right : 0;
}

.customer-sidebar__container .menu {
  display        : flex;
  flex-direction : column;
}

.customer-sidebar__container .menu-burger {
  cursor   : pointer;
  position : absolute;
  padding  : 25px;
  top      : -27px;
  z-index  : 1;
}

.customer-sidebar__container .menu-burger > .lines {
  width           : 30px;
  height          : 25px;
  display         : flex;
  flex-flow       : column;
  justify-content : space-between;
  align-items     : center;
}

.customer-sidebar__container .menu-burger > .lines > .line {
  width            : 100%;
  height           : 2px;
  position         : relative;
  background-color : var(--color-black-default);
  transition       : all .4s ease-out;
}

.customer-sidebar__container .menu-burger > .lines > .line:nth-child(2) {
  transform-origin : left;
}

.customer-sidebar__container .menu-burger.active > .lines > .line:first-child {
  transform : translate(-5px, 7px) rotate(-45deg);
  width     : 68%;
}

.customer-sidebar__container .menu-burger.active > .lines > .line:nth-child(2) {
  width   : 0;
  opacity : 0;
}

.customer-sidebar__container .menu-burger.active > .lines > .line:last-child {
  transform : translate(-5px, -3px) rotate(45deg);
  width     : 68%;
}