/*
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... */ 
/*Fonts*/
/*Custom Fonts*/
@font-face {
  font-family: "Papyrus";
  src: url("/wp-content/themes/bb-theme-child/fonts/papyrus.woff") format("woff"),
    url("/wp-content/themes/bb-theme-child/fonts/papyrus.woff2") format("woff2");
  font-weight: normal;
}

@font-face {
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

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

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

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

/** Colors **/
:root {
  --colorBodyText: var(--colorBrandBlack);
  --colorHeading1Text: var(--everglade);
  --colorHeading2Text: var(--everglade);
  --colorHeading3Text: var(--sienna);
  --colorHeading4Text: var(--sienna);
  --colorHeading5Text: var(--everglade);
  --colorHeading6Text: var(--everglade);
  --colorLink: var(--sienna);
  --colorLinkHover: var(--carrot-orange);

  --colorButton: var(--sienna);
  --colorButtonText: white;
  --colorButtonHover: var(--carrot-orange);
  --colorButtonTextHover: var(--colorButtonTextHover);
  --colorAccent: var(--sienna);
  --colorAccentHover: var(--carrot-orange);

  /*Brand Palette*/
  --colorBrandBlack: #000000;
  --carrot-orange: #f7931e;
  --sienna: #a84b18;
  --everglade: #2c472c;
  --spring-wood: #f8f6f0;
  --old-bone: #dbc696;
}

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: 3.5rem;
  }
}

/**h2**/
h2,
.fl-module-fl-post-content h2 {
  font-family: var(--fontFamilyHeadings);
  font-weight: bold;
  color: var(--colorHeading2Text);
}

@media (min-width:768px) {

  h2,
  .fl-module-fl-post-content h2 {

    line-height: 1;
    margin: 2.5rem 0 2rem;
    font-size: 2.5rem;
  }
}

/**h3**/
h3,
.fl-module-fl-post-content h3 {
  font-family: var(--fontFamilyHeadings);
  font-weight: bold;
  color: var(--colorHeading3Text);
}

@media (min-width:768px) {

  h3,
  .fl-module-fl-post-content h3 {
    line-height: 1;
    margin: 2.5rem 0 2rem;
    font-size: 3rem;
  }
}

/**h4**/
h4,
.fl-module-fl-post-content h4 {
  color: var(--colorHeading4Text);
  font-family: var(--fontFamilyHeadings);
  font-weight: bold;
}

@media (min-width:768px) {

  h4,
  .fl-module-fl-post-content h4 {
    line-height: 1;
    margin: 2.5rem 0 2rem;
    font-size: 2.6rem;
  }
}

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

@media (min-width:768px) {

  h5,
  .fl-module-fl-post-content h5 {
    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);
  font-family: var(--fontFamilyHeadings);
  font-weight: bold;
}

@media (min-width:768px) {

  h6,
  .fl-module-fl-post-content h6 {

    line-height: 1.25;
    letter-spacing: 1px;
    margin: 2.5rem 0 2rem;
    font-size: 1.8rem;
    text-transform: uppercase;
  }
}

/**paragraph and body**/
p,
p ul {
  font-family: var(--fontFamilyText);
  color: var(--colorBodyText);
  font-size: var(--fontSizeText);
  line-height: 1.5;
  margin-bottom: var(--fontMarginBottomText);
}

body,
body ul {
  font-family: var(--fontFamilyText);
  color: var(--colorBodyText);
  font-size: var(--fontSizeText);
  line-height: 1.5;
  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;
}

/***Links Styling***/

.fl-photo a:hover {
  text-decoration: none;
  border: none;
}

a {
  color: var(--colorLink);
}

a:hover {
  color: var(--colorLinkHover);
  ;
}

.announcement-link:hover {
  font-style: italic;
  text-decoration: underline;
  text-decoration-color: white;
}

/**Utilities**/

.gallery-border .fl-col-content {
  border: solid #f8f6f0 4px;
}

.gallery-border {
  border-left: solid #f8f6f0 4px;
  border-right: solid #f8f6f0 4px;
}

input.text.text-full[name="class"] {
  font-family: Menlo, monospace;
  font-size: 120%;
}

.fl-module-fl-post-content {
  max-width: 789px;
}

.width789 {
  max-width: 789px;
}

.center {
  margin: 0 auto;
}

.z-5 {
  z-index: 5;
}

.z-10 {
  z-index: 10;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.sticky-bar {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 50;
}

.top-0 {
  top: 0;
}

.height-100p {
  min-height: 100%;
  min-width: auto;
}

.rotate--90 {
  transform: rotate(-90deg);
}

.anchor-bottom-right {
  bottom: 0;
  right: 0;
  position: absolute;
}

@media (max-width:768px) {

  .rotate--90 {
    transform: none;
  }
}

/** Buttons **/
a.fl-button {
  color: var(--colorButtonText);
  background-color: var(--colorButton);
  border: solid 4px var(--colorButton);
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 1px;
}

a.fl-button:hover {
  color: var(--colorButtonTextHover);
  border: solid 4px var(--colorButtonHover);
  background-color: var(--colorButtonHover);

}

/** Search Form **/
input[type='search'].pp-search-form__input {
  color: var(--colorLink);
  font-family: var(--fontFamilyText);
  font-weight: 400;
  font-size: var(--fontSizeText);
}

.pp-search-form button {
  color: white;
}

.fl-node-2gwafz613748 .pp-logos-content .pp-logo img {
  filter: contrast(0.4);
}

.ivory-background {
  background-color: #f8f6f0;
  margin: 2%;
}
#border-white {border: white solid 5px; padding: 5%; text-align: center;}