/* CUSTOM STYLES **/
/* HOME FEATURED SECTION */
.home-featured {
  display: block;
  width: 100%;
  background: #fff;
  position: relative;
}

.home-featured:before, .home-featured:after {
  content: '';
  width: 100%;
  height: 3px;
  left: 0;
  display: block;
  background: #fff;
  position: absolute;
}

.home-featured:before {
  top: 1px;
}

.home-featured:after {
  bottom: 1px;
}

.home-featured .wrap {
  width: 100%;
  max-width: none;
  position: relative;
}

#home-slick-slider {
  position: relative;
  background: #fff;
}
#home-slick-slider.slick-slider {
  margin-bottom: 0;
}

#home-slick-slider .each-slider {
  margin: 5px;
  padding: 10px;
  background: #fff;
}

#home-slick-slider .each-slider .inner-boxs {
  outline: none;
  display: block;
  width: 100%;
  height: 480px;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media all and (min-width: 1920px) {
  #home-slick-slider .each-slider .inner-boxs {
    height: 540px;
  }
}

#home-slick-slider .each-slider .inner-boxs .slick-nav-2 {
  position: absolute;
  top: 50%;
  z-index: 101;
  color: #fff;
  opacity: 0.6;
}

#home-slick-slider .each-slider .inner-boxs .slick-nav-2:hover {
  -webkit-transition: all 0.3s linear 0.03s;
  -moz-transition: all 0.3s linear 0.03s;
  transition: all 0.3s linear 0.03s;
  opacity: 1;
}

#home-slick-slider .each-slider .inner-boxs .slick-nav-2 span.fa {
  text-shadow: 0 0 1px  #646464;
  font-size: 28px;
  opacity: 1;
}
#home-slick-slider .each-slider .inner-boxs .slick-nav-2.slick-nav-2-prev {
  left: 15px;
}

#home-slick-slider .each-slider .inner-boxs .slick-nav-2.slick-nav-2-next {
  right: 15px;
}

#home-slick-slider .each-slider .inner-p-box {
  width: 340px;
  height: 280px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 4px solid #eee;
  background: rgba(255, 255, 255, 0.6);
  display: table;
}

#home-slick-slider .each-slider .inner-p-t-box {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  text-align: center;
}

#home-slick-slider .each-slider.slick-current {
  border-color: #ccc;
  box-shadow: 1px 1px 3px 0 #bbb;
}

#home-slick-slider .each-slider:not(.slick-current) {
  opacity: 0.4;
}

#home-slick-slider .each-slider:not(.slick-current) .inner-p-box {
  visibility: hidden;
}

#home-slick-slider .each-slider:not(.slick-current) .slick-nav-2 {
  display: none;
}

#home-slick-slider .slick-dots li {
  margin-left: 8px;
  margin-right: 8px;
  width: 8px;
  height: 8px;
}

#home-slick-slider .slick-dots li button {
  width: 8px;
  height: 8px;
}

#home-slick-slider .slick-dots li button:before {
  background: #333;
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

#home-slick-slider .slick-arrow {
  z-index: 1001;
  opacity: 1;
}

#home-slick-slider .slick-arrow.slick-prev {
  left: 25px;
}

#home-slick-slider .slick-arrow.slick-next {
  right: 25px;
}

#home-slick-slider .slick-arrow:before {
  text-shadow: 0 0 1px  #646464;
  font-size: 28px;
  opacity: 1;
}

/* END HOME FEATURED SECTION */
/**==========================================
* UBER MEGA MENU ISSUES : FIXES
==========================================**/
.ubermenu .ubermenu-nav .ubermenu-column-full {
  border: 2px solid #ddd;
}

.ubermenu-content-block li#featured-post-2 {
  border-left: 2px solid #eee;
  border-right: 2px solid #eee;
}

.ubermenu-content-block li#featured-post-2 article {
  padding-left: 10px;
  padding-right: 10px;
}

.ubermenu-content-block li#featured-post-2 article a.aligncenter {
  box-shadow: 0 4px 4px 0 #aaa;
}

.ubermenu-content-block li#featured-post-2 article a.aligncenter.aligncenter {
  margin-bottom: 10px !important;
}

.ubermenu-content-block li#featured-post-2 article a.aligncenter img {
  display: block;
  width: 100% !important;
  margin: 0 !important;
  padding: 4px !important;
  background: #fff;
  border: 1px solid #ccc;
}

