/*
Theme Name: Unos Store Bell Premium
Template: unos-premium
Version: 1.0.13
Text Domain: unos-store-bell-premium
Author: wpHoot
Author URI: https://wphoot.com/
Theme URI: https://wphoot.com/themes/unos-store-bell/
Requires at least: 5.4
Tested up to: 6.6
Requires PHP: 7.4
Description: Store Bell is woocommerce store theme designed for ecommerce shops online. With HootKit plugin, Store Bell adds multiple woocommerce widgets and other ecommerce features like floating shopping bag, quick view, background banner ad etc. Unos Store Bell is compatible with various woocommerce plugins out of the box. It is translation and multi-lingual ready with SEO optimized code which works with all popular plugins like Jetpack, Yoast SEO, Contact Form 7, Page Builder etc. Theme support is available at https://wphoot.com/support/ You can also check out the theme instructions at https://wphoot.com/support/unos-store-bell/ and demo at https://demo.wphoot.com/unos-store-bell/ for a closer look.
Tags: grid-layout, one-column, two-columns, three-columns, left-sidebar, right-sidebar, block-styles, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, microformats, sticky-post, theme-options, threaded-comments, translation-ready, wide-blocks, e-commerce, entertainment, news
License: GNU General Public License 3.0
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html

All files, unless otherwise stated, are released under the GNU General Public
License version 3.0 (https://www.gnu.org/licenses/gpl-3.0.en.html)
This theme, like WordPress, is licensed under the GPL.
*/
/**
 * -----------------------------------------------------------------------------------------------
 * PLEASE DO NOT MODIFY THIS FILE DIRECTLY UNLESS YOU KNOW WHAT YOU ARE DOING
 * 
 ** 'Additional Custom CSS' / 'Custom CSS' section in Customize Screen
 *  - This is the preferred location for small css snippets
 *  - These CSS rules are given highest priority
 *  - Your customizations remains unaffected by Theme updates (IMPORTANT!)
 * -----------------------------------------------------------------------------------------------
 */
/************* Headings *************/
h1,
h2,
h3,
h4,
h5,
h6,
.title {
  font-weight: 500;
  color: #333333;
  line-height: 1.4em;
}
.titlefont {
  font-weight: 500;
}
#topbar {
  overflow: inherit;
}
/**
 * Header (Topbar, Header, Main Nav Menu)
 * ========================================================
 */
