/*
 Theme Name: Popularis Fashion
 Theme URI: https://populariswp.com/popularis-fashion/
 Description: Popularis Fashion is a fast, clean and modern-looking responsive WooCommerce WordPress theme. Theme works perfect with any of favorite page builders like Elementor, Beaver Builder, SiteOrigin, Thrive Architect, Divi, Visual Composer, etc. Popularis Fashion lightweight, fast, easy to use and SEO friendly.
 Author: Themes4WP
 Author URI: https://themes4wp.com/
 Version: 1.0.3
 Requires PHP: 5.4
 Tested up to: 6.8
 License: GNU General Public License v3
 License URI: http://www.gnu.org/licenses/gpl.html
 Tags: one-column, two-columns, three-columns, full-width-template, right-sidebar, custom-background, custom-menu, editor-style, featured-images, translation-ready, custom-logo, threaded-comments, footer-widgets, blog, e-commerce
 Text Domain: popularis-fashion
 Template: popularis
*/

body {
    color: #566073;
    font-weight: 400;
    line-height: 1.6;
    font-size: 20px;
}
a, a:active, a:hover, a:focus {
    color: #fd8f07;
    text-decoration: none;
}
.page-area {
    padding: 35px 15px;
}
#site-navigation {
    border-color: transparent;
    -webkit-box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.08);
}
.navbar-default .navbar-nav > li > a {
    font-size: 15px;
    font-weight: 700;
}
.cart-contents span.count, .woocommerce span.onsale, .nav > li.active > a:after, .current-page-parent:after, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #fd8f07;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .btn-default, input[type="submit"], input#submit, button, a.comment-reply-link, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    color: #fd8f07;
}
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li:hover a {
    border-bottom: 2px solid #fd8f07;
    color: #fd8f07;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    text-align: center;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    border: none;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
.woocommerce-page ul.products li.product a.woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.woocommerce ul.products li.product .button {
    transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
    position: absolute;
    bottom: -70px;
    display: block;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    opacity: 0;
    font-size: 14px;
    width: auto;
    white-space: nowrap;
    font-weight: 600;
    
}
.woocommerce ul.products li.product:hover .button {
    bottom: 10px;
    opacity: 1;
}
.woocommerce ul.products li.product .button.added {
    display: none;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-weight: 600;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
    height: 2.8em;
    margin: 8px 0 10px;
}
.woocommerce ul.products li.product a img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    display: block;
}
.woocommerce ul.products li.product .price {
    display: block;
    margin-top: auto;
    height: 2.8em;
    line-height: 1.4;
}
.woocommerce span.onsale {
    padding: 0;
    font-size: 15px;
    color: #fff;
}
article.blog-article {
    clear: none;
}
article.blog-article.col-md-6:nth-of-type(2n-1), article.blog-article.col-md-4:nth-of-type(3n-2) {
    clear: left;
}
.nav > li.active > a:hover:after, .current-page-parent:hover:after {
    width: 70%;
    left: 15%;
}
.top-bar-section {
    background-color: #fd8f07;
}
.top-bar-section a {
    color: #ffffff;
    font-weight: bold;
}
@media (min-width: 768px) {
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover {
        background-color: #fd8f07;
        color: #fff;
    }
}
.post-item .news-thumb {
    padding: 0;
    margin-bottom: 0;
}
.post-item .news-thumb img{
    border-radius: 0;
    margin-bottom: 0;
}
.cats-tags {
    float: left;
    display: inline-block;
    width: auto;
}

