/*

Theme Name:     ZebraloveWebSolutions24

Author:         Lynne Lowell

Author URI:     http: //zebralovewebsolutions.com

Version:        0.1.2

License:        GNU General Public License v2 or later

License URI:    http://www.gnu.org/licenses/gpl-2.0.html

*/
html, body {
  overflow-x: hidden; }

h1, h2, h3, h4, h5, h6 {
  font-family: "RobotoSlab"; }

img {
  max-width: 100%;
  height: auto; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

.aligncenter img {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.btn-custom {
  padding: .5rem 2rem; }

.btn-custom, .wp-block-button__link, .button {
  background-color: #4b8ca0 !important;
  border-radius: 0px !important;
  color: #FFF !important;
  font-family: "RobotoSlab" !important;
  display: inline-block; }

.btn-custom a, .btn-custom a:hover {
  color: #FFF; }

.btn-custom:hover, .wp-block-button__link:hover, .button:hover {
  color: #FFF !important;
  text-decoration: none !important;
  -webkit-box-shadow: 1px 6px 7px 1px rgba(0, 0, 0, 0.36);
  box-shadow: 1px 6px 7px 1px rgba(0, 0, 0, 0.36); }

.greenBG {
  background-color: #4a7c43; }

.orangeBG {
  background-color: #d9731e; }

.blueBG {
  background-color: #355279; }

.maroonBG {
  background-color: #9a2f4c; }

.lightblueBG {
  background-color: #4b8ca0; }

.lightBG {
  background-color: #a1a1a1; }

blockquote {
  background-color: #514a44;
  color: #FFF;
  padding: 3rem;
  margin: 1rem; }

.slide-in-fwd-center {
  -webkit-animation: slide-in-fwd-center 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s both;
  animation: slide-in-fwd-center 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s both; }

footer .mdi {
  color: #FFF;
  font-size: 1.3rem; }

.homeContact .mdi {
  font-size: 1.7rem; }

/*Navbar*/
.side_menu {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  background: rgba(249, 249, 247, 0.9);
  height: 100vh;
  right: -300px;
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 100vh;
  top: 0;
  width: 300px;
  z-index: 9999; }
  .side_menu .container {
    padding: 0 1em; }
    .side_menu .container .navbar-nav {
      list-style: none;
      padding: 0; }
    .side_menu .container .nav-item {
      margin-right: -20px; }
      .side_menu .container .nav-item.menu-item-has-children > a::after {
        border: 5px solid transparent;
        border-top-color: #514a44;
        content: "";
        display: inline-block;
        vertical-align: middle;
        margin-left: 4px; }
      .side_menu .container .nav-item .sub-menu {
        display: none; }
        .side_menu .container .nav-item .sub-menu li {
          list-style: none; }
    .side_menu .container .nav-item a {
      color: #514a44;
      display: block;
      padding: 10px 15px;
      text-decoration: none;
      font-family: "RobotoSlab";
      font-size: 1.25rem; }
    .side_menu .container .nav-item a:hover {
      background: rgba(255, 255, 255, 0.2); }
    .side_menu .container .menu_title {
      color: #d9731e; }
    .side_menu .container .side_menu_header {
      text-align: center;
      padding: 0.5rem 0; }
    .side_menu .container .dropdown-menu {
      position: relative !important;
      background-color: transparent;
      border: none;
      border-radius: 0px;
      transform: translate(0px, 0px) !important; }
      .side_menu .container .dropdown-menu .nav-item a {
        font-size: 0.85rem; }
      .side_menu .container .dropdown-menu .dropdown-item.active, .side_menu .container .dropdown-menu .dropdown-item:active {
        background-color: rgba(255, 255, 255, 0.2) !important; }
  .side_menu .burger_box {
    display: block;
    float: left;
    margin-left: -55px;
    margin-top: 0px;
    background: #9a2f4c;
    padding: 15px;
    position: fixed;
    z-index: 9999; }
    .side_menu .burger_box .menu-icon-container {
      height: 25px; }
    .side_menu .burger_box a.menu-icon {
      display: inline-block;
      float: none;
      height: 25px;
      opacity: .5;
      width: 25px;
      z-index: 100; }
      .side_menu .burger_box a.menu-icon.opened {
        opacity: 1; }
        .side_menu .burger_box a.menu-icon.opened .menu-icon_box {
          transform: scale3d(0.9, 0.9, 0.9);
          -webkit-transform: scale3d(0.9, 0.9, 0.9); }
        .side_menu .burger_box a.menu-icon.opened .menu-icon_line {
          top: 10px; }
        .side_menu .burger_box a.menu-icon.opened .menu-icon_line--1 {
          transform: rotate3d(0, 0, 1, 45deg);
          -webkit-transform: rotate3d(0, 0, 1, 45deg);
          transition: top 100ms, transform 200ms 250ms;
          -webkit-transition: top 100ms, -webkit-transform 200ms 250ms; }
        .side_menu .burger_box a.menu-icon.opened .menu-icon_line--2 {
          opacity: 0;
          transition: opacity 200ms;
          -webkit-transition: opacity 200ms; }
        .side_menu .burger_box a.menu-icon.opened .menu-icon_line--3 {
          transform: rotate3d(0, 0, 1, -45deg);
          -webkit-transform: rotate3d(0, 0, 1, -45deg);
          transition: top 200ms, transform 200ms 250ms;
          -webkit-transition: top 200ms, -webkit-transform 200ms 250ms; }
    .side_menu .burger_box .menu-icon_box {
      display: inline-block;
      height: 25px;
      position: relative;
      text-align: left;
      width: 25px; }
    .side_menu .burger_box .menu-icon_line {
      background: #fff;
      border-radius: 2px;
      display: inline-block;
      height: 3px;
      position: absolute;
      width: 100%; }
    .side_menu .burger_box .menu-icon_line--1 {
      top: 2px;
      transition: top 200ms 250ms, transform 200ms;
      -webkit-transition: top 200ms 250ms, -webkit-transform 200ms; }
    .side_menu .burger_box .menu-icon_line--2 {
      top: 10px;
      transition: opacity 0ms 300ms;
      -webkit-transition: opacity 0ms 300ms; }
    .side_menu .burger_box .menu-icon_line--3 {
      top: 18px;
      transition: top 100ms 300ms, transform 200ms;
      -webkit-transition: top 100ms 300ms, -webkit-transform 200ms; }

.navBar .headerTitle {
  font-size: 20px;
  color: #514a44;
  font-family: "RobotoSlab";
  white-space: normal; }
.navBar .headerLogo {
  text-decoration: none; }
.navBar #logo {
  width: 100%; }

.top-bar {
  color: #FFF;
  min-height: 45px; }

.top-bar a {
  color: #FFF; }

.top-bar a:hover {
  color: #FFF; }

.top-bar .mdi {
  font-size: 1.5rem; }

.navBar .mdi {
  font-size: 1.5rem;
  color: #4b8ca0; }

.search-box {
  position: relative;
  width: 100%;
  max-width: 360px;
  height: 60px;
  border-radius: 120px;
  margin: 0 auto; }

.search-icon, .go-icon {
  position: absolute;
  top: 8px;
  height: 60px;
  width: 86px;
  line-height: 32px;
  text-align: center; }

.go-icon {
  line-height: 60px !important; }

.search-icon {
  left: -8px;
  pointer-events: none;
  font-size: 1.22em;
  will-change: transform;
  color: #9a2f4c;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform-origin: center center;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -o-transform-origin: center center;
  transition: transform 400ms 220ms cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: transform 400ms 220ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: transform 400ms 220ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: transform 400ms 220ms cubic-bezier(0.19, 1, 0.22, 1); }

.si-rotate {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg); }

.go-icon {
  right: 0;
  top: 0;
  pointer-events: none;
  font-size: 1.38em;
  will-change: opacity;
  cursor: default;
  opacity: 0;
  color: #d9731e;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transition: opacity 190ms ease-out, transform 260ms cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: opacity 190ms ease-out, transform 260ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: opacity 190ms ease-out, transform 260ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: opacity 190ms ease-out, transform 260ms cubic-bezier(0.19, 1, 0.22, 1); }

.go-in {
  opacity: 1;
  pointer-events: all;
  cursor: pointer;
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  transition: opacity 190ms ease-out, transform 260ms 20ms cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition: opacity 190ms ease-out, transform 260ms 20ms cubic-bezier(0.19, 1, 0.22, 1);
  -moz-transition: opacity 190ms ease-out, transform 260ms 20ms cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: opacity 190ms ease-out, transform 260ms 20ms cubic-bezier(0.19, 1, 0.22, 1); }

.search-border {
  display: block;
  width: 100%;
  max-width: 360px;
  height: 60px; }

.border {
  fill: none;
  stroke: #514a44;
  stroke-width: 5;
  stroke-miterlimit: 10; }

.border {
  stroke-dasharray: 740;
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 400ms cubic-bezier(0.6, 0.04, 0.735, 0.99);
  -webkit-transition: stroke-dashoffset 400ms cubic-bezier(0.6, 0.04, 0.735, 0.99);
  -moz-transition: stroke-dashoffset 400ms cubic-bezier(0.6, 0.04, 0.735, 0.99);
  -o-transition: stroke-dashoffset 400ms cubic-bezier(0.6, 0.04, 0.735, 0.99); }

.border-searching .border {
  stroke-dasharray: 740;
  stroke-dashoffset: 459;
  transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.15, 0.205, 1);
  -webkit-transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.15, 0.205, 1);
  -moz-transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.15, 0.205, 1);
  -o-transition: stroke-dashoffset 650ms cubic-bezier(0.755, 0.15, 0.205, 1); }

#searchterm {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 120px;
  border: none;
  background: rgba(255, 255, 255, 0);
  padding: 0 68px 0 68px;
  color: #514a44 !important;
  font-size: 1.32em;
  font-weight: 400;
  letter-spacing: -0.015em;
  outline: none;
  box-shadow: none !important; }

#searchterm::-webkit-input-placeholder {
  color: #514a44; }

#searchterm::-moz-placeholder {
  color: #514a44; }

#searchterm:-ms-input-placeholder {
  color: #514a44; }

#searchterm:-moz-placeholder {
  color: #514a44; }

#searchterm::-moz-selection {
  color: #514a44;
  background: rgba(0, 104, 56, 0.25); }

#searchterm::selection {
  color: #514a44;
  background: rgba(0, 104, 56, 0.25); }

.cart-button {
  width: 44px;
  min-height: 50px;
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  align-content: flex-start;
  justify-content: space-around; }
  .cart-button .bag-icon {
    width: 50px;
    height: 50px;
    display: block;
    margin-bottom: 10px;
    z-index: 1;
    text-indent: -999px;
    overflow: hidden;
    mask: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDI1NiAyNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3QgZmlsbD0ibm9uZSIgaGVpZ2h0PSIyNTYiIHdpZHRoPSIyNTYiLz48cGF0aCBkPSJNMTg0LDE4NEg2OS44TDQxLjksMzAuNkE4LDgsMCwwLDAsMzQuMSwyNEgxNiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMTIiLz48Y2lyY2xlIGN4PSI4MCIgY3k9IjIwNCIgZmlsbD0ibm9uZSIgcj0iMjAiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEyIi8+PGNpcmNsZSBjeD0iMTg0IiBjeT0iMjA0IiBmaWxsPSJub25lIiByPSIyMCIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMTIiLz48cGF0aCBkPSJNNjIuNSwxNDRIMTg4LjFhMTUuOSwxNS45LDAsMCwwLDE1LjctMTMuMUwyMTYsNjRINDgiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEyIi8+PC9zdmc+");
    background: #514a44;
    transition: all 0.5s linear 0s; }
  .cart-button .bag-count {
    border-radius: 3px;
    color: rgba(81, 74, 68, 0.9);
    font-size: 16px;
    font-weight: 600;
    height: 28px;
    width: 34px;
    position: absolute;
    top: 5px;
    z-index: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    transition: all 0.5s linear 0s; }
  .cart-button:active span.bag-icon, .cart-button:hover span.bag-icon {
    background: #355279; }
  .cart-button:active span.bag-count, .cart-button:hover span.bag-count {
    color: #d9731e; }

body.show-sidebar-cart {
  overflow: hidden !important;
  height: 100% !important; }
  body.show-sidebar-cart #sidebar-cart {
    right: 0;
    visibility: visible; }

#sidebar-cart {
  background: #9a2f4c;
  color: #FFF;
  padding: 15px 15px 0 15px;
  position: fixed;
  display: block;
  width: 320px;
  height: 100vh;
  z-index: 2;
  top: 0;
  right: -340px;
  box-shadow: -10px 0 15px rgba(0, 0, 0, 0.1);
  transition: right 0.5s ease-in-out; }
  #sidebar-cart a.close-button {
    height: 16px;
    width: 16px;
    margin: 0 0 15px 0;
    text-decoration: none;
    position: absolute;
    top: 20px;
    left: 20px;
    display: flex; }
    #sidebar-cart a.close-button span.close-icon {
      width: 16px;
      height: 16px;
      background: rgba(255, 255, 255, 0.3);
      text-indent: -9999px;
      overflow: hidden;
      font-size: 0;
      mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M30.3 32c-.5 0-.9-.2-1.2-.5L16 18.4 3 31.5c-.4.3-.8.5-1.3.5s-.9-.2-1.2-.5c-.7-.7-.7-1.8 0-2.4L13.6 16 .5 2.9C-.2 2.2-.2 1.2.5.5.8.2 1.2 0 1.7 0s.9.2 1.2.5l13.1 13 13-13c.7-.7 1.7-.7 2.4 0 .4.3.6.7.6 1.2s-.2.9-.5 1.2L18.4 16l13.1 13.1c.7.7.7 1.8 0 2.4-.3.3-.8.5-1.2.5z'/%3E%3C/svg%3E");
      transition: all 0.5s linear; }
    #sidebar-cart a.close-button:active span.close-icon, #sidebar-cart a.close-button:hover span.close-icon {
      background: #FFF; }
  #sidebar-cart h2 {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 1;
    margin: 5px 0 25px 0;
    display: flex;
    justify-content: center; }
    #sidebar-cart h2 span.count {
      color: #FFF;
      background: #4a7c43;
      padding: 8px;
      margin-left: 6px;
      position: relative;
      top: -1px;
      width: 18px;
      height: 18px;
      border-radius: 50px;
      font-size: 12px;
      letter-spacing: 0;
      display: flex;
      align-items: center;
      justify-content: center; }
  #sidebar-cart ul.products {
    margin: 0;
    padding: 0 0 15px 0;
    list-style: none;
    height: calc(100vh - 200px);
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
    position: relative;
    z-index: 0; }
    #sidebar-cart ul.products:after {
      background: linear-gradient(180deg, transparent, #9a2f4c);
      height: 30px;
      width: 300px;
      z-index: 1;
      content: "";
      position: absolute;
      right: 0;
      bottom: 0; }
    #sidebar-cart ul.products li.product {
      margin: 0 0 10px 0;
      padding: 0;
      width: 100%;
      min-height: 30px;
      background: #fefdfd;
      border-radius: 3px;
      color: #FFF;
      position: relative;
      z-index: 1;
      display: flex;
      flex-flow: row nowrap;
      transition: all 0.5s linear; }
      #sidebar-cart ul.products li.product:active, #sidebar-cart ul.products li.product:hover {
        background: #FFF; }
        #sidebar-cart ul.products li.product:active span.product-details h3, #sidebar-cart ul.products li.product:hover span.product-details h3 {
          color: #4b8ca0 !important; }
        #sidebar-cart ul.products li.product:active img, #sidebar-cart ul.products li.product:hover img {
          border-color: #FFF !important; }
      #sidebar-cart ul.products li.product a.product-link {
        width: 100%;
        color: #9a2f4c;
        padding: 10px;
        margin: 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        text-decoration: none !important; }
        #sidebar-cart ul.products li.product a.product-link span.product-image {
          display: inline-block;
          width: 75px;
          height: 50px;
          padding-right: 10px; }
          #sidebar-cart ul.products li.product a.product-link span.product-image img {
            width: 60px;
            height: 50px;
            border: 1px solid #FFF;
            transition: all 0.5s linear; }
        #sidebar-cart ul.products li.product a.product-link span.product-details {
          display: inline-block;
          width: 100%;
          min-height: 30px;
          color: #FFF; }
          #sidebar-cart ul.products li.product a.product-link span.product-details h3 {
            margin: 3px 25px 5px 0;
            font-size: 13px;
            font-weight: 500;
            transition: all 0.5s linear;
            color: #4b8ca0 !important; }
          #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-content: center;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            position: relative;
            z-index: 5px;
            margin-top: 8px; }
            #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty,
            #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.price {
              display: flex;
              flex-direction: row;
              flex-wrap: nowrap; }
            #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty {
              display: flex;
              flex-direction: row;
              flex-wrap: nowrap;
              align-content: center;
              align-items: center;
              justify-content: flex-start;
              color: #514a44; }
              #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.minus-button,
              #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.plus-button {
                width: 25px;
                height: 24px;
                border-radius: 3px;
                border: 1px solid #4b8ca0;
                background: #4b8ca0;
                color: #FFF;
                font-size: 18px;
                text-align: center;
                vertical-align: middle;
                line-height: 20px;
                transition: all 0.3s linear; }
                #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.minus-button:active, #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.minus-button:hover,
                #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.plus-button:active,
                #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.plus-button:hover {
                  color: #FFF;
                  background: #9a2f4c;
                  border-color: #9a2f4c;
                  cursor: pointer;
                  outline: none; }
                #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.minus-button:focus,
                #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty button.plus-button:focus {
                  outline: none; }
              #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input {
                width: 24px;
                height: 24px;
                text-align: center;
                border: 1px solid #FFF;
                border-radius: 3px;
                margin: 0 2px;
                transition: all 0.5s linear; }
                #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input:active, #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input:hover {
                  border: 1px solid #4a7c43; }
                #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input:focus {
                  outline: none;
                  border: 1px solid #4a7c43; }
                #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input::-webkit-inner-spin-button, #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input::-webkit-outer-spin-button {
                  appearance: none;
                  margin: 0; }
                #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.qty input.qty-input[type=number] {
                  -moz-appearance: textfield; }
            #sidebar-cart ul.products li.product a.product-link span.product-details span.qty-price span.price {
              color: #4a7c43;
              font-weight: 500;
              font-size: 13px;
              display: inline-flex; }
      #sidebar-cart ul.products li.product a.remove-button {
        height: 16px;
        width: 16px;
        margin: 10px 10px 0 0;
        text-decoration: none;
        position: absolute;
        top: 2px;
        right: 0;
        z-index: 2;
        display: flex; }
        #sidebar-cart ul.products li.product a.remove-button span.remove-icon {
          width: 15px;
          height: 16px;
          background: rgba(255, 255, 255, 0.5);
          text-indent: -9999px;
          overflow: hidden;
          font-size: 0;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 36'%3E%3Cpath fill='currentColor' d='M30.9 2.3h-8.6L21.6 1c-.3-.6-.9-1-1.5-1h-8.2c-.6 0-1.2.4-1.5.9l-.7 1.4H1.1C.5 2.3 0 2.8 0 3.4v2.2c0 .6.5 1.1 1.1 1.1h29.7c.6 0 1.1-.5 1.1-1.1V3.4c.1-.6-.4-1.1-1-1.1zM3.8 32.8A3.4 3.4 0 0 0 7.2 36h17.6c1.8 0 3.3-1.4 3.4-3.2L29.7 9H2.3l1.5 23.8z'/%3E%3C/svg%3E");
          transition: all 0.5s linear; }
        #sidebar-cart ul.products li.product a.remove-button:active span.remove-icon, #sidebar-cart ul.products li.product a.remove-button:hover span.remove-icon {
          background: #d9731e; }
  #sidebar-cart div.totals {
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    height: 45px;
    background: #FFF;
    border-bottom: 1px solid #FFF;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap; }
    #sidebar-cart div.totals div.subtotal,
    #sidebar-cart div.totals div.shipping,
    #sidebar-cart div.totals div.tax {
      padding: 15px;
      text-align: center;
      color: #FFF;
      border-bottom: 1px solid #FFF;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 14px;
      font-weight: 400;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-between; }
      #sidebar-cart div.totals div.subtotal span.amount,
      #sidebar-cart div.totals div.shipping span.amount,
      #sidebar-cart div.totals div.tax span.amount {
        color: #2c4a28;
        margin-left: 10px;
        font-weight: 600; }
  #sidebar-cart div.action-buttons {
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 80px;
    background: #FFF;
    display: block;
    white-space: nowrap; }
    #sidebar-cart div.action-buttons a.view-cart-button,
    #sidebar-cart div.action-buttons a.checkout-button {
      display: inline-block;
      padding: 10px;
      margin: 20px 15px;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 1px;
      font-size: 14px;
      border-width: 1px;
      border-style: solid;
      border-radius: 4px;
      transition: all 0.5s linear; }
    #sidebar-cart div.action-buttons a.view-cart-button {
      background: #FFF;
      border-color: #4a7c43;
      margin-right: 5px;
      color: #4a7c43;
      width: 80px; }
      #sidebar-cart div.action-buttons a.view-cart-button:active, #sidebar-cart div.action-buttons a.view-cart-button:hover {
        background: rgba(74, 124, 67, 0.2);
        color: #4a7c43; }
    #sidebar-cart div.action-buttons a.checkout-button {
      border-color: #4a7c43;
      background: #4a7c43;
      margin-left: 5px;
      color: #FFF;
      width: 200px; }
      #sidebar-cart div.action-buttons a.checkout-button:after {
        content: url("data:image/svg+xml,%3Csvg fill='%23str-replace(\"#FFF\", \"#\", \"\")' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M311.03 131.515l-7.071 7.07c-4.686 4.686-4.686 12.284 0 16.971L387.887 239H12c-6.627 0-12 5.373-12 12v10c0 6.627 5.373 12 12 12h375.887l-83.928 83.444c-4.686 4.686-4.686 12.284 0 16.971l7.071 7.07c4.686 4.686 12.284 4.686 16.97 0l116.485-116c4.686-4.686 4.686-12.284 0-16.971L328 131.515c-4.686-4.687-12.284-4.687-16.97 0z'/%3E%3C/svg%3E");
        width: 20px;
        height: 14px;
        display: inline-block;
        margin-left: 6px;
        vertical-align: middle;
        position: relative;
        top: -5px;
        z-index: 1; }
      #sidebar-cart div.action-buttons a.checkout-button:active, #sidebar-cart div.action-buttons a.checkout-button:hover {
        background: #365b31;
        border-color: #365b31; }

