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

		@font-face {font-family: "Supa Mega Script";
		  src:  url("/wp-content/themes/bb-theme-child/fonts/SupaMegaFantasticScript.woff") format("woff"),
				url("/wp-content/themes/bb-theme-child/fonts/SupaMegaFantasticScript.woff2") format("woff2"); font-weight: normal;}

		@font-face {font-family: "Supa Mega Thin";
		  src:  url("/wp-content/themes/bb-theme-child/fonts/SupaMegaFantasticScriptThinner.woff") format("woff"),
				url("/wp-content/themes/bb-theme-child/fonts/SupaMegaFantasticScriptThinner.woff2") format("woff2"); font-weight: normal;}
	/*Adobe Fonts - get typekit code from Adobe, paste in head code in appearance>customizer*/
		/*Adobe Font name for this project: "poppins"*/
	/*Google Fonts - get embed code from Google Fonts, paste in head code in appearance>customizer*/
		/*Google Font name for this project: "Cormorant"*/

html {font-size: 62.5%;  /* changes a default 16px font size to 10px */}
h1 {font-family: "supa mega caps"; color: #935293; line-height: 6rem; margin: 6rem 0 3rem; font-size: 8.2rem;  /* font size = 82px */}
h2 {font-family: "supa mega caps"; color: #935293; line-height: 6rem; margin: 6rem 0 3rem; font-size: 8.2rem;  /* font size = 82px */}
h3 {font-family: "poppins"; font-weight: bold; color: #679E89; line-height: 3rem; margin: 6rem 0 3rem; font-size: 2.8rem;  /* font size = 28px */}
h4 {font-family: "supa mega thin"; color: #935293; line-height: 3rem; margin: 6rem 0 3rem; font-size: 4.8rem;  /* font size = 48px */}
h5 {font-family: "poppins"; text-transform: uppercase; font-weight: bold; color: #679E89; letter-spacing: 0.25rem; line-height: 3rem; margin: 6rem 0 3rem; font-size: 2rem;  /* font size = 20px */}
h6 {font-family: "supa mega caps"; text-transform: uppercase; font-weight: bold; color: #679E89; letter-spacing: 0.25rem; line-height: 3rem; margin: 6rem 0 3rem; font-size: 4rem;  /* font size = 40px */}

p {font-family: "poppins"; color: #281D27; font-size: 1.8rem;  /* font size = 18px */}
body {font-family: "poppins"; color: #281D27; font-size: 1.8rem;  /* font size = 18px */}

a {color: #BD6AB3;}
a:hover {color: #935293;}

.wp-block-quote {border-left: 0.5em solid #8DD2BA; margin: 1.75em 3.5em 1.75em 3.5em; padding-left: 1.5em; font-style: italic;}

/*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-pullquote {border-bottom: 4px solid #8DD2BA; border-top: 4px solid #8DD2BA; 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;}