.ubermenu-content-block li:nth-child(3) .ubermenu-widgettitle {
  margin-bottom: 15px;
  position: relative;
  z-index: 1;
  font-family: 'Pretty', sans-serif;
  text-transform: uppercase;
  color: #000 !important;
  font-weight: bold;
}

.ubermenu-content-block li:nth-child(3) .ubermenu-widgettitle span {
  color: #000 !important;
}

.ubermenu-content-block li:nth-child(3) .ubermenu-widgettitle:after {
  width: 40px;
  content: '';
  height: 2px;
  left: 50%;
  margin-left: -20px;
  z-index: 2;
  bottom: 0px;
  background: #ff626a;
  position: absolute;
}

.ubermenu-content-block li:nth-child(3) article {
  width: 46% !important;
  margin-left: 0;
  margin-right: 0 !important;
}

.ubermenu-content-block li:nth-child(3) article:nth-child(2n+1) {
  margin-left: 4% !important;
}

.ubermenu-content-block li:nth-child(3) article a.aligncenter {
  margin-bottom: 20px !important;
}

.ubermenu-content-block li:nth-child(3) article header h2.entry-title {
  height: 38px;
  overflow: hidden;
  font-family: 'Playfair Display', serif;
  line-height: 20px;
  font-size: 13px;
}

.ubermenu-content-block #featured-post-3 {
  width: 360px !important;
}

.ubermenu-content-block .menu-browse-by-menu-container #menu-browse-by-menu li {
  padding-top: 4px;
  padding-bottom: 4px;
}

.ubermenu-content-block .menu-browse-by-menu-container #menu-browse-by-menu li a {
  font-size: 14px;
  font-family: 'Pretty', sans-serif;
}

/**=========================================
* END UBER MEGA MENU ISSUES
=========================================**/
/**=======================================
* HEADER SEARCH FORM
=======================================**/
.h-s-search-ele {
  display: inline-block;
  position: relative;
  cursor: pointer;
  vertical-align: middle;
  color: #aeaeae;
  font-size: 16px !important;
  text-transform: uppercase;
}

.h-s-search-ele span {
  color: #58595b;
  font-size: 18px !important;
  vertical-align: baseline;
}

.header-search-form {
  position: relative;
  vertical-align: middle;
  margin-top: 30px;
  display: inline-block;
}

.header-search-form .h-s-form-element {
  display: none;
  position: absolute;
  -webkit-transform: translateY(100px);
  -moz-transform: translateY(100px);
  transform: translateY(100px);
  opacity: 0;
  left: -120px;
  bottom: -100px;
}

.header-search-form .h-s-form-element.open {
  -webkit-transition: all 0.3s ease 0.03s;
  -moz-transition: all 0.3s ease 0.03s;
  transition: all 0.3s ease 0.03s;
  display: block;
  width: 418px;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  z-index: 101;
}

.header-search-form .h-s-form-element.open .form-inside {
  padding: 10px;
  border: 1px solid #ddd;
  position: relative;
  box-shadow: 0 0 2px 0 #eee;
  background: #fff;
}

.header-search-form .h-s-form-element.open .form-inside:before {
  content: '';
  width: 15px;
  height: 15px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  border-color: #ddd transparent transparent #ddd;
  border-style: solid;
  border-width: 1px;
  position: absolute;
  left: 160px;
  top: -9px;
  background: #fff;
}

.header-search-form .form-group {
  display: block;
  position: relative;
}

.header-search-form .form-group:before,
.header-search-form .form-group:after {
  display: table;
  content: '';
  width: 100%;
  height: 0;
  clear: both;
}

.header-search-form .form-group input,
.header-search-form .form-group button {
  display: inline-block;
  height: 46px;
  float: left;
}

.header-search-form .form-group input[type="text"],
.header-search-form .form-group input[type="search"] {
  width: 300px;
}

.header-search-form .form-group button {
  width: auto;
  font-size: 20px;
  padding-left: 10px;
  padding-right: 10px;
  background: #ef0c60;
  color: #fff;
  text-transform: uppercase;
  border-color: #be0a4c;
}

.header-search-form .form-group button:hover,
.header-search-form .form-group button:active {
  -webkit-transition: all 0.3s linear 0.03s;
  -moz-transition: all 0.3s linear 0.03s;
  transition: all 0.3s linear 0.03s;
  background: #d70b56;
  border-color: #a60843;
}

/**
PRODUCT AND TAXONOMY PAGE
 */
.tax-product-category aside,
.page-template-product-template aside {
  display: none;
}

.tax-product-category .content,
.page-template-product-template .content {
  width: 100%;
}

