/*
 * Globals
 */
/* Color variables */
:root {
	--Color01: #079bae; /* BLUE */
	--Color02: #ebffc2; /* Light Green */
	--Color03: #ff5a5a; /* Light Red */
	--Color04: #ffae66; /* tan/orange */
	/* New Color Table (24/5/28 */
	--Color11: #FFFAEE; /* Light */
	--Color12: #FBDF97; /* Tan */
	--Color13: #E8814D; /* Brown  */
	--Color14: #E52323; /* Red */
	--Color15: #8559B2; /* Purple */
	--Color16: #5FB0F2; /* Blue */
	--Color17: #080A08; /* Black */
}

.bk-White {
	background-color: white;
}
.bk-Orange {
	background-color: var(--Color04);
}
.bk-Green {
	background-color: var(--Color02);
}
/* New Colors */
.bk-Light {
	background-color: var(--Color11);
}
.bk-Tan {
	background-color: var(--Color12);
}
.bk-Brown {
	background-color: var(--Color13);
}
.bk-Red {
	background-color: var(--Color14);
}
.bk-Purple {
	background-color: var(--Color15);
}
.bk-Blue {
	background-color: var(--Color16);
}
.bk-Black {
	background-color: var(--Color17);
}

.Text-White {
	color: white;
}
.Text-Blue {
	color: var(--Color16);
}

.Text-Red {
	color: var(--Color14);
}
.Text-Orange {
	color: var(--Color04);
}
.Text-Black {
	color: var(--Color17);
}

/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: var(--Color03);
  text-shadow: none; /* Prevent inheritance from `body` */
}

.FontSinte {
	font-family: "sinete", sans-serif;
	font-weight: 400;
	font-style: normal;
}
/* AKA Alphabet Soup */
.FontMetroScript {
	font-family: "metroscript", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.FontIndieFlower {
	font-family: "indie-flower", sans-serif;
	font-weight: 400;
	font-style: normal;
}
/* NEW FONTS */
.FontBody {
	font-family: 'Century Schoolbook L', serif;
	font-weight: 400;
}

.FontBubble100 {
	font-family: "bd-caramel-variable", sans-serif;
	font-style: Bubble;
	font-variation-settings: "BUBL" 100;
}
.FontBubble {
	font-family: "bd-caramel-variable", sans-serif;
	font-variation-settings: 'BUBL' 100;
}
.FontBubble500 {
  font-family: "bd-caramel-variable",sans-serif;
	font-style: Bubble;
  font-variation-settings: 'BUBL' 500;
	font-size: 15;
	text-shadow: 0 .05rem .1rem rgba(1, 42, 88, 0.466);
}
.FontCaramelRegular {
  font-family: "bd-caramel-variable",sans-serif;
	font-style: Regular;
}

.h1-Large {
	Font-size: 4em;
	/*text-shadow: 2px 2px black;*/
}
/*
 * Base structure
 */

body {
	text-shadow: 0 .05rem .1rem rgba(1, 42, 88, 0.466);
	/*box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);*/
	background-color: white;
}
footer {
	border-top-style: solid;
	border-color:  var(--Color01);
	background-color: var(--Color02);
}
.cover-container {
  max-width: 42em;
}


/*
 * Header
 */

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: var(--Color04);
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: var(--Color03);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #000;
  border-bottom-color: var(--Color01);
}

/*
 * Section Layout Options - Curvy
 */
section {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-height: 400px;
	padding: 100px 10vw;
}
.bookDivB-orange {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.bookDivB-orange svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 100px;
}

.bookDivB-orange .shape-fill {
    fill: var(--Color04);
}
.bookDivT-orange {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.bookDivT-orange svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 75px;
}

.bookDivT-orange .shape-fill {
    fill: var(--Color04);
}
.Wave-TopWhite {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.Wave-TopWhite svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 50px;
}

.Wave-TopWhite .shape-fill {
    fill: #FFFFFF;
}
.Wave-TopTan {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.Wave-TopTan svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 50px;
}

.Wave-TopTan .shape-fill {
    fill: #FBDF97;
}
.Wave-TopLight {
     position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.Wave-TopLight svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 50px;
}

.Wave-TopLight .shape-fill {
    fill: #FBDF97;
}

.Wave-BottomWhite {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.Wave-BottomWhite svg {
    position: relative;
    display: block;
    width: calc(134% + 1.3px);
    height: 60px;
    transform: rotateY(180deg);
}

.Wave-BottomWhite .shape-fill {
    fill: #FFFFFF;
}

.Wave-TopRed {
    position: absolute;
    top: -49px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.Wave-TopRed svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 50px;
}

.Wave-TopRed .shape-fill {
    fill: var(--Color14);
}

.Wave-TopBlue {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.Wave-TopBlue svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 50px;
}

.Wave-TopBlue .shape-fill {
    fill: var(--Color16);
}

/*
 * Card Layout Options
 */
.MyBlur1 {
    filter: blur(2px);
    filter: url("blur.svg#gaussian_blur");
    -webkit-filter: blur(1px);
}

.MyBlur2 {
	 filter: blur(2px);
    filter: url("blur.svg#gaussian_blur");
    -webkit-filter: blur(2px);

}
.MyBlur3 {
 filter: blur(2px);
    filter: url("blur.svg#gaussian_blur");
    -webkit-filter: blur(2px);
  
  cursor: pointer;

}
.TextOver {
	position: absolute;
  top: 50%;
  left: 50%;
  font-size: 50px;
	text-shadow: 0 .1rem .1rem rgba(1, 42, 88, 0.75);
	transform-origin: left bottom;
    transform: rotate(-45deg);
  -ms-transform: translate(-50%,-50%);
	z-index: 5;
}

.custom-btn:hover {
            background-color: var(--Color02);
            color: black;
        }

.float-L1 {
	float: left;
	position: absolute;
  	top: 10%;
  	left: 10%;
	transform-origin: left bottom;
    transform: rotate(-45deg);
	z-index: 5;
}
.float-L2 {
	float: left;
	position: absolute;
  	bottom: 0;
  	left: 15%;
	z-index: 5;
}
.float-L3 {
	float: left;
	position: absolute;
  	bottom: 0;
  	left: 0;
	z-index: 7;
	transform: rotate(-20deg);
}
.float-R1 {
	float: right;
	position: absolute;
  	top: 15px;
  	right: 15%;
	z-index: 5;
}
.float-R2 {
	float: right;
	position: absolute;
  	bottom: -25px;
  	right: 15%;
	z-index: 5;
	
}
.float-R3 {
	float: right;
	position: absolute;
  	top: 0;
  	right: 0;
	z-index: 4;
	
}
.float-RTover1 {
	position:absolute;
  	float: right;
  	top: -180px;
  	right: 5%;
	z-index: 99;
	transform: rotate(15deg);
}

text {
	 font-family: "bd-caramel-variable",sans-serif;
	font-style: Bubble;
  	font-variation-settings: 'BUBL' 500;
	font-size: 15;
	text-shadow: 0 .05rem .1rem rgba(1, 42, 88, 0.466);
  fill: var(--Color14);
  font-size: 100px;
}

.button-flex-group {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.button-flex-group > * {
	min-width: fit-content;
	flex: 1;
}