/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 
/*Colors
	 * Black: #281D27
	 * Accent Color/Links/Buttons - Purple: #BD6AB3
	 * Accent Hover Color/Links/Buttons - Purple: #935293
	 * Brand Color 2 - Blue: #8DD2BA
	 * Brand Color 2 Hover - Blue: #679E89
	 * /
/*Fonts*/
	/*Custom Fonts*/
		@font-face {font-family: "Hundergad";
			src:  url("/wp-content/themes/bb-theme-child/fonts/Hundergad-Rough.woff") format("woff"),
				  url("/wp-content/themes/bb-theme-child/fonts/Hundergad-Rough.woff2") format("woff2"); font-weight: normal;}

	/*Google Fonts - get embed code from Google Fonts, paste in head code in appearance>customizer*/
		/*Google Font name for this project: "Work Sans"*/

/****
 Design System 
 ****/

/** Typography **/
:root {
  --fontFamilyText: "Work Sans";
  --fontFamilyHeadings: "Work Sans";
  --fontFamilySpecial: "Hundergad";
  --fontSizeText: 1.8rem;
  --fontLineHeightText: 1.25;
  --fontMarginBottomText: 3rem;
	--word-spacing: .5rem;
}

/** Colors **/
:root {
  --colorBodyText: var(--colorBrandBlack);
  --colorHeading1Text: var(--brunswick-green);
  --colorHeading2Text: var(--brunswick-green);
  --colorHeading3Text: var(--brunswick-green);
  --colorHeading4Text: var(--brunswick-green);
  --colorHeading5Text: var(--brunswick-green);
  --colorHeading6Text: var(--dark-copper);
  --colorLink: var(--caribbean-current);
  --colorLinkHover: var(--dark-copper);

  --colorButton: var(--caribbean-current);
  --colorButtonText: white;
  --colorButtonHover: white;
  --colorButtonTextHover: var(--colorButtonTextHover);
  --colorAccent: var(--caribbean-current);
  --colorAccentHover: var(--midnight-green);

  /*Brand Palette*/
  --colorBrandBlack: #131e17;
  --brunswick-green: #264832;
  --hunter-green: #305d42;
  --midnight-green: #1a4145;
  --caribbean-current: #2a7172;
  --pearl: #e6dec7;
  --black-olive: #2a3a30;
  --seal-brown: #5c240f;
  --chestnut: #92553d;
  --dark-copper: #8d3e0d;
  --light-copper: #b46c2e;
  --harvest-gold: #E09900;
  --hunyadi-yellow: #D7A952;
}

html {
  font-size: 62.5%;
  /* changes a default 16px font size to 10px */
}
.add-word-space {
  word-spacing: var(--word-spacing);}

.wp-block-quote {
  border-left: 0.5em solid var(--colorAccent);
  margin: 1.75em 3.5em 1.75em 3.5em;
  padding-left: 1.5em;
  font-style: italic;
}

.wp-block-pullquote {
  border-bottom: 4px solid var(--colorAccent);
  border-top: 4px solid var(--colorAccent);
  color: currentColor;
  margin-bottom: 1.75em;
}

.wp-block-pullquote blockquote,
.wp-block-pullquote cite,
.wp-block-pullquote p {
  color: inherit;
  padding: 0 8rem;
  border-left: none;
  margin: 0;
  font-weight: bold;
}

/*Verse*/
pre.wp-block-verse {
  padding: 3rem;
}

/* General Headings */
/**h1**/
h1,
.fl-module-fl-post-content h1 {
  font-family: var(--fontFamilyHeadings);
  font-weight: bold;
  color: var(--colorHeading1Text);
  line-height: 1;
  margin: 4rem 0 2rem;
  font-size: 4.5rem;
}

@media (min-width:768px) {

  h1,
  .fl-module-fl-post-content h1 {
    font-size: 4.5rem;
  }
}

/**h2**/
h2,
.fl-module-fl-post-content h2 {
  color: var(--colorHeading2Text);
}

@media (min-width:768px) {

  h2,
  .fl-module-fl-post-content h2 {
    font-family: var(--fontFamilyHeadings);
    font-weight: bold;
    line-height: 1;
    margin: 2.5rem 0 2rem;
    font-size: 3.5rem;
  }
}

/**h3**/
h3,
.fl-module-fl-post-content h3 {
  color: var(--colorHeading3Text);
}

@media (min-width:768px) {

  h3,
  .fl-module-fl-post-content h3 {
    font-family: var(--fontFamilyHeadings);
    font-weight: bold;
    line-height: 1;
    margin: 2.5rem 0 2rem;
    font-size: 3rem;
  }
}

/**h4**/
h4,
.fl-module-fl-post-content h4 {
  color: var(--colorHeading4Text);
}

@media (min-width:768px) {

  h4,
  .fl-module-fl-post-content h4 {
    font-family: var(--fontFamilyHeadings);
    font-weight: bold;
    line-height: 1;
    margin: 2.5rem 0 2rem;
    font-size: 2.6rem;
  }
}

/**h5**/
h5,
.fl-module-fl-post-content h5 {
  color: var(--colorHeading5Text);
}

@media (min-width:768px) {

  h5,
  .fl-module-fl-post-content h5 {
    font-family: var(--fontFamilyHeadings);
    line-height: 1.25;
    margin: 2.5rem 0 2rem;
    font-size: 2.15rem;
    text-transform: uppercase;
  }
}

/**h6**/
h6,
.fl-module-fl-post-content h6 {
  color: var(--colorHeading6Text);
}

@media (min-width:768px) {

  h6,
  .fl-module-fl-post-content h6 {
    font-family: var(--fontFamilyHeadings);
    font-weight: bold;
    line-height: 1.25;
    letter-spacing: 1px;
    margin: 2.5rem 0 2rem;
    font-size: 1.8rem;
    text-transform: uppercase;
  }
}

/**paragraph and body**/
@media (min-width:768px) {

  p,
  p ul {
    font-family: var(--fontFamilyText);
    color: var(--colorBodyText);
    font-size: var(--fontSizeText);
    line-height: var(--fontLineHeightText);
    margin-bottom: var(--fontMarginBottomText);
  }

  body,
  body ul {
    font-family: var(--fontFamilyText);
    color: var(--colorBodyText);
    font-size: var(--fontSizeText);
    line-height: var(--fontLineHeightText);
    margin-bottom: var(--fontMarginBottomText);
  }

  li strong {
    font-family: var(--fontFamilyText);
  }

  p strong {
    font-family: var(--fontFamilyText);
  }

  p ul {
    font-family: var(--fontFamilyText);
  }

  body ul {
    font-family: var(--fontFamilyText);
  }

  u {
    text-underline-offset: .75rem;
  }
}

p ul {
  font-size: var(--fontSizeText);
}

body ul {
  font-size: var(--fontSizeText);
}