.tax-product-category .product-items,
.page-template-product-template .product-items {
  display: block;
  padding: 0;
  width: 100%;
  position: relative;
}

.tax-product-category .product-items:before, .tax-product-category .product-items:after,
.page-template-product-template .product-items:before,
.page-template-product-template .product-items:after {
  content: '';
  display: table;
  width: 100%;
  height: 0;
  clear: both;
  position: relative;
}

.tax-product-category .product-items *,
.page-template-product-template .product-items * {
  box-sizing: border-box;
}

.tax-product-category .product-items .each-product,
.page-template-product-template .product-items .each-product {
  width: 25%;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
  float: left;
}

@media all and (min-width: 1200px) {
  .tax-product-category .product-items .each-product,
  .page-template-product-template .product-items .each-product {
    width: 216px;
  }
}

@media all and (min-width: 992px) and (max-width: 1199px) {
  .tax-product-category .product-items .each-product,
  .page-template-product-template .product-items .each-product {
    width: 228px;
  }
}

@media all and (min-width: 768px) and (max-width: 991px) {
  .tax-product-category .product-items .each-product,
  .page-template-product-template .product-items .each-product {
    width: 274px;
  }
}

@media all and (max-width: 767px) {
  .tax-product-category .product-items .each-product,
  .page-template-product-template .product-items .each-product {
    width: 100%;
  }
}

.tax-product-category .product-items .product-inner,
.page-template-product-template .product-items .product-inner {
  display: block;
  margin-bottom: 40px;
  padding: 10px;
  border: 1px solid transparent;
  font-family: 'Playfair Display', serif;
}

.tax-product-category .product-items .product-inner:hover,
.page-template-product-template .product-items .product-inner:hover {
  cursor: pointer;
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  border: 1px solid #eee;
  box-shadow: 0 -1px 1px 0 #ddd;
  -webkit-transition: all 0.3s linear 0.03s;
  -moz-transition: all 0.3s linear 0.03s;
  transition: all 0.3s linear 0.03s;
}

.tax-product-category .product-items .product-thumb img,
.page-template-product-template .product-items .product-thumb img {
  width: 100%;
  margin-bottom: 15px;
}

.tax-product-category .product-items .product-more,
.page-template-product-template .product-items .product-more {
  color: #222;
  text-align: center;
}

.tax-product-category .product-items .product-more a,
.page-template-product-template .product-items .product-more a {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
  text-transform: uppercase;
  border-radius: 2px;
  font-family: "Open Sans", sans-serif;
  background: #e64a97;
}

.tax-product-category .product-items .product-more a:hover,
.page-template-product-template .product-items .product-more a:hover {
  background: #e3348a;
  color: #fff;
}

.tax-product-category .product-items .product-info h4,
.page-template-product-template .product-items .product-info h4 {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 24px;
  font-family: 'Playfair Display', serif;
  overflow: hidden;
}

.tax-product-category .product-items .product-desc,
.page-template-product-template .product-items .product-desc {
  font-size: 13px;
  text-align: center;
  line-height: normal;
  overflow: hidden;
  margin-bottom: 15px;
}

.product-wrapper {
  display: block;
  margin-left: 260px;
  margin-top: 20px;
  position: relative;
}

.product-wrapper:before,
.product-wrapper:after {
  content: '';
  position: relative;
  width: 100%;
  height: 0;
  clear: both;
  display: table;
}

.product-wrapper .get-product-tax {
  margin-left: -260px;
  width: 260px;
  float: left;
}

.product-wrapper .get-product-tax .p-cat-m-wrap {
  display: block;
  padding-bottom: 5px;
  border-bottom: 4px double #111;
  margin-bottom: 10px;
}

.product-wrapper .get-product-tax .p-cat-m-t {
  background: #111;
  display: table;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  margin-bottom: 5px;
  color: #fff;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
}

.product-wrapper .get-product-tax .p-cat-title {
  text-align: center;
  text-transform: uppercase;
}

.product-wrapper .before-product-sec {
  display: block;
  padding-left: 15px;
  float: right;
  width: 100%;
}

.product-wrapper .product-cat-ul {
  display: block;
  padding: 0;
  margin: 0 0 15px;
}

.product-wrapper .product-cat-ul li {
  display: block;
  text-align: center;
}

.product-wrapper .product-cat-ul li a {
  color: #333;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: 'Pretty', sans-serif;
}

.product-wrapper .product-cat-ul li a:hover {
  color: #111;
}

