:root {
	--dutch-white: #f0e3c0;
	--dark-slate-gray: #17595b;
	--flax: #eed47c;
	--charcoal: rgb(46, 81, 102);
	--burnt-orange: #00132e;
	--eerie-black: rgb(18, 30, 20);
	--gunmetal: rgb(10, 39, 46);
	--burnt-orange: #191f21;
	--teal-white: #ffe11f;
	--lining: #ffe11f; /* e6d5a0*/
	--leaf-green: #fc14e5;
}

body {
	background: var(--burnt-orange);
	line-height: normal !important;
}

.wp-block-query-title {
	display: none !important;
}
/* ----------pixel art trail Cursor---------- */
#cursor-trail{
    position: fixed;
    width: 40px;
    height: 3px;

    background: linear-gradient(
        90deg,
        rgba(255,0,255,1),
        rgba(0,255,255,0)
    );

    pointer-events: none;

    transform-origin: left center;

    filter: drop-shadow(0 0 6px #ff00ff)
            drop-shadow(0 0 12px #00ffff);

    opacity: 0;

    transition: opacity 0.15s linear;
}

/* ----------Header---------- */
.headerparentdiv {
	border-radius: 20px;
	margin: 10px;
	background: var(--burnt-orange);
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.headerlogoimagecont {
	margin-top: 10px;
}

.pagelinks {
	text-decoration: none;
	font-size: 2vw;
  	text-align: center;
	
  /* yellow glow  */
	color: #fffabf;
  	text-shadow: 
    0 0 5px #fce700,  
    0 0 10px #fce700
}

.headerlogoimg {
	background-color: transparent;
	height:100px;
    width:100px;
}

.headertopcont {
	display: flex;
	align-content: center;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	flex-wrap: nowrap;
	flex-direction: row;
}

.headerTopContLogoImg{
	background-color: transparent;
	height:75px;
    width:75px;
}

/* Menu */
.menu {
	display: none;
	transition: all 300ms ease-in-out;
}

.ham {
	user-select: none;
	border: 2px solid var(--lining);
	border-radius: 50%;
	transition: border-radius 300ms ease-in-out;
}

.hamRotate.active {
	transform: rotate(45deg);
}

svg#menubtn2 {
	margin-left: 10px;
	margin-top: 50px;
}

.line {
	fill: none;
	transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
	stroke: var(--lining);
	stroke-width: 5.5;
	stroke-linecap: round;
}

.ham1 .top {
	stroke-dasharray: 40 139;
}

.ham1 .bottom {
	stroke-dasharray: 40 180;
}

.ham1.active .top {
	stroke-dashoffset: -98px;
}

.ham1.active .bottom {
	stroke-dashoffset: -138px;
}

.pagecontainer {
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	flex-wrap: nowrap;
	border-radius: 20px;
	background: var(--burnt-orange);
	width: 100%;
	justify-content: space-evenly;
	transition: all 300ms ease-in-out;
}

.leftCompHeader,.rightCompHeader{
  flex: 1;
  display: flex;
  gap: clamp(12px, 2vw, 40px);
}

.leftCompHeader{
	justify-content: space-evenly;
}

.rightCompHeader{
	justify-content: space-evenly;
}

.centerCompHeader{
	flex-shrink: 0;
}

#pagecontainercontainer {
/* 	background: var(--teal-white);
	border-radius: 20px;
	padding: 2px; */
	width: 100%;
}

@media only screen and (max-width: 600px) {

	/* Do this if window is width or less */
	.pagecontainer {
		display: none;
		transition: all 300ms ease-in-out;
	}
	
	.menu {
		margin: 10px;
		display: block;
		margin-right: auto;
		transition: all 300ms ease-in-out;
	}
}

@media only screen and (min-width: 601px){
	.headertopcont {
		display:none;
		transition: all 300ms ease-in-out;
	}
}

/* Register Button */
.regbtn {
	font-size: 20px;
	background-color: var(--dutch-white);
	color: var(--burnt-orange);
	padding: 10px;
	border-radius: 30px;
	margin: 10px;
}

.regbutton {
	margin-left: auto;
}

/* Sidebar */
.dispnone {
	width: 0 !important;
	left: -200px !important;
}

#sidebar {
	height: 100vh;
	width: 100vw;
	position: fixed;
	display: flex;
	z-index: 5;
	top: 0;
	left: 0;
	background-color: #272940;
	transition: all 1000ms ease-in-out;
	flex-direction: column;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
}