/************* Topbar *************/
#topbar {
  border-bottom: solid 1px rgba(0, 0, 0, 0.09);
}
#topbar .widget_nav_menu {
  margin: 5px 1em;
}
/************* Header Layout *************/
#header {
  border-bottom: solid 1px rgba(0, 0, 0, 0.28);
}
#header-primary,
#header-supplementary,
.below-header {
  border-bottom: none;
}
#header-supplementary.with-menubg {
  border-bottom: solid 1px rgba(0, 0, 0, 0.28);
}
@media only screen and (max-width: 969px) {
  #header-aside {
    padding: 0;
    border-top: none;
  }
}
/************* Logo *************/
/* Text Logo */
#site-title {
  color: #555555;
  font-weight: 400;
}
#site-description {
  margin: 0;
}
/*** Responsive Logo ***/
@media only screen and (max-width: 969px) {
  #page-wrapper #site-description {
    margin: 0 7px;
  }
}
/************* Nav Menus *************/
.nav-menu {
  position: relative;
  bottom: -1px;
}
.menu-items {
  /* Current & Hover */
  /* Title & Description */
}
.menu-items > li > a {
  color: #333333;
  font-weight: 500;
  font-size: 1em;
  line-height: 1.2142em;
}
.menu-items li {
  position: relative;
}
.menu-items > li.current-menu-item:not(.nohighlight):after,
.menu-items > li.current-menu-ancestor:after,
.menu-items > li:hover:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  border-bottom: solid 3px #ee559d;
}
@media only screen and (max-width: 969px) {
  .mobilemenu-inline .menu-items {
    border-bottom: solid 1px rgba(0, 0, 0, 0.28);
  }
  .menu-items > li.current-menu-item:not(.nohighlight),
  .menu-items > li.current-menu-ancestor,
  .menu-items > li:hover {
    background: rgba(0, 0, 0, 0.03);
  }
  .menu-items > li.current-menu-item:not(.nohighlight):after,
  .menu-items > li.current-menu-ancestor:after,
  .menu-items > li:hover:after {
    bottom: 0;
    top: 0;
    left: 0;
    right: auto;
    display: block;
    border-left: solid 3px #ee559d;
  }
}
@media only screen and (min-width: 970px) {
  .header-supplementary-center .menu-items > li > a {
    text-align: center;
  }
  .header-supplementary-center .nav-menu .sf-menu.sf-arrows > li > a.sf-with-ul {
    padding-right: 15px;
    padding-left: 15px;
  }
  .header-supplementary-center .sf-menu.sf-arrows .sf-with-ul .menu-title:after {
    position: relative;
    right: -5px;
    margin: 0;
    top: 0;
  }
  .header-supplementary-center .sf-menu.sf-arrows ul .sf-with-ul .menu-title:after {
    position: absolute;
    top: 50%;
    right: -2px;
    margin-top: -0.5em;
  }
}
/************* Menu Side Header *************/
.menu-side-box {
  color: #333333;
}
@media only screen and (max-width: 969px) {
  .menu-side-box {
    border-top: none;
  }
}
/************* Aside Header *************/
/************* Below Header *************/
.below-header {
  padding: 0;
  position: relative;
}
.below-header:before {
  content: "\00a0";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.03);
}
.below-header:after {
  content: "\00a0";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 8px;
  -webkit-box-shadow: inset 0px -3px 3px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0px -3px 3px 0px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0px -3px 3px 0px rgba(0, 0, 0, 0.05);
}
/************* Page Template - Landing *************/
.page-template-landing #main.main {
  padding-bottom: 0;
}
.page-template-landing #page-wrapper .main-content-grid {
  margin-top: 0;
}
.page-template-landing .entry-content {
  border-bottom: none;
}
.page-template-landing .entry-the-content {
  margin: 2.85714286em 0;
}
/************* Loop Meta *************/
.entry-featured-img-headerwrap {
  height: 400px;
}
.content .loop-meta-wrap.pageheader-bg-incontent,
.content .loop-meta-wrap.pageheader-bg-both {
  border: solid 1px rgba(0, 0, 0, 0.03);
}
/************* Entry Meta Byline (Singular Post Page) *************/
.entry-byline {
  opacity: 1;
  filter: alpha(opacity=100);
}
/************* <main> #content *************/
.main > .main-content-grid:first-child {
  margin-top: 25px;
  /*@widgetMargin/2*/
}
/************* Single Post (Single Post Page) *************/
.entry-the-content {
  font-size: 1.07142857em;
  line-height: 1.71428571em;
}
.more-link {
  font-weight: 500;
}
.entry-grid .more-link {
  font-size: 0.85714286em;
  line-height: 1.333333em;
  opacity: 1;
  filter: alpha(opacity=100);
  font-weight: 500;
}
.archive-mosaic .more-link a {
  font-size: inherit;
  line-height: inherit;
}
.content-frontpage > .frontpage-area-boxed:first-child {
  margin-top: 25px;
  /*@widgetMargin/2*/
}
.frontpage-widgetarea.frontpage-area-boxed:first-child .hootkitslider-widget {
  margin: 0;
}
/*Overwrite parent css since we are now reducing first boxed area margin-top*/
/************* Sidebars *************/
/**
 * Theme and WordPress Plugins
 * ========================================================
 */
