/*
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: "FT Sterling Bold";
  src: url("/wp-content/themes/bb-theme-child/fonts/FTSterling-Bold.woff") format("woff"),
    url("/wp-content/themes/bb-theme-child/fonts/FTSterling-Bold.woff2") format("woff2");
  font-weight: normal;
}

@font-face {
  font-family: "FT Sterling Medium";
  src: url("/wp-content/themes/bb-theme-child/fonts/FTSterling-Medium.woff") format("woff"),
    url("/wp-content/themes/bb-theme-child/fonts/FTSterling-Medium.woff2") format("woff2");
  font-weight: normal;
}

@font-face {
  font-family: "FT Sterling Semi-Bold";
  src: url("/wp-content/themes/bb-theme-child/fonts/FTSterling-Semi-Bold.woff") format("woff"),
    url("/wp-content/themes/bb-theme-child/fonts/FTSterling-Semi-Bold.woff2") format("woff2");
  font-weight: normal;
}

@font-face {
  font-family: "FT Sterling Light";
  src: url("/wp-content/themes/bb-theme-child/fonts/FTSterling-Light.woff") format("woff"),
    url("/wp-content/themes/bb-theme-child/fonts/FTSterling-Light.woff2") format("woff2");
  font-weight: normal;
}

@font-face {
  font-family: "FT Sterling Regular";
  src: url("/wp-content/themes/bb-theme-child/fonts/FTSterling-Regular.woff") format("woff"),
    url("/wp-content/themes/bb-theme-child/fonts/FTSterling-Regular.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: "FT Sterling Medium";
  --fontFamilyHeadings: "FT Sterling Bold";
  --fontFamilySpecial: "FT Sterling Bold";
  --fontSizeText: 2rem;
  --fontLineHeightText: 1.25;
  --fontMarginBottomText: 3rem;
  --word-spacing: .5rem;
}

/** Colors **/
:root {
  --colorBodyText: var(--colorBrandBlack);
  --colorHeading1Text: var(--colorBrandBlack);
  --colorHeading2Text: var(--colorBrandBlack);
  --colorHeading3Text: var(--fern);
  --colorHeading4Text: var(--tangelo);
  --colorHeading5Text: var(--colorBrandBlack);
  --colorHeading6Text: var(--tangelo);
  --colorLink: var(--picton-blue);
  --colorLinkHover: var(--orange);

  --colorButton: var(--orange);
  --colorButtonText: white;
  --colorButtonHover: white;
  --colorButtonTextHover: var(--tangelo);
  --colorAccent: var(--picton-blue);
  --colorAccentHover: var(--orange);

  /*Brand Palette*/
  --colorBrandBlack: #131e17;
  --tangelo: #DB5F29;
  --papaya-whip: #FFEEDB;
  --orange: #EE9F44;
  --fern: #666600;
  --picton-blue: #4EB4F9;
  --navy-blue: #000268;
}

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.25;
    margin: 2.5rem 0 2rem;
    font-size: 3rem;
  }
}

/**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.25;
    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.25;
    margin: 2.5rem 0 2rem;
    font-size: 2.5rem;
  }
}

/**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: 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: 'FT Sterling Bold';
}

p strong {
  font-family: 'FT Sterling Bold';
}

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

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

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

/***Links Styling***/
#fl-button-group-button-5x1o0eukiscv-1:hover {
  font-style: italic;
}

.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**/
/*a[target="_blank"]::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin: 0 3px 0 5px;
	color: inherit;
}*/

.equal-height-buttons {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex: 1 1 0;
}

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;
}

