/*
 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;
}
.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 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) {
  .mobile-search .header-search {
      position: relative;
      float: right;
      display: block;
      top: 0;
      left: auto;
      margin-top: 0;
      padding: 15px 5px;
      margin-right: 0;
      line-height: initial;
  }
  .header-search a {
      color: #000000;
      font-size: 22px;
      line-height: 22px;
      position: relative;
  }
}