@font-face {
    font-family: 'Pacifico';
    src: url(https://fonts.googleapis.com/css?family=Pacifico);    
}

@font-face {
    font-family: 'Poppins';
    src: url(https://fonts.googleapis.com/css?family=Poppins);    
}

body {
    background-color: rgb(162,222,250);
    background-image: url("/.control/images/jollyBackground.png");
}

#bodyTable {
    width: 				100%;
    font-family: 		'Poppins', 'Arial', 'DejaVu Sans', 'Liberation Sans', 'Freesans', sans-serif;
    font-size: 			16px;
    line-height: 		22px;
}

#bodyContainer {
    background-color: 	white;
    border-radius: 		16px;
    border: 			2px solid #393e41;
    box-shadow: 		4px 6px 14px #498ba9;
}

h1 {
    font-size: 			34px;
	color: 				#2b7567;
    font-weight: 		bold;
	margin:				2px 0 25px 0;	
}

h2 {
    color: 			#3a3994;
    font-weight: 	bold;
	margin:			2px 0 12px 0;
}

h3 {
    font-size: 		22px;
    font-weight: 	normal;
	margin:			2px 0 12px 0;
}

#testimonials {
	font-size:	15px;
	text-align: center;
	margin: 22px 0 15px 0;
    background-color: #a3def9;
    padding: 1em 1.2em 1em 1.2em;    
    border: 1px solid #498ca9;
	border-radius: 3px;
    box-shadow: 2px 2px 10px 0px #cccccc;    
}

#testimonials .author {
	font-family: 	'Pacifico', 'Monotype Corsiva','Apple Chancery','ITC Zapf Chancery','URW Chancery L',cursive;
	font-size:		18px;
	font-weight:	normal;
	margin-top:		14px;
	letter-spacing:	2px;
}

.restrictions {
    white-space: nowrap;    
    text-align:center;
    margin-bottom: 6px;
}
.instructionLine {
    font-weight: bold;
}
div.rightSideContainer {
    text-align:center;    
}
div.rightSideContainer a {
    font-weight: bold;
    color: #8f92ce;
    font-size: 18px;
}
img.rightSideImage {
    margin: auto;
    margin-top: 12px;
}

div.notice {
    width:				58%;
	font-size:			18px;
	line-height:		28px;
	text-transform:		uppercase;
    text-align:			center;
    border-radius: 		12px;
    border: 			1px solid #cccccc;
    box-shadow: 		2px 2px 10px #848682;
    background-color: 	#498ba9;
	color:				#ffffff;
	padding: 			15px 15px 10px 15px;
	margin:				20px auto 25px auto;
}

div.notice span.coinbanks {
	display:			block;
	margin:				15px 5px 2px 5px;
}

.sig {
    font-size: 18px;
    font-weight: bold;
    color: #393e41;
	margin:		5px 0 28px 0;
}
div#menubar {
    background-color: 	#e7bb41;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    position:relative;
    z-index: 99;
    padding-top: 			1em;
    padding-bottom: 		1em;
	margin:				0 0 20px 0;
}
div#menubar a:hover {
    color: #e7e5df;
}
div#menubar a {
    color: #393e41;    
    font-size: 18px;
    font-family: 'Comic Sans MS',cursive;
    font-weight: bold;
    text-decoration: none;
}

div#siteTitle {
    font-size: 58px;
    font-weight: bold;
    color: white;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 36px;
    letter-spacing: 4px;
    text-shadow: 5px 7px 14px #393e41
}


div.shipping span {
	display:				block;
	font-weight:			600;
	margin:					0 0 4px 0;
}

div.shipping p {
	margin:					5px 0 22px 0;
}

div.shipping ul {
	margin-top:				25px;
	margin-bottom:			5px;
	padding-left:       	20px;
}

div.shipping li {
	margin-bottom:			8px;
	padding-left:       	1px;
}


/* PRODUCTS PAGE */
img.borderImage  {
    border: 2px solid #498ba9;
}

table.app\.crt\.cart, div.app\.crt\.foot {
    width: 					90%;
}

form.app\.crt\.item {
    text-align: 			center;	
}

tr.app\.crt\.head td, #app\.crt\.total td {
	background:				#2b7567;
	color:					#ffffff;	
}

.contact-form div.app\.frm\.input.app\.frm\.text,
.contact-form div.app\.frm\.input.app\.frm\.email,
.contact-form div.app\.frm\.input.app\.frm\.phone,
.contact-form div.app\.frm\.input.app\.frm\.textarea,
.contact-form div.app\.frm\.input.app\.frm\.dropdown {
    text-align:left;
}

