/*!
 * Theme Name: 		   OceanWP
 * Text Domain: 	   oceanwp
 * Version:            3.5.3
 * Tested up to:       6.4.2
 * Template: oceanwp
 * Requires at least:  5.6
 * Requires PHP:       7.2
 * Author:             OceanWP
 * Author URI:         https://oceanwp.org/about-oceanwp/
 * Theme URI:          https://oceanwp.org/
 * Description:        OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
 * Tags:               two-columns, right-sidebar, footer-widgets, blog, news, custom-background, custom-menu, post-formats, rtl-language-support, sticky-post, editor-style, threaded-comments, translation-ready, buddypress, custom-colors, featured-images, full-width-template, theme-options, e-commerce, block-styles, wide-blocks, accessibility-ready
 *
 * License: GNU General Public License v2.0 or later
 * License URI: https://www.gnu.org/licenses/gpl-2.0.html
 *
 * All files, unless otherwise stated, are released under the GNU General Public
 * License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

 * This theme, like WordPress, is licensed under the GPL.
 * Use it to make something cool, have fun, and share what you've learned
 * with others.
 *
 * DO NOT ADD YOUR CSS TO THIS FILE - IT WILL BE LOST
 * To add your own CSS, use a child theme: https://github.com/oceanwp/oceanwp-child-theme
 *
 * CSS file is in "assets/css"
 */

/* *{
    margin:0 !important;
    box-sizing: border-box !important;
 } */
:root {
  --children-style: black;
  --cream: #f9f3e1;
  --lightgrey: #f1f1f1;
  --orangedark: #c48c03;
  --orangedarker: #f74d00;
}
@font-face {
  font-family: "Metropolis Medium";
  src: url("https://prodstatic.shoppersstop.com/_ui/updated_path/fonts/Metropolis/Metropolis-Medium.woff")
    format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Metropolis";
  src: url("https://prodstatic.shoppersstop.com/_ui/updated_path/fonts/Metropolis/Metropolis-Regular.woff")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Metropolis SemiBold";
  src: url("https://prodstatic.shoppersstop.com/_ui/updated_path/fonts/Metropolis/Metropolis-SemiBold.woff")
    format("woff");
  font-weight: 600;
  font-style: semibold;
}

