/*
Theme Name: Brixton Pound
Text Domain: brixtonpound
Version: 1.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: The main Brixton pound website theme courtesy of socialripe https://socialripe.com/
Author: KiTech Software
Author URI: https://kitechsoftware.com/
Theme URI: https://scm.kitechsoftware.com/orgs/brixtonpound/wordpress/themes/wp-bp-main-theme
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. 	CSS Reset
	1. 	Document Setup
	2. 	Element Base
	3. 	Helper Classes
	4. 	Site Header
	5. 	Menu Modal
	6. 	Search Modal
	7. 	Page Templates
		a. 	Template: Cover Template
		c. 	Template: Full Width
	8.  Post: Archive
	9.  Post: Single
	10. Blocks
	11. Entry Content
	12. Comments
	13. Site Pagination
	14. Error 404
	15. Widgets
	16. Site Footer
	17. Media Queries

----------------------------------------------------------------------------- */
/*--------------------------------------------------------------
# Fonts
--------------------------------------------------------------*/
@import './assets/fonts/fonts.css';
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@import './assets/styles/normalize.css';
/*--------------------------------------------------------------
# Navbar
--------------------------------------------------------------*/
@import './assets/styles/navbar.css';
@import './assets/styles/hamburger-icon.css';
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
@import './assets/styles/header.css';
@import './assets/styles/notice-banner.css';

/*--------------------------------------------------------------
# Main
--------------------------------------------------------------*/
@import './assets/styles/main.css';

/*--------------------------------------------------------------
# Aside
--------------------------------------------------------------*/
@import './assets/styles/aside.css';
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
@import './assets/styles/footer.css';
/* Sorting */

.dropdown:hover .dropdown-menu {
  display: block;
}
.bp-text-primary {
  color: #2b9cb6;
}
.bp-section.content a {
  color: #2b9cb6;
}
.bp-section.content a:hover {
  color: #2b9cb6;
}

/*--------------------------------------------------------------
  # Header
  --------------------------------------------------------------*/

/*--------------------------------------------------------------
  # Handle Bars
  --------------------------------------------------------------*/
.bp-side-art {
  position: relative;
}

.bp-side-art.footer img {
  position: absolute;
  bottom: -150px;
  left: -32px;
}

.bp-side-art.header img {
  position: absolute;
  bottom: -150px;
  right: -39px;
}
.bp-content {
  padding: 40px 0;
}
.bp-hr {
  padding: 2px;
  border-top: 2px;
  background-color: #2b9cb6;
}
.bp-section {
  padding: 40px 0;
}
.bp-button {
  border-radius: unset;
}
.bp-button {
  background: #23174e;
  color: #fff;
}
.bp-button:hover {
  background: purple;
  color: #fff;
}
.bp-newsletter input[type='checkbox'] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 25px;
  width: 25px;
}

/* Create a custom checkbox */
.bp-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.bp-checkbox:hover {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
input[type='checkbox']:checked ~ .bp-checkbox {
  background-color: #2196f3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.bp-checkbox:after {
  content: '';
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
input:checked ~ .bp-checkbox:after {
  display: block;
}

/* Style the checkmark/indicator */
.bp-checkbox:after {
  left: 9px;
  top: 5px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*--------------------------------------------------------------
  # Newsletter
  --------------------------------------------------------------*/
.bp-newsletter {
  color: white;
  background-color: #f3961f;
  padding: 40px 0;
}
.bp-newsletter .terms {
  position: absolute;
  bottom: 0;
}
.bp-newsletter input {
  border: unset;
  border-radius: unset;
  font-family: 'Grot_Bold';
  color: #2b9cb6;
  font-size: 1.5rem;
}
.bp-newsletter .btn.bp-button {
  font-size: 1.5rem;
}
.bp-newsletter input::placeholder {
  color: #2b9cb6;
  opacity: 1;
}
.bp-newsletter .form-check-label {
  margin-bottom: 15px;
  margin-left: 20px;
  font-size: 0.8rem;
}
@media (max-width: 990px) {
  .bp-newsletter .terms {
    padding-top: 30px;
    position: unset;
  }
}

/*--------------------------------------------------------------
  # Card
  --------------------------------------------------------------*/
.bp-card-post:hover {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}
.bp-card-post {
  margin-bottom: 40px;
}
.bp-card-post-link {
  text-decoration: none;
  color: inherit;
}
.bp-card-post-link:hover {
  text-decoration: none;
  color: inherit;
}
.bp-card-body {
  padding: 20px;
}
.card-img-top.wp-post-image {
  height: 233px;
}
.bp-card-post-meta {
  padding-bottom: 15px;
  font-size: 1.2rem;
}
/*--------------------------------------------------------------
  # Footer
  --------------------------------------------------------------*/
.bp-footer {
  padding-top: 30px;
  padding-bottom: 20px;
  font-size: 1.3rem;
}
.bp-footer li {
  list-style: none;
  color: #fff;
}
.bp-footer a {
  color: #fff;
  font-size: 1.4rem;
}

.bp-social-links li {
  display: contents;
}
.bp-social-links li a {
  padding: 5px;
  font-size: 2rem;
}
.bp-social-links li a:hover {
  color: #2b9cb6;
  text-decoration: none;
}

.navbar.dropdown-menu {
  border: none;
  border-top: 2px solid #2b9cb6;
  border-radius: 0;
}
.navbar.dropdown-menu li a {
  color: #2b9cb6;
  border-radius: 0;
}
/*--------------------------------------------------------------
  # Plugin Compatibility
  --------------------------------------------------------------*/
/*--------------------------------------------------------------
  ## Woocommerce
  --------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}

.variations_form .variations .value > select {
  margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}
.bp-store .woocommerce #respond input#submit,
.bp-store .content-area .products .woocommerce a.button,
.bp-store .woocommerce button.button,
.bp-store .woocommerce input.button {
  background: #23174e !important;
  color: #fff !important;
}
/*--------------------------------------------------------------
  ## Elementor
  --------------------------------------------------------------*/
.elementor-page article .entry-footer {
  display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.elementor-page .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
  ## Visual Composer
  --------------------------------------------------------------*/
.vc_desktop article .entry-footer {
  display: none;
}

.vc_desktop #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.vc_desktop .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
  # Accessibility
  --------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex='-1']:focus {
  outline: 0;
}

@media (max-width: 615px) {
  .bp-header-title h1,
  .bp-header-title h2 {
    font-size: 2rem;
  }

  .nav-item {
    padding: 6px;
  }

  #navbarSupportedContent {
    padding: 10px;
  }

  .bp-section {
    padding: 50px 0px;
  }
}

@media (max-width: 990px) {
  .bp-side-art {
    display: none;
  }

  .bp-newsletter .terms {
    padding-top: 30px;
    position: unset;
  }
}
.card-img-top.wp-post-image {
  height: 233px;
}

.bp-side-art {
  position: relative;
  z-index: 9;
}

/*----Custom CSS----*/

.bp-store {
  padding: 30px 0;
}

.bp-post-content h1,
.bp-post-content h2,
.bp-post-content h3,
.bp-post-content h4,
.bp-post-content h5,
.bp-post-content h6 {
  color: #2b9cb6;
}

.bp-post-content p {
  font-size: larger;
}

/*
  .row .bp-card-post-head h3{
	  color: #2B9CB6
  }
  */

.bp-newsletter h2 {
  font-size: 2.5em;
  margin-bottom: 1rem;
}

#creator-credits {
  display: none;
}