/************* Woocommerce *************/
.woocommerce ul.products li.product .price {
  font-size: 1em;
}
.woocommerce div.product .woocommerce-tabs .panel {
  border-bottom: none;
}
.woo-single-product-upsell-heading,
.woo-single-product-related-heading,
.woo-cart-totals-heading,
.woo-cart-cross-sells {
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.woo-single-product-upsell-heading:before,
.woo-single-product-related-heading:before,
.woo-cart-totals-heading:before,
.woo-cart-cross-sells:before,
.woo-single-product-upsell-heading:after,
.woo-single-product-related-heading:after,
.woo-cart-totals-heading:after,
.woo-cart-cross-sells:after {
  opacity: 0.33;
  filter: alpha(opacity=33);
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  border-bottom: solid 1px;
}
.woo-single-product-upsell-heading:before,
.woo-single-product-related-heading:before,
.woo-cart-totals-heading:before,
.woo-cart-cross-sells:before {
  margin-right: 8px;
}
.woo-single-product-upsell-heading:after,
.woo-single-product-related-heading:after,
.woo-cart-totals-heading:after,
.woo-cart-cross-sells:after {
  margin-left: 8px;
}
.woo-single-product-upsell-heading span,
.woo-single-product-related-heading span,
.woo-cart-totals-heading span,
.woo-cart-cross-sells span {
  flex-shrink: 0;
  max-width: 80%;
  text-align: inherit;
}
.woo-cart-totals-heading:before,
.woo-cart-cross-sells:before {
  display: none;
}
/************* Newsletter *************/
/*** Newsletter ***/
.widget_newsletterwidget,
.widget_newsletterwidgetminimal {
  background: #ee559d;
  color: #ffffff;
}
.widget_newsletterwidget .widget-title,
.widget_newsletterwidgetminimal .widget-title {
  color: inherit;
  font-family: inherit;
  font-style: normal;
  border: none;
  padding: 0;
  margin-bottom: 5px;
}
.widget_newsletterwidget label,
.widget_newsletterwidgetminimal label {
  font-weight: normal;
  margin: 0 0 3px 2px;
}
.widget_newsletterwidget input.tnp-submit[type=submit],
.widget_newsletterwidgetminimal input.tnp-submit[type=submit] {
  border: 1px solid;
}
.widget_newsletterwidget input.tnp-submit[type=submit]:hover,
.widget_newsletterwidgetminimal input.tnp-submit[type=submit]:hover {
  color: inherit;
  background: rgba(0, 0, 0, 0.2);
}
.widget_newsletterwidget input[type=text],
.widget_newsletterwidgetminimal input[type=text],
.widget_newsletterwidget input[type=email],
.widget_newsletterwidgetminimal input[type=email],
.widget_newsletterwidget select,
.widget_newsletterwidgetminimal select,
.widget_newsletterwidget input[type=text]:focus,
.widget_newsletterwidgetminimal input[type=text]:focus,
.widget_newsletterwidget input[type=email]:focus,
.widget_newsletterwidgetminimal input[type=email]:focus,
.widget_newsletterwidget select:focus,
.widget_newsletterwidgetminimal select:focus {
  background: rgba(0, 0, 0, 0.1);
  border: solid 1px rgba(255, 255, 255, 0.15);
  color: inherit;
}
.tnp-widget-minimal input.tnp-submit {
  border: 1px solid;
  border-color: inherit;
}
/**
 * Footer
 * ========================================================
 */
/************* Sub Footer *************/
.sub-footer {
  border-top: solid 1px rgba(0, 0, 0, 0.14);
}
/************* Footer *************/
.footer {
  background: rgba(0, 0, 0, 0.03);
}
/************* Post Footer *************/
.post-footer {
  background: rgba(0, 0, 0, 0.03);
  padding: 0;
  border-top: none;
}
.post-footer .credit {
  border-top: solid 1px;
  display: inline-block;
  min-width: 70%;
  margin: 0;
  padding: 1.5em 0;
}
/************* Sticky Header *************/
@media only screen and (min-width: 970px) {
  #header.stuck {
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
  }
}
/************* Typography *************/
/** Subtitles: Color, LineHeight, Size **/
/* Font declarations: color, size, line-height  <<same for entry byline>>
 * Family, transform and style are consistent throughout and controlled using user option
 */