#sidebar-cart-curtain {
  background: rgba(81, 74, 68, 0.2);
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1; }

.homeCatCard {
  border-radius: 0px;
  border: none;
  background-color: #a1a1a1; }
  .homeCatCard .card-img-top {
    border-radius: 0px; }
  .homeCatCard .card-body {
    padding: 0px; }
    .homeCatCard .card-body .card-title {
      padding: 10px;
      color: #FFF;
      font-size: 1rem; }
    .homeCatCard .card-body .card-text {
      padding: 5px 15px 5px 15px;
      color: #514a44; }
    .homeCatCard .card-body .btn {
      margin: 0 15px 15px 15px; }

#featuredArtistCarousel {
  /* medium and up screens */ }
  @media (max-width: 767px) {
    #featuredArtistCarousel .carousel-inner .carousel-item > div {
      display: none; }
    #featuredArtistCarousel .carousel-inner .carousel-item > div:first-child {
      display: block; } }
  #featuredArtistCarousel .carousel-inner .carousel-item.active,
  #featuredArtistCarousel .carousel-inner .carousel-item-next,
  #featuredArtistCarousel .carousel-inner .carousel-item-prev {
    display: flex; }
  @media (min-width: 768px) {
    #featuredArtistCarousel .carousel-inner .carousel-item-end.active,
    #featuredArtistCarousel .carousel-inner .carousel-item-next {
      transform: translateX(25%); }
    #featuredArtistCarousel .carousel-inner .carousel-item-start.active,
    #featuredArtistCarousel .carousel-inner .carousel-item-prev {
      transform: translateX(-25%); } }
  #featuredArtistCarousel .carousel-inner .carousel-item-end,
  #featuredArtistCarousel .carousel-inner .carousel-item-start {
    transform: translateX(0); }
  #featuredArtistCarousel .carousel-control-next, #featuredArtistCarousel .carousel-control-prev {
    background-color: rgba(81, 74, 68, 0.6) !important;
    width: 5%; }
  #featuredArtistCarousel .carousel-inner {
    border-radius: 0;
    width: 100%; }

