/*
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 - Magenta: #DF2460
	 * Accent Hover Color/Links/Buttons - Dark Magenta: #bf1355
	 * Hero Brand Color 2 - Yellow: #FFBF00
	 * Hero Brand Color 2 Hover - Marigold: #f4a700
	 * Brand Color 3 - Navy: #161F50 
	 * Brand Color 3 Hover - Deep Navy: #00003a 
	 * Brand Color 4 - Orange: #F66A46 
	 * Brand Color 4 Hover - Deep Orange: #ef4f2b 
	 * Brand Neutral - Antique White: #FAEBD7
	 * Brand Neutral - Lighter Antique White: #f9f7f4
	 * /
/*Fonts*/
	/*Custom Fonts*/
		/*Cerco - Body*/
		@font-face {font-family: "Cerco Regular";
			src:  url("/wp-content/themes/bb-theme-child/fonts/Cerco-Regular.woff") format("woff"),
				  url("/wp-content/themes/bb-theme-child/fonts/Cerco-Regular.woff2") format("woff2"); font-weight: normal;}
		@font-face {font-family: "Cerco Black";
			src:  url("/wp-content/themes/bb-theme-child/fonts/Cerco-Black.woff") format("woff"),
				  url("/wp-content/themes/bb-theme-child/fonts/Cerco-Black.woff2") format("woff2"); font-weight: normal;}
		@font-face {font-family: "Cerco Black Italic";
			src:  url("/wp-content/themes/bb-theme-child/fonts/Cerco-BlackItalic.woff") format("woff"),
				  url("/wp-content/themes/bb-theme-child/fonts/Cerco-BlackItalic.woff2") format("woff2"); font-weight: normal;}
		@font-face {font-family: "Cerco Bold";
			src:  url("/wp-content/themes/bb-theme-child/fonts/Cerco-Bold.woff") format("woff"),
				  url("/wp-content/themes/bb-theme-child/fonts/Cerco-Bold.woff2") format("woff2"); font-weight: normal;}
		@font-face {font-family: "Cerco Bold Italic";
			src:  url("/wp-content/themes/bb-theme-child/fonts/Cerco-BoldItalic.woff") format("woff"),
				  url("/wp-content/themes/bb-theme-child/fonts/Cerco-BoldItalic.woff2") format("woff2"); font-weight: normal;}
		@font-face {font-family: "Cerco Italic";
			src:  url("/wp-content/themes/bb-theme-child/fonts/Cerco-Italic.woff") format("woff"),
				  url("/wp-content/themes/bb-theme-child/fonts/Cerco-Italic.woff2") format("woff2"); font-weight: normal;}
		@font-face {font-family: "Cerco Light";
			src:  url("/wp-content/themes/bb-theme-child/fonts/Cerco-Light.woff") format("woff"),
				  url("/wp-content/themes/bb-theme-child/fonts/Cerco-Light.woff2") format("woff2"); font-weight: normal;}
		@font-face {font-family: "Cerco Light Italic";
			src:  url("/wp-content/themes/bb-theme-child/fonts/Cerco-LightItalic.woff") format("woff"),
				  url("/wp-content/themes/bb-theme-child/fonts/Cerco-LightItalic.woff2") format("woff2"); font-weight: normal;}
		@font-face {font-family: "Cerco Medium";
			src:  url("/wp-content/themes/bb-theme-child/fonts/Cerco-Medium.woff") format("woff"),
				  url("/wp-content/themes/bb-theme-child/fonts/Cerco-Medium.woff2") format("woff2"); font-weight: normal;}
		@font-face {font-family: "Cerco Medium Italic";
			src:  url("/wp-content/themes/bb-theme-child/fonts/Cerco-MediumItalic.woff") format("woff"),
				  url("/wp-content/themes/bb-theme-child/fonts/Cerco-MediumItalic.woff2") format("woff2"); font-weight: normal;}

		/*Hyogo - Headlines*/
		@font-face {font-family: "Hyogo Regular";
		  src:  url("/wp-content/themes/bb-theme-child/fonts/Hyogo-regular.woff") format("woff"),
				url("/wp-content/themes/bb-theme-child/fonts/Hyogo-regular.woff2") format("woff2"); font-weight: normal;}
		@font-face {font-family: "Hyogo Black";
		  src:  url("/wp-content/themes/bb-theme-child/fonts/Hyogo-Black.woff") format("woff"),
				url("/wp-content/themes/bb-theme-child/fonts/Hyogo-Black.woff2") format("woff2"); font-weight: normal;}
		
		/*LORE - Notes*/
		@font-face {font-family: "Lore Regular";
		  src:  url("/wp-content/themes/bb-theme-child/fonts/LORE-Regular.woff") format("woff"),
				url("/wp-content/themes/bb-theme-child/fonts/LORE-Regular.woff2") format("woff2"); font-weight: normal;}
		@font-face {font-family: "Lore Bold";
		  src:  url("/wp-content/themes/bb-theme-child/fonts/LORE-Bold.woff") format("woff"),
				url("/wp-content/themes/bb-theme-child/fonts/LORE-Bold.woff2") format("woff2"); font-weight: normal;}
		
