/* --------
M&S Logo
-------- */

.logo {
  @extend %clearfix;
  @include make-md-column(2);
  @include rem(background-size, 52px);
  @include rem(height, 20px);
  @include rem(width, 52px);
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4OCAzMy41IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA4OCAzMy41OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPGc+CgkJCTxnPgoJCQkJPHBhdGggZD0iTTI5LDMyLjhoLTIuNFY1TDE1LjMsMjYuOGgtMS42TDIuNCw1djI3LjhIMFYwLjNoMi4zbDEyLjIsMjNsMTIuMy0yM0gyOVYzMi44eiIvPgoJCQkJPHBhdGggZD0iTTU1LjIsMjcuMmMtMi4yLDMuNy00LjcsNi4yLTkuMyw2LjJjLTUuNywwLTkuNC0zLjItOS40LTguNWMwLTQuMSwyLjYtNy4xLDcuNC05LjljLTIuOS0yLjgtNC4zLTQuNy00LjMtNy44CgkJCQkJYzAtNC41LDMtNy4yLDYuOS03LjJjNCwwLDcuMSwyLjgsNy4xLDdjMCw0LjEtMy4xLDYuNC02LjEsOC40bDcuNCw4LjFsMy45LTYuN2wxLjgsMS4xbC00LjMsNy4ybDUuNSw2bC0xLjcsMS42TDU1LjIsMjcuMnoKCQkJCQkgTTUzLjcsMjUuNmwtOC4zLTguOWMtNC40LDIuNi02LjUsNS02LjUsOC4yYzAsNCwyLjYsNi40LDYuOSw2LjRDNDkuNSwzMS4zLDUxLjYsMjksNTMuNywyNS42eiBNNDUuOSwxMy45CgkJCQkJYzIuOC0xLjgsNS4zLTMuOCw1LjMtNi45YzAtMi44LTEuOS00LjgtNC42LTQuOGMtMi42LDAtNC42LDEuOC00LjYsNC45QzQxLjksOS41LDQzLjIsMTEuMSw0NS45LDEzLjl6Ii8+CgkJCQk8cGF0aCBkPSJNODgsMjQuM2MwLDUuMy00LjYsOS4yLTEwLjksOS4yYy01LjksMC0xMC0yLjQtMTIuMy03LjFsMS45LTEuMmMyLDQuMSw1LjQsNi4xLDEwLjUsNi4xYzUuMSwwLDguNi0yLjgsOC42LTcuMQoJCQkJCWMwLTQuMi00LjMtNS41LTguOC02LjhjLTUuMi0xLjUtMTAuNC0zLjEtMTAuNC04LjhDNjYuNSwxLjgsNzMsMCw3Ni43LDBjMy4yLDAsOC43LDAuOSwxMC45LDdsLTIuMSwwLjcKCQkJCQljLTEuMy0zLjUtNC41LTUuNi04LjYtNS42Yy00LjksMC04LDIuNS04LDYuNWMwLDQuMSw0LjIsNS4zLDguNiw2LjVDODIuNywxNi43LDg4LDE4LjIsODgsMjQuM3oiLz4KCQkJPC9nPgoJCTwvZz4KCTwvZz4KPC9nPgo8L3N2Zz4K);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  display: block;
  text-decoration: none;
  left: 0;
  top: 0;

  @include media-query-medium {
    @include rem(background-size, 88px);
    @include rem(height, 34px);
    @include rem(width, 88px);
    text-align: left;
    margin-left: 0;
  }

  &.logo--checkout {
    @include rem(margin, 16px 0 16px -26px);
    left: 50%;
    padding-left: 0;
    padding-right: 0;

    @include media-query-medium {
      @include rem(left, 10px);
      margin-left: 0;
    }

  }

  &.__with-est-year {
    @include rem(background-size, 58px);
    @include rem(margin, 10px 0 5px -34px);
    @include rem(height, 42px);
    @include rem(width, 68px);
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNTgwLjA3OXB4IiBoZWlnaHQ9IjMzOC41NjJweCIgdmlld0JveD0iMCAwIDU4MC4wNzkgMzM4LjU2MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTgwLjA3OSAzMzguNTYyIg0KCSB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiMwMTAxMDEiIGQ9Ik01NzguNTU4LDQ4LjEyMkw1NjAuOSw1NC41MTVjLTcuMDE0LTIyLjIzLTI2Ljc5NC0zNi41MzgtNTMuNjA1LTM2LjUzOA0KCQljLTI5LjIyNSwwLTQ4LjQxNCwxNC42MDgtNDguNDE0LDM5LjI3OWMwLDUyLjk4NSwxMjEuMTk4LDI0Ljk2NCwxMjEuMTk4LDk5LjU3YzAsMzUuNjM1LTI4LjYyNCw2MC41OTctNzEuMjQ1LDYwLjU5Nw0KCQljLTM5LjU4OSwwLTYzLjMzMS0xOC44NzctNzkuNzctNDkuMDIybDE2LjQzOC0xMC4wNDVjMTAuOTQ2LDIzLjEzMiwzMS4wMzcsNDEuMTEsNjEuNTAxLDQxLjExDQoJCWMzNS4zMTYsMCw1My41OTUtMTYuMTM5LDUzLjU5NS00Mi45NDJjMC01My4yOTQtMTIxLjIwNy0yNy4xMDItMTIxLjIwNy05OS41NzdDNDM5LjM5MiwxNC4wMDcsNDc4LjA3LDAsNTA2LjY5NCwwDQoJCUM1MzguOTYsMCw1NjguMjEzLDE0LjYxNyw1NzguNTU4LDQ4LjEyMiBNMjgwLjQzNiw0OC43MzNjMCwxMS44NjYsNy45MTQsMjEuOTIsMjUuMjgxLDQwLjQ5OA0KCQljMjAuNDAxLTExLjg4NCwzMS42NzYtMjQuMzY5LDMxLjY3Ni00MC40OThjMC0xNS44MzgtMTAuNjc0LTI4LjMyNC0yOC45MzUtMjguMzI0QzI5MS40LDIwLjQwOSwyODAuNDM2LDMzLjgwNywyODAuNDM2LDQ4LjczMw0KCQkgTTMwMC44MzcsMTExLjc2NGMtMjcuNjk3LDE1LjIyNy0zOS44OCwyNy40MDItMzkuODgsNDYuMjgxYzAsMjEuNjIxLDE5LjQ3OSwzOS41ODksNDQuNDUxLDM5LjU4OQ0KCQljMjIuNTUsMCwzNC4xMDYtMTAuMzU0LDQ2LjU4NC0zMC40NDVMMzAwLjgzNywxMTEuNzY0eiBNMzk5LjUwMywyMTguMzM1bC0zNS4zMjctMzcuNzU5DQoJCWMtMTIuNzc2LDIwLjEwOC0zMC4xNTQsMzQuNzE2LTU4Ljc2OSwzNC43MTZjLTM2LjgzNywwLTYzLjk1LTI1LjU3MS02My45NS01Ni45MzdjMC0yNi4xOTMsMTYuMTQ2LTQyLjMzMiw0Ny4yMjEtNTkuOTk4DQoJCWMtMTcuNjY4LTE3LjY1LTI3LjQyMi0zMi4yNzYtMjcuNDIyLTQ5LjYyNWMwLTI1LjI3MywyMS4zMTktNDUuMzczLDQ3LjIwMi00NS4zNzNjMjcuNDEzLDAsNDcuODA0LDIwLjA5OSw0Ny44MDQsNDUuMzczDQoJCWMwLDI0LjM1Mi0xOS4xOCw0MC44LTM4LjM1OCw1My4yODZsNDMuODQxLDQ3LjgxMWwyNS44OTQtNDIuMDJsMTUuNTI1LDkuNzM1bC0yOC42MzEsNDYuNTkybDM5LjI4Nyw0MS43MkwzOTkuNTAzLDIxOC4zMzV6DQoJCSBNMTkyLjc0NCwyLjc1djIxMi41NDJoLTE5LjQ4OVY0MS43MjlsLTcwLjAyNiwxMzUuODA2SDg5LjUxM0wxOS40NzEsNDIuMDJ2MTczLjI3MkgwVjIuNzVoMjAuNGw3Ni4xMTcsMTQ2Ljc3TDE3Mi42MzUsMi43NQ0KCQlIMTkyLjc0NHoiLz4NCjwvZz4NCjxwb2x5Z29uIGZpbGw9IiMwMTAxMDEiIHBvaW50cz0iMTM5LjU1OCwzMTguMDk5IDE2MC4yNjcsMzE4LjA5OSAxNjAuMjY3LDMxMi41NDQgMTM5LjU1OCwzMTIuNTQ0IDEzOS41NTgsMjk4LjgyOSAxNjEuNzYxLDI5OC44MjkgDQoJMTYxLjc2MSwyOTMuMjY1IDEzMy43NjYsMjkzLjI2NSAxMzMuNzY2LDMzNy43MzUgMTYzLjAxOCwzMzcuNzM1IDE2My4wMTgsMzMyLjE3IDEzOS41NTgsMzMyLjE3ICIvPg0KPGc+DQoJPHBhdGggZmlsbD0iIzAxMDEwMSIgZD0iTTE5Mi44MzQsMzEyLjQxNmwtMC4yNTUtMC4wODFjLTYuMzAxLTEuODAyLTkuODYyLTMuMDI0LTkuODYyLTcuMjIyYzAtNC4xMTcsMy40NzktNi43NTksOC44NjEtNi43NTkNCgkJYzQuNDgsMCw3Ljc4NiwxLjgzMSw5LjMyNyw1LjE3NGwwLjYxNywxLjM0N2w0Ljc0NS0yLjc2OGwtMC40NDUtMS4wNzRjLTMuMTUzLTcuNTg2LTExLjUyMS04LjE4OC0xNC4wMjUtOC4xODgNCgkJYy01LjQ2NCwwLTE0LjY5OSwyLjYwNS0xNC42OTksMTIuMzNjMCw4LjUzMiw3LjYxMywxMC43NzMsMTQuMzM1LDEyLjc1YzYuNjI5LDEuOTM5LDEwLjM2NCwzLjI0NCwxMC4zNjQsNy42MDUNCgkJYzAsNC41Ny0zLjkzNiw3LjU0MS0xMC4wMzcsNy41NDFjLTUuNjA5LDAtOS43MDgtMi40MzMtMTEuOTIxLTcuMDUxbC0wLjYyOS0xLjMzOGwtNC44NjIsMi44ODhsMC41NjQsMS4xMTkNCgkJYzMuMTI0LDYuMzY2LDkuMDM1LDkuODcyLDE2LjY2Nyw5Ljg3MmM5LjI5LDAsMTUuNzczLTUuNDU1LDE1Ljc3My0xMy4yNzdDMjA3LjM1MSwzMTYuNTY5LDE5OS4zMTgsMzE0LjI3MywxOTIuODM0LDMxMi40MTYiLz4NCjwvZz4NCjxwb2x5Z29uIGZpbGw9IiMwMTAxMDEiIHBvaW50cz0iMjE3LjQ5NiwyOTguODI5IDIzMS4wMzEsMjk4LjgyOSAyMzEuMDMxLDMzNy43MzUgMjM2Ljg0LDMzNy43MzUgMjM2Ljg0LDI5OC44MjkgMjUwLjM4MiwyOTguODI5IA0KCTI1MC4zODIsMjkzLjI2NSAyMTcuNDk2LDI5My4yNjUgIi8+DQo8cG9seWdvbiBmaWxsPSIjMDEwMTAxIiBwb2ludHM9IjI5OC43NDEsMzAwLjYxMyAzMDUuMzk3LDMwMC42MTMgMzA1LjM5NywzMzcuNzM1IDMxMS4xMTksMzM3LjczNSAzMTEuMiwyOTUuMDU5IDI5OC44NiwyOTUuMDU5ICIvPg0KPHBhdGggZmlsbD0iIzAxMDEwMSIgZD0iTTQyMi44MTgsMzIyLjE1MWwxMy45MDUtMTkuMjYydjE5LjI2Mkg0MjIuODE4eiBNNDM5LjA4MSwyOTUuMDU5aC0zLjI0bC0yMC43NjcsMjguNzc5djMuODdoMjEuNjQ5djEwLjAyNw0KCWg1LjYyOHYtMTAuMDI3aDUuNDkydi00LjgzN2wtNS40OTItMC41Mzd2LTI3LjI3NWgtMi45MTMiLz4NCjxnPg0KCTxwYXRoIGZpbGw9IiMwMTAxMDEiIGQ9Ik0zNDMuNDIxLDMzMy40NTVjLTUuMzQ2LDAtOS41MjYtMi42MjQtOS41MjYtOC4wODhjMC01LjE2NSw0LjU1NS03LjczMiw5LjUyNi03LjczMg0KCQljNC45NjMsMCw5LjQ5LDIuNTY3LDkuNDksNy43MzJDMzUyLjkxMSwzMzAuODMxLDM0OC43NDksMzMzLjQ1NSwzNDMuNDIxLDMzMy40NTUgTTMzNS4wMTYsMzA2LjE2YzAtNC41MzYsMi45OTYtNy4xNzYsOC40MDUtNy4xNzYNCgkJYzUuMzczLDAsOC4zOTYsMi42NCw4LjM5Niw3LjE3NmMwLDQuNTQ0LTQuMTgsNi44MTItOC4zOTYsNi44MTJDMzM4Ljg2NiwzMTIuOTcyLDMzNS4wMTYsMzEwLjM4NSwzMzUuMDE2LDMwNi4xNiBNMzUxLjI2MywzMTUuMjQNCgkJYzMuNzMyLTIuMDIxLDUuODg0LTUuMDgzLDUuODg0LTkuMzk5YzAtNy42NTgtNi4xODUtMTEuNTItMTMuNzI2LTExLjUyYy03LjU1OSwwLTEzLjc2MiwzLjg2MS0xMy43NjIsMTEuNTINCgkJYzAsNC4zMTYsMi4xNDEsNy4zNzgsNS44MzksOS4zOTljLTMuOTI1LDEuODMtNy4xNzYsNS4wMzctNy4xNzYsMTAuMDU0YzAsNy42MTQsNS40NjMsMTIuODIzLDE1LjA5OSwxMi44MjMNCgkJYzkuNjI2LDAsMTUuMDgyLTUuMzgyLDE1LjA4Mi0xMi44MjNDMzU4LjUwMywzMjAuMjc3LDM1NS4yNDIsMzE3LjA3LDM1MS4yNjMsMzE1LjI0Ii8+DQoJPHBhdGggZmlsbD0iIzAxMDEwMSIgZD0iTTM4NS44NzgsMzMzLjQ1NWMtNS4zNTQsMC05LjUyNC0yLjYyNC05LjUyNC04LjA4OGMwLTUuMTY1LDQuNTQzLTcuNzMyLDkuNTI0LTcuNzMyDQoJCWM0Ljk3MywwLDkuNTE4LDIuNTY3LDkuNTE4LDcuNzMyQzM5NS4zOTYsMzMwLjgzMSwzOTEuMjE1LDMzMy40NTUsMzg1Ljg3OCwzMzMuNDU1IE0zNzcuNDczLDMwNi4xNg0KCQljMC00LjUzNiwzLjAwNi03LjE3Niw4LjQwNS03LjE3NmM1LjQwMiwwLDguNDA2LDIuNjQsOC40MDYsNy4xNzZjMCw0LjU0NC00LjE4MSw2LjgxMi04LjQwNiw2LjgxMg0KCQlDMzgxLjMyNSwzMTIuOTcyLDM3Ny40NzMsMzEwLjM4NSwzNzcuNDczLDMwNi4xNiBNMzkzLjcxOSwzMTUuMjRjMy43NDMtMi4wMjEsNS44OTQtNS4wODMsNS44OTQtOS4zOTkNCgkJYzAtNy42NTgtNi4xOTMtMTEuNTItMTMuNzM0LTExLjUyYy03LjU1OSwwLTEzLjc1MiwzLjg2MS0xMy43NTIsMTEuNTJjMCw0LjMxNiwyLjE1LDcuMzc4LDUuODM5LDkuMzk5DQoJCWMtMy45MjYsMS44My03LjE4Nyw1LjAzNy03LjE4NywxMC4wNTRjMCw3LjYxNCw1LjQ1NSwxMi44MjMsMTUuMSwxMi44MjNjOS42MTcsMCwxNS4wOTItNS4zODIsMTUuMDkyLTEyLjgyMw0KCQlDNDAwLjk3LDMyMC4yNzcsMzk3LjcwOSwzMTcuMDcsMzkzLjcxOSwzMTUuMjQiLz4NCjwvZz4NCjwvc3ZnPg0K);


    @include media-query-medium {
      @include rem(background-size, 79px);
      @include rem(height, 48px);
      @include rem(width, 79px);
      margin-left: 0;
    }
  }
}