div.app\.frm\.input.app\.frm\.text,
div.app\.frm\.input.app\.frm\.email,
div.app\.frm\.input.app\.frm\.phone,
div.app\.frm\.input.app\.frm\.textarea,
div.app\.frm\.input.app\.frm\.dropdown {
    display: block;
/*    text-align: center; */
    margin-bottom: 6px;
}

div.app\.frm\.input.app\.frm\.text input,
div.app\.frm\.input.app\.frm\.email input,
div.app\.frm\.input.app\.frm\.phone input,
div.app\.frm\.input.app\.frm\.textarea textarea,
div.app\.frm\.input.app\.frm\.dropdown select
{
    border-radius: 6px;
    padding: 6px;
    font-size: 16px;
    border: 1px inset #498ca9;
}

div.app\.frm\.input.app\.frm\.text label,
div.app\.frm\.input.app\.frm\.email label,
div.app\.frm\.input.app\.frm\.phone label,
div.app\.frm\.input.app\.frm\.textarea label,
div.app\.frm\.input.app\.frm\.dropdown label {
	display:		block;
	margin-bottom: 	1px;
}

.option-price {
    display:		inline-block;
	font-size: 		20px;
    line-height: 	18px;
	margin-left:	4px;
}

.product-option .product-option-name {
    text-align:center;
    font-weight: bold;
    margin: 6px 0 2px 0;
}
.productListing {
    padding: 22px 8px 25px 8px;
    border-top: 2px solid #a2def9;   
}
.productListing .product-option {   
    margin-top: 6px;    
    background-color: #f9efd2;
    padding: 6px;
    border-radius: 12px;
    border: 2px solid #000000;
    box-shadow: 2px 2px 10px #848682;    
}
.productListing h2 {
    color: #3a3994;
    font-weight: bold;
    margin-top: 0px;
}

.product-details {
	margin:			15px 0 5px 0;
}

.saleLine {
    font-weight: bold;
	margin-bottom:	12px;
}

.imageContainer img {
    display:block;
    margin:auto;
}
.soldOutNotice {
    font-weight: bold;
    color: red;
    text-align: center;
    margin-top: 26px;
}


/* LIST STYLE */
ul, ol {
	margin-top:				15px;
	margin-bottom:			25px;
	padding-left:       	28px;
}

li {
	margin-bottom:			8px;
	padding-left:       	8px;
}

ul.checkmarkList {
    list-style: 			none;
	padding-left: 			6px;
}
 
ul.checkmarkList li:before {
    color: 					#2e6499;
    content: 				'✓ ';
    font-size: 				1.2em;
    font-weight: 			bold;
}


.contact:before {
	font-family: 			'Material Symbols Outlined';
	font-weight:			400;
	font-size:				35px;
	vertical-align:			middle;
}

a.instagram:before {
    content:				"\e055";
}

a.facebook:before {
    content:				"\f09a";
}

a.x-twitter:before {
    content:				"\e61b";
}

a.linked-in:before {
    content:				"\f08c";
}

.email:before {
    content:				"\e158";
}

.phone:before {
	content:				"\e0b0";
}

.address:before {
	content:				"\e0c8";
}



/* BUTTON STYLE */
.button, a.button, .button a, input[type="submit"], input[type=button] {
	position: 				relative;
	display:				inline-block;
	text-align:				center;
	text-decoration: 		none;
    background-color: 		#c977b1;
    border: 				1px solid #44225c;
	color: 					#ffffff;
	font-size: 				18px;
	line-height:			25px;
	font-weight:    		400;
	text-transform:			uppercase;
	border-radius: 			5px;
	transition: 			0.3s;
	padding:				8px 15px 8px 15px;
	margin:					10px auto;
	transition: 			1s all ease;
	z-index: 				2;
	overflow: 				hidden;
}

.button:hover, a.button:hover, input[type="submit"]:hover, input[type=button]:hover {
    background-color: 		white;  
	color:					#c977b1;
/*	border-right: 			15px solid #44225c; */
}

.button::before, .button::after {
    content: 				"";
    position: 				absolute;
    width: 					100%;
    height: 				100%;
    display: 				block;
    background: 			#ffffff;
    top: 					0;
    left: 					0;
    z-index: 				-1;
    transform: 				scaleX(0);
    transition: 			background 0.5s, transform 0.5s, opacity 0.5s ease-in;
}

.button::before {
    left: 					-30%;
}

.button::after {
    right: 					-30%;
}

.button:hover::after {
    transform: 				scale(1);
}

.button:active {
    transform: 				translateY(2px);
}


/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    div#siteTitle {
        margin-right: 85px;
    }
}
.cursiveText {
    font-family: 'Pacifico', 'Monotype Corsiva','Apple Chancery','ITC Zapf Chancery','URW Chancery L',cursive;
}

div.FOOTER {
    height: 86px;
}