.posted-date, .cat-links a, .cat-links span, .tags-links span {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px;
}
.tagcloud a {
    border-radius: 10px;
}
.post-item h2, h1.single-title {
    width: 100%;
    clear: both;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
}
.post-item h2 a {
    font-size: 25px;
    line-height: 29px;
    font-weight: 700;
}
.post-item {
    width: 100%;
}
.post-item .news-text-wrap {
    padding: 30px 15px;
}
.single-head, .single-entry-summary, .cats-tags {
    max-width: 100%;
}
.single-entry-summary {
    max-width: 100%;
    padding-top: 20px;
}
#sidebar .widget {
    margin-bottom: 30px;
}
.widget-title h3 {
    font-size: 20px;
    line-height: 22px;
    padding: 0;
    font-weight: 700;
    margin-bottom: 0px;
}
.widget-title {
    border-top: 3px double #a4a4a4;
    border-bottom: 3px double #a4a4a4;
}
.widget-title:after {
    display: none;
}
nav.navigation.pagination .nav-links a, nav.navigation.pagination .current {
    border-radius: 10px;
}

/* Search Style */ 
#float-search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.5s ease-in-out;
       -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
	       -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
	     -moz-transform: translate(0px, -100%) scale(0, 0);
	      -ms-transform: translate(0px, -100%) scale(0, 0);
         -o-transform: translate(0px, -100%) scale(0, 0);
	          transform: translate(0px, -100%) scale(0, 0);    
    opacity: 0;
    display: none;
}

#float-search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
       -moz-transform: translate(0px, 0px) scale(1, 1);
    	  -ms-transform: translate(0px, 0px) scale(1, 1);
	       -o-transform: translate(0px, 0px) scale(1, 1);
	           transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
    z-index: 106;
    display: block;
}

#float-search input[type="search"] {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -51px;
    width: 60%;
    margin-left: 20%;
    color: rgb(255, 255, 255);
  	background: transparent;
  	border-top: 1px solid rgba(255, 255, 255, .8);
  	border-bottom: 2px solid rgba(255, 255, 255, .5);
  	border-left: 0px solid transparent;
  	border-right: 0px solid transparent;
    font-size: 40px;
  	font-family: Roboto;
    font-weight: 300;
    text-align: center;
    outline: none;
  	padding: 10px;
}
  
#float-search .fa-close {
    position: fixed;
    top: 25px;
    right: 25px;
	  opacity: 1;
	  font-size: 27px;
  	color: #fff;
    cursor: pointer; 
}

#float-search .close:hover{
  color: #FC2121;
  cursor: pointer;
}

@media (min-width: 768px) {
.header-search.float-search {
    left: auto;
    margin-top: 15px;
    float: none;
    background: rgba(255, 255, 255, 1);
    text-align: center;
    border: 1px solid #ededed;
    border-radius: 3px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 25%);
    padding: 0;
}
.header-search.float-search a {
    float: none;
    padding: 8px;
    width: 90px;
    height: 90px;
    line-height: 66px;
    display: block;
    color: #000;
}
}
@media (max-width: 767px) {
  .navbar-header {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      width: 100%;
  }

  .site-heading.navbar-brand {
      flex: 0 0 100%;
      width: 100%;
      margin: 0;
  }

  .mobile-cart.visible-xs,
  .mobile-account.visible-xs,
  .mobile-search.visible-xs,
  .open-panel.visible-xs {
      display: flex !important;
      align-items: center;
  }

  .mobile-cart.visible-xs,
  .mobile-account.visible-xs,
  .mobile-search.visible-xs {
      order: 2;
  }

  .mobile-search.visible-xs {
      order: 2;
      transform: translateX(10px);
  }

  .mobile-account.visible-xs {
      order: 3;
      transform: translateX(10px);
  }

  .mobile-cart.visible-xs {
      order: 4;
      transform: translateX(10px);
  }

  .open-panel.visible-xs {
      order: 5;
      margin-left: auto;
      padding: 12px 0 12px 16px;
      line-height: 1;
      transform: translateX(16px);
  }

  .mobile-cart .header-cart,
  .mobile-account .header-my-account,
  .mobile-search .header-search {
      float: none;
      margin: 0 !important;
      padding: 12px 8px !important;
      top: auto;
      left: auto;
  }

  .mobile-search .header-search {
      position: relative;
      display: block;
      line-height: initial;
  }
  .header-search a {
      color: #000000;
      font-size: 22px;
      line-height: 22px;
      position: relative;
  }
}

#content-footer-section {
  padding-top: 28px;
}