body {
  font-family: "Metropolis", Serif, Sans-Serif !important;
  background-color: white !important;
}
.cormorant-font {
  font-family: "Cormorant" !important;
}
.monte-bold-font {
  font-family: "Metropolis SemiBold" !important;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: unset !important;
}
strong {
  font-weight: 700 !important;
  color: black !important;
}
.font-small {
  font-size: clamp(0.3rem, 0.5vw, 1rem) !important;
}
.bg-cream {
  background-color: var(--cream) !important;
}
.bg-lightgray {
  background-color: var(--lightgrey) !important;
}
.bg-warning {
  background-color: var(--orangedark) !important;
}
.text-warning {
  color: var(--orangedarker) !important;
}
.post-categories {
  margin: unset !important;
}
.post-categories li a {
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

ul li,
li {
  list-style: none !important;
}
a {
  color: unset !important;
  font-weight: unset !important;
}
nav {
  position: relative;
}
nav:has(.bottom-menu-container)::after {
  position: absolute;
  content: "";
  bottom: 28px;
  left: 0;
  height: 0.2px;
  width: 100%;
  background-color: transparent !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.wp-block-group-is-layout-flex > p,
.wp-block-group.is-layout-flex > p {
  display: contents;
}
.bottom-menu-container,
.middle-menu-container {
  position: relative;
  margin-top: -3px !important;
}
.bottom-menu-container ul li,
.top-menu-container ul li {
  list-style: none !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}
.bottom-menu-container ul li {
  font-size: clamp(0.8rem, 1vw, 2rem) !important;
}
.top-menu-container ul {
  width: max-content !important;
}
.top-menu-container ul li {
  font-size: clamp(0.4rem, 1.5vw, 1.2rem) !important;
  text-transform: capitalize !important;
  color: gray !important;
}

.middle-menu-container ul li {
  list-style: none !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 1.8rem;
}
.middle-menu-container ul li:nth-child(2) > a {
  color: #c48c03 !important;
  font-family: "Cormorant" !important;
  font-weight: 500 !important;
  font-size: 2.5rem !important;
}

.middle-footer {
  font-size: 1rem !important;
  font-weight: bold !important;
  margin: auto 2rem !important;
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.middle-footer h3,
.underline-h5 {
  position: relative !important;
  text-transform: uppercase !important;
  font-size: 10px !important;
  font-weight: bolder;
}
.footer-widgets-inner.container {
  width: 100%;
}
.middle-footer h3::before,
.footer-widgets-inner.container h6::before,
.underline-h5::before {
  content: "" !important;
  width: 40px !important;
  height: 1.5px !important;
  background-color: var(--children-style) !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -3px !important;
}
.underline-h5 {
  font-size: 2rem !important;
}
.footer-widgets-inner.container h6 {
  position: relative !important;
}
.footer-widgets-inner.container h6::before {
  background-color: white !important;
}
.underline-h6 {
  position: relative !important;
}
.underline-h6::before {
  background-color: white !important;
  content: "" !important;
  width: 40px !important;
  height: 1.5px !important;
  position: absolute !important;
  left: 0 !important;
  bottom: -3px !important;
}

.top-footer {
  background-color: rgb(252, 250, 250) !important;
}
.footer-widgets-inner.container {
  max-width: unset !important;
  margin: auto 2rem !important;
}

.front-page-categories ul li {
  list-style: none !important;
  color: white !important;
}
.front-page-categories ul li a {
  color: white !important;
}

.horizontal-overflow {
  overflow-x: scroll !important;
}
.vertical-overflow {
  overflow-y: scroll !important;
}
.page-numbers.current span {
  color: orange !important;
  border: 0 !important;
}
.single .entry-title {
  font-size: 2rem !important;
  padding: 0 !important;
  border: 0 !important;
}
.single-post ul.meta {
  font-size: 1.2rem !important;
}

ul.meta li i {
  padding-right: 6px !important;
  font-size: 1rem !important;
}
.searchform input {
  border: 0 !important;
  border-bottom: 1px solid rgb(160, 158, 158) !important;
  border-radius: 0 !important;
}
.searchform input::placeholder {
  color: lightgray;
  font-size: 12px !important;
}

.front-container {
  margin: auto 2rem !important;
}
.front-container .bg-cream {
  margin: 3rem auto !important;
}
.front-container .bg-cream::before {
  content: "" !important;
  position: absolute !important;
  width: 140% !important;
  height: 300px !important;
  left: -5% !important;
  right: 0 !important;
  top: -10% !important;
  bottom: 0 !important;
  background-color: var(--cream) !important;
}
.footer-widgets-inner.container,
.footer-box {
  color: white !important;
}
.watches-bg-gray {
  position: relative !important;
  overflow-y: visible !important;
  overflow-x: visible !important;
  padding-top: 2rem !important;
  margin-left: -5vw !important;
  padding-left: 5vw !important;
}

.watches-bg-gray::-webkit-scrollbar {
  display: none;
}

#bottom-menu-list .current-menu-item {
  position: relative;
}

#middle-menu-list .current-menu-item {
  position: relative;
  border-bottom: 2px solid var(--orangedarker) !important;
}
.mobile-show,
.mobile-show-block {
  display: none !important;
}
.thumbnail-image {
  max-width: 100% !important;
}

.slick-next {
  right: 1px !important;
}
.slick-prev {
  left: 1px !important;
  z-index: 1 !important;
}
.searchform input {
  border: 0 !important;
  border-radius: 0 !important;
}

.cattyperender h5{
  font-weight: 500 !important;
}


@media (max-width: 392px)  {
  img[alt~="mobile-logo"]{
    height: auto !important;
  }
}

@media (max-width: 575px) {
  nav:has(.bottom-menu-container)::after {
    position: absolute;
    content: "";
    bottom: 28px;
    left: 0;
    height: 0.2px;
    width: 100%;
    background-color: transparent !important;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  }
  #bottom-menu-list > .current-menu-item::after {
    background-color: var(--orangedark) !important;
  }
}
@media (max-width: 576px) {
  .mobile-show {
    display: flex !important;
  }
  .mobile-show-block {
    display: block !important;
  }
  .mobile-hide {
    display: none !important;
  }
  .slick-slide img {
    transition: all 0.5s ease-in-out !important;
  }
  .home-center .slick-slide {
    height: 474px !important;
  }
  .slick-slide:not(.slick-current) img {
    object-fit: cover !important;
    height: 380px !important;
    margin-top: 20px !important;
    /*     transform: skewX(1deg) skewY(351deg) !important; */
    transition: all 0.5s ease-in-out !important;
    border-radius: 10px !important;
  }
  .slick-current.slick-active img {
    height: 426px !important;
    object-fit: cover !important;
	  
	  object-position: left center !important;
  }
  ul#bottom-menu-list li a {
    font-size: 6px !important;
  }
  .navbar.navbar-expand-md {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
  }

  /* section.home-center .slick-list {
    min-height: 54vh !important;
  } */
  .styleguide_render:first-child h5 {
    margin-top: -0.2rem !important;
  }
  .post-horizontal-styleguide .styleguide_render:not(:first-child) {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
  }
   .post-horizontal-styleguide .styleguide_render:not(:first-child) img{
    min-width: 152px !important;
    min-height: 80px !important;
  }
   .cattyperender .post-horizontal img{
    min-width: 152px !important;
    min-height: 80px !important;
  }
   .cattyperender .post-horizontal h6{
    font-size: 12px !important;
  }
  .cattyperender .post-horizontal p{
    font-weight: 500 !important;
  }
  .fs-12{
    font-size: 12px !important;
  }
}
@media (max-width: 768px) {
  .style-hub-tv-container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .post-horizontal {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
    gap: 1rem !important;
  }
  .thumbnail-image {
    max-width: 25vw !important;
  }
  .post-horizontal .thumbnail-image {
    object-fit: cover !important;
  }
  .post-horizontal-styleguide {
    max-width: 97vw !important;
  }

  .post-horizontal-styleguide > :not(:first-child) {
    display: flex !important;
    align-items: start !important;
    flex-direction: column !important;
    gap: 2rem !important;
  }
  .post-horizontal-styleguide .styleguide_render {
    display: flex !important;
    align-items: start !important;
    flex-direction: row !important;
    gap: 2rem !important;
  }

  .post-horizontal-styleguide img {
    max-width: 25vw !important;
    object-fit: cover !important;
  }

  .post-horizontal-styleguide > .styleguide_render:nth-child(1) {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }
  .post-horizontal-styleguide > .styleguide_render:nth-child(1) img {
    width: 100% !important;
    max-width: 100% !important;
    object-fit: cover;
  }

  .post-horizontal-styleguide {
    max-width: 97vw !important;
  }
  /* Footers */
  .top-footer,
  .middle-footer,
  .site-footer {
    display: none !important;
  }
  .sm-pb-4 {
    padding-bottom: 2rem !important;
  }
  .sm-border-bottom {
    width: 100% !important;
    border-bottom: 1px solid var(--lightgrey) !important;
  }
  .bottom-menu-container {
    overflow-x: hidden;
    overflow-y: hidden;
  }
  .bottom-menu-list li {
    width: 500px !important;
  }
  .bottom-menu-container ul li a {
    font-size: 10px !important;
  }
  .slick-current {
    transition: all 0.5s ease-in-out !important;
  }

  .slick-track {
    margin-left: -10px !important;
  }
  .mobile-mx-4 {
    margin-left: 1rem !important;
  }
  .mobile-px-4 {
    padding-left: 1rem !important;
  }

  .watches-bg-gray::before {
    width: 103% !important;
  }
  .tab-padding {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .tab-padding img {
    max-width: 50vw !important;
    margin-bottom: 2rem !important;
  }

  form input[type="search"] {
    padding: 5px 1px !important;
  }
  .top-menu-right {
    max-width: 33vw !important;
    margin-right: 2rem !important;
  }
  .top-menu-container {
    min-width: 33.5vw !important;
  }
}
.site-content.clr .elementor-button span {
  color: white !important;
}

@media (max-width: 820px) {
  .searchform input::placeholder {
    color: lightgray;
    font-size: 8px !important;
    padding-right: 20px !important;
  }
  .top-menu-right {
    max-width: 33vw !important;
    margin-right: 2rem !important;
  }
  .top-menu-container {
    min-width: 33.5vw !important;
  }
  form input[type="search"] {
    padding: 5px 24px !important;
  }
  #middle-menu-list {
    justify-content: center !important;
  }
  ul#bottom-menu-list li {
    font-size: 12px !important;
  }
}
ul#bottom-menu-list li:last-child {
  display: block !important;
}
.watches-bg-gray::before {
  content: "" !important;
  position: absolute !important;
  height: 120% !important;
  left: 0% !important;
  right: 0 !important;
  top: -10% !important;
  bottom: 0 !important;
  background-color: var(--lightgrey) !important;
  z-index: -1;
}