/* -------- Logo checkout -------- */
.basket-secure-page {
  .logo--checkout {
    @include media-query-medium {
      @include rem(left, 26px);
    }

    @include media-query-large {
      @include rem(left, 10px);
    }
  }
}

.express-checkout__main-header {
  .logo--checkout {
    @include media-query-small {
      @include rem(margin, 5px 0 0 -26px);
      left: 50%;
      text-align: left;
    }

    @include media-query-medium {
      @include rem(margin, 0 0 0 -44px);
    }

    &.__with-est-year {
      @include media-query-small {
        @include rem(margin, 0 0 0 -34px);
      }

      @include media-query-medium {
        @include rem(margin, 0 0 0 -39px);
      }
    }
  }

}

/* -------- Logo header -------- */

.logo--header {
  @include rem('top', 10px);
  left: 0;
  position: absolute;

  @include media-query-medium {
    @include rem('left', 10px);
    @include rem('top', 20px);
    @include rem('background-size', 98px);
    @include rem('height', 58px);
    @include rem('width', 100px);
  }
}

.logo--header-sm {
  display: inline-block;
  width: 100%;

  @include media-query-small {
    display: none;
  }

  &.__with-est-year {
    @include rem(background-size, 60px auto);
    background-position: 50% 6px;
    top: 0;
  }
}

.logo--header-md {
  &.__with-est-year {
    @include rem(margin, 5px auto 0);
    @include rem(background-size, 60px);
    background-position: 50% 0;
    left: 0;
    top: 0;
  }
}

.no-svg .logo {
  @include rem(top, 4px);
  background: url('#{$fear-core-ui-images-dir}/global/logo-icon.png') no-repeat;
}