@media (max-width: 991px) {
  body #content-footer-section {
      padding-top: 8px !important;
      padding-bottom: 0 !important;
  }

  body #content-footer-section > .container {
      gap: 14px !important;
  }

  body #content-footer-section .container > .widget {
      margin-bottom: 0 !important;
  }

  body #content-footer-section .container > .widget h3,
  body #content-footer-section .container > .widget .nlfw-title {
      margin-bottom: 10px !important;
  }

  body #content-footer-section .container > .widget ul {
      margin-bottom: 0 !important;
  }

  body .footer-credits-text {
      padding: 8px 0 !important;
  }
}

@media (min-width: 992px) {
  #content-footer-section .container > .widget {
      margin-top: 0;
      padding-top: 0;
  }

  #content-footer-section .container > .widget.col-md-3 {
      width: 30% !important;
  }

  #content-footer-section .container > .widget.col-md-3:first-child {
      width: 40% !important;
  }

  #content-footer-section .container > .widget h3,
  #content-footer-section .container > .widget .nlfw-title {
      margin-top: 0 !important;
  }
}

@media (max-width: 768px) {
  .woocommerce-page.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive {
      border: 0;
  }

  .woocommerce-page.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody tr.cart_item {
      display: grid !important;
      grid-template-columns: 96px minmax(0, 1fr);
      grid-template-areas:
          "remove remove"
          "thumb name"
          "thumb price"
          "thumb quantity"
          "subtotal subtotal";
      margin-bottom: 18px;
      border: 1px solid #e3e3e3;
      background: #fff;
  }

  .woocommerce-page.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody tr.cart_item td {
      display: flex !important;
      align-items: flex-start;
      justify-content: space-between;
      gap: 12px;
      padding: 14px 12px !important;
      border-top: 1px solid #ececec;
      text-align: left !important;
      min-height: 58px;
  }

  .woocommerce-page.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody tr.cart_item td::before {
      float: none !important;
      flex: 0 0 92px;
      margin: 0;
      padding: 0;
      text-align: left;
  }

  .woocommerce-page.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody tr.cart_item td.product-remove {
      grid-area: remove;
      justify-content: flex-start;
      min-height: 0;
      padding: 10px 12px !important;
      border-top: 0;
    }

  .woocommerce-page.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody tr.cart_item td.product-remove::before {
      display: none;
  }

  .woocommerce-page.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody tr.cart_item td.product-thumbnail {
      grid-area: thumb;
      display: block !important;
      padding: 14px 12px !important;
      border-right: 1px solid #ececec;
      text-align: center !important;
  }

  .woocommerce-page.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody tr.cart_item td.product-thumbnail::before {
      display: none;
  }

  .woocommerce-page.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody tr.cart_item td.product-thumbnail img {
      width: 72px;
      max-width: 100%;
      height: auto;
      margin: 0 auto;
  }

  .woocommerce-page.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody tr.cart_item td.product-name {
      grid-area: name;
      border-top: 1px solid #ececec;
      align-items: flex-start;
  }

  .woocommerce-page.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody tr.cart_item td.product-price {
      grid-area: price;
  }

  .woocommerce-page.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody tr.cart_item td.product-quantity {
      grid-area: quantity;
      align-items: center;
  }

  .woocommerce-page.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody tr.cart_item td.product-subtotal {
      grid-area: subtotal;
  }

  .woocommerce-page.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody tr.cart_item td.product-name a,
  .woocommerce-page.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody tr.cart_item td.product-price .woocommerce-Price-amount,
  .woocommerce-page.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody tr.cart_item td.product-subtotal .woocommerce-Price-amount {
      margin-left: auto;
      text-align: right;
  }

  .woocommerce-page.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody tr.cart_item td.product-quantity .quantity {
      margin-left: auto !important;
  }

  .woocommerce-page.woocommerce-cart .woocommerce-cart-form table.shop_table_responsive tbody tr.cart_item td.product-remove a.remove {
      line-height: 1;
  }
}