/*
Theme Name: Design TLC Child Theme
Theme URI: https://designtlc.com
Version: 1.13
Description: A child theme for Design TLC Clients
Author: Design TLC
Author URI: https://designtlc.com
Template: bb-theme
*/

/* Add your custom styles here */
/* Put @import here for loading fonts */


/* ============================================================
   ROOT VARIABLES
   ============================================================ */
:root {

  /* Colors */
  --white:          #FFFFFF;
  --link-color:     #000000;
  --link-hover:     #e5e5e5;
  --bg-color-dark:  #000000;
  --bg-color-light: #e5e5e5;

  /* Typefaces */
  --font-sans:  sans-serif;
  --font-serif: serif;

  /* Type Sizes */
  --size-xs:      0.75rem;
  --size-sm:      0.875rem;
  --size-default: 1rem;
  --size-lg:      1.25rem;
  --size-xl:      1.5rem;
  --size-2xl:     2rem;

  /* Breakpoints (reference only — use in media queries below) */
  /* --bp-xl:     1160px  */
  /* --bp-lg:     1024px  */
  /* --bp-md:      768px  */
  /* --bp-sm:      468px  */
}


/* ============================================================
   BASE / RESET
   ============================================================ */
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  font-size: 16px;
  hanging-punctuation: first last;
}

/* Firefox can sometimes render some webfonts a little heavier.
   Use a fixed numeric weight for more predictable results. */
@-moz-document url-prefix() {
  body {
    /*font-weight: lighter !important;*/
	font-weight: 400 !important;
  }
}


/* ============================================================
   TYPOGRAPHY
   Add global text styles here if needed.
   ============================================================ */
html body {
  /* font-family: var(--font-sans); */
  /* font-size: var(--size-default); */
  /* line-height: 1.6; */
  /* color: var(--link-color); */
}

/* Headings
   Beaver Builder may output headings in slightly different ways
   depending on the module and settings.
   These starter selectors cover common cases, but always inspect
   the markup if a heading style is not applying as expected. */

h1.page-title,
.fl-heading.page-title {
  /* font-size: var(--size-2xl); */
  /* font-weight: 700; */
}

/* Note:
   h2.fl-heading targets an <h2> element with class="fl-heading".
   In some Beaver Builder layouts, .fl-heading may be on a wrapper
   instead of the actual heading tag, so you may need to adjust
   selectors per project. */
h2.fl-heading {
  /* font-size: var(--size-xl); */
  /* line-height: 1.3; */
}

h3.fl-heading,
.fl-builder-content h3 {
  /* font-size: var(--size-lg); */
}

h4,
h4.fl-heading,
.fl-builder-content h4 {
  /* font-size: var(--size-default); */
}

/* Rich Text links
   Good place for default content-link styling */
.fl-rich-text a {
  /* color: var(--link-color); */
}

.fl-rich-text a:hover {
  /* color: var(--link-hover); */
  /* text-decoration: none; */
}

/* List spacing
   Helpful for improving readability in text modules */
.fl-module-content li {
  /* margin-bottom: 10px; */
}


/* ============================================================
   BUTTONS
   ============================================================ */
.fl-builder-content .fl-button {
  transition: background-color 0.3s ease;
}

/* Standard Beaver Builder button selectors
   These usually catch most BB buttons, including visited state */
.fl-button-wrap a,
a.fl-button,
a.fl-button:visited {
  /* font-size: var(--size-default); */
  /* font-family: var(--font-sans); */
  /* font-weight: 600; */
  /* color: var(--white); */
  /* background: var(--bg-color-dark); */
  /* text-transform: uppercase; */
  /* padding: 0.75rem 1.5rem; */
  /* border-radius: 4px; */
  /* border: none; */
}

/* Optional arrow style for buttons using Font Awesome
   Confirm the site is loading the Font Awesome version you want
   before using icon unicode values. */
/*
.fl-button-text:after,
a.fl-button:after {
  content: '\f061';
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  margin-left: 5px;
}
*/


/* ============================================================
   HEADER
   Add project-specific header styles here.
   ============================================================ */



/* ============================================================
   FOOTER
   Add project-specific footer styles here.
   ============================================================ */
.footer h2 {
  /* font-size: var(--size-lg); */
}


/* ============================================================
   INTERIOR / SIDEBAR NAVIGATION
   Use for side menus, section nav, subnav, etc.
   ============================================================ */
.sidebar-nav {
  /* styles here */
}

.sidebar-nav li {
  /* styles here */
}

/* Use .indent for nested items if needed */
.sidebar-nav .indent {
  /* styles here */
}


/* ============================================================
   ACCORDION
   Add accordion or toggle styles here.
   ============================================================ */



/* ============================================================
   RESPONSIVE STYLES
   Keep responsive edits grouped here unless a section is large
   enough to justify its own media queries nearby.
   ============================================================ */

/* Large desktop edge case: 1025px to 1160px */
@media only screen and (min-width: 1025px) and (max-width: 1160px) {

}

/* Tablet: 1024px and below */
@media only screen and (max-width: 1024px) {

}

/* Large mobile: 768px and below */
@media only screen and (max-width: 768px) {

}

/* Small mobile: 468px and below */
@media only screen and (max-width: 468px) {

}