/*
Theme Name: Summerfield Books
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
#wide-nav .flex-left {
  width: 100%;
}

/* Alerts
 ---------------------------------------------------*/
.alert.alert-success {
  padding: 15px;
  background: #739c58;
  color: #fff;
}

.alert.alert-danger {
  padding: 15px;
  color: #fff;
  margin-bottom: 15px;
}

.alert.login-response {
  margin-bottom: 15px;
}

@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container-width {
  max-width: 100%;
}

body.boxed {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

/* WooCommerce Warning message -
 * Front end, such as invalid gift card when redeeming directly from email
 ---------------------------------------------------*/
#wrapper > .message-wrapper {
  text-align: center;
}

#wrapper > .message-wrapper .message-container.success-color {
  background: #d4edda;
  padding: 10px 0px;
}

#wrapper > .message-wrapper .message-container.woocommerce-error {
  background: #fff3cd;
  padding: 10px 0px;
}

/* Checkout Message - Visible on slow checkouts
 ---------------------------------------------------*/
.woocommerce-checkout.processing::after {
  position: fixed;
  content: ' We\'re processing your order, please be patient. ';
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 100%);
  z-index: 99999;
}

/* Top Bar
 ---------------------------------------------------*/
#top-bar .account-item > a > span {
  background-color: #739c58;
  border: none;
  color: #fff;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  display: flex;
  margin: 4px 2px;
  border-radius: 16px;
}

#top-bar .account-item > a > span:before {
  display: inline-block;
  content: ' ';
  background-image: url("./assets/img/user-icon-white.png");
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  margin-right: 5px;
}

/* Fast Search Styling
 ---------------------------------------------------*/
.ep-autosuggest {
  display: none;
}

.ep-autosuggest ul {
  background: #fff;
  position: absolute;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  width: 100%;
  z-index: 200;
  color: #000;
  list-style-type: none;
}

.ep-autosuggest ul li {
  padding: 0 15px;
}

.ep-autosuggest ul li:first-of-type {
  padding-top: 15px;
}

.search-form-categories .search_categories option {
  background: #8fb079;
}

/* Header
---------------------------------------------------*/
#masthead #logo {
  margin-top: -10px;
}

#masthead .header-link {
  display: block !important;
  text-align: center;
  text-indent: 13px;
  padding: 0 !important;
}

#masthead .header-link img {
  display: block;
  max-width: 100%;
  height: 30px;
  width: auto;
}

#masthead .header-link span {
  display: block;
  line-height: 1;
}

.header-wrapper {
  background-image: url("assets/img/header-bg.png");
  background-position: center;
  background-repeat: no-repeat;
}

.header-bottom {
  border-top: 1px solid #75a064;
}

.nav-dark .header-search-form input[type='search'] {
  height: 3em;
  border-radius: 3px;
}

.nav-dark .header-search-form input[type='search']:focus {
  background: rgba(255, 255, 255, 0.8) !important;
  color: #222 !important;
}

.nav-dropdown {
  border: none;
  box-shadow: none;
  border-radius: 3px;
}

.nav-dropdown-has-arrow li.has-dropdown:after {
  display: none;
}

.nav-dropdown-has-arrow li.has-dropdown:before {
  border-bottom-color: #fff;
}

/* Mega Menu
---------------------------------------------------*/
#mega-menu-wrap-primary #mega-menu-primary {
  font-family: 'Ubuntu', sans-serif !important;
}

/* Treesource Link */
#mega-menu-wrap-primary #mega-menu-primary > li#mega-menu-item-250847 {
  float: right;
}

#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-250847 > a.mega-menu-link {
  text-indent: -120px;
  overflow: hidden;
  /* width: 90px; */
  background-image: url("http://134.209.22.30/wp-content/themes/summerfield-books/assets/img/treesource-colour.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
  /* background-color: rgba(0,0,0,0.2); */
  height: 40px;
}