html {font-size: 62.5%;  /* changes a default 16px font size to 10px */}
h1 {font-family: "Hyogo Regular"; color: #161F50; line-height: 6rem; margin: 6rem 0 3rem; font-size: 6rem;  /* font size = 82px */}
h2 {font-family: "Hyogo Regular"; color: #161F50; line-height: 6rem; margin: 6rem 0 3rem; font-size: 6rem;  /* font size = 82px */}
h3 {font-family: "Lore Regular"; font-weight: bold; color: #DF2460; line-height: 4.5rem; margin: 6rem 0 3rem; font-size: 4rem;  /* font size = 28px */}
h4 {font-family: "Hyogo Regular"; color: #161F50; line-height: 4rem; margin: 6rem 0 3rem; font-size: 4rem;  /* font size = 48px */}
h5 {font-family: "Lore Regular"; text-transform: uppercase; font-weight: bold; color: #F66A46; letter-spacing: 0.25rem; line-height: 3.5rem; margin: 6rem 0 3rem; font-size: 3rem;  /* font size = 20px */}
h6 {font-family: "Cerco Regular"; text-transform: uppercase; font-weight: bold; color: #DF2460; letter-spacing: 0.25rem; line-height: 3rem; margin: 6rem 0 3rem; font-size: 2rem;  /* font size = 40px */}

p {font-family: "Cerco Regular"; color: #281D27; font-size: 2rem; line-height: 1.5;  margin-bottom: 3rem /* font size = 18px */}
body {font-family: "Cerco Regular"; color: #281D27; font-size: 2rem; line-height: 1.5;  margin-bottom: 3rem  /* font size = 18px */}

a {color: #DF2460;}
a:hover {color: #F66A46;}
/* Blog Post Heading Sizes*/
.fl-module-fl-post-content p {
  font-size: 2rem;
}
a.fl-button:visited {
	background: white;
color: black;}

.fl-module-fl-post-content h1 {
  font-size: 4rem;
  line-height: 5rem;
  font-weight: 800;
}

.fl-module-fl-post-content h2 {
  font-size: 3rem;
  line-height: 3rem;
}

.fl-module-fl-post-content h3 {
  font-size: 3rem;
  line-height: 3rem;
}

.fl-module-fl-post-content h4 {
  font-size: 2rem;
  line-height: 2rem;
}

.fl-module-fl-post-content h5 {
  font-size: 2rem;
  line-height: 2rem;
}

.fl-module-fl-post-content h6 {
  font-size: 2rem;
  line-height: 2rem;
}
/*Figure out how to not show in menu 
ul {list-style: none;}
ul li::before {content: "\2022"; color: #8DD2BA; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em;}*/

.wp-block-quote {margin: 1.75em 3.5em 1.75em 3.5em;
    padding-left: 1.5em;
    font-style: italic;
    border-width: 0 0 0 15px;
    border-style: solid;
    border-image: linear-gradient(to bottom, #df2460, #f66a46) 1;
}
.wp-block-pullquote {
    margin: 1.75em 0;
    border-width: 15px 0;
    border-style: solid;
	border-image: linear-gradient(to left, #df2460, #f66a46) 1;}
blockquote {
    border-color: white;
}
/*Verse*/ 
pre.wp-block-verse {padding: 3rem;}
/*From Mobius*/

/** Sticky Bars **/
.sticky-bar {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 50;
}

/**Strays**/
.testimonial-box {
  padding: 7%;
  border: solid 1px #161f50;
}

p ul {
  font-family: "Cerco Regular";
  color: #281D27;
  font-size: 2rem;
  line-height: 1.5;
}

body ul {
  font-family: "Cerco Regular";
  color: #281D27;
  font-size: 2rem;
  line-height: 1.5;
}

a.pp-list-item-content.pp-more-link:hover {
  text-decoration: none;
}

.search {
  max-width: 789px;
  margin: 0 auto;
}

body.search {
	max-width: 100%;
}
#PodcastLogos {
  width: 300px;
}

/*scroll bar*/
/** width **/
::-webkit-scrollbar {
  width: 10px;
}

/** Track **/
::-webkit-scrollbar-track {
  background: #fdf6ec;
}

/** Handle **/
::-webkit-scrollbar-thumb {
  background: #df2460;
}

/** Handle on hover **/
::-webkit-scrollbar-thumb:hover {
  background: #f66a46;
}

.media-progress-bar div {
  background-color: #df2460;
}

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

#Tops {
  position: relative;
  z-index: 5;
}

ul#menu-footer-menu {
  line-height: 2rem;
}

blockquote {
  margin-left: 5%;
  border-image-slice: 1;
  border-width: 8px;
  border-image-source: linear-gradient(180deg, rgba(223, 36, 96, 1) 7%, rgba(246, 106, 70, 1) 100%);
}

.verticalgradientbar {
  margin-left: 5%;
  border-left: 8px;
  border-image-slice: 1;
  border-width: 8px;
  border-image-source: linear-gradient(180deg, rgba(223, 36, 96, 1) 7%, rgba(246, 106, 70, 1) 100%);
}

.pp-advanced-menu.pp-advanced-menu-accordion-collapse.pp-menu-default.pp-menu-align-left {
  text-decoration: none;
}

.pp-advanced-menu li:hover {
  font-style: italic;
}

/**Grid Lines**/
/***line colors***/
.blue-lines:before,
.blue-lines:after,
.blue-lines .fl-row-content-wrap:before,
.blue-lines .fl-row-content-wrap:after {
  background: #161F50;
}

.white-lines:before,
.white-lines:after,
.white-lines .fl-row-content-wrap:before,
.white-lines .fl-row-content-wrap:after {
  background: white;
}

.orange-lines:before,
.orange-lines:after,
.orange-lines .fl-row-content-wrap:before,
.orange-lines .fl-row-content-wrap:after {
  background: #F66A46;
}

.pink-lines:before,
.pink-lines:after,
.pink-lines .fl-row-content-wrap:before,
.pink-lines .fl-row-content-wrap:after {
  background: #DF2460;
}

.yellow-lines:before,
.yellow-lines:after,
.yellow-lines .fl-row-content-wrap:before,
.yellow-lines .fl-row-content-wrap:after {
  background: #FFBF00;
}
/***Top + Bottom Line***/
.toplinerow:before,
.bottomlinerow:after {
  content: '';
  position: absolute;
  height: 1px;
  left: 0;
  width: 100%;
  z-index: 1;
}

.toplinerow:before {
  top: 50px;
}

.bottomlinerow:after {
  bottom: 50px;
}

/***Left + Right Line***/

.leftlinerow .fl-row-content-wrap,
.rightlinerow .fl-row-content-wrap {
  position: relative;
}

.leftlinerow .fl-row-content-wrap:before,
.rightlinerow .fl-row-content-wrap:after {
  content: '';
  position: absolute;
  width: 1px;
  top: 0;
  height: 100%;
  z-index: 1;
}

.leftlinerow .fl-row-content-wrap:before {
  left: 5%;
}

.rightlinerow .fl-row-content-wrap:after {
  right: 5%;
}

/**Utilities**/
.creambackground2p {
  background-color: #fdf6ec;
  padding: 20px;
}

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

.width789 {
  max-width: 789px;
  margin: 0 auto;
}

.tops {
  position: relative;
  z-index: 5;
}

.rotate-30deg {
  rotate: -30deg;
}

.rotate-5deg {
  rotate: -5deg;
}

.rotate30degmobile {
  rotate: 50deg;
}

.rotate-50deg {
  rotate: -50deg;
}

.rotate60deg {
  rotate: 60deg;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.right-0 {
  right: 0;
}

.left-0 {
  left: 0;
}

.top-0 {
  top: 0;
}

.bottom-0 {
  bottom: 0;
}

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

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

/*** Graphic Elements - flowers***/
.righttopflower {
  top: 10vh;
}

.righttopflower-inrow {
  top: 10vh;
}

.centeredflower {
  top: 10vh;
}

.-topfloweroverlay {
  top: -15vh;
}

.imageonlineleft {
  left: 5%;
}

.imageonlineright {
  right: 5%;
}

p {
  line-height: 3rem;
  /* within paragraph */
  margin-bottom: 3rem;
  /* between paragraphs */
}

li strong {
  font-family: 'Cerco Bold';
}

p strong {
  font-family: 'Cerco Bold';
}

.pp-advanced-menu,
li#menu-item-333 {
  color: pink !important;
  font-family: 'Cerco Bold';
  font-weight: bold;
  text-decoration: underline;
}

/**Gradient**/
/*  Pink to Orange Gradient:
border-image-source: linear-gradient(17deg, rgba(223, 36, 96, 1) 7%, rgba(246, 106, 70, 1) 100%);
}
Pink to cream:
background: rgb(223, 36, 96);
background: linear-gradient(17deg, rgba(223, 36, 96,1) 15%, rgba(253,246,236,1) 49%);
Orange to cream:
background: rgb(246,106,70);
background: linear-gradient(17deg, rgba(246,106,70,1) 15%, rgba(253,246,236,1) 49%);
Yellow to cream:
background: rgb(255,191,0);
background: linear-gradient(17deg, rgba(255,191,0,1) 15%, rgba(253,246,236,1) 49%);
*/
/***Gradient Border***/
.micro-menu .menu-item-text:hover {
  text-decoration: none;
  border-bottom: solid;
  border-image-slice: 1;
  border-width: 1px;
  border-image-source: linear-gradient(17deg, rgba(223, 36, 96, 1) 7%, rgba(246, 106, 70, 1) 100%);
}

a:hover {
  text-decoration: none;
  border-bottom: solid;
  border-image-slice: 1;
  border-width: 1px;
  border-image-source: linear-gradient(17deg, rgba(223, 36, 96, 1) 7%, rgba(246, 106, 70, 1) 100%);
}

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

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

.gradient-underline {
  text-decoration: none;
  border-bottom: solid;
  border-image-slice: 1;
  border-width: 8px;
  border-image-source: linear-gradient(17deg, rgba(223, 36, 96, 1) 7%, rgba(246, 106, 70, 1) 100%);
}

.fl-separator {
  border-image-slice: 1;
  border-width: 1px;
  border-image-source: linear-gradient(17deg, rgba(223, 36, 96, 1) 7%, rgba(246, 106, 70, 1) 100%);
}

.white .fl-separator {
  border-image-source: linear-gradient(17deg, rgba(255, 255, 255) 7%, rgba(255, 255, 255) 100%);
}

.column-bordergradient .fl-col-content {
  background-clip: border-box;
  border: solid;
  border-image-slice: 1;
  border-width: 1px;
  border-image-source: linear-gradient(17deg, rgba(223, 36, 96, 1) 7%, rgba(246, 106, 70, 1) 100%);
}
.accordion-bordergradient {
  background-clip: border-box;
  border: solid;
  border-image-slice: 1;
  border-width: 1px;
  border-image-source: linear-gradient(17deg, rgba(223, 36, 96, 1) 7%, rgba(246, 106, 70, 1) 100%);
}

.accordion-bordergradient h3 {
  color: #00003a;
}

/***Gradient Buttons - Pink to Orange***/
.gradient-bordered-button-full {
  margin: 0 20%;
}

.wpforms-submit .gradient-submit-wpforms {
  background: linear-gradient(17deg, rgba(223, 36, 96, 1) 7%, rgba(246, 106, 70, 1) 100%);
  padding: 5%;
  border-radius: 3px;
  width: 200px;
  margin: 0 auto;
}

.pp-grid-load-more-button {
  background: linear-gradient(17deg, rgba(223, 36, 96, 1) 7%, rgba(246, 106, 70, 1) 100%);
  padding: 5%;
  border-radius: 3px;
  width: 200px;
  margin: 0 auto;
}

.pp-grid-loader-text {
  color: white;
  font-size: 1.8rem;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 2%;
}

.fl-button-group-button {
  background: linear-gradient(17deg, rgba(223, 36, 96, 1) 7%, rgba(246, 106, 70, 1) 100%);
  margin: 1%;
}

.gradient-bordered-button {
  background: linear-gradient(17deg, rgba(223, 36, 96, 1) 7%, rgba(246, 106, 70, 1) 100%);
  padding: 5px;
  border-radius: 3px;
}

.gradient-bordered-button-outline {
  border: solid;
  border-image-slice: 1;
  border-width: 1px;
  border-image-source: linear-gradient(17deg, rgba(223, 36, 96, 1) 7%, rgba(246, 106, 70, 1) 100%);
  padding: 5px;
  border-radius: 3px;
}

.gradient-bordered-button-tight {
  margin: 0 auto;
  justify: center;
  max-width: 400px;
}

.gradient-border-bottom {
  border-bottom: 10px solid;
  border-image-slice: 1;
  border-width: 10px;
}

/**Background Gradients**/
.gradient {
  background-image: linear-gradient(17deg, rgba(223, 36, 96, 1) 7%, rgba(246, 106, 70, 1) 100%);
}

.gradient-orangetocream {
  background-image: linear-gradient(90deg, rgba(246, 106, 70, 1) 10%, rgba(251, 209, 193, 1) 25%, rgba(253, 246, 236, 1) 61%);
}

.gradient-yellowtocream {
  background-image: linear-gradient(90deg, rgba(255, 191, 0, 1) 10%, rgba(250, 236, 199, 1) 25%, rgba(253, 246, 236, 1) 35%);
}

.gradient-pinktocream {
  background-image: linear-gradient(90deg, rgba(223, 36, 96, 1) 10%, rgba(240, 159, 169, 1) 25%, rgba(253, 246, 236, 1) 35%);
}

/*Buttons*/
.buttontops {
  position: relative;
  z-index: 100;
}




@media(max-width:800px) {
  .optin-peach-to-cream {
    background-color: #fdf6ec;
  }
}

@media(max-width:767px) {
  .rotate-30degmobile {
    rotate: -30deg;
  }

  .hidetoplineonmobile:before {
    opacity: 0;
  }

  .hidebottomlineonmobile:after {
    opacity: 0;
  }

  .hideleftlineonmobile .fl-row-content-wrap:before {
    opacity: 0;
  }

  .hiderightlineonmobile .fl-row-content-wrap:after {
    opacity: 0;
  }

  .-topfloweroverlay {
    top: -10vh;
  }

  .righttopflower-inrow {
    top: 3vh;
  }

  .leftlinerow .fl-row-content-wrap:before {
    left: 3.5%;
  }

  .rightlinerow .fl-row-content-wrap:after {
    right: 3.5%;
  }

  .toplinerow:before {
    top: 20px;
  }

  .bottomlinerow:after {
    bottom: 20px;
  }

  /*.iphone .bottom-0 {
    bottom: 90%;
  }*/

}

@media(max-width:400px) {
  .cream-bg-mobile {
    background-color: #fdf6ec;
  }
  .fl-module-fl-post-content p {
    font-size: 1.8rem;
  }
  .pink-bg-mobile {
    background-color: #df2460;
  }
}

/*New Subscribe Forms - Lydia September 2024*/
#Convert-Kit-Form button, .pp-modal .pp-modal-content .formkit-submit {color: rgb(223, 36, 96) !important; background-color: white !important; font-weight: bold !important; text-transform: uppercase; letter-spacing: 1px;}