@media (min-width: 768px) {
  img {
    transition: transform 2s ease-in-out !important;
    object-fit: cover;
    position: relative;
  }

  .min-height-470-img img {
    min-height: 470px !important;
  }

  .img-max-150 img {
    min-width: 262px !important;
    max-width: 150px !important;
  }
  img:hover {
    transition: transform 0.3s ease-in-out;
    transform: scale(1.008) !important;
    overflow: hidden;
    opacity: 0.9;
  }
  .post-horizontal-styleguide img {
    min-height: 220px;
    max-height: 220px;
    background-size: contain;
  }
  /* ul#bottom-menu-list > li:last-child {
    display: none !important;
  } */
  .max-height-470 {
    max-height: 470px !important;
  }
  .vertical-container-restriction {
    max-height: 470px !important;
    overflow: hidden !important;
  }
  #bottom-menu-list > li {
    padding-bottom: 3rem;
  }
  #bottom-menu-list > .current-menu-item::after {
    position: absolute;
    content: "";
    height: 3px;
    width: 100%;
    left: 0;
    bottom: 14px;
    background-color: black;
  }
  .watches-bg-gray {
    gap: 1rem !important;
  }
  .watches-bg-gray::before {
    width: 140% !important;
  }
  ul#bottom-menu-list li a {
    font-size: 14px !important;
  }
  .searchform input {
    border: 0 !important;
    border-bottom: 1px solid rgb(160, 158, 158) !important;
    border-radius: 0 !important;
  }
  .site-content.clr article {
    margin-top: -4rem !important;
  }
  .search-results .site-content.clr article {
     margin-top: 0rem !important;
  }
  
  /* .h-lg-320{
    height: 320px !important;
  } */
}
#bottom-menu-list > .current-menu-item::after {
  position: absolute;
  content: "";
  height: 3px;
  width: 100%;
  left: 0;
  bottom: 14px;
  background-color: black;
}
#bottom-menu-list > li {
  padding-bottom: 3rem;
}