.hoot-subtitle,
.entry-byline,
.hk-gridunit-subtitle .entry-byline,
.hk-listunit-subtitle .entry-byline,
.content-block-subtitle .entry-byline {
  color: #838383;
  font-size: 14px;
  line-height: 1.3333em;
}
div.loop-meta-withbg .entry-byline {
  color: inherit;
}
div.hk-gridunit-subtitle .entry-byline {
  color: inherit;
}
.content-block-style5 .hoot-subtitle,
.content-block-style6 .hoot-subtitle,
.content-block-style5 .entry-byline,
.content-block-style6 .entry-byline {
  color: inherit;
}
.notice-content .hoot-subtitle {
  color: inherit;
}
/* Subtitles Links */
.hoot-subtitle a {
  color: inherit;
}
.hoot-subtitle a:hover {
  color: inherit;
  text-decoration: underline;
}
/** Widget Titles & Subtitles **/
.widget .viewall-bottom {
  margin-top: 1em;
}
.viewall a {
  border: solid 1px;
}
.widget div.viewall {
  font-size: 12px;
  line-height: 16px;
}
.widget .viewall a {
  padding: 2px 0;
  width: 65px;
  display: inline-block;
  text-align: center;
}
.lightSliderVertical .lSAction > a {
  width: 25px;
  height: 22px;
}
.lightSliderVertical .lSAction > a:after {
  line-height: 22px;
}
.widget-title-wrap.hastitle + .widget-subtitle {
  margin-top: -15px;
}
.widget-title-wrap + .widget-subtitle {
  margin-top: -37px;
}
.widget-title-wrap.hasviewall + .widget-subtitle {
  margin-right: 70px;
}
.widget-title-wrap.hasnav + .widget-subtitle {
  margin-right: 56px;
}
.widget-title-wrap.hasviewall.hasnav + .widget-subtitle {
  margin-right: 126px;
}
.widget-title {
  margin-bottom: 15px;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.widget-title:before,
.widget-title:after {
  opacity: 0.33;
  filter: alpha(opacity=33);
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  border-bottom: solid 1px;
}
.widget-title:before {
  margin-right: 8px;
}
.widget-title:after {
  margin-left: 8px;
}
.widget-title span {
  flex-shrink: 0;
  max-width: 80%;
  text-align: inherit;
}
.widget-subtitle {
  text-align: left;
  margin-bottom: 15px;
}
.widget-title-wrap.hastitle + .widget-subtitle {
  text-align: center;
}
.sidebar .widget-title span {
  text-align: left;
}
.sidebar .widget-title:before {
  display: none;
  align-items: flex-start;
}
.sidebar .widget-subtitle.hoot-subtitle {
  text-align: left;
}
.sidebar .widget-title,
.sub-footer .widget-title,
.footer .widget-title {
  font-size: 1.42857143em;
  font-weight: 500;
  text-transform: none;
  padding: 0;
}
/** Misc Subtitles **/
.notice-content .hoot-subtitle {
  margin: 5px 0;
}
.notice-title + .hoot-subtitle {
  margin-top: -5px;
}
/** Body Font Size **/
body {
  font-size: 14px;
  line-height: 1.71428571em;
}
.huge-font {
  font-size: 2.5em;
}
.has-small-font-size,
.has-regular-font-size,
.has-normal-font-size {
  line-height: 1.71428571em;
}
blockquote small,
blockquote cite {
  line-height: 1.71428571em;
}
input[type="submit"].button-small,
#submit.button-small,
.button-small {
  font-size: 0.92857143em;
}
input[type="submit"].button-large,
#submit.button-large,
.button-large {
  font-size: 1.42857143em;
}
.cta-title-big .cta-headline {
  font-size: 2.14285714em;
}
.cta-title-huge .cta-headline {
  font-size: 2.57142857em;
}
.ticker-msg {
  font-size: 0.92857143em;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.71428571em;
}
h3 {
  font-size: 1.42857143em;
}
h4 {
  font-size: 1.28571429em;
}
h5 {
  font-size: 1.14285714em;
}
h6 {
  font-size: 1.14285714em;
}
.archive-big .entry-grid-content .entry-title {
  font-size: 1.71428571em;
}
.mixedunit-big .entry-grid-content .entry-title {
  font-size: 1.71428571em;
}
.title {
  font-size: 1.42857143em;
}
.loop-title {
  font-size: 1.42857143em;
}
.entry-grid-content .entry-title {
  font-size: 1.28571429em;
}
.content .loop-title {
  font-size: 1.28571429em;
}
.archive-mosaic .entry-title {
  font-size: 1.14285714em;
}
.content-block-title {
  font-size: 1.14285714em;
}
.hk-listunit-title {
  font-size: 1.14285714em;
}
blockquote {
  font-size: 1.14285714em;
}
.hk-list-style2 .hk-listunit-small .hk-listunit-title {
  font-size: 1.14285714em;
}
/*big, .big-font { .big-font() }
.menu-side-box { .widget-title { .big-font(); } }
.sidebar-header-sidebar { .widget-title { .big-font(); } }
.below-header { .widget-title { .big-font(); } }
.js-search { .searchform { i.fa-search { .big-font(); } } }*/
big,
.big-font,
.menu-side-box .widget-title,
.sidebar-header-sidebar.sidebar .widget-title,
.below-header .sidebar .widget-title,
.js-search .searchform i.fa-search {
  font-size: 1.42857143em;
  line-height: 1.3em;
}
/*.medium-font { .medium-font() }
#site-description { .medium-font() }
.menu-items { ul { a { .medium-font(); line-height: 1.23076em; } } } // 13px/16px
.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { .medium-font(); }
.content-block-style5, .content-block-style6 { .more-link { .medium-font(); } }
@media only screen and (min-width: @breakPointUpper) { .content-block-style5, .content-block-style6 { .content-block-text { .medium-font(); } } }
a.cta-button { .medium-font(); }*/
.medium-font,
#site-description,
.menu-items ul a,
.blocks-gallery-grid .blocks-gallery-image figcaption,
.blocks-gallery-grid .blocks-gallery-item figcaption,
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption,
.content-block-style5 .more-link,
.content-block-style6 .more-link,
a.cta-button {
  font-size: 0.92857143em;
  line-height: 1.384615em;
}
.menu-items ul a {
  line-height: 1.23076em;
}
@media only screen and (min-width: 970px) {
  .content-block-style5 .content-block-text,
  .content-block-style6 .content-block-text {
    font-size: 0.92857143em;
    line-height: 1.384615em;
  }
}
/*small, cite, .small, .small-font { .small-font() }
.wordpress figcaption { .small-font(); }
.archive-mosaic { .more-link { a { .small-font(); } } }
.more-link { .small-font(); }
.comment-meta-block, .comment-edit-link { .small-font(); }
.comment-by-author { .small-font(); }
#respond label { .small-font(); }
#topbar { .small-font(); }
div.menu-side-box { .small-font(); }
aside.sidebar-header-sidebar { .small-font(); }
.below-header { .small-font(); }
.wp-caption-text { .small-font(); }
.number-block-content > p:last-child > a:last-child { .small-font(); }
.vcard-content > p:last-child > a:last-child { .small-font(); }
.widget { .viewall { .small-font(); } }*/
small,
cite,
.small,
.small-font,
.wordpress figcaption,
.archive-mosaic .more-link a,
.more-link,
.comment-meta-block,
.comment-edit-link,
.comment-by-author,
#respond label,
#topbar,
div.menu-side-box,
aside.sidebar-header-sidebar,
.below-header,
.wp-caption-text,
.number-block-content > p:last-child > a:last-child,
.vcard-content > p:last-child > a:last-child,
.widget .viewall {
  font-size: 0.85714286em;
  line-height: 1.333333em;
}