.sidenavpagelinks{
	text-decoration: none;
	font-size: 35px; !important
  	text-align: center;
	
  /* yellow glow  */
	color: #fffabf;
  	text-shadow: 
    0 0 5px #fce700,  
    0 0 10px #fce700
	
}

.lineg {
	fill: none;
	transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
	stroke: var(--lining);
	stroke-width: 5.5;
	stroke-linecap: round;
}

.hamg {
	user-select: none;
	border: 2px solid var(--lining);
	border-radius: 50%;
	transition: border-radius 300ms ease-in-out;
}

.sblinks {
	color: var(--lining);
	font-size: 50px;
	text-decoration: none;
}

.sbcont {
	display: flex;
	flex-direction: column;
	height: 80%;
	align-content: center;
	align-items: center;
	justify-content: space-evenly;
	transition: all 2000ms ease-in-out;
}

/* ----------Footer---------- */

.footerparent {
	background: var(--burnt-orange);
	border-radius: 20px;
	padding: 10px;
}

.footerparentcontainer {
	background: var(--teal-white);
	border-radius: 20px;
	padding: 2px;
	width: 100%;
}

.site-footer {
	border-radius: 20px;
	margin: 10px;
	background: var(--burnt-orange);
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding-bottom: 20px;
}

.footerlink {
	text-decoration: none;
}

.footerlinkcont {
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center;
}

div#social {
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	align-items: center;
	margin: 10px;
}

.footerhead {
	text-decoration: underline;
}

.iframemap {
	border-radius: 200px;
}

.social {
	margin: 10px;
}

div#mapdiv {
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
}

.maptext {
	margin: 20px;
}

/* ----------Divider---------- */


.divider {
	max-width: 20% !important;
	margin: 2%;
}

@media only screen and (max-width: 600px) {

	/* Do this if window is width or less */
	.divider {
		max-width: 40% !important;
		margin: 2%;
	}
}

/* ----------Store---------- */

.wc-block-grid__products {
	align-content: center;
	justify-content: center;
	align-items: center;
}

/* ----------Under Construction---------- */

.uccont {
	display: none;
	align-content: center;
	justify-content: center;
	align-items: center;
	background: var(--burnt-orange);
	height: 100vh;
	z-index: 1000;
	width: 100vw;
	position: fixed;
	left: 0;
	top: 0;
	flex-direction: column;
}

.uctext {
	padding: 10px;
	text-align: center;
}

/* ----------Preloader---------- */
/*---TODO*---/
/* ----------Definitions---------- */
.pinkGlow{
	color: #ffd6fb;
	text-shadow: 0 0 5px #f207db, 0 0 10px #f207db, 0 0 15px #f207db;
}

.fftfont{
	font-family: "Fifties Movies", system-ui;
    font-display: swap;
}

.lbstrfont{
	font-family: "Lobster", system-ui;
    font-display: swap;
}

.vogfont{
	font-family: "Vogue", system-ui;
    font-display: swap;
}

.normaltxt {
	font-size: 20px;
	margin-left: 5%;
	margin-right: 5%;
	line-height: 35px;
}

.smoltxt {
	font-size: 15px;
	margin: 5%;
	line-height: 25px;
}

.hidden {
	visibility: hidden;
}

.textsize20 {
	font-size: 20px;
}

.textsize30 {
	font-size: 30px;
}

.textsize40 {
	font-size: 40px;
}

.textsize25 {
	font-size: 25px;
}

.textsize50 {
	font-size: 50px;
}

.textsize80{
	font-size: 80px;
}

.textsize15 {
	font-size: 15px;
}

/* ----------Button Mods---------- */

.wp-element-button {
	border-radius: 30px;
	font-family: 'Sailors Dairy' !important;
	font-size: 20px !important;
}

/* ----------Checkout---------- */

.col2-set {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.col-2 {
	display: none;
}

/* ----------Demo Banner---------- */

p.demo_store {
	display: none !important;
}

/* ----------Other General Colors---------- */

h1 {
	color: var(--leaf-green);
}

/* ----------BG Elements---------- */

.corals {
	position: fixed;
	width: 99vw;
	opacity: 30%;
	z-index: -2;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: flex-end;
}

/* ----------RGB glitch effect for text ---------- */
/*TODO*/