@media (min-width: 1020px) {
  .img-grid-constraints .vertical-container-restriction img {
    /*     min-height: 150px !important;
	min-width:210px !important; */
    min-height: 146px !important;
    min-width: 262px !important;
    background-size: cover !important;
    max-width: 146px !important;
  }
}
@media (min-width: 768px) and (max-width: 1019px) {
  .img-grid-constraints .vertical-container-restriction img {
    /*     min-height: 150px !important;
	min-width:210px !important; */
    min-height: 84.5px !important;
    min-width: 160px !important;
    background-size: contain;
    max-height: 84.5px !important;
    max-width: 160px !important;
  }
  .min-height-470-img img {
    min-height: 295px !important;
  }
  .img-grid-constraints .vertical-container-restriction p {
    /*     min-height: 150px !important;
	min-width:210px !important; */
    display: -webkit-box;
    max-width: 200px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

@media (min-width: 576px) and (max-width: 1020px) {
  .top-menu-container ul {
    width: max-content !important;
    gap: 15px !important;
  }
  .top-menu-container ul li {
    font-size: 8px !important;
  }
}

.mobile-search-form .searchform {
  width: 80px !important;
}
/* .mobile-search-form .searchform input{
 border:none !important;
} */

.text-overlay-post img {
  position: absolute !important;
}

.text-overlay-post .text-container {
  top: 0 !important;
  left: 0 !important;
  z-index: 10000 !important;
}

#mobile-menu {
  z-index: 1000000 !important;
  position: absolute !important;
  width: 100vw !important;
  min-height: 35vh !important;
  left: 0 !important;
  top: 40px !important;
  background-color: white !important;
}

.accordion-body.contain {
  background-color: #fafafa !important;
}

/* .mobile-dropdown ul li a {
    display: block !important;
    position: relative !important;
    padding: 12px 40px !important;
    text-align: left !important;
}
.mobile-dropdown a:link, a:visited {
    transition: all .31s ease;
}
.mobile-dropdown a, a:hover, a:focus {
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.mobile-dropdown a {
    color: #333;
    background-color: rgba(0, 0, 0, 0);
} */

.accordion-body {
  padding-top: 0 !important;
}
.accordion-button,
.accordion-body {
  border: none !important;
  box-shadow: none !important;
  color: black !important;
  font-weight: normal !important;
  font-size: 1.2rem !important;
}

.accordion-item {
  border: none !important;
}

.accordion-button[aria-expanded="true"] {
  color: #c48c03 !important;
}

.disable-accordion .accordion-button::after {
  display: none !important;
}
.bottom-menu-list ul.sub-menu {
  display: none !important;
  position: absolute !important;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
/* Menu Hover animations */
.menu-item {
  transition: all 0.2s ease-in-out !important;
}
.menu-item:hover a {
  opacity: 0.7 !important;
}

.menu-item.menu-item-has-children {
  position: relative !important;
}
/* .menu-item.menu-item-has-children::after {
  content: "";
  position: absolute;
  top: 47%;
  right: -8px !important;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 3.6px 0 3.6px;
  border-color: var(--children-style) transparent transparent transparent;
} */
.menu-item.menu-item-has-children ul {
  position: absolute !important;
  left: 0 !important;
  top: 30px !important;
  border-top: 1px solid #c48c03 !important;
  background-color: white !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  min-width: 200px !important;
  /* min-height: 200px !important; */
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.06) 0px 1px 2px 0px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(10px) !important;
  transition: opacity 0.3s, transform 0.8s, visibility 0s !important;
  border-radius: 2px !important;
  position: relative;
}
/* .menu-item.menu-item-has-children ul::before{
  content:"";
  height:20px;
  width:100%;
  background-color: red;
  top:-30px;
  left:0;
} */

.menu-item.menu-item-has-children ul li a {
  display: flex !important;
  align-items: start !important;
  flex-direction: column !important;
  min-height: 3rem !important;
  gap: 1rem !important;
}

.menu-item.menu-item-has-children:hover ul {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(25) !important;
}

#bottom-menu-list .sub-menu .current-menu-item {
  border-bottom: 2px solid transparent !important;
  color: var(--children-style) !important;
  display: flex !important;
  flex-direction: column !important;
  opacity: 1 !important;
  transition: all 0.3s ease-in-out !important;
  /* margin: 1rem auto !important; */
}
#bottom-menu-list .sub-menu .menu-item {
  min-height: 30px !important;
  border-bottom: 2px solid transparent !important;
  width: 100% !important;
  padding-top: 1rem !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
