/*
Theme Name: SuperWebPros Paws Spa Theme
Theme URI: https://www.superwebpros.com
Version: 1.0
Description: A Super Site theme replacing Petzone Elementor Theme.
Author: SuperWebPros
Author URI: https://www.superwebpros.com
template: bb-theme
*/
/*********************************
Default CSS Mapping Reference:
https://docs.wpbeaverbuilder.com/bb-theme/code/beaver-builder-theme-customizer-settings-mapped-to-css/
**********************************/

/* Add your custom styles here... */

:root {
  --primary-bb: #6ec1e4;
  --secondary-bb: #fbc5f4;
  --tertiary-bb: #61ce70;
  --quaternary-bb: #0052ff;
  --light-bb: #f3f3f3;
  --lightgray-bb: #c9c9c8;
  --dark-bb: #54595f;
  --black-bb: #000000;
  --white-bb: #ffffff;
  --accent-bb: #7a7a7a;
  --headerFontFamily:'Poppins';
  --bodyFontFamily:'Poppins';
  --hero:6.25rem;
  --vixl: 3.75rem; /*60px H1 Size*/
  --vxl: 3rem; /*48px H2 Size*/
  --ivxl: 2.25rem; /*36px H3 Size*/
  --xxxl: 1.875rem; /*30px H4 Size*/
  --xxl: 1.5rem; /*24px H5 Size*/
  --xl:  1.25rem; /*20px H6 Size*/
  --md:  1.125rem; /*18px* Body Font*/
  --sm: 1rem; /*16px small */
  --overlay: rgba(0, 0, 0, 0.48);
}

.pro-bg--primary {
  background-color: var(--primary-bb);
}

.pro-bg--primary:hover {
  background-color: var(--lightgray-bb);
}

.pro-bg--secondary {
  background-color: var(--secondary-bb);
}

.pro-bg--tertiary {
  background-color: var(--tertiary-bb);
}

.pro-bg--quaternary {
  color: var(--quaternary-bb);
}

.pro-bg--overlay {
  background-color: var(--overlay);
  z-index: 10;
}

.pro-text--accent {
  color: var(--accent-bb);
}

.pro-text--primary {
  color: var(--primary-bb);
}

.pro-text--secondary {
	color: var(--secondary-bb);
}

.pro-text--xxl {
	font-size: var(--xxl);
}

.pro-text--xl {
  font-size: var(--xl);
}

.pro-text--md {
	font-size: var(--md);
}

@media (min-width: 768px) {
  .pro-text--hero h1 {
  	font-size: var(--hero);
  }
}


/* *****Class Overrides***** */

/* Link hover property */
a:hover,a:focus {
    color: var(--quaternary-bb)!important;
}

/* Contact Us button on navbar */
.fl-button a navbar-button {
  background-color: var(--quaternary-bb)!important;
}

/* Buttons */
.fl-button a {
  background-color: var(--quaternary-bb);
}

.uabb-creative-button-wrap a {
  background-color: var(--quaternary-bb)!important;
}

/* Hover property on navbar links */
.navbar-links a:hover {
  color: var(--quaternary-bb)!important;
}

/* Disclaimer text and copyright link on footer */
.elementor-heading-title {
  color: var(--quaternary-bb);
}

.elementor-heading-title a {
  color: var(--quaternary-bb);
}

/* Pre-footer banner bg color */
.row__banner--bg {
  background-color: var(--secondary-bb);
}

/* WPForms BG & Buttons (appointment form, email capture) */
.bb-wpf-contact-form{
  background-color: var(--primary-bb)!important;
  border-radius: 30px;
}

.uabb-wpf-styler .wpforms-form .wpforms-page-button {
  background-color: var(--quaternary-bb);
  display: inline-block;
  width: 100%!important;
}

.wpforms-submit {
  width: 100% !important;
  background-color: var(--quaternary-bb)!important;
}

.wpforms-page-button {
  width: 100% !important;
  background-color: var(--quaternary-bb)!important;
}

/* Title prefix on Infobox */
.uabb-infobox-title-prefix {
  color: var(--tertiary-bb)!important;
}

/* CTA on service page for promo */
.bb-cta-services {
  border-radius: 30px;
  background-color: var(--secondary-bb);
  padding: 20px;
}

/* Background for reviews box */
.bb-row-reviews {
  background-color: var(--primary-bb);
  border-radius: 30px;
}

/* How we work section on services (separator & icons) */
.fl-separator {
  border-top-color: var(--quaternary-bb)!important;
}

.uabb-icon-wrap .uabb-icon .bb-hww-icon i:before {
  color: var(--quaternary-bb)!important;
}

/* Read More link */
.uabb-read-more-text a {
  color: var(--quaternary-bb)!important;
}

.fl-post-feed-more a {
  color: var(--quaternary-bb)!important;
}

/* sidebar */
#column__sidebar--email-capture {
  background-color: var(--secondary-bb);
  border-radius: 30px;
  box-shadow: 0 0 7px rgba(168, 168, 168, 0.5);
}

/* Meta and links from latest articles */
.uabb-post-meta {
  color: var(--quaternary-bb);
}

.uabb-post-meta a {
  color: var(--quaternary-bb);
}

/* Meta from Blog Archive */
.fl-post-feed-meta {
  color: var(--quaternary-bb);
}