.homeArtist {
  position: relative;
  text-align: center; }
  .homeArtist .artistInfo {
    position: absolute;
    left: 0;
    bottom: 10px; }
    .homeArtist .artistInfo h4.card-title {
      padding: 10px;
      color: #FFF;
      font-size: 1.5rem;
      margin-bottom: 0px;
      width: 80%; }
      .homeArtist .artistInfo h4.card-title.green {
        background: #4a7c43; }
      .homeArtist .artistInfo h4.card-title.blue {
        background: #355279; }
      .homeArtist .artistInfo h4.card-title.orange {
        background: #d9731e; }
      .homeArtist .artistInfo h4.card-title.maroon {
        background: #9a2f4c; }
      .homeArtist .artistInfo h4.card-title.dark {
        background: #514a44; }
    .homeArtist .artistInfo .btn {
      margin-top: 10px; }

.homeText {
  background-color: #514a44;
  color: #FFF;
  padding: 1rem; }
  .homeText h1, .homeText h2, .homeText h3, .homeText h4, .homeText h5, .homeText h6 {
    color: #FFF; }

.serviceRow .col-12 {
  display: flex;
  justify-content: center; }

.serviceRow figure {
  position: relative;
  float: left;
  overflow: hidden;
  height: auto;
  min-height: 245px;
  width: 100%;
  background: #355279;
  text-align: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center; }
  .serviceRow figure h2, .serviceRow figure p {
    margin: 0; }
  .serviceRow figure p {
    letter-spacing: 1px;
    font-size: 68.5%; }
  .serviceRow figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
    color: #FFF; }
    .serviceRow figure h2 span {
      font-weight: 800; }
  .serviceRow figure img {
    position: relative;
    display: block;
    max-width: 100%;
    opacity: 0.8;
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%; }
  .serviceRow figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    .serviceRow figure figcaption:before, .serviceRow figure figcaption:after {
      pointer-events: none; }

.serviceRow figure figcaption,
.serviceRow figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.serviceRow figure figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0; }

.serviceRow .effect-goliath.blue {
  background: #355279; }
.serviceRow .effect-goliath.orange {
  background: #d9731e; }
.serviceRow .effect-goliath.green {
  background: #4a7c43; }
.serviceRow .effect-goliath.light-blue {
  background: #4b8ca0; }
.serviceRow .effect-goliath.maroon {
  background: #9a2f4c; }
.serviceRow .effect-goliath h2, .serviceRow .effect-goliath p {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px; }
.serviceRow .effect-goliath p {
  text-transform: none;
  font-size: 90%;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0); }
.serviceRow .effect-goliath img {
  -webkit-transform: translate3d(0, -80px, 0);
  transform: translate3d(0, -80px, 0); }
.serviceRow .effect-goliath p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
.serviceRow .effect-goliath h2 {
  -webkit-transform: translate3d(0, -100px, 0);
  transform: translate3d(0, -100px, 0); }

/*Blog*/
.blog .homeCatCard {
  border-radius: 0px;
  border: none;
  background-color: #a1a1a1; }
  .blog .homeCatCard .card-img-top {
    border-radius: 0px; }
  .blog .homeCatCard .card-body {
    padding: 0px; }
    .blog .homeCatCard .card-body .card-title {
      padding: 10px;
      color: #FFF;
      font-size: 1.5rem; }
    .blog .homeCatCard .card-body .card-text {
      padding: 5px 15px 5px 15px;
      color: #514a44; }
    .blog .homeCatCard .card-body .btn {
      margin: 0 15px 15px 15px; }

.interiorHeader {
  height: 400px; }
  .interiorHeader h1 {
    width: 75%;
    margin-top: 40px;
    background-color: #9a2f4c;
    color: #FFF;
    padding: 10px;
    margin-left: -12px; }

.blogSidebar {
  background-color: #514a44;
  padding: 30px;
  margin-bottom: 15px;
  color: #FFF; }
  .blogSidebar h1, .blogSidebar h2, .blogSidebar h3, .blogSidebar h4, .blogSidebar h5, .blogSidebar h6 {
    color: #FFF; }
  .blogSidebar a {
    color: #FFF; }
    .blogSidebar a i {
      font-size: 1.5rem; }

/*WooCommerce*/
.page-title {
  display: none; }

.woocommerce h2 {
  font-family: "RobotoSlab";
  font-weight: bold;
  color: #355279; }
.woocommerce .price {
  color: #4a7c43;
  font-size: 1.25em; }
.woocommerce .sku_wrapper {
  display: none; }
.woocommerce #tab-title-additional_information {
  display: none; }
.woocommerce input, .woocommerce select, .woocommerce textarea {
  background-color: #FFF;
  border: 1px solid #a1a1a1;
  color: #a1a1a1;
  font-size: 14px;
  font-style: italic;
  padding: 16px;
  width: 100%; }
.woocommerce .quantity .qty {
  width: 5em !important;
  padding: 13px 10px 12px 10px; }
.woocommerce button.button {
  padding: 1em !important; }

.woocommerce-MyAccount-navigation ul li {
  display: inline-block; }
  .woocommerce-MyAccount-navigation ul li a {
    background-color: #4b8ca0 !important;
    border-radius: 0px !important;
    color: #FFF !important;
    font-family: "RobotoSlab" !important;
    display: inline-block;
    padding: .5rem 2rem;
    text-decoration: none; }

.woocommerce-MyAccount-content {
  min-height: 200px;
  padding-top: 2rem; }

.prod-cat-page figure.effect-goliath {
  position: relative;
  float: left;
  overflow: hidden;
  height: auto;
  min-height: 245px;
  width: 100%;
  background: #355279;
  text-align: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center; }
  .prod-cat-page figure.effect-goliath h1, .prod-cat-page figure.effect-goliath p {
    margin: 0; }
  .prod-cat-page figure.effect-goliath p {
    letter-spacing: 1px;
    font-size: 68.5%; }
  .prod-cat-page figure.effect-goliath h1 {
    word-spacing: -0.15em;
    font-weight: 300;
    color: #FFF; }
    .prod-cat-page figure.effect-goliath h1 span {
      font-weight: 800; }
  .prod-cat-page figure.effect-goliath img {
    position: relative;
    display: block;
    max-width: 100%;
    opacity: 0.8;
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%; }
  .prod-cat-page figure.effect-goliath figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.5em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    .prod-cat-page figure.effect-goliath figcaption:before, .prod-cat-page figure.effect-goliath figcaption:after {
      pointer-events: none; }
.prod-cat-page figure.effect-goliath figcaption,
.prod-cat-page figure.effect-goliath figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
.prod-cat-page figure.effect-goliath figcaption > a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0; }
.prod-cat-page .effect-goliath.blue {
  background: #355279; }
.prod-cat-page .effect-goliath.orange {
  background: #d9731e; }
.prod-cat-page .effect-goliath.green {
  background: #4a7c43; }
.prod-cat-page .effect-goliath.light-blue {
  background: #4b8ca0; }
.prod-cat-page .effect-goliath.maroon {
  background: #9a2f4c; }
.prod-cat-page .effect-goliath h1, .prod-cat-page .effect-goliath p {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px; }
.prod-cat-page .effect-goliath p {
  text-transform: none;
  font-size: 90%;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 50px, 0);
  transform: translate3d(0, 50px, 0); }
.prod-cat-page .effect-goliath img {
  -webkit-transform: translate3d(0, -80px, 0);
  transform: translate3d(0, -80px, 0); }
.prod-cat-page .effect-goliath p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }
.prod-cat-page .effect-goliath h1 {
  -webkit-transform: translate3d(0, -100px, 0);
  transform: translate3d(0, -100px, 0); }

.catBox {
  background-color: #355279;
  color: #FFF; }
  .catBox h2, .catBox h3, .catBox h4, .catBox h5, .catBox h6 {
    color: #FFF;
    margin-bottom: 10px;
    font-weight: bold; }
  .catBox .btn {
    width: 100%; }

.artistCard {
  background-color: #a1a1a1;
  color: #514a44;
  border: none;
  border-radius: 0px; }
  .artistCard .btn-custom {
    width: 100%; }
  .artistCard .card-title {
    color: #4a7c43; }

/*footer*/
.footerCardRow {
  background-color: #a1a1a1; }
  .footerCardRow a {
    text-decoration: none; }
  .footerCardRow .footerCard {
    background-color: #514a44;
    border-radius: 0px;
    border: solid 3px #FFF; }
    .footerCardRow .footerCard h6 {
      color: #FFF; }

footer .widget_nav_menu .menu {
  padding-left: 0px; }
  footer .widget_nav_menu .menu li {
    list-style: none;
    font-size: 12px; }
footer a:hover {
  text-decoration: none; }

.copyright {
  text-align: center;
  font-size: .8rem; }

/* ----------------------------------------------
 * Generated by Animista on 2021-1-25 9:56:18
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
    transform: translateZ(-1400px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
@keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
    transform: translateZ(-1400px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
@media (min-width: 768px) {
  .side_menu {
    width: 350px;
    right: -350px; }

  .dropdown-menu .nav-item a {
    font-size: 0.90rem; }

  .homeText {
    padding: 2rem; }

  .top-bar .mdi {
    font-size: 1rem; }

  .serviceRow figure {
    position: relative;
    float: left;
    overflow: hidden;
    height: auto;
    min-height: 245px;
    width: 100%;
    background: #355279;
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center; }
    .serviceRow figure h2, .serviceRow figure p {
      margin: 0; }
    .serviceRow figure p {
      letter-spacing: 1px;
      font-size: 68.5%; }
    .serviceRow figure h2 {
      word-spacing: -0.15em;
      font-weight: 300;
      color: #FFF; }
      .serviceRow figure h2 span {
        font-weight: 800; }
    .serviceRow figure img {
      position: relative;
      display: block;
      max-width: 100%;
      opacity: 0.8;
      flex-shrink: 0;
      min-width: 100%;
      min-height: 100%;
      width: 100%;
      height: 100%; }
    .serviceRow figure figcaption {
      padding: 2em;
      color: #fff;
      text-transform: uppercase;
      font-size: 1.25em;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      .serviceRow figure figcaption:before, .serviceRow figure figcaption:after {
        pointer-events: none; }

  .serviceRow figure figcaption,
  .serviceRow figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

  .serviceRow figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0; }

  .serviceRow .effect-goliath.blue {
    background: #355279; }
  .serviceRow .effect-goliath.orange {
    background: #d9731e; }
  .serviceRow .effect-goliath.green {
    background: #4a7c43; }
  .serviceRow .effect-goliath.light-blue {
    background: #4b8ca0; }
  .serviceRow .effect-goliath.maroon {
    background: #9a2f4c; }
  .serviceRow .effect-goliath img, .serviceRow .effect-goliath h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s; }
  .serviceRow .effect-goliath img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .serviceRow .effect-goliath h2, .serviceRow .effect-goliath p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px; }
  .serviceRow .effect-goliath p {
    text-transform: none;
    font-size: 90%;
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0); }
  .serviceRow .effect-goliath:hover img {
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0); }
  .serviceRow .effect-goliath:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .serviceRow .effect-goliath:hover h2 {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0); } }
@media (min-width: 998px) {
  .navBar #logo {
    width: 22%; } }