/*
Theme Name: Acima
Theme URI: https://acimacredit.com
Author: Canvas
Author URI: https://canvascreative.co
Description: Theme for Acima
Version: 1.0
*/

/*

*** BUILD TOOL
Gulp - http://gulpjs.com/ is used to automate builds for all HTML, CSS, and Javascript.
See package.json for list of dependencies

*** CSS
CSS is compiled using Sass - http://sass-lang.com/ with Bourbon & Bourbon Neat plugins.
All Sass files are found in /wp-content/themes/acima/sass and compile to /css

*** JS
Adobe Typekit and jQuery are included from CDN’s and the site also uses two other JavaScript files.
The first compiles all minified plugin files in /wp-content/themes/acima/js/plugins to plugins.min.js, and the second compiles all files in /wp-content/themes/acima/js/build to deploy.js

*** JS PLUGINS
GreenSock - http://greensock.com/gsap - jQuery & CSS animations throughout the site

*/

/* .bh-sl-container {
  min-height: 100vh !important;
} */
/* 
.blockBox {
  width: 100%;
  height: 95px;
} */
/* 
------------------------
.blockBox {
  display: none;
}
.wrap {
  background-image: url(/wp-content/themes/acima/images/triangle-overlay.png);
  background-position: 50% 0%;
  background-color: #00a9d9;
}

#header {
  height: 100px !important;
  background: none !important;
}

#content {
  min-height: auto !important;
}
.bh-sl-container .bh-sl-form-container {
  margin-top: 0;
  background: transparent;
  z-index: 999;
  background-image: url(/wp-content/themes/acima/images/triangle-overlay.png);
  background-position: 50% 0%;
  background-color: #00a9d9;
  position: unset !important;
} */

body.search-loading .loaderBox {
    position: absolute;
    top: 7px;
    width: 20px !important;
    background-color: transparent;
    padding: 0;
    box-shadow: none;
    height: 20px !important;
    background-position: center center;
    background-size: 100%;
    left: 220px; 
	right:auto;
}

.header-top{background:#021b1f;padding:15px 30px;text-align:center;position:relative}
.header-top .close-btn{position:absolute;right:20px;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.header-top .close-btn a{font-size:16px;color:#fff;}
.header-top .close-btn a:hover{color:#d58f3b;}
.header-top p{font-size:16px;line-height:1.2;margin:0;padding:0;color:#fff}
.header-top p a{color:#d58f3b;}
.header-top p a:hover{text-decoration:underline}
#header #acima-logo{top:auto !important}


.bh-sl-container .bh-sl-filters-container .bh-sl-filters li label .fa-caret-square-o-down{background-size: 15px;background-repeat: no-repeat;margin-right:2px;background-position:center}

/*New progressbar*/
.progressbar { display: inline-block; width: 160px; margin: 5px;-webkit-transition: initial !important;
  -o-transition: initial !important;
  transition: initial !important;}
.progressbar .circle { width: 100%; margin: 1em auto !important; margin-top: 10px; display: inline-block; position: relative; text-align: center; transform: rotateY(180deg); -webkit-transform: rotateY(180deg);-webkit-transition: initial !important;
  -o-transition: initial !important;
  transition: initial !important;}
.progressbar .circle canvas { vertical-align: middle;-webkit-transition: initial !important;
  -o-transition: initial !important;
  transition: initial !important;}
.progressbar .circle div { position: absolute; top: 30px; left: 0; width: 100%; text-align: center; line-height: 40px; font-size: 0px;-webkit-transition: initial !important;
  -o-transition: initial !important;
  transition: initial !important; }
.progressbar .circle strong {  transform: rotateY(180deg); -webkit-transform: rotateY(180deg); width: 110px; height: 110px; display: inline-block; border-radius: 50%; box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.2); position: absolute; left: 0; right: 0; margin: 0 auto; top: 98px; line-height: 100px; color: #36bce1; background: #fff; font-family: "sofia-pro", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 60px; }  



/*New progressbar*/



@media (max-width:991px) {
#bh-sl-address{width:200px;}
.page-template-find_store header#header #main-nav.show {
    top: 0 !important;
	background-color: rgba(0, 169, 217, 0.8);
}
.page-template-find_store header#header #main-nav.show li a {
    color: #fff;
}



}

@media (max-width:767px) {
.scrollable .viewport .overview{position:static;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}
.bh-sl-container .bh-sl-filters-container .bh-sl-filters .moreCategories li label{align-items:inherit;text-align:center}
.bh-sl-container .bh-sl-filters-container .bh-sl-filters .moreCategories li label span{margin:0 auto}
body.search-loading .loaderBox{left: auto;right: 25px;}
#bh-sl-address{width:100%;}
.header-top p{font-size:14px;}
}

@media (max-width:920px) {
#header #main-nav{top:100% !important;}
.mob-toggle{top:auto !important;margin-top:15px !important}
}
@media (max-width:480px) {
.progressbar .circle strong {top: 62px;}
.single-acima-merchants .circle:after {height: 32px !important;}
    .single-acima-merchants .circle {margin: 0;}
}