/**
 * Banner Manager for WooCommerce — frontend styles.
 *
 * Class names intentionally match the legacy banner plugin so any theme-level
 * banner CSS customizations keep working.
 */

.wbm_banner_random_image ul{margin:0;padding:0;}
.wbm_banner_random_image .bx-wrapper img{width:100%}
.wbm_banner_random_image .bx-wrapper{visibility:hidden;margin:0 auto 10px}
.wbm_banner_random_image .bx-wrapper .bx-viewport{box-shadow:none!important;border:none!important;padding:0!important;background:none!important;left:0!important}
.wbm_banner_random_image li{margin-left:0}
.wbm_banner_random_image{display:inline-block;width:100%;max-width:100%!important;margin-bottom:35px}
.wbm_banner_image img{width:100%}
.wbm_banner_random_image img{width:100%}
.wbm_banner_random_image .thankyou-bxslider li{list-style:none}
.woocommerce-order-received .wbm_banner_random_image{display:inline-block}

/* Banner size classes */
.wbm_banner_image{position:relative;display:block}
.small_banner{width:25%;margin:0 auto}
.medium_banner{width:50%;margin:0 auto}
.large_banner{width:75%;margin:0 auto}
.actual_banner{width:100%;margin:0 auto}
.container_banner{width:1080px;margin:0 auto;max-width:100%}

/* Title overlay */
.banner_default_title_row{position:absolute;top:25%;text-align:center;width:100%}
h2.banner_default_title{font-size:52px}
.large_banner .banner_default_title_row{top:10%}

/* Description + call-to-action button overlay */
.banner_button_container{position:absolute;top:65%;width:80%;left:10%;text-align:center}
.banner_button_container.no_main_title{top:40%}
.banner_button_desciption{padding:0;margin-bottom:15px;text-align:center;max-height:60px;overflow:hidden;overflow-y:auto}
a.button_link{padding:10px 16px;border-radius:4px}
.banner_button_container a.button_link:hover{background:#e5e5e5;box-shadow:inset 0 0 5px #000;outline:none}

.wbm_banner_image.global_banner_product{width:100%}

/* Product / category sliders */
.wbm-product-bxslider,.wbm-product-bxslider ul{display:inline-block!important}
.wbm-product-bxslider ul.products li.product,.wbm-product-bxslider ul.products li.product.first{clear:none!important;padding:0!important}
.wbm-product-bxslider ul.products li.product.last{margin-right:30px!important}
.wbm-product-bxslider ul.products li .add_to_cart_button{display:inline-block}
.wbm_banner_random_image .wbm-category-slider li{text-align:center}
.wbm_banner_random_image .wbm-category-slider .term-img{margin:0 0 15px}

/* Responsive banner overlays */
@media only screen and (max-width:1450px){
  .small_banner .banner_button_container{display:none}
  .small_banner .banner_default_title_row{top:15%}
  .small_banner .banner_default_title_row h2.banner_default_title{font-size:42px!important}
}
@media only screen and (min-width:1181px){
  .medium_banner .banner_button_container{display:none}
  .medium_banner .banner_default_title_row{top:10%}
  .medium_banner .banner_default_title_row h2.banner_default_title{font-size:60px!important}
  .medium_banner .banner_button_container{top:55%}
  .medium_banner .banner_button_container .banner_button_desciption{margin-bottom:10px}
  .large_banner .banner_button_container{top:55%}
  .large_banner .banner_default_title_row h2.banner_default_title{font-size:52px!important}
}
@media only screen and (min-width:768px) and (max-width:1180px){
  .actual_banner .banner_default_title_row{top:20%}
  .actual_banner .banner_default_title_row h2.banner_default_title{font-size:58px!important}
  .actual_banner .banner_button_container{top:55%}
  .large_banner .banner_default_title_row{top:12%}
  .large_banner .banner_default_title_row h2.banner_default_title{font-size:58px!important}
  .large_banner .banner_button_container{top:35%}
  .large_banner .banner_button_container .banner_button_desciption{margin-bottom:15px}
  .medium_banner .banner_default_title_row{top:6%}
  .medium_banner .banner_default_title_row h2.banner_default_title{font-size:44px!important}
  .medium_banner .banner_button_container{top:50%}
  .medium_banner .banner_button_container .banner_button_desciption{margin-bottom:4px;font-size:14px}
  .medium_banner .banner_button_container a.button_link{padding:5px 8px;font-size:12px}
  .small_banner .banner_default_title_row h2.banner_default_title{font-size:32px!important}
}
@media only screen and (max-width:767px){
  .actual_banner .banner_default_title_row{top:10%}
  .actual_banner .banner_button_container{top:50%}
  .actual_banner .banner_default_title_row h2.banner_default_title{font-size:32px!important}
  .actual_banner .banner_button_desciption{margin-bottom:10px;font-size:11px}
  .actual_banner .banner_button_container a.button_link{padding:5px 8px;font-size:14px}
  .large_banner .banner_default_title_row{top:10%}
  .large_banner .banner_button_container{top:50%}
  .large_banner .banner_default_title_row h2.banner_default_title{font-size:32px!important}
  .large_banner .banner_button_container .banner_button_desciption{margin-bottom:0;font-size:11px}
  .large_banner .banner_button_container a.button_link{padding:5px 8px;font-size:12px}
  .medium_banner .banner_default_title_row{top:15%}
  .medium_banner .banner_default_title_row h2.banner_default_title{font-size:32px!important}
  .medium_banner .banner_button_container{display:none}
  .small_banner .banner_default_title_row h2.banner_default_title{font-size:14px!important}
}
