@import url('//fonts.googleapis.com/css?family=Raleway:300');
@import url('//fonts.googleapis.com/css?family=Roboto');
/* Gallery */
.site-wrapper {
  width: 100%;
  font-size: 10px; }
  .site-wrapper .big-image {
    cursor: pointer; }
  .site-wrapper .site-wrapper-inner {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .site-wrapper .header-container {
    width: 100%; }
  .site-wrapper .main-content-area {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  .site-wrapper .masthead {
    letter-spacing: 0;
    line-height: 1;
    width: 100%; }
  .site-wrapper .masthead-inner {
    padding: 0 20px;
    position: relative; }
  .site-wrapper .masthead-brand {
    display: inline-block;
    width: 50%; }
    .site-wrapper .masthead-brand h1 {
      display: inline-block;
      margin: 20px 1em 0 0; }
    .site-wrapper .masthead-brand h2 {
      display: inline-block;
      margin: 20px 0 0 0; }
  .site-wrapper .masthead-brand-wider {
    width: 90%; }
  .site-wrapper .masthead-nav {
    width: 49%;
    display: inline-block;
    position: absolute;
    text-align: right; }
    .site-wrapper .masthead-nav .nav-inline {
      position: absolute;
      right: 0;
      display: inline-block;
      overflow: hidden;
      opacity: 1;
      transition: opacity 0.2s;
      /*width: 55%; */
      /* trying to disable this - see if it works */
      height: 38px;
      text-align: right; }
    .site-wrapper .masthead-nav .nav-collapse-container {
      position: relative;
      right: 0;
      opacity: 0;
      transition: opacity 0.4s;
      text-align: right;
      float: right;
      display: inline-block; }
      .site-wrapper .masthead-nav .nav-collapse-container .nav-bars {
        font-size: 10px;
        cursor: pointer; }
        .site-wrapper .masthead-nav .nav-collapse-container .nav-bars .fa-bars {
          padding: 0.4em 0.25em; }
      .site-wrapper .masthead-nav .nav-collapse-container .nav-collapse {
        position: absolute;
        top: 35px;
        right: 5px;
        padding: 20px;
        width: 18em;
        background-color: #818181;
        border: 1px solid #414141;
        border-top: none;
        opacity: 0;
        z-index: 0;
        transition: all 0.5s ease-in-out; }
        .site-wrapper .masthead-nav .nav-collapse-container .nav-collapse li {
          font-size: 16px;
          text-align: center; }
      .site-wrapper .masthead-nav .nav-collapse-container ul.active {
        opacity: 1;
        z-index: 2000;
        transition: all 0.5s ease-in-out; }
  .site-wrapper .masthead-nav .nav-inline > li {
    float: none;
    display: inline-block;
    padding: 10px 5px; }
  .site-wrapper .masthead-nav .nav-inline > li > a {
    padding: 0 5px 5px 5px; }
  .site-wrapper .masthead-nav-narrow {
    width: 9%; }
  .site-wrapper .masthead-cart {
    text-align: center;
    height: 15px;
    margin-bottom: 15px; }
    .site-wrapper .masthead-cart a {
      font-size: 25px;
      color: #e2dbde; }
    .site-wrapper .masthead-cart i {
      text-align: center;
      vertical-align: top; }
    .site-wrapper .masthead-cart .fa {
      position: relative; }
    .site-wrapper .masthead-cart .badge {
      font-size: 0.5em;
      display: block;
      position: absolute;
      bottom: 1.5em;
      left: 1.5em;
      padding: 0.2em 0.45em;
      border-radius: 50%;
      text-align: center;
      color: #fff;
      background: rgba(255, 0, 0, 0.7);
      /*.checkout_text{
       display:inline-block;
       color:$link-color;
       font-size:12px;
       margin-top:10px;
       margin-left:5px;
       }*/ }
  .site-wrapper #artwork-page-nav {
    font-size: 15px;
    margin-bottom: 20px;
    font-weight: normal !important; }
  .site-wrapper .subgallery-list {
    z-index: 1000;
    width: 100%;
    text-align: center; }
  .site-wrapper .subgallery-nav {
    margin-bottom: 0;
    padding: 0;
    display: inline-block; }
  .site-wrapper .subgallery-nav > li {
    display: inline-block; }
  .site-wrapper .subgallery-nav > li + li {
    margin-left: 0; }
  .site-wrapper .standardGalleryMenu .subgallery-nav > li > a {
    display: inline-block;
    font-size: 15px;
    padding: 0.6em 2.2em; }
  .site-wrapper .mobileGalleryMenu .subgallery-nav > li > a {
    display: inline-block;
    font-size: 16px;
    text-decoration: none; }
  .site-wrapper .logoContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
    .site-wrapper .logoContainer .siteLogo img {
      max-height: 120px;
      /* ecommerce */ }
  .site-wrapper #cartSlider {
    box-shadow: 0px 0px 15px #777; }
    .site-wrapper #cartSlider .btn {
      font-size: 1.25em;
      /* CONTACT PAGE */ }
  .site-wrapper .contact-page .contact-card {
    background-image: none;
    margin-bottom: 45px; }
  .site-wrapper .contact-page .contact-form, .site-wrapper .contact-page .contact-card {
    border-radius: 3px;
    padding: 25px 30px 20px;
    border: 1px solid; }
  .site-wrapper .contact-page .contact-page .contact-form input[type="text"], .site-wrapper .contact-page .contact-page .contact-form input[type="email"], .site-wrapper .contact-page .contact-page .contact-form textarea {
    border: 0 none;
    border-radius: 3px;
    box-shadow: none;
    margin-bottom: 25px;
    outline: medium none;
    padding: 10px 15px;
    transition: background-color 0.125s ease-in-out 0s;
    width: 100%; }
  .site-wrapper .contact-page .contact-form textarea {
    height: 222px;
    resize: none; }
  .site-wrapper .contact-page .contact-form label {
    display: block; }
  .site-wrapper .contact-page .contact-form label span {
    display: block;
    margin-bottom: 12px; }
  .site-wrapper .contact-page .contact-form label span.error, .site-wrapper .contact-page .contact-page .contact-form label span.error-invalid {
    display: none;
    float: right;
    margin-top: -33px;
    text-transform: uppercase;
    /* END CONTACT PAGE */
    /* MEMBER STATEMENT */ }
  /* END MEMBER STATEMENT */
  /* MEMBER PURCHASE */
  /* END MEMBER PURCHASE */
  /* MEMBER BIO */
  /* END MEMBER BIO */
  /* MEMBER OTHER LINKS */
  /* END MEMBER OTHER LINKS */
  /* MEMBER CUSTOM LINKS */
  /* END MEMBER CUSTOM LINKS */
  .site-wrapper .main-footer {
    background-color: #818181;
    color: black;
    padding: 5px 0 5px 0; }
    .site-wrapper .main-footer .socialIconContainer {
      background-color: #818181;
      color: black; }
      .site-wrapper .main-footer .socialIconContainer .follow-icons-backgroundcolor {
        background-color: black;
        /* Making this the reverse of the site layout */ }
      .site-wrapper .main-footer .socialIconContainer .follow-icons-fill {
        fill: #818181; }
        .site-wrapper .main-footer .socialIconContainer .notify a {
          color: #e2dbde; }
    .site-wrapper .main-footer .copyright {
      background-color: #818181;
      color: black;
      font-size: 13px; }
      .site-wrapper .main-footer .copyright a {
        color: #e2dbde; }

.design-preview-right {
  background-color: #818181; }

/* Below is the custom gradient styling for artwork description. */
[data-readmore] {
  position: relative; }

/* Set default styling of gradient.
 Note the height of 0. We'll transition the height, rather than the background. I think this makes for a smoother effect. This also has the added benefit of not overlaying the text at the bottom with an absolutely positioned pseudo-elementeven if it is transparentwhich could prevent text selection. */
[data-readmore]:before {
  content: '';
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  background: linear-gradient(#81818100, #818181);
  /* Be sure to use the same speed value as in your Readmore configuration, keeping in mind that CSS transition speed is stated in seconds. */
  transition: height 0.3s; }

/* Set the height of the gradient to 80 when CLOSED */
[data-readmore][aria-expanded="false"]:before, [data-readmore][aria-expanded="true"].transitioning:before {
  /* Also when transitioning from OPEN to CLOSED */
  height: 80px; }

/* This isn't strictly necessary, but I think it makes for a smoother effect. */
/* Set the height of the gradient to 0 when transitioning from CLOSED to OPEN */
[data-readmore][aria-expanded="false"].transitioning:before {
  height: 0; }

.site-wrapper {
  font-size: 16px;
  font-family: 'Raleway', sans-serif;
  color: black;
  background-color: #818181; }
  .site-wrapper .main-content-area {
    /* this next block duplicated to extend styles when tinymce grows larger than current 100% height*/
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
    color: black;
    background-color: #818181;
    /* Links */ }
    .site-wrapper .main-content-area a:not(.btn) {
      color: #e2dbde; }
    .site-wrapper .main-content-area a:focus, .site-wrapper .main-content-area a:hover {
      color: #cbc5c8; }
    .site-wrapper .main-content-area a:not(.carousel-control) {
      /* dont do underline, bolding or italics for the carousel controls */
      font-weight: normal;
      font-style: italic;
      text-decoration: none;
      overflow-wrap: anywhere; }
  .site-wrapper .masthead-brand h1 {
    font-size: 25px; }
  .site-wrapper .masthead-brand h2 {
    font-size: 16px; }
  .site-wrapper .masthead-brand h1 a {
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
    font-weight: normal;
    text-decoration: none;
    font-style: normal;
    text-transform: none;
    color: black; }
  .site-wrapper .masthead-brand h2 a {
    font-family: 'Raleway', sans-serif;
    font-size: 1em;
    font-weight: normal;
    text-decoration: none;
    font-style: normal;
    text-transform: none;
    color: #4b4b4b; }
  .site-wrapper .masthead-nav .nav-collapse {
    border-radius: 0 0 5px 5px;
    box-shadow: -7px 8px 5px 0 rgba(0, 0, 0, 0.45); }
  .site-wrapper .masthead-nav .nav-inline > li > a, .site-wrapper .nav-collapse-container li > a {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    font-style: normal;
    text-transform: none;
    color: black;
    border-bottom: 2px solid transparent; }
  .site-wrapper .masthead-nav .nav-inline > li > a:hover, .site-wrapper .masthead-nav .nav-inline > li > a:focus, .site-wrapper .nav-collapse-container li > a:hover, .site-wrapper .nav-collapse-container li > a:focus {
    color: black;
    background-color: transparent;
    border-bottom: 2px solid rgba(0, 0, 0, 0.6); }
  .site-wrapper .masthead-nav .nav-inline > .active > a, .site-wrapper .masthead-nav .nav-inline > .active > a:hover, .site-wrapper .masthead-nav .nav-inline > .active > a:focus, .site-wrapper .nav-collapse-container .active > a, .site-wrapper .nav-collapse-container .active > a:hover, .site-wrapper .nav-collapse-container .active > a:focus {
    color: black;
    border-bottom: 2px solid black; }
  .site-wrapper .subgallery-nav > li > a {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    color: rgba(0, 0, 0, 0.8);
    background-color: rgba(202, 193, 197, 0.7);
    border-radius: 0.1em;
    border-left: 0.1em solid #656163;
    border-right: 0.1em solid #656163;
    border-bottom: 0.1em solid #656163; }
  .site-wrapper .subgallery-nav > li.active a, .site-wrapper .subgallery-nav > li > a:hover, .site-wrapper .subgallery-nav > li > a:focus {
    color: black;
    background-color: #cac1c5;
    /* Forms */ }
    .site-wrapper .form .input-wrap input, .site-wrapper .form .input-wrap textarea, .site-wrapper .form .input-wrap select, .site-wrapper .form .input-wrap div.select2-container a {
      color: black;
      background-color: #818181;
      /* mobile menu */ }
  .site-wrapper .header {
    z-index: 20;
    position: absolute;
    width: 100%; }
    .site-wrapper .header .menu {
      position: relative; }
      .site-wrapper .header .menu ul {
        padding: 0;
        margin: 0; }
        .site-wrapper .header .menu ul li {
          position: relative;
          display: inline-block;
          padding: 0;
          list-style: none; }
  .site-wrapper .standardGalleryMenu .menuIcon {
    display: none; }
  .site-wrapper .standardGalleryMenu .mobileDimmer {
    display: none; }
  .site-wrapper .carousel-control .icon-prev, .site-wrapper .carousel-control .icon-next {
    font-size: 3em;
    height: 1.5em;
    width: 1.5em; }
  .site-wrapper .carousel-control i.fa {
    color: #e2dbde;
    text-shadow: 0 0 4px black; }
  .site-wrapper .zoom-image-container {
    border: 1px solid white;
    background-color: #747474; }
  .site-wrapper .zoom-image-header {
    background-color: #8e8e8e; }
  .site-wrapper .zoom-image-closer {
    color: #717171; }
  .site-wrapper .zoom-image-closer:hover {
    color: #5b5b5b; }
    .site-wrapper .icon-wrap .icon-fg {
      color: #e2dbde;
      text-shadow: 0 0 4px black; }
  .site-wrapper .info-icon i:hover, .site-wrapper .info-icon i:active, .site-wrapper .info-icon i:focus, .site-wrapper .thumb-icon i:hover, .site-wrapper .thumb-icon i:active, .site-wrapper .thumb-icon i:focus {
    color: #cbc5c8; }
  .site-wrapper .mobileGalleryMenu {
    z-index: 2;
    text-align: center; }
    .site-wrapper .mobileGalleryMenu.menuOpen {
      bottom: 0;
      display: block;
      margin-left: 0;
      overflow-x: hidden;
      overflow-y: auto;
      position: relative;
      top: 0;
      width: 100%;
      z-index: 1; }
    .site-wrapper .mobileGalleryMenu .menuIcon {
      display: none;
      background-color: #beb3b8;
      color: black;
      font-family: 'Roboto', sans-serif;
      text-decoration: none;
      z-index: 150;
      position: relative; }
      .site-wrapper .mobileGalleryMenu .menuIcon a {
        display: block;
        font-size: 16px;
        padding: 10px 0;
        background-color: #beb3b8;
        color: #0d0d0d;
        text-decoration: none; }
    .site-wrapper .mobileGalleryMenu header.header {
      display: none; }
      .site-wrapper .mobileGalleryMenu header.header ul {
        max-height: 400px;
        overflow-y: auto;
        margin: 0;
        padding: 0; }
        .site-wrapper .mobileGalleryMenu header.header ul li {
          list-style: none;
          margin: 0;
          width: 100%; }
          .site-wrapper .mobileGalleryMenu header.header ul li a {
            display: block;
            background-color: #cac1c5;
            color: black;
            font-family: 'Roboto', sans-serif;
            text-decoration: none;
            padding: 0.5em 2em; }
            .site-wrapper .mobileGalleryMenu header.header ul li a:hover {
              background-color: #beb3b8; }
          .site-wrapper .mobileGalleryMenu header.header ul li.active {
            display: none;
            background-color: #beb3b8;
            color: #0d0d0d;
            text-decoration: none; }
            .site-wrapper .mobileGalleryMenu header.header ul li.active a {
              background-color: #beb3b8;
              color: #0d0d0d;
              text-decoration: none; }
              .site-wrapper .mobileGalleryMenu header.header ul li.active a:hover {
                background-color: #beb3b8;
                color: #0d0d0d;
                text-decoration: none; }
              .site-wrapper .mobileGalleryMenu header.header ul li.active a:focus {
                background-color: #beb3b8;
                color: #0d0d0d;
                text-decoration: none; }
  .site-wrapper .mobileMenu ul li.active a, .site-wrapper .mobileMenu ul li.active > a:hover, .site-wrapper .mobileMenu ul li.active > a:focus {
    background-color: #beb3b8;
    color: #0d0d0d;
    text-decoration: none; }
  .site-wrapper .btn {
    background-color: #e2dbde;
    color: black;
    border-color: #716e6f; }
    .site-wrapper .btn:hover, .site-wrapper .btn:focus, .site-wrapper .btn.focus {
      background-color: #cbc5c8;
      color: black;
      border-color: #666364; }
  @media only screen and (max-width: 992px) {
    .site-wrapper .masthead-brand h1 a {
      font-size: 0.6em; }
    .site-wrapper .masthead-brand h2 a {
      font-size: 0.6em; } }
@media only screen and (max-width: 767px) {
  .site-wrapper .header .menuIcon {
    display: block;
    width: 100%;
    text-align: left; }
  .site-wrapper .header .menuIcon a {
    width: 100%;
    display: inline-block;
    padding: 15px; }
  .site-wrapper .header .menu {
    overflow: hidden; }
  .site-wrapper .mobileBodyWrapper.menuOpen {
    height: 100%;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 1000; }
  .site-wrapper .mobileMenu.menuOpen {
    bottom: 0;
    display: block;
    margin-left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 1; }
    .site-wrapper .main-footer .copyright {
      top: 0px;
      padding: 5px 40px; }
    .site-wrapper .main-footer #socialIconContainer {
      padding: 0px 0px;
      margin: 5px 0 0 0; } }
@media only screen and (max-width: 650px) {
  .site-wrapper .masthead-brand h1 a {
    font-size: 0.5em; }
  .site-wrapper .masthead-brand h2 a {
    font-size: 0.5em; } }
.site-wrapper .cart_block {
  width: 85%; }
.site-wrapper .cartOptionTitle, .site-wrapper .artspan_product_container {
  margin: 1em 0 0; }
.site-wrapper .productDimensions {
  margin: 1em 0 0; }
@media only screen and (max-width: 480px) {
  .site-wrapper .masthead-brand h2 a {
    display: none; } }
@media only screen and (max-width: 436px) {
  .site-wrapper .masthead-brand h1 {
    margin: 5px 10px 0 0;
    width: 50% !important; }
    .site-wrapper .masthead-brand h1 a {
      font-size: 20px; } }
@media only screen and (max-width: 320px) {
  /* overrides just for layout 3*/ }
  .site-wrapper .main-content-area .content-block {
    padding-top: 1.5em;
    /* For hamburger main navigation */ }
.site-wrapper .c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  color: black; }
.site-wrapper .c-hamburger:focus {
  outline: none; }
.site-wrapper .c-hamburger--rot span .fa-bars {
  transition: transform 0.3s;
  /* active state, i.e. menu open */ }
.site-wrapper .c-hamburger--rot.is-active span .fa-bars {
  transform: rotate(90deg);
  /* END hamburger main navigation */ }

/********* scrollToTop *********/
#scrollToTop button {
  background-color: #e2dbde;
  color: black;
  border-color: #716e6f; }
  #scrollToTop button:hover, #scrollToTop button:focus, #scrollToTop button.focus {
    background-color: #cbc5c8;
    color: black;
    border-color: #666364; }

/* For the comment box on the checkout page */
.checkout-block textarea {
  color: black;
  background-color: #818181; }

@media only screen and (min-width: 320px) and (max-width: 736px) {
  #scrollToTop {
    display: none !important; } }

/************** Angular ****************/
app-artwork .btn {
  border-color: #e2dbde !important;
  text-transform: capitalize !important; }
app-artwork .panel {
  color: black !important;
  background-color: #676767 !important; }
app-artwork .panel-info {
  color: black !important;
  background-color: #676767 !important; }
app-artwork .panel-info.no-pod {
  background-color: #818181 !important; }
  app-artwork artwork-image .modal-content {
    background-color: #818181 !important; }
app-artwork .heading-right b {
  color: black !important; }
  app-artwork artwork-print-pricing hr {
    border: 1px solid black !important; }
app-artwork artwork-tabs-type > tabset > .nav-tabs > li.active > a {
  color: black !important;
  background-color: #676767 !important; }
app-artwork artwork-tabs-type > tabset > .nav-tabs > li:not(.active) > a {
  color: black !important;
  background-color: #8d8d8d !important; }
app-artwork artwork-tabs-type > tabset > .nav-tabs > li {
  margin-right: 2px; }
app-artwork artwork-tabs-type .panel-default {
  background-color: #4e4e4e !important;
  border-color: #343434 !important; }
app-artwork artwork-tabs-type .nav-tabs > li > a, app-artwork artwork-tabs-type .nav-tabs > li > a:hover {
  text-transform: capitalize; }
app-artwork artwork-tabs-type .radio label input[type="radio"]:checked + .cr > .cr-icon:before {
  color: #c0b1b7 !important; }
app-artwork artwork-tabs-type .frame {
  border: 1px solid #272727 !important;
  box-shadow: 2px 2px 4px #272727 !important; }
app-artwork artwork-tabs-print-material .panel-default {
  border: 1px solid #9a9a9a !important; }
  app-artwork artwork-tabs-print-material .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: 0 !important;
    background-color: white !important; }
app-artwork artwork-tabs-print-material .nav-tabs > li.active > a {
  color: black !important;
  background-color: #414141 !important;
  border-bottom: 0 !important; }
app-artwork artwork-tabs-print-material .nav-tabs > li:not(.active) > a {
  color: black !important;
  background-color: #8d8d8d !important; }
app-artwork artwork-tabs-print-material accordion-group .panel-default > .panel-heading {
  background-color: #e2dbde !important; }
  app-artwork artwork-tabs-print-material accordion-group .panel-default > .panel-heading:before, app-artwork artwork-tabs-print-material accordion-group .panel-default > .panel-heading .btn {
    color: black !important;
    text-transform: uppercase; }
app-artwork artwork-tabs-print-material .tab-content {
  background-color: #414141 !important;
  border: 0 !important; }
app-artwork artwork-tabs-print-material .tab-title {
  text-transform: capitalize; }

.tooltip.top .tooltip-arrow {
  border-top-color: #343434 !important; }

.tooltip.left .tooltip-arrow {
  border-left-color: #343434 !important; }

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #343434 !important; }

.tooltip.right .tooltip-arrow {
  border-right-color: #343434 !important; }

.tooltip-inner {
  color: black !important;
  background: #343434 !important; }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") !important; }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") !important; }