/*
Theme Name: Ultimate Auction Pro Vehicle Software
Theme URI: https://getultimateauction.com/
Author: Nitesh Singh
Theme URI: https://getultimateauction.com/
Author URI: https://getultimateauction.com/
Version: 1.0.2
Description:  Ultimate Auction Pro Vehicle Software
Template: ultimate-auction-pro-software
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: ultimate-auction-pro-software
*/
 
/* Add Custom CSS HERE */

/*Header style start*/
.site-header {padding: 10px 0;}
.site-header .header-container{ display: flex; flex-wrap: wrap;}
.Second-header-main-menu{ display: flex; flex-wrap: wrap; align-items: center;}
.site-logo{ width: 100px;} 
.site-logo, .Search-bar-block, .right-side-menu, .my-acc-btn{ padding: 0;}
.site-header .wpml-ls-legacy-dropdown{ width: 95px; margin-left: 15px;}
.menu-language{ display: flex; align-items: center;}
.site-header .wpml-ls-legacy-dropdown ul li a{ padding: 0; border: 0; font-size: 14px;font-weight: 500; color: #000000; font-weight: 500; white-space: nowrap;}
.site-header .wpml-ls-legacy-dropdown > ul > li > a{ padding-right: 15px;}
.site-header .wpml-ls-legacy-dropdown > ul > li > a::after, .site-header .wpml-ls-legacy-dropdown > ul > li > a::before{ content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 8px; height: 2px; border: 0; background: #000000}
.site-header .wpml-ls-legacy-dropdown > ul > li > a::after{ transform: rotate(90deg);}
.site-header .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu{ padding: 5px 0;}
.site-header .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu li a{ padding: 5px 0;}
.site-header .wpml-ls-legacy-dropdown ul li a:hover{ background: none;}
.site-header #auctionmenu > ul > li > a{ line-height: normal; font-size: 14px;} 
.site-header .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover{ background: none;}
.site-header .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{ border: 0;}
.site-header .Search-bar-block{ margin: 0;}
.Search-bar-block input[type="text"]{ border-radius: 4px;}
.site-header .Search-bar-block button[type="submit"]{width: 20px; padding: 0; margin: auto; top: 0; bottom: 0; left: 10px; right: auto; }
.sign-in-cover .wpml-ls-legacy-dropdown{ display: none;}
iframe { max-width: 100%; aspect-ratio: 16 / 9; height: auto; }
body div.sharedaddy div.sd-block{ border: 0; padding: 0; margin: 0;}
body div.sharedaddy .sd-content{ margin-top: 0;}
body div.sharedaddy .sd-content ul li{ margin: 0;}
.place-bid-sec .two-attr-block input[type="number"]{ width: 130px; height: 41px;border-radius: 4px; border: 1px solid;}
.place-bid-sec .two-attr-block .bid_directly_btn{ font-size: 14px;}
body.single-product .product-details-area .sharedaddy.sd-sharing-enabled { top: 2%;}
@media (max-width: 1200px) {
  .site-logo{ width: 70px;}
  .right-side-menu ul li, #auctionmenu > ul > li{ padding: 0 6px;}
  .site-header #auctionmenu > ul > li > a, .site-header .wpml-ls-legacy-dropdown ul li a{ font-size: 14px!important;}
  .my-acc-btn .sign-btn{ font-size: 14px; padding: 7px 10px;}
  .logged-in .my-acc-btn{        right: 0;margin: 0;}
  .my-acc-btn .wrap-drop.h-myaccountwrap span svg{ margin: 0; width: 17px;}
  .logged-in .my-acc-btn .wrap-drop.h-myaccountwrap .username{ font-size: 14px; width: 75px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
}
@media (max-width: 1023px) {
  .Second-header-main-menu .wpml-ls-legacy-dropdown{ display: none;}
  .sign-in-cover {display: flex;align-items: center;}
  .sign-in-cover .wpml-ls-legacy-dropdown{ display: block;}
  .Second-header-main-menu.top-menu-rightside{ order: 0;}
  .site-logo{ width: 60px;}
  .site-header .wpml-ls-legacy-dropdown{ margin-left: 0; margin-right: 15px;}
  .site-header .Search-bar-block{    flex: auto;max-width: 100%; width: 100%; margin-top: 15px;}
  .site-logo{ order: 0;}
  .site-header{ padding: 15px 0;}
  .bar-button{ height: 16px; width: 25px; top: auto; bottom: auto; left: auto; right: auto;}
  .bar-button:before{ top: 0; width: 100%;}
  .bar-button:after{ top: 7px; height: 4px; width: 100%;}
  .my-acc-btn{order: unset; width: auto; margin-right: 15px;}
  .my-acc-btn .sign-btn{ display: inline-block; padding: 6px 10px; font-size: 14px;}
  .site-header #auctionmenu > ul > li > a, .site-header .wpml-ls-legacy-dropdown ul li a{ padding: 11px 0px;}
  .bar-button.menu-opened:before, .bar-button.menu-opened:after{ top: 6px;}
  .site-header .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu li a{ padding: 0;}
  body.single-product .product-details-area .sharedaddy.sd-sharing-enabled { top: 0.5%;}
}
/*Header style end*/
	
.blog__section {
  width: 100%;
  padding: 50px 0px;
}

@media (min-width: 768px) {
  .blog__section {
    padding: 70px 0px;
  }
}

.blog__section .load-more-btn {
  margin: 2.5rem 0 0;
}

.blog__filter {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (min-width: 1024px) {
  .blog__filter {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.blog__filter ul {
  width: 100%;
  padding: 0;
  margin: 0;
  text-align: center;
}

@media (min-width: 1024px) {
  .blog__filter ul {
    width: 60%;
    text-align: left;
  }
}

.blog__filter ul li {
  font-size: 1rem;
  color: #636363;
  display: inline-block;
  padding: 0.375rem 1rem 0.4375rem;
  border-radius: 3.125rem;
  background-color: #f5f5f5;
  margin: 0 0.625rem 0.625rem 0;
  cursor: pointer;
}

@media (min-width: 768px) {
  .blog__filter ul li {
    background-color: transparent;
    font-size: 1.125rem;
    padding: 0.375rem 1.25rem 0.4375rem;
  }
}

@media (min-width: 1024px) {
  .blog__filter ul li {
    margin: 0 0.1875rem 0.375rem 0;
  }
}

.blog__filter ul li:last-child {
  margin: 0;
}

.blog__filter ul li.active, .blog__filter ul li.selected, .blog__filter ul li:hover {
  background: #4f49cf;
  background: -webkit-gradient(linear, right top, left top, from(#4f49cf), to(#0a074b));
  background: linear-gradient(135deg, #ff4e6f 0%, #fb9168 100%);
  color: #ffffff;
}
.blog__search .btn {
    background: linear-gradient(135deg, #ff4e6f 0%, #fb9168 100%);
    color: #fff;
    display: inline-block;
    padding: 5px 37.5px;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 28px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    font-weight: 700;
    border: 2px solid #fe666d;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25), 0 4px 4px rgba(0, 0, 0, .25);
}
.blog__search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 26.8125rem;
  margin-top: 1.875rem;
  position: relative;
}

@media (min-width: 640px) {
  .blog__search {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media (min-width: 1024px) {
  .blog__search {
    margin: 0;
  }
}

.blog__search input[type="text"], .blog__search input[type="search"] {
  width: 100%;
  border-color: #8C8F94;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  border: 0;
  border-radius: 0.5rem;
}

@media (min-width: 640px) {
  .blog__search input[type="text"], .blog__search input[type="search"] {
    width: 18.75rem;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    border: 0;
    border-radius: 0.5rem;
  }
}

.blog__search .btn {
  min-width: unset;
  padding: 0.9375rem 1.875rem;
  border-radius: 0.5625rem;
  margin: 0.9375rem 0 0;
  width: 8rem;
  box-shadow: none !important;
  font-size: 16px;
  padding: 10px 5px;
}

@media (min-width: 640px) {
  .blog__search .btn {
    margin: 0;
  }
}

.blog__search #clear-button {
  font-size: 0.875rem;
  padding: 1.6875rem 0.9375rem 0px 0.9375rem;
}

@media (min-width: 640px) {
  .blog__search #clear-button {
    position: absolute;
    right: -2.8125rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0;
  }
}

.blog__list {
  width: 100%;
  padding: 4.375rem 0 0;
}

.blog__list .row {
  margin: 0 -1.25rem;
}

.blog__list .row > div {
  padding: 0 1.25rem 2.5rem;
}

.blog__box {
  width: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.1);
  border-radius: 0.3125rem;
  overflow: hidden;
  height: 100%;
}

.blog__img {
  width: 100%;
  overflow: hidden;
  height: 13.125rem;
  position: relative;
}

@media (min-width: 640px) {
  .blog__img {
    height: 15.3125rem;
  }
}

.blog__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.blog__img .upload-time {
  display: inline-block;
  background: rgba(0, 0, 0, 0.8);
  color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.3125rem 0.625rem;
  font-size: 0.875rem;
}

.blog__content {
  background-color: #ffffff;
  padding: 1.375rem 1.25rem 2.5rem;
  position: relative;
}

.blog__content h2 {
  font-size: 1.25rem;
  margin: 0 0 0.6875rem;
}

.blog__content h2 a {
  color: #000000;
}

.blog__content h2 a:hover {
  color: #1E158C;
}

.blog__content .btn-with-arrow {
  position: absolute;
  bottom: 0.9375rem;
  left: 1.25rem;
}

.blog__info {
  font-size: 0.875rem;
  margin: 0 0 1.3125rem;
  line-height: 1.5em;
}

.blog__info span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.blog__info a {
  color: #1E158C;
  display: inline-block;
  padding: 0 0.3125rem 0 0;
  margin: 0 0.3125rem 0 0;
  line-height: 1;
  border-right: 1px solid #636363;
}

.blog__section .col-4 {
  width: 100%;
}

@media (min-width: 768px) {
  .blog__section .col-4 {
    width: 50%;
  }
}

@media (min-width: 1024px) {
  .blog__section .col-4 {
    width: 33.33%;
  }
}
@media only screen and (max-width: 479px) {
  body .single_top_btn{ padding-top: 20px;}
}