/* Widgets
---------------------------------------------------*/
.widget-title {
  font-family: 'Ubuntu', sans-serif;
  letter-spacing: 0 !important;
  font-size: 1.3em;
}

/* Sections
---------------------------------------------------*/
.section-title {
  font-size: 1.6em;
}

.section-title-normal span {
  border-bottom: 3px solid #739c58;
}

/* Shop Sidebar
---------------------------------------------------*/
#shop-sidebar .widget {
  background: #eee;
  padding: 1.5em 1.5em;
  font-size: 90%;
}

#shop-sidebar .widget a {
  color: #444444;
}

.widget_recently_viewed_products {
  font-size: 85%;
}

.widget_recently_viewed_products a {
  color: #444444;
}

/* Product Grid
---------------------------------------------------*/
.product-small {
  text-align: center;
}

.product-small .col-inner {
  -webkit-box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.4);
  padding: 1rem;
  height: 100%;
  background: #fff;
}

.product-small .box-image {
  display: flex;
  justify-content: center;
  text-align: center;
}

.product-small .box-image img {
  max-width: 100%;
  max-height: 250px;
  width: auto;
}

.product-small .price-wrapper {
  margin: 10px 0;
}

.box-text h1,
.box-text h2,
.box-text h3,
.box-text h4,
.box-text h5,
.box-text h6,
.box-text a:not(.button) {
  font-family: 'Ubuntu', sans-serif;
  font-weight: bold;
}

/* Shop General
---------------------------------------------------*/
span.amount {
  font-weight: normal;
  font-size: 1.3em;
}

/* Cookie Notice
---------------------------------------------------*/
#cookie-notice .cn-button {
  margin-left: 15px;
  margin-bottom: 0;
}

/* Footer
---------------------------------------------------*/
.footer-1 {
  box-shadow: 0 3px 3px 0 rgba(40, 40, 45, 0.1) inset;
}

.footer-1 span.widget-title {
  font-size: 1.2em;
  color: var(--primary-color);
}

.footer-1, .footer-2 {
  border: none;
}

.footer-2 {
  background-image: url("https://summerfield.wombatstaging.co.uk/wp-content/themes/summerfield-books/assets/img/header-bg.png");
  padding: 50px 0 30px;
  background-repeat: no-repeat;
  background-position: right bottom;
}

.footer-2 a {
  color: inherit;
}

.footer-2 .is-divider {
  height: 2px;
  max-width: 100%;
}

.footer-2 ul.menu > li > a {
  font-size: 0.8em;
}

.copyright-footer {
  margin-top: 10px;
  font-size: 90%;
}

.copyright-footer p {
  color: #aaa;
}

.copyright-footer p a {
  color: #ddd;
}

/* Testimonial Slider
 ---------------------------------------------------*/
#testimonial-slider {
  width: 100%;
  margin: 0 auto;
}

#testimonial-slider .testimonial-item {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-family: serif;
  font-size: 1.3em;
}

#testimonial-slider .testimonial-item .author {
  font-weight: normal;
}

#testimonial-slider .testimonial {
  max-width: 980px;
  margin: auto;
  line-height: 1.4;
  font-style: italic;
}

#testimonial-slider .flickity-viewport {
  height: 100%;
}

/* Footer flex ordering
 ---------------------------------------------------*/
.footer-widgets .row .widget {
  display: flex;
  flex-direction: column;
}

@media (max-width: 849px) {
  .footer-widgets .row .widget#custom_html-5 {
    order: -1;
  }
}

/* Removing character limit -
 ---------------------------------------------------*/
.pwgc-field-container .pwgc-subtitle {
  display: none !important;
}

/* Fix for mega menu in Edge
 ---------------------------------------------------*/
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
  border: none !important;
}

.checkout_coupon.woocommerce-form-coupon {
  display: block !important;
}

.woocommerce-store-notice {
  background-color: #fff3cd;
  color: #41612d;
}