#bottom-menu-list .sub-menu .menu-item:hover {
  /* border-bottom: 2px solid var(--cream) !important; */
  color: #c48c03 !important;
  background-color: #f0f0f0;
}
/* 
@keyframes slideIn {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0);
    }
  }

  @keyframes slideOut {
    from {
      transform: translateY(0);
    }
    to {
      transform: translateY(-100%);
    }
  } */

/* Bootstrap override styles */

.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
  transition: all 0.5s;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}
.accordion-button::after {
  transition: all 0.5s;
}

.stylehubcarousal .slick-list.draggable {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

ul.sub-menu {
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-around;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.hover-btn-animation {
  text-align: center;
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #fff;
  text-transform: capitalize;
  /* background-color: - add your own background-color */
  font-family: "Roboto", sans-serif;
  /* put your font-family */
  font-size: 18px;
  padding: 20px 0px;
  min-width: 75px;
  border-radius: 2px;
  overflow: hidden;
}

/* effect-1 styles */
.hover-btn-animation.effect-1 {
  transition: all 0.2s linear 0s;
}
.hover-btn-animation.effect-1:before {
  content: "";
  font-family: FontAwesome;
  font-size: 15px;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  top: 0;
  opacity: 0;
  height: 100%;
  width: 40px;
  transition: all 0.2s linear 0s;
}
.hover-btn-animation.effect-1:hover {
  text-indent: -20px;
}
.hover-btn-animation.effect-1:hover:before {
  opacity: 1;
  text-indent: 0px;
}
.slick-list {
  padding: 0 20% 0 0 !important;
}

/* width */
::-webkit-scrollbar {
  width: 4px !important;
}

/* Track */
::-webkit-scrollbar-track {
  background: transparent !important;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #d4d4dd !important;
}

.site-content.clr {
  margin-top: 2rem !important;
}

.center-till-drop-container {
  padding-top: 1rem !important;
  padding-bottom: 3rem !important;
  position: relative;
}
.overflow-bg-gray {
  position: relative;
}
.watches-wrapper,
.watches-wrapper {
  position: relative !important;
}
.watches-wrapper img {
  min-height: 180px;
  max-height: 180px;
  object-fit: cover;
}
.center-till-drop-container::before,
.overflow-bg-gray::before {
  content: "";
  position: absolute;
  left: -100px;
  top: 0;
  background-color: var(--lightgrey);
  width: 120vw;
  height: 100%;
  z-index: -1;
}
.watches-before-container,
.style-hub-tv-container {
  position: relative;
}
.watches-before-container::before,
.style-hub-tv-container::before {
  content: "";
  position: absolute;
  left: -100px;
  top: 0;
  background-color: var(--lightgrey);
  width: 121vw;
  height: 100%;
  z-index: -1;
}

.watches-before-container::before {
  height: 100%;
}
.style-hub-tv-container::before {
  background-color: var(--cream);
  height: 140%;
}
.center-till-drop .slick-slide img {
  max-height: 150px !important;
  align-self: center;
  margin: auto !important;
}

.slick-list.draggable {
  max-width: 99vw !important;
}
.position-relative.container-fluid {
  background-color: white;
}

/* Adding External css */

.wp-block-media-text {
  box-sizing: border-box !important;
  direction: ltr !important;
  display: grid !important;
  grid-template-columns: 50% 1fr !important;
  grid-template-rows: auto !important;
}
.media-item .thumbnail {
  max-width: 128px;
  max-height: 128px;
}
.widget_getcategories-by-id span {
  display: none !important;
}
@media (max-width: 1100px) {
  body {
    overflow: hidden !important;
  }
}

@media (min-width: 1100px) {
  .container-fluid > *::before {
    max-width: 111vw !important;
  }
  .style-hub-tv-container::before {
    background-color: var(--cream);
    height: 720%;
  }
}

.desktop-margin .category-description img {
  width: 100%;
}

.styleguide_render h5 {
  text-align: left !important;
}
body {
  overflow: hidden !important;
}

.style-slider img {
  /* 	min-width:-webkit-fill-available !important; */
  max-width: 31vw !important;
}
.max-h-150 .col-12 > div > div,
.col-0 > div > div {
  max-height: 150px !important;
  overflow: hidden !important;
}
.stylehubcarousal {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.stylehubcarousal .slick-prev,
.post-horizontal-styleguide .slick-prev {
  left: -20px !important;
}
.stylehubcarousal .slick-next {
  right: -20px !important;
}
.post-horizontal-styleguide .slick-next {
  right: -24px !important;
}
/* .max-h-130{
	max-height:137px!important;
} */
.margin-x-2 {
  margin-left: 2rem !important ;
  margin-right: 2rem !important ;
}
.gap-2_5 {
  gap: 2.5rem !important;
}
.gap-3_5 {
  gap: 3.5rem !important;
}
.gap-4_5 {
  gap: 4.5rem !important;
}
.gap-5_5 {
  gap: 5rem !important;
}
.gap-7 {
  gap: 7rem !important;
}

.center-till-drop-container .slick-prev {
  left: -16px !important;
}
.center-till-drop-container .slick-next {
  right: -18px !important;
}
.center-till-drop .slick-slide {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.06) 0px 1px 2px 0px !important;
}
.center-till-drop .slick-slide:hover {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px !important;
}
.scroll-top-right i {
  color: white;
}

a:focus > * {
  outline-color: transparent !important;
  border: none !important;
}

.watches-bg-gray ul {
  margin-top: 1.2rem !important;
}
.truncate-two-lines {
  display: -webkit-box;
  max-width: 200px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.light-font-weight{
  font-weight: 500 !important;
}

.search-page .thumbnail img{
  width:480px !important;
  height: 140px !important;
  object-fit: cover !important;
}
.search-page article{
  padding: 400px !important;
}
.search-results article .search-entry-title a{
    font-size: 1.5rem;
    margin: 0 0 6px
}