/** 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);
}

.fl-node-rm7l60vahbiy .pp-search-form__container:not(.pp-search-form--lightbox),
.fl-node-rm7l60vahbiy .pp-search-form-wrap.pp-search-form--style-full_screen input[type='search'].pp-search-form__input {
  border: solid 4px var(--colorButton);
}

.fl-node-rm7l60vahbiy .pp-search-form__submit {
  background-color: var(--colorButton);
}

.fl-node-rm7l60vahbiy .pp-search-form__submit:hover {
  background-color: var(--colorLinkHover);
}

.fl-node-rm7l60vahbiy .pp-search-form__submit:hover {
  color: white;
}

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

/**Background Colors**/
.fern-right-row {
  background-color: white;
  background-image: linear-gradient(270deg, #666600 25%, rgba(0, 0, 0, 0) 25%);
}

@media (max-width:768px) {
  .fern-right-row {
    background-color: white;
    background-image: linear-gradient(270deg, #666600 5%, rgba(0, 0, 0, 0) 5%);
  }
}

.fern-right-row-background-ivory {
  background-color: rgba(255, 238, 219, 0.5);
  background-image: linear-gradient(270deg, #666600 25%, rgba(0, 0, 0, 0) 25%);
}

@media (max-width:768px) {
  .fern-right-row-background-ivory {
    background-color: rgba(255, 238, 219, 0.5);
    background-image: linear-gradient(270deg, #666600 5%, rgba(0, 0, 0, 0) 5%);
  }
}

.tangelo-right-row {
  background-color: white;
  background-image: linear-gradient(270deg, #DB5F29 25%, rgba(0, 0, 0, 0) 25%);
}

@media (max-width:768px) {
  .tangelo-right-row {
    background-color: white;
    background-image: linear-gradient(270deg, #DB5F29 5%, rgba(0, 0, 0, 0) 5%);
  }
}

.tangelo-left-row {
  background-color: white;
  background-image: linear-gradient(90deg, #DB5F29 25%, rgba(0, 0, 0, 0) 25%);
}

@media (max-width:768px) {
  .tangelo-left-row {
    background-color: white;
    background-image: linear-gradient(90deg, #DB5F29 5%, rgba(0, 0, 0, 0) 5%);
  }
}

.orange-right-row {
  background-color: white;
  background-image: linear-gradient(270deg, #EE9F44 25%, rgba(0, 0, 0, 0) 25%);
}

@media (max-width:768px) {
  .orange-right-row {
    background-color: white;
    background-image: linear-gradient(270deg, #EE9F44 5%, rgba(0, 0, 0, 0) 5%);
  }
}

.orange-right-row-thin {
  background-color: white;
  background-image: linear-gradient(270deg, #EE9F44 5%, rgba(0, 0, 0, 0) 5%);
}

.orange-right-row-background-ivory {
  background-color: rgba(255, 238, 219, 0.5);
  background-image: linear-gradient(270deg, #EE9F44 25%, rgba(0, 0, 0, 0) 25%);
}

@media (max-width:768px) {
  .orange-right-row-background-ivory {
    background-color: rgba(255, 238, 219, 0.5);
    background-image: linear-gradient(270deg, #EE9F44 5%, rgba(0, 0, 0, 0) 5%);
  }
}

.pictonblue-right-row-thin {
  background-color: white;
  background-image: linear-gradient(270deg, #4EB4F9 15%, rgba(0, 0, 0, 0) 15%);
}

@media (max-width:768px) {
  .pictonblue-right-row-thin {
    background-color: white;
    background-image: linear-gradient(270deg, #4EB4F9 5%, rgba(0, 0, 0, 0) 5%);
  }
}

.pictonblue-right-row {
  background-color: white;
  background-image: linear-gradient(270deg, #4EB4F9 25%, rgba(0, 0, 0, 0) 25%);
}

@media (max-width:768px) {
  .pictonblue-right-row {
    background-color: white;
    background-image: linear-gradient(270deg, #4EB4F9 5%, rgba(0, 0, 0, 0) 5%);
  }
}

.ivory-gradient-left-to-right {
  background: linear-gradient(90deg, rgba(255, 238, 219, 0.5) 4%,
      rgba(255, 238, 219, 0.35) 51%, rgba(255, 255, 255, 0) 97%);
}

.blue-gradient-left-to-right {
  background: linear-gradient(90deg, rgba(78, 180, 249, 0.35) 4%,
      rgba(78, 180, 249, 0.25) 51%, rgba(78, 180, 249, 0.15) 97%);
}

/*Hover Cards*/
div.pp-hover-card:hover>div>div>div>div.pp-hover-card-title-wrap>h5 {
  display: none;
}

.pp-hover-card.style-4 .pp-hover-card-content .pp-hover-card-description {
  padding: 0%;
}

.rotate-90 {
  rotate: 90deg;
}

.just-featured-image-blog-feed .fl-post-grid-text {
  display: none;
}

/*Hover Cards*/
/** Hides title on hover**/
div.pp-hover-card:hover>div>div>div>div.pp-hover-card-title-wrap {
  display: none;
}

.pp-hover-card.style-4 .pp-hover-card-content .pp-hover-card-description p {
  color: white !important;
}

.pp-hover-card.style-4 .pp-hover-card-inner:before {
  content: "";
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
}

.quote-encapsulation {
  background-color: #FFEEDB;
  margin: 5%;
}

.quote-encapsulation blockquote {
  border-left: none;
}

/*bad
.pp-hover-card.style-4 .pp-hover-card-content .pp-hover-card-description {
  padding: 0%;
}

.pp-hover-card.style-4 .pp-hover-card-content .pp-hover-card-description:hover {
  padding: 0%;
  color: white !important;
}
*/
.reflect img {
  -webkit-box-reflect: right;
}

.pp-accordion-item.pp-accordion-item-active .pp-accordion-button {
  border-bottom: none;
}

.pp-hover-card .pp-hover-card-title-wrap .pp-hover-card-title {
  margin-top: -10% !important;
}

/*Accordion Buttons*/
/**Accordion Tab turned into a Button**/
.button-accordion {
  background-color: #EE9F44;
  padding: 15px 25px;
}

.button-accordion:hover {
  background-color: var(--tangelo);
}
/**Button INSIDE of a tab made from a text/link with class of accordion-inter-button**/
.accordion-inter-button a {
  color: white;
}

.accordion-inter-button a:hover {
  color: white;
  text-decoration: none;
}

.accordion-inter-button {
  padding: 15px 25px;
  background-color: #ee9f44;
  max-width: 50%;
  text-align: center;
  border: none;
}

.accordion-inter-button:hover {
  background-color: #DB5F29;
  border: none;
}

@media (min-width:768px) {

  .accordion-inter-button {
     max-width: 100%;
  }
}