.product-pagination {
  text-align: center;
}

.product-pagination ul {
  padding: 0;
  margin: 10px auto 15px;
  display: table;
}

.product-pagination ul li {
  display: inline-block;
  padding: 2px;
}

.product-pagination ul li a,
.product-pagination ul li span {
  min-width: 36px;
  height: 36px;
  display: block;
  padding: 5px;
  background: #111;
  color: #fff;
  cursor: pointer;
  text-align: center;
  font-family: 'Playfair Display', serif;
}

.product-pagination ul li a:hover,
.product-pagination ul li a.current,
.product-pagination ul li span:hover,
.product-pagination ul li span.current {
  color: #fff;
  background: #444;
}

/* shopping text */
#text-9 {
  position: absolute;
  right: -90px;
  top: 32px;
}

#text-9 a {
  font-size: 18px;
  text-transform: lowercase;
  color: #aeaeae;
  text-decoration: none;
  position: relative;
  padding-left: 10px;
  display: inline-block;
  font-family: 'Playfair Display', serif;
}

#text-9 a:hover,
#text-9 a:active,
#text-9 a:focus {
  -moz-transition: all 0.3s linear 0.03s;
  -webkit-transition: all 0.3s linear 0.03s;
  transition: all 0.3s linear 0.03s;
  color: #888;
}

#text-9 a:before {
  content: '';
  position: absolute;
  left: 0;
  width: 1px;
  height: 100%;
  background: #ddd;
}

/*=============== Mobile Header bar ================*/

@media all and (min-width: 991px) {
  body .header-search-box {
    display: none !important
  }

  body .home-next-search {
    display: none
  }
}

@media all and (max-width: 991px) {
    body>div.site-container {
        margin-top: 243px
    }

    body>div.site-container header.site-header {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        width: 100%;
        width: 100%;
        background: #fff;
        z-index: 100;
        margin-bottom: 15px
    }

    body>div.site-container header.site-header .title-area {
        position: relative
    }

    body>div.site-container header.site-header .title-area .home-next-search .search-trigger {
        position: absolute;
        right: 5%;
        top: 70px
    }

    body>div.site-container .header-search-box {
        padding-left: 15px;
        padding-right: 15px
    }

    body>div.site-container .search-trigger .icon {
        color: #fff
    }

    body>div.site-container .search-trigger .icon svg {
        width: 21px;
        fill: #fff;
        color: #000;
    }

    body #responsive-menu-button {
        z-index: 101;
        right: auto;
        left: 5%;
        top: 70px
    }

    body:not(.admin-bar) #responsive-menu-button {
        margin-top: -52px !important
    }

    body.admin-bar>div.site-container header.site-header {
        top: 46px
    }

    body.admin-bar #responsive-menu-button {
        margin-top: 100px !important
    }

    body.admin-bar #wpadminbar {
        left: 0;
        right: 0;
        min-width: auto;
        width: 100%
    }

    body .header-search-box {
        display: none
    }

    body .header-search-box.open {
        display: block
    }
}

@media all and (max-width: 767px) {
    body .site-header .site-title {
        margin-left: 75px !important;
        margin-right: 65px !important
    }

    body .site-header .site-title a {
        background-position: center center;
        background-size: 92% auto;
        width: 100% !important;
        display: inline-block
    }

    body #wpadminbar {
        top: 0;
        position: fixed
    }
}

@keyframes show_after_a_delay {
    0% {
        opacity: 0
    }

    40% {
        opacity: 0.4
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes show_after_a_delay {
    0% {
        opacity: 0
    }

    40% {
        opacity: 0.4
    }

    100% {
        opacity: 1
    }
}

@keyframes hide_after_a_delay {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes hide_after_a_delay {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@media all and (max-width: 991px) {
    #responsive-menu-container #responsive-menu li.responsive-menu-item a {
        padding-left: 40px
    }

    html {
        width: 100%;
        position: relative
    }

    html.responsive-menu-open #responsive-menu-button {
        left: 75%;
        top: 40px;
        opacity: 1;
        -webkit-animation: show_after_a_delay 2s linear 0;
        animation: show_after_a_delay 2s linear 0;
        -webkit-transition: left .45s linear 0s, opacity 3s linear 0s;
        transition: left 0.45s linear 0s, opacity 3s linear 0s
    }
    
    html:not(.responsive-menu-open) {
        -webkit-animation: hide_after_a_delay 2s linear 0;
        animation: hide_after_a_delay 2s linear 0
    }
}