/*
Title:	CSS for Dreamstate
Author: https://agentartifact.com
*/


/* =Reset default browser CSS. 
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, 
sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
img { border: 0px; }
li { list-style-type: none; }

button.forward-tab, button.reverse-tab, button.forward-landing, button.reverse-landing, button.forward-tab-entry, button.reverse-tab-entry, button.forward-landing-entry,
button.reverse-landing-entry { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0 !important;border: 0 !important; height: 1px !important; 
    width: 1px !important; overflow: hidden; position: absolute; outline: none !important; }

:focus { outline: 0; }

:root { 

    /* Neutrals */
        --white: #fff;
        --black: #000;
        --blackAlmost: #010101;

        --itemBg: #3B434A;

    /* Gray */
        --gray1: #fcfeff;   --red1: #fffcfc;   --orange1: #fffbf7;   --yellow1: #fffef7;   --gold1: #fffcf2;   --green1: #f8fff7;   --lime1: #fefff7; 
        --gray2: #f2f6fa;   --red2: #fff7f8;   --orange2: #fff8f2;   --yellow2: #fffdf2;   --gold2: #fff8e6;   --green2: #f4fff2;   --lime2: #fdfff2;
        --gray3: #e8ecf2;   --red3: #fff2f3;   --orange3: #fff0e6;   --yellow3: #fff8d9;   --gold3: #fff2cc;   --green3: #e8ffe6;   --lime3: #f9ffd9;
        --gray4: #dadfe6;   --red4: #ffe6e8;   --orange4: #ffe2cc;   --yellow4: #fff3bf;   --gold4: #ffebb3;   --green4: #d2ffcc;   --lime4: #f5ffbf; 
        --gray5: #ced3d9;   --red5: #ffccd1;   --orange5: #ffd3b3;   --yellow5: #ffeea6;   --gold5: #ffe499;   --green5: #b1f2aa;   --lime5: #f0ffa6;
        --gray6: #c2c6cc;   --red6: #fcb0b8;   --orange6: #ffc599;   --yellow6: #ffe98c;   --gold6: #ffde80;   --green6: #94e68a;   --lime6: #ecff8c; 
        --gray7: #b0b7bf;   --red7: #f7949d;   --orange7: #ffb680;   --yellow7: #ffe473;   --gold7: #ffd766;   --green7: #79d96d;   --lime7: #e8ff73; 
        --gray8: #a1a8b3;   --red8: #f07884;   --orange8: #ffa866;   --yellow8: #ffdf59;   --gold8: #ffd04d;   --green8: #5fcb51;   --lime8: #e4ff59;
        --gray9: #959ca6;   --red9: #ed5f6d;   --orange9: #ff994d;   --yellow9: #ffda40;   --gold9: #ffca33;   --green9: #4dcb3d;   --lime9: #e0ff40;   
        --gray10: #858e99;  --red10: #eb4657;  --orange10: #ff8b33;  --yellow10: #ffd526;  --gold10: #ffc319;  --green10: #3BCB28;  --lime10: #dbff26;      
        --gray11: #79818c;  --red11: #e82e41;  --orange11: #ff7c19;  --yellow11: #ffd00d;  --gold11: #f8b700;  --green11: #27bf13;  --lime11: #cef218;
        --gray12: #6c7580;  --red12: #dd182d;  --orange12: #ff7300;  --yellow12: #f2c300;  --gold12: #e6a900;  --green12: #15b300;  --lime12: #c2e60b;
        --gray13: #5f6873;  --red13: #bf1527;  --orange13: #e66700;  --yellow13: #d9af00;  --gold13: #cc9700;  --green13: #14a600;  --lime13: #aacc00;
        --gray14: #555c66;  --red14: #a61222;  --orange14: #cc5c00;  --yellow14: #bf9a00;  --gold14: #b38400;  --green14: #129900;  --lime14: #95b300;
        --gray15: #41464d;  --red15: #8c0f1d;  --orange15: #b35000;  --yellow15: #a68600;  --gold15: #997100;  --green15: #118c00;  --lime15: #809900;
        --gray16: #363a40;  --red16: #730c17;  --orange16: #994500;  --yellow16: #8c7100;  --gold16: #735500;  --green16: #0e7300;  --lime16: #607300;
        --gray17: #2b2f33;  --red17: #590a12;  --orange17: #803900;  --yellow17: #735c00;  --gold17: #594200;  --green17: #0b5900;  --lime17: #4b5900;
        --gray18: #212326;  --red18: #40070d;  --orange18: #662e00;  --yellow18: #594800;  --gold18: #402f00;  --green18: #084000;  --lime18: #354000;
        --gray19: #16181a;  --red19: #260408;  --orange19: #4d2300;  --yellow19: #403300;  --gold19: #261c00;  --green19: #052600;  --lime19: #202600;
        --gray20: #0b0c0d;  --red20: #0d0103;  --orange20: #331700;  --yellow20: #261f00;  --gold20: #0d0900;  --green20: #020d00;  --lime20: #0b0d00;
                                                   --orange21: #1a0c00;
                                                   --orange22: #0d0600;

        --teal1: #f7feff;   --blue1: #f7fcff;   --purple1: #fcf7ff;  --hotPink1: #fff7fd;   --tan1: #fcfaf5;    --brown1: #f2d8c2;   --dirt1: #f2f0ef;  --copper1: #fff1e6; 
        --teal2: #e6f1f2;   --blue2: #f2faff;   --purple2: #f9f2ff;  --hotPink2: #fff2fc;   --tan2: #f5f1e9;    --brown2: #e6c0a1;   --dirt2: #ebe6e4;  --copper2: #ffe3cc;
        --teal3: #c3e3e6;   --blue3: #e6f6ff;   --purple3: #f4e6ff;  --hotPink3: #ffd9f6;   --tan3: #f2ebda;    --brown3: #d9b698;   --dirt3: #e6deda;  --copper3: #ffd4b3;
        --teal4: #a3d4d9;   --blue4: #ccecff;   --purple4: #e9ccff;  --hotPink4: #ffbff0;   --tan4: #e6dbc3;    --brown4: #cca585;   --dirt4: #ded3cc;  --copper4: #f2bc91;
        --teal5: #85c6cc;   --blue5: #b3e3ff;   --purple5: #deb3ff;  --hotPink5: #ffa6ea;   --tan5: #ded2b8;    --brown5: #bf9673;   --dirt5: #d4c6be;  --copper5: #e6a573;
        --teal6: #69b8bf;   --blue6: #99d9ff;   --purple6: #d399ff;  --hotPink6: #ff8ce4;   --tan6: #decca7;    --brown6: #b38762;   --dirt6: #ccbfb8;  --copper6: #d99057;
        --teal7: #51abb3;   --blue7: #80d0ff;   --purple7: #c880ff;  --hotPink7: #ff73de;   --tan7: #dec590;    --brown7: #a67953;   --dirt7: #c2b6ae;  --copper7: #cc7c3d;
        --teal8: #3fa9b3;   --blue8: #66c6ff;   --purple8: #bd66ff;  --hotPink8: #ff59d9;   --tan8: #ccaf70;    --brown8: #996c45;   --dirt8: #baaca4;  --copper8: #cc7129;
        --teal9: #2da8b3;   --blue9: #4dbdff;   --purple9: #b24dff;  --hotPink9: #f73ecc;   --tan9: #bf9e56;    --brown9: #8c5f38;   --dirt9: #b3a298;  --copper9: #8c4d1c;
        --teal10: #1ba6b3;   --blue10: #30abf2; --purple10: #a332f8; --hotPink10: #ed24be;  --tan10: #b39350;   --brown10: #80532d;  --dirt10: #a6978d; --copper10: #8c450e; 
        --teal11: #149ca8;   --blue11: #179ae6; --purple11: #9a24f2; --hotPink11: #e310b2;  --tan11: #a6894b;   --brown11: #734b28;  --dirt11: #99887d; --copper11: #803f0d;
        --teal12: #138e99;   --blue12: #078DDA; --purple12: #8516d9; --hotPink12: #d90ba9;  --tan12: #997e45;   --brown12: #664224;  --dirt12: #8A7B71; --copper12: #733608;
        --teal13: #0e828c;   --blue13: #047bbf; --purple13: #710abf; --hotPink13: #bf0494;  --tan13: #8c743f;   --brown13: #593a1f;  --dirt13: #70645c; --copper13: #662f05;
        --teal14: #067680;   --blue14: #0069a6; --purple14: #5f00a6; --hotPink14: #a6007f;  --tan14: #806939;   --brown14: #4d2b1b;  --dirt14: #544b45; --copper14: #592803;
        --teal15: #006973;   --blue15: #00598c; --purple15: #50008c; --hotPink15: #8c006c;  --tan15: #735f34;   --brown15: #4d3022;  --dirt15: #3d3732; --copper15: #4d2201;
        --teal16: #005e66;   --blue16: #004973; --purple16: #410073; --hotPink16: #730058;  --tan16: #665838;   --brown16: #412d24;  --dirt16: #362A23; --copper16: #401c00;
        --teal17: #005259;   --blue17: #003959; --purple17: #330059; --hotPink17: #590045;  --tan17: #594f3a;   --brown17: #41322B;  --dirt17: #29201b; --copper17: #331600;
        --teal18: #003b40;   --blue18: #002840; --purple18: #240040; --hotPink18: #400031;  --tan18: #403929;   --brown18: #413934;  --dirt18: #231B17; --copper18: #261100;
        --teal19: #002326;   --blue19: #001826; --purple19: #160026; --hotPink19: #26001d;  --tan19: #262219;   --brown19: #231C18;  --dirt19: #1a1412; --copper19: #1a0b00;
        --teal20: #000c0d;   --blue20: #00080d; --purple20: #07000d; --hotPink20: #0d000a;  --tan20: #0d0b08;   --brown20: #140d04;  --dirt20: #070501; --copper20: #0d0600;

        --squareBg: #2e2521;
		--brownBorder: #3d322a; 
		--perryBorder: #546a80;

    /* Colors */
        /* Red */
        --red: var(--red12); /* 221,24,45 */
        --redLight: #ec5464; /* 236,84,100 */
        --redLight2: #ec6c79; /* 236,108,121 */
        --redGlass1: rgba(221,24,45,.2);
        --redGlass2: rgba(221,24,45,.4);
        --redGlass3: rgba(221,24,45,.7);

        /* Orange */
        --orange: #f07d26; /* 240,125,38 */
        --orangeLight: #ff8941; /* 255,137,65 */
        --orangeLight2: #ffa974; /* 255,169,116 */
        --orangeGlass1: rgba(240,125,38,.2);
        --orangeGlass2: rgba(240,125,38,.4);
        --orangeGlass3: rgba(240,125,38,.7);

        /* Gold */
        --gold: #f8b700; /* 248,183,0 */
        --goldLight: var(--gold8); /* 255,208,77 */
        --goldLight2: #ffe499; /* 255,228,153 */
        --goldGlass1: rgba(248,183,0,.2);
        --goldGlass2: rgba(248,183,0,.4);
        --goldGlass3: rgba(248,183,0,.7);

        /* Yellow */
        --yellow: #ffd217; /* 255,197,23 */
        --yellowLight: #fdeb43; /* 253,235,67 */
        --yellowLight2: #fdf28f; /* 253,242,143 */
        --yellowGlass1: rgba(255,197,23,.2);
        --yellowGlass2: rgba(255,197,23,.4);
        --yellowGlass3: rgba(255,197,23,.7);

        /* Green */
        --green: #3BCB28; /* 59,203,40 */
        --greenLight: #87f279; /* 135,242,121 */
        --greenLight2: #a8e69f; /* 158,230,159 */
        --greenGlass1: rgba(59,203,40,.2);
        --greenGlass2: rgba(59,203,40,.4);
        --greenGlass3: rgba(59,203,40,.7);

        /* Lime */
        --lime: #c2e60b; /* 185,210,56 */
        --limeLight: #d3e673; /* 211,230,115 */
        --limeLight2: #f3ffb3; /* 243,255,179 */
        --limeGlass1: rgba(185,210,56,.2);
        --limeGlass2: rgba(185,210,56,.4);
        --limeGlass3: rgba(185,210,56,.7);

        /* Teal */
        --teal: #149ca8; /* 20,156,168 */
        --tealLight: #8adee6; /* 138,222,230 */
        --tealLight2: #ccfbff; /* 204,251,255 */
        --tealGlass1: rgba(20,156,168,.2);
        --tealGlass2: rgba(20,156,168,.4);
        --tealGlass3: rgba(20,156,168,.7);

        /* Blue */
        --blue: #078DDA; /* 7,141,218 */
        --blueLight: #43bcfd; /* 67,188,253 */
        --blueLight2: #8fd7fd; /* 143,215,253 */
        --blueGlass1: rgba(7,141,218,.2); 
        --blueGlass2: rgba(7,141,218,.4); 
        --blueGlass3: rgba(7,141,218,.7);

        /* Purple */
        --purple: #a332f8; /* 183,96,248 */
        --purpleLight: #B760F8; /* 183,96,248 */
        --purpleLight2: #cf96fa; /* 207,150,250 */
        --purpleGlass1: rgba(183,96,248,.2);
        --purpleGlass2: rgba(183,96,248,.4);
        --purpleGlass3: rgba(183,96,248,.7);

        /* Cream */
        --creamText: #ded2b8;
        --cream: #c4b187; /* 171,154,118 */
        --creamLight: #decca6; /* 222,204,166 */
        --creamLight2: #020202; /* 246,244,234 */
        --creamGlass1: rgba(171,154,118,.2);
        --creamGlass2: rgba(171,154,118,.4);
        --creamGlass3: rgba(171,154,118,.7);
        --cream2: #ab9a76;
        --cream3: #9E9289;
        --cream4: #918364;
        --cream5: #817267;
        --cream6: #635041; 
        --cream7: #5F5146;
        --creamSuperDark: #1a1712;    
           

        /* Copper */
        --copper: var(--copper11); /* 105,52,11 */
        --copperLight: var(--copper8); /* 204,113,41 */
        --copperLight2: var(--copper6); /* 204,147,102 */
        --copperDark: var(--copper13); /* 77,38,8 */
        --copperGlass1: rgba(105,52,11,.2); 
        --copperGlass2: rgba(105,52,11,.4); 
        --copperGlass3: rgba(105,52,11,.7); 
        --copperTrim1: #7C5440; /* 124,84,64 */

        /* Hot Pink */
        --hotPink: #e310b2; /* 227,16,178 */
        --hotPinkLight: #ef7bc1; /* 239,123,193 */
        --hotPinkLight2: #ffb3e1; /* 255,179,225 */
        --hotPinkGlass1: rgba(227,16,178,.2);
        --hotPinkGlass2: rgba(227,16,178,.4);
        --hotPinkGlass3: rgba(227,16,178,.7);   

        /* Perrywinkle / Admin Border */
        --perry1: #cccad9;
        --perry2: #ded9ff; /* 222,217,255  Perry Text */
        --perry3: #cfc9ff;
        --perry4: #c4bdff;
        --perry5: #b8b0ff;
        --perry6: #ada3ff;
        --perry7: #a196ff;
        --perryTrue: var(--perry7);
        --perry8: #9187e6;
        --perry9: #8178cc;
        --perry10: #7a73b3;
        --perry11: #626299;
        --perry12: #585c80;
        --perry13: #464e66;
        --perry14: #3d4759;
        --perry15: #353f4d;
        --perry16: #2c3440;
        --perry17: #28313b; /* 40,49,59 */
        --perry18: #232a33;
        --perry19: #1f262e;
        --perry20: #1a1f26;
        --perry21: #171c23; /* 23,28,35 */
        --perry22: #11151a;

        --perryGray1: #e4e8f0;
        --perryGray2: #bcc5d6;
        --perryGray3: #a6aebd;
        --perryGray4: #8690a3;
        --perryGray5: #717a8a;
        --perryGray6: #5C6370; /* 92,99,112 */ 
        --perryGray7: #697278; /* 105,114,120 */
        --perryGray8: #4c5256; 
        --perryGray9: #3f4954;
        --perryGray10: #2c333a;
        --perryGray11: #23272b; 
        
        --perryBlueGray1: #40567c; /* 64,86,124 */
        --perryBlueGray2: #3b516e; /* 59,81,110 */

        /* Borders */
        --grayShine: linear-gradient(45deg, var(--perryGray7) 20%, var(--white) 50%, var(--perryGray7) 80%);

        /* Fonts */
        --primaryFont: Figtree, Helvetica, Arial, Sans-serif;
        --codeFont: 'Courier New', Courier, monospace;

		--primaryTextColor: var(--dirt5);

        /* Shadows */
        --primaryBoxShadow: 0 0 30px rgba(0,0,0,.15); 
        --secondaryBoxShadow: 0 0 50px rgba(0,0,0,.15);
        --fieldBoxShadow: 0 0 5px rgba(0,0,0,.07);
        --cardBoxShadow: 0 0 10px rgba(0,0,0,.5);
        --accountBoxShadow: 0 0 15px rgba(0,0,0,1);
        --darkBoxShadow: 0 0 20px rgba(0,0,0,.5);
        --darkBoxShadow2: 0 0 20px rgba(0,0,0,.75);
        --darkBoxShadow3: 0 0 30px rgba(0,0,0,1);
        --smallBoxShadow: 0 0 10px rgba(0,0,0,.8); 
	
}


/* ================== EVERYTHING is BOX-SIZED - position relative ================== */
* { position: relative; box-sizing: border-box; -webkit-text-size-adjust: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
/* ================== EVERYTHING is BOX-SIZED - position relative ================== */

* { -webkit-text-size-adjust: none; } /* Disable iOS gettin' in muh business */

html { height: 100%; scroll-behavior: smooth; } 
body { height: 100%; font-size: 16px; font-family: var(--primaryFont); color: var(--primaryTextColor); line-height: 1.5em; margin: 0;
	background: rgb(20,13,4); background: radial-gradient(circle, rgba(20,13,4,1) 0%, rgba(8,7,2,1) 100%);
	background: radial-gradient(circle,rgba(40, 31, 26, 1) 0%, rgba(16, 11, 3, 1) 100%); }
body.noscroll { overflow-y: hidden; }

.clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } /* On the rare occasion you need to use a float */
.clearright { clear: right; }


/* Titles, Text Sizing, Colors, Links, Buttons ============================================== */
	
	/* Headings & Text */
		h1, h2, h3, h4, h5, h6, .huge, .xxlarge, .xlarge, .large, .medium, .h1, .h2, .h3, .h4, .h5, .h6 { font-size: 16px; -webkit-font-smoothing: antialiased; 
			line-height: 1.25em; font-family: var(--primaryFont); letter-spacing: -.03em; }
		h1, .huge, .h1 { font-size: 34px; font-weight: bold; }
		h2, .xxlarge, .h2 { font-size: 28px; }
		h3, .xlarge, .h3 { font-size: 24px; }
		h4, .large, .h4 { font-size: 20px; }
		h5, .medium , .h5 { font-size: 18px; }
		h6, .small, .h6 { font-size: 16px; letter-spacing: 0px; }

        h2.stripe-title, h2.entry-title { font-size: 30px; }
        h2.stripe-subtitle, h3.stripe-subtitle { font-size: 22px; }

	/* Weights, Italics, Underlines, Strikes */
		strong, .strong, .weight700 { font-weight: bold; } 
		.lightweight, .weight300 { font-weight: 300; }
		.normalweight, .weight400 { font-weight: normal; }
		.midweight, .semiweight, .weight600 { font-weight: 600; }
		.heavyweight, .weight800 { font-weight: 800; }
		.blackweight, .weight900 { font-weight: 900; }

		em, .italic { font-style: italic; }
		.stritalic { font-weight: bold; font-style: italic; }
		.underline { text-decoration: underline; }
		.strike { text-decoration: line-through; }

	/* Character Spacing & Casing */
		tt { font-family: var(--primaryMonospaceFont); }
		.tight { letter-spacing: -.03em; }
		.tight2 { letter-spacing: -.06em; }
		.upper { text-transform: uppercase; }
		.lower { text-transform: none; }
		
	
	/* Text Alignment */
		.center, .centertext { text-align: center; }
		.indent { margin-left: 30px; margin-bottom: 30px; }

	/* Basic Paragraph Rules */
		p { line-height: 1.7em; margin-bottom: 30px; }
		p:last-child { margin-bottom: 0; padding-bottom: 0; }
		p.nobot, p.mclear { margin-bottom: 0; }
		p.withlist { margin-bottom: 10px; }

		ul, ol { margin-bottom: 30px; }
		ul:last-child, ol:last-child { margin-bottom: 0; }
		ul li, ol li { line-height: 1.5em; margin: 7px 0 7px 25px; list-style-type: disc; }
		ol li { list-style-type: decimal; }
		ul li:first-child, ol li:first-child { margin-top: 0; }
		ul li:last-child, ol li:last-child { margin-bottom: 0; }
	
	
	/* Block Quote */
		blockquote { border-left: 10px solid var(--gold10); padding-left: 40px; margin-bottom: 30px; font-family: var(--blockquoteFont); font-style: italic; }
		blockquote p:last-child { padding-bottom: 0; }
		cite { font-size: 14px; font-style: normal; }
	
	
	/* Color Palette */
		.white { color: var(--white); } .whiteb { background: var(--white); }
		.black { color: var(--black); } .blackb { background: var(--black); }

		.twhite { color: var(--twhite); } /* Not Quite White */
		.twhite2 { color: var(--twhite2); } /* Not Quite White 2 */
		.twhite3 { color: var(--twhite3); } /* Definitely not White, but still fairly light */
		
		.red1, .bred1 { color: var(--artifactRed); } /* Artifact Red */
		.red2, .bred2 { color: var(--artifactRedLight); } /* Artifact Red Tint */
		.red3, .bred3 { color: var(--artifactDark); } /* Artifact Red Hover */

		.navy1 { color: var(--artifactNavy); } /* Artifact Navy 1 */

		.gray1 { color: var(--gray1); }
        .gray2 { color: var(--gray2); }
        .gray3 { color: var(--gray3); }
        .gray4 { color: var(--gray4); }
        .gray5 { color: var(--gray5); }
        .gray6 { color: var(--gray6); }
        .gray7 { color: var(--gray7); }
        .gray8 { color: var(--gray8); }
        .gray9 { color: var(--gray9); }
        .gray10 { color: var(--gray10); }
        .gray11 { color: var(--gray11); }
        .gray12 { color: var(--gray12); }
        .gray13 { color: var(--gray13); }
        .gray14 { color: var(--gray14); }
        .gray15 { color: var(--gray15); }
        .gray16 { color: var(--gray16); }
        .gray17 { color: var(--gray17); }
        .gray18 { color: var(--gray18); }
        .gray19 { color: var(--gray19); }
        .gray20 { color: var(--gray20); }
        .gray21 { color: var(--gray21); }

        .gold { color: var(--gold10); }
        .blue, .linkblue { color: var(--blue10); }

		.gradient-text { -webkit-box-decoration-break: clone; transition: .15s linear all; }
		.gradient-text:hover { transition: .15s linear all; }
			.gradient-text.italic { padding-right: 2px; }
			.gradient-text.dreamstate { background: linear-gradient(to left, #ff17f7, #00bbff, #42ea75, #ffc517, #f07d26, #ea1053); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
			
		
		.gradient-text.yellowtoorange { background: linear-gradient(to left, #f07d26, #ffc517); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
		.gradient-text.orangetored { background: linear-gradient(to left, #ea1053, #f07d26); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
		.gradient-text.redtoorange { background: linear-gradient(to left, #f07d26, #ea1053); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

		a:hover .gradient-text.orangetored { text-shadow: 0 10px 30px rgba(240,125,38,1); }
		a:hover .gradient-text.redtoorange { text-shadow: 0 10px 30px rgba(234,16,83,1); }

		.gradient-text.redtoyellow { background: linear-gradient(to left, #ffc517, #ea1053); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
		.gradient-text.yellowtogreen { background: linear-gradient(to left, #42ea75, #ffc517); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
		.gradient-text.greentoblue { background: linear-gradient(to left, #00bbff, #42ea75); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
		.gradient-text.bluetopurple { background: linear-gradient(to left, #ff17f7, #00bbff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }


		.redtoyellow:hover { text-shadow: 0 10px 30px rgba(234,16,83,.7); }
		.yellowtogreen:hover { text-shadow: 0 10px 30px rgba(66,234,117,.7); }
		.greentoblue:hover { text-shadow: 0 10px 30px rgba(0,187,255,.7); }
		.bluetopurple:hover { text-shadow: 0 10px 30px rgba(255,23,247,.7); }

		.orangetextglow { text-shadow: 0 10px 30px rgba(240,125,38,.5); }
	
		
	/* Basic Table */
		table { width: 100%;  border: none; border-collapse: collapse; border-radius: 0; }
		table tr th { padding: 10px 10px; font-weight: bold; line-height: 14px; vertical-align: middle; background: var(--primaryColorDark); color: #fff; text-align: left; }
		table tr { transition:background .15s linear; }
		table tr td { background: #fff; border: 1px solid var(--graylight); padding: 6px 10px; line-height: 16px; vertical-align: middle; background: #fff; cursor: pointer; 
			line-height: 1.2em; transition:background .15s linear; }
		
		table.alternating tr:nth-child(even) td{ background: var(--twhite2); }

	
	/* Links */
		a, a:visited { color: var(--blue10); text-decoration: none; cursor: pointer;	transition:color .15s linear; }
		a:hover { color: var(--dirt10); transition:color .15s linear; }

		

		.inline-block { display: inline-block; }
		
	/* Displays */
		.hide, .hidden { display: none; }
		.eclipse { height: 0; overflow: hidden; padding: 0; margin: 0; }
		
		.req, .required, .wpforms-required-label { color: var(--primaryTextColor); font-weight: bold; }
		.wpforms .req:after, .wpforms .required:after { content: " * "; }
		.asterisk { color: var(--red12); }

	/* Buttons */

		button { padding: 0; margin: 0; border: 0; line-height: 1em; background: transparent; letter-spacing: 0; height: auto; cursor: pointer; color: var(--creamText);
        font-family: var(--primaryFont); }
    .perry button { color: var(--perry2); }
    input[type=submit].hidden, input[type=submit].hide { display: none; }	

    /* Base Button (Light Gray) */
	input[type=submit], a.button, a.button:visited, button[type=submit], button.button, button.btn { opacity: 1; font-family: var(--primaryFont); font-weight: bold;
        font-size: 14px; backface-visibility: hidden; cursor: pointer; display: inline-block; white-space: nowrap; padding: 9px 15px 7px 15px; line-height: 1em;
        text-align: center; border-radius: 2px; transform:translateZ(0); transition: .15s linear all; color: var(--gray19); border: 1px solid var(--gray5);
        background: linear-gradient(var(--gray4) 0 3%, transparent 3%) top/100% 100% no-repeat, linear-gradient(180deg, var(--gray5), var(--gray7));
        letter-spacing: -.02em;
        box-shadow:
          inset 1px 1px 0 rgba(0,0,0,.40),   /* top inner highlight */
          inset -1px -1px 0 rgba(0,0,0,.40),        /* bottom inner shade  */
          inset 0 0 0 9999px rgba(0,0,0,0);      /* keeps antialias crisp */
    }
	input[type=submit]:hover, a.button:hover, button[type=submit]:hover, button.button:hover,button.btn:hover { filter: brightness(120%); transition: .15s linear all; }

    /* Gray Button */
    input[type=submit].gray, a.button.gray, a.button.gray:visited, button[type=submit].gray, button.button.gray, button.btn.gray,
    .gray input[type=submit], .gray a.button, .gray a.button:visited, .gray button[type=submit], .gray button.button { color: var(--blackAlmost); border: 1px solid var(--gray5);
        background: linear-gradient(var(--gray4) 0 3%, transparent 3%) top/100% 100% no-repeat, linear-gradient(180deg, var(--gray5), var(--gray7)); }

    /* Red Button */
    input[type=submit].red, a.button.red, a.button.red:visited, button[type=submit].red, button.button.red, button.btn.red,
    .red input[type=submit], .red a.button, .red a.button:visited, .red button[type=submit], .red button.button { color: var(--white); border: 1px solid var(--red10);
        background: linear-gradient(var(--red10) 0 3%, transparent 3%) top/100% 100% no-repeat, linear-gradient(180deg, var(--red11), var(--red13)); }

    /* Orange Button */
    input[type=submit].orange, a.button.orange, a.button.orange:visited, button[type=submit].orange, button.button.orange, button.btn.orange,
    .orange input[type=submit], .orange a.button, .orange a.button:visited, .orange button[type=submit], .orange button.button { color: var(--white); border: 1px solid var(--orange10);
        background: linear-gradient(var(--orange10) 0 3%, transparent 3%) top/100% 100% no-repeat, linear-gradient(180deg, var(--orange11), var(--orange13));
        text-shadow: 0 0 5px var(--orange20); }

    /* Gold Button */
    input[type=submit].gold, a.button.gold, a.button.gold:visited, button[type=submit].gold, button.button.gold, button.btn.gold,
    .gold input[type=submit], .gold a.button, .gold a.button:visited, .gold button[type=submit], .gold button.button { color: var(--blackAlmost); border: 1px solid var(--gold12);
        background: linear-gradient(var(--gold12) 0 3%, transparent 3%) top/100% 100% no-repeat, linear-gradient(180deg, var(--gold12), var(--gold14)); }

    /* Yellow Button */
    input[type=submit].yellow, a.button.yellow, a.button.yellow:visited, button[type=submit].yellow, button.button.yellow, button.btn.yellow,
    .yellow input[type=submit], .yellow a.button, .yellow a.button:visited, .yellow button[type=submit], .yellow button.button { color: var(--blackAlmost); border: 1px solid var(--yellow10);
        background: linear-gradient(var(--yellow10) 0 3%, transparent 3%) top/100% 100% no-repeat, linear-gradient(180deg, var(--yellow11), var(--yellow13)); }
    
    /* Lime Green Button */
    input[type=submit].lime, a.button.lime, a.button.lime:visited, button[type=submit].lime, button.button.lime, button.btn.lime,
    .lime input[type=submit], .lime a.button, .lime a.button:visited, .lime button[type=submit], .lime button.button { color: var(--blackAlmost); border: 1px solid var(--lime10);
        background: linear-gradient(var(--lime10) 0 3%, transparent 3%) top/100% 100% no-repeat, linear-gradient(180deg, var(--lime11), var(--lime13)); }

    /* Green Button */
    input[type=submit].green, a.button.green, a.button.green:visited, button[type=submit].green, button.button.green, button.btn.green,
    .green input[type=submit], .green a.button, .green a.button:visited, .green button[type=submit], .green button.button { color: var(--white);
        background: linear-gradient(var(--green10) 0 3%, transparent 3%) top/100% 100% no-repeat, linear-gradient(180deg, var(--green11), var(--green13));
        border: 1px solid var(--green10); text-shadow: 0 0 5px var(--green16); }

    /* Teal Button */
    input[type=submit].teal, a.button.teal, a.button.teal:visited, button[type=submit].teal, button.button.teal, button.btn.teal,
    .teal input[type=submit], .teal a.button, .teal a.button:visited, .teal button[type=submit], .teal button.button { color: var(--white);
        background: linear-gradient(var(--teal10) 0 3%, transparent 3%) top/100% 100% no-repeat, linear-gradient(180deg, var(--teal11), var(--teal13));
        border: 1px solid var(--teal10); text-shadow: 0 0 5px var(--teal16); }
	
    /* Blue Button */
    input[type=submit].blue, a.button.blue, a.button.blue:visited, button[type=submit].blue, button.button.blue, button.btn.blue,
    .blue input[type=submit], .blue a.button, .blue a.button:visited, .blue button[type=submit], .blue button.button { color: var(--white);
        background: linear-gradient(var(--blue10) 0 3%, transparent 3%) top/100% 100% no-repeat, linear-gradient(180deg, var(--blue11), var(--blue13));
        border: 1px solid var(--blue10); text-shadow: 0 0 5px var(--blue16); }

    /* Purple Button */
    input[type=submit].purple, a.button.purple, a.button.purple:visited, button[type=submit].purple, button.button.purple, button.btn.purple,
    .purple input[type=submit], .purple a.button, .purple a.button:visited, .purple button[type=submit], .purple button.button { color: var(--white);
        background: linear-gradient(var(--purple10) 0 3%, transparent 3%) top/100% 100% no-repeat, linear-gradient(180deg, var(--purple11), var(--purple13));
        border: 1px solid var(--purple10); text-shadow: 0 0 5px var(--purple16); }

    /* Cream Button */
    input[type=submit].tan, a.button.tan, a.button.tan:visited, button[type=submit].tan, button.button.tan, button.btn.tan,
    .tan input[type=submit], .tan a.button, .tan a.button:visited, .tan button[type=submit], .tan button.button { color: var(--blackAlmost);
        background: linear-gradient(var(--tan6) 0 3%, transparent 3%) top/100% 100% no-repeat, linear-gradient(180deg, var(--tan7), var(--tan9));
        border: 1px solid var(--tan6); }

    /* Copper Button */
    input[type=submit].copper, a.button.copper, a.button.copper:visited, button[type=submit].copper, button.button.copper, button.btn.copper,
    .copper input[type=submit], .copper a.button, .copper a.button:visited, .copper button[type=submit], .copper button.button { color: var(--white);
        background: linear-gradient(var(--copper8) 0 3%, transparent 3%) top/100% 100% no-repeat, linear-gradient(180deg, var(--copper8), var(--copper13));
        border: 1px solid var(--copper10); text-shadow: 0 0 5px var(--copper16); }

    /* Hot Pink Button */
    input[type=submit].hotpink, a.button.hotpink, a.button.hotpink:visited, button[type=submit].hotpink, button.button.hotpink, button.btn.hotpink,
    .hotpink input[type=submit], .hotpink a.button, .hotpink a.button:visited, .hotpink button[type=submit], .hotpink button.button { color: var(--white);
        background: linear-gradient(var(--hotPink10) 0 3%, transparent 3%) top/100% 100% no-repeat, linear-gradient(180deg, var(--hotPink11), var(--hotPink13));
        border: 1px solid var(--hotPink10); text-shadow: 0 0 5px var(--hotPink16); }


	/* Disabled */
	input[type=submit].disabled, a.button.disabled, a.button.disabled:visited, button[type=submit].disabled, button.button.disabled, button.btn.disabled { color: var(--gray12); 
        border: 1px solid var(--gray6); background: linear-gradient(var(--gray5) 0 3%, transparent 3%) top/100% 100% no-repeat, linear-gradient(180deg, var(--gray6), var(--gray8));
        pointer-events: none !important; cursor: default; }
    input[type=submit].disabled:hover, a.button.disabled:hover, button[type=submit].disabled:hover, button.button.disabled:hover, button.btn.disabled:hover { 
        filter: brightness(100%); cursor: default; }
	

		/* With Icon Right */
		input[type=submit].iconright, a.button.iconright, button[type=submit].iconright { padding-right: 45px; }
		input[type=submit].iconright svg, a.button.iconright svg, button[type=submit].iconright svg { position: absolute; top: 10px; right: 15px; }

        /* With Icon Left */
        input[type=submit].iconleft, a.button.iconleft, button[type=submit].iconleft {padding-left: 45px; }
		input[type=submit].iconleft svg, a.button.iconleft svg, button[type=submit].iconleft svg { position: absolute; top: 10px; left: 15px; }

        button.button.str { background: var(--red); color: var(--white); }
        button.button.str:hover { box-shadow: 0 0 30px var(--redGlass2); }
        button.button.con { background: var(--orange); color: var(--white); }
        button.button.con:hover { box-shadow: 0 0 30px var(--orangeGlass2); }
        button.button.agi { background: var(--yellow); color: var(--black); }
        button.button.agi:hover { box-shadow: 0 0 30px var(--yellowGlass2); }
        button.button.foc { background: var(--green); color: var(--white); }
        button.button.foc:hover { box-shadow: 0 0 30px var(--greenGlass2); }
        button.button.int { background: var(--blue); color: var(--white); }
        button.button.int:hover { box-shadow: 0 0 30px var(--blueGlass2); }
        button.button.char { background: var(--purple); color: var(--white); }
        button.button.char:hover { box-shadow: 0 0 30px var(--purpleGlass2); }

        a.button.iconright, button.button.iconright, input[type=submit].iconright { padding-right: 30px; }
        a.button.iconright svg, button.button.iconright svg, input[type=submit].iconright svg { position: absolute; top: 5px; right: 10px; width: 18px; height: 18px; }

        a.button.iconleft, button.button.iconleft, input[type=submit].iconleft { padding-left: 30px; }
        a.button.iconleft svg, button.button.iconleft svg, input[type=submit].iconleft svg { position: absolute; top: 5px; left: 10px; width: 18px; height: 18px; }
	
        a.button.large, button.button.large, input[type=submit].large { font-size: 16px; line-height: 16px; padding: 10px 25px; position: relative; } 
        a.button.large.iconright, button.button.large.iconright, input[type=submit].large.iconright { padding-right: 45px; }
        a.button.large.iconright svg, button.button.large.iconright svg, input[type=submit].large.iconright svg { position: absolute; top: 8px; right: 15px; width: 20px; height: 20px; }

        a.button.large.iconleft, button.button.large.iconleft, input[type=submit].large.iconleft { padding-left: 45px; }
        a.button.large.iconleft svg, button.button.large.iconleft svg, input[type=submit].large.iconleft svg { position: absolute; top: 8px; left: 15px; width: 20px; height: 20px; }

        a.button.small, button.button.small, input[type=submit].small { padding: 7px 10px 7px 10px; font-size: 12px; border-radius: 3px; }
        a.button.small.iconright, button.button.small.iconright, input[type=submit].small.iconright { padding-right: 22px; }
        a.button.small.iconright svg, button.button.small.iconright svg, input[type=submit].small.iconright svg { position: absolute; top: 5px; right: 5px; width: 14px; height: 14px; }

        a.button.small.iconleft, button.button.small.iconleft, input[type=submit].small.iconleft { padding-left: 22px; }
        a.button.small.iconleft svg, button.button.small.iconleft svg, input[type=submit].small.iconleft svg { position: absolute; top: 5px; left: 5px; width: 14px; height: 14px; }

        input[type=submit].wide, a.button.wide, button[type=submit].wide, button.button.wide, .wide input[type=submit], .wide a.button, .wide button[type=submit], .wide button.button
            { padding-left: 30px; padding-right: 30px; }

	/* Button Image */
		a.button-image, .button-image { width: 120px; padding: 0; display: inline-block; }
		a.button-image img, .button-image img {  width: 100%; float: left; }

		.fakeshadow { position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; transition: .15s linear all; }
			.fakeshadow.dreamred { box-shadow: 0 0 30px rgba(234,16,83,.5); }
			.fakeshadow.dreamgold { box-shadow: 0 0 30px rgba(248,183,0,.3); }
		.button-image:hover .fakeshadow.dreamred { box-shadow: 0 0 30px rgba(234,16,83,1); transition: .15s linear all; }
		.button-image:hover .fakeshadow.dreamgold { box-shadow: 0 0 30px rgba(248,183,0,1); transition: .15s linear all; }

    /* Close Button */
        button.close { position: absolute; top: 15px; right: 15px; z-index: 10; width: 26px; height: 26px; cursor: pointer; border: unset; opacity: 1; transition: .15s linear all; }
        button.close:hover { opacity: .7; transition: .15s linear all; }

		.button-wrap { display: flex; align-items: center; gap: 15px; margin-top: 30px; }
		.button-wrap.fill { justify-content: space-between; }
		.button-wrap.center { justify-content: center; }
        .button-wrap button { flex-shrink: 0; }
        .button-wrap.nomargin { margin: 0; }
        
			.button-companion { max-width: 240px; font-size: 13px; color: var(--gray6); line-height: 1.5em; }

	/* Form.io Row Management */
        .formio-embedded .form-group { width: 100%; margin-top: 30px; display: flex; align-items: center; flex-wrap: wrap; }
        .formio-embedded .form-group.formio-hidden { margin-top: 0; }
        .formio-embedded .form-group label { width: 30%; flex-shrink: 0; padding-right: 15px; font-size: 14px; font-weight: bold; }
        .formio-embedded .form-group div[ref="element"] { width: 70%; }
        .formio-embedded .form-group div[ref="element"] input, .formio-embedded .form-group div[ref="element"] textarea { width: 100%; break-after: always;
			border-radius: 3px; color: var(--white); }
        .formio-embedded .form-group .form-text { flex-basis: 100%; width: 100%; break-after: always; padding-left: 30%; margin-top: 5px; color: var(--dirt10); 
			font-size: 12px; font-weight: normal; line-height: 1.3em; }
        .formio-embedded .form-group .formio-errors { flex-basis: 100%; width: 100%; }
        .formio-embedded .form-group.formio-component-profileImage div { flex-shrink: 0; }
        .formio-embedded .form-group.formio-component-profileImage div span { display: flex; align-items: center; gap: 15px; }
        .formio-embedded .form-group.formio-component-profileImage img { border-radius: 50%; object-fit: cover; width: 106px; height: 106px; 
			border: 3px solid var(--tan16); box-shadow: var(--primaryBoxShadow); }
        .formio-embedded .form-group.formio-component-profileImage div span i[ref="removeLink"] { display: block; position: relative; color: var(--blue14); 
			text-decoration: underline; cursor: pointer; font-style: normal; transition: .15s linear all; }
        .formio-embedded .form-group.formio-component-profileImage div span i[ref="removeLink"]:after { content: "Remove Image";  }
        .formio-embedded .form-group.formio-component-profileImage div span i[ref="removeLink"]:hover { color: var(--blue12); transition: .15s linear all; }

        .formio-embedded .form-group input, .formio-embedded .form-group textarea, input.form-control, textarea.form-control { border-radius: 1px; 
			border-color: var(--dirt15); background-color: var(--tan20); color: var(--primaryTextColor); }

        .sr-only { visibility: hidden; position: absolute; }

        .formio-embedded .form-group.fill { flex-direction: column; gap: 5px; }
        .formio-embedded .form-group.fill label { width: 100%; }
        .formio-embedded .form-group.fill div[ref="element"], .formio-embedded .form-group.fill input, .formio-embedded .form-group.fill textarea { width: 100%; }
        .formio-embedded .form-group.fill .form-text { padding-left: 0; }

        .formio-embedded .form-group.submit-wrap { gap: 15px; }

        .formio-component-userType { display: none; }

        .formio-component.required label::after { color: var(--red12); content: "*"; }

		
/* Form Basics */
	textarea { font-size: 14px; font-family: var(--primaryFont); }
	input[type=text], input[type=email], textarea { -webkit-appearance: none; } /* Rmemoves iOS Styling */
	
	::-webkit-input-placeholder { color: var(--dirt14); }
	::-moz-placeholder { color: var(--dirt14); } /* firefox 19+ */
	:-ms-input-placeholder { color: var(--dirt14); } /* ie */
	input:-moz-placeholder { color: var(--dirt14); }
	
	
	label:hover { cursor: pointer; font-family: var(--primaryFont); }
	input[type=text], input[type=search], input[type=email], select, textarea, input#email, input#url, input[type=url] { color: var(--white); 
		width: 100%; line-height: 20px; border-radius: 3px; padding: 8px 12px 8px 12px; background: var(--tan20); font-size: 16px; 
		border: 1px solid var(--dirt15); font-family: var(--primaryFont); font-weight: normal; }

	textarea { height: auto; border-radius: 2px; -webkit-overflow-scrolling:touch; padding: 15px; font-weight: normal; }
	
	::-webkit-search-cancel-button { display: none; } /* Removes the clear / cancel / x "button" in the search field */
	
	.wpforms-confirmation-container { width: 100%; padding: 15px; border: 1px solid var(--graylight2); background: var(--graylightTint); margin-bottom: 30px;
		text-align: center; font-weight: 600; font-size: 16px; }

	.row { width: 100%; margin-top: 20px; display: flex; flex-direction: column; gap: 6px; }
	.row.thin { margin-top: 10px; }
	
	.row.checkbox .label-wrap, .row.radio .label-wrap { width: 100%; padding-left: 30px; }
	.row.checkbox .field-wrap, .row.radio .field-wrap { position: absolute; top: 1px; left: 0; width: 20px; z-index: 10; }
	.row.checkbox .field-wrap, .row.radio .field-wrap input { transform: scale(1.3); }

		.response { margin-top: 20px; }
		.response#mce-success-response { color: var(--green10); }


	/* WP Forms */
		.wpforms-field { width: 100%; display: flex; margin-bottom: 20px; flex-wrap: wrap; }
		.wpforms-field input[type=text], .wpforms-field input[type=search], .wpforms-field input[type=email], .wpforms-field input#email, .wpforms-field input#url, 
		.wpforms-field textarea, .wpforms-field select, input[type=url] { padding: 15px 20px; background: var(--white); border: 1px solid var(--twhite3); 
			box-shadow: 10px 10px 20px rgba(0,0,0,.05); align-self: start; max-width: 65%; }
		.wpforms-field label { width: 35%; line-height: 20px; padding: 15px 0; font-weight: bold; cursor: pointer; }

		.wpforms-field.wpforms-field-textarea { display: block; }
		.wpforms-field.wpforms-field-textarea label { width: 100%; display: block; padding-bottom: 15px; }
		.wpforms-field textarea { min-height: 160px; border-radius: 5px; width: 100%; min-width: 100%; padding: 20px; font-weight: normal; }

		.wpforms-field.wpforms-has-error { display: block; }
		.wpforms-field label.wpforms-error { font-weight: normal; font-size: 14px; color: var(--primaryColor); display: block; width: 100%; }

		.wpforms-field .iti { max-width: 65%; }
		.wpforms-field input.wpforms-smart-phone-field { padding: 15px 20px; background: var(--white); border: 1px solid var(--twhite3); box-shadow: 10px 10px 20px rgba(0,0,0,.05); 
			align-self: start; font-size: 14px; font-family: var(--primaryFont); }

		.wpforms-field input.phone { max-width: 200px; align-self: start; max-width: 65%; }

		.wpforms-field-description { width: 100%; font-size: 14px; line-height: 1.3em; display: block; padding-left: 35%; margin-top: 5px; }
		.wpforms-field-textarea .wpforms-field-description { padding-left: 0; }

		.wpforms-field-address { display: block; }
		.wpforms-field-address div { display: flex; flex-wrap: wrap; width: 100%; margin-top: 10px; flex-direction: row-reverse; }
		.wpforms-field-address div.wpforms-field-medium { flex-direction: row; }
		.wpforms-field-address div.wpforms-one-half { width: 50%; flex-direction: row-reverse; }
		.wpforms-field-address div.wpforms-field-medium div.wpforms-one-half:first-child { padding-right: 15px; }
		.wpforms-field-address div.wpforms-field-medium div.wpforms-one-half:nth-child(2) { padding-left: 15px; }

		div.wpforms-container div.wpforms-uploader { width: 65%; }
		
		.wpforms-recaptcha-container { margin-bottom: 20px; }

		.wpforms-field label.wpforms-label-hide { position: absolute; top: -99999px; z-index: -999999; height: 0; overflow: hidden; }
    
    /* Lightboxes */
    .blackcover {  position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background: rgba(0,0,0,.8); opacity: 0; visibility: hidden; pointer-events: none;
        transition: .15s linear all; }
    .blackcover.active { opacity: 1; visibility: visible; pointer-events: all; transition: .15s linear all; }

    .lightbox { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 400px; max-width: 100%; height: 600px; max-height: 100%; margin: auto; z-index: 110; 
		padding: 30px; background-color: var(--dirt19); border-radius: 5px; box-shadow: var(--primaryBoxShadow); opacity: 0; visibility: hidden; 
		pointer-events: none; transition: .15s linear all; border: 1px solid var(--dirt14); }
    .lightbox.active { visibility: visible; opacity: 1; pointer-events: all; transition: .15s linear all; }

        button.close-button.close-lightbox { position: absolute; top: 20px; right: 20px; cursor: pointer; transition: .15s linear all; background-color: rgba(0,0,0,.5); }
        button.close-button.close-lightbox:hover { opacity: .7; transition: .15s linear all; }
        button.close-button.close-lightbox svg { width: 30px; height: 30px; }
        .lightbox-title { font-weight: bold; font-size: 22px; padding-right: 50px; color: var(--white); margin-bottom: 20px; }

        .lightbox button.close-button { color: var(--primaryTextColor); pointer-events: all; top: 0; right: 0; z-index: 10; }
        .lightbox button.close-button:hover { opacity: .5; }

    .lightbox.image { width: auto; height: auto; top: 30px; right: 30px; bottom: 30px; left: 30px; background-color: transparent; padding: 0; pointer-events: none; }
    .lightbox.image button.close-button { color: var(--white); width: 30px; height: 30px; }

        .lightbox-image-wrap { overflow: hidden; margin: auto; max-width: 100%; max-height: 100%; pointer-events: all; top: 0; right: 0; bottom: 0; left: 0; position: absolute; }
        .lightbox-image-wrap img { object-fit: cover; cursor: zoom-in; transition: transform 0.3s ease; height: 100%; margin: auto; position: absolute; left: 0; right: 0;
            top: 0; bottom: 0; max-width: 100%; }

        .lightbox-image-wrap.zoomed { overflow: auto; }
        .lightbox-image-wrap.zoomed img { transform: scale(1); cursor: zoom-out; transition: transform 0.3s ease; top: auto; bottom: auto; width: 100%; height: auto; 
            max-width: 1704px; margin: auto; }

        button.image-prev, button.image-next { position: absolute; z-index: 10; position: absolute; width: 40px; height: 40px; top: 0; bottom: 0; margin: auto 0; cursor: pointer;
            pointer-events: all; transition: .15s linear all; background-color: rgba(0,0,0,.5); }
        button.image-prev:hover, button.image-next:hover { opacity: .7; transition: .15s linear all; }
        button.image-prev img, button.image-next img { width: 40px; height: 40px; }
        button.image-prev { left: 0; }
        button.image-next { right: 0; }

        .lightbox-subscribe { cursor: pointer; transition: .15s linear all; }
        .lightbox-subscribe:hover { color: var(--white); transition: .15s linear all; }


	/* Border Treatments */
	.border-wrap { border-radius: 5px; border-width: 1px; border-style: solid; border-color: var(--dirt12); transition: .15s linear all; }
        .border-inside-01 { width: 100%; height: 100%; padding: 2px; border-radius: 5px; border-width: 2px; border-style: solid; border-color: var(--dirt18);
            background-color: var(--copperTrim1); background: linear-gradient(-150deg, var(--copperTrim1) 5%, var(--gold) 15%, var(--copperTrim1) 25%, var(--copperTrim1) 60%, var(--gold) 70%, var(--copperTrim1) 80%); }
            .border-inside-02 { width: 100%; height: 100%; border-radius: 4px; border-width: 2px; border-style: solid; border-color: var(--dirt20);
                background: var(--dirt16); background: linear-gradient(180deg, var(--dirt17) 0%, var(--dirt18) 100%); }

	/* Boxed & Properties */
	.property, .boxed { padding: 2px 4px 1px 4px; border-style: solid; border-width: 2px; border-color: var(--black); color: var(--black); text-shadow: 0 0 0 transparent; border-radius: 4px;
            font-weight: 600; line-height: 1em; font-family: var(--primaryFont); font-size: 11px; display: inline-block; letter-spacing: 0; flex-shrink: 0; }

        .property.large, .boxed.large { padding: 5px 9px 4px 9px; font-size: 14px; border-radius: 5px; }
        .property.medium, .boxed.medium { padding: 4px 7px 3px 7px; font-size: 12px; }

        .property.icon-right.plus, .boxed.icon-right.plus, .boxed.icon-left.plus { padding-right: 4px; }
        .property.icon-right.plus svg, .boxed.icon-right.plus svg, .boxed.icon-left.plus svg { right: 0; width: 8px; height: 8px; top: 0; }

        .property.small, .boxed.small { padding: 0 3px; border-width: 1px; border-radius: 3px; text-transform: unset; font-size: 10px; line-height: 11px; letter-spacing: 0; font-weight: 600; }
        .property.small.icon-left, .boxed.small.icon-left { padding-left: 11px; }
        .property.small.icon-right, .boxed.small-icon-right { padding-right: 11px; }

        .property.small.icon-right.plus.plus2 { padding-right: 17px; }
        .property.small.icon-right.plus.plus2 svg { right: 9px;  }
        .property.small.icon-right.plus.plus2 svg:last-child { right: 1px; }

        .property.small svg, .boxed.small svg { width: 11px; height: 11px; position: absolute; top: 0; }
        .boxed.small.item-modifier-value svg, .boxed.small.item-sb-value svg { width: 7px; height: 7px; top: 2px; }
        .boxed.small.item-modifier-value.minus svg, .boxed.small.item-sb-value.minus svg { width: 5px; height: 5px; top: 3px; }

        .property.small.icon-left svg, .boxed.small.icon-left svg { left: 1px; }
        .property.small.icon-right svg, .boxed.small.icon-right svg { right: 1px; }

        .property.small.icon-left.minus svg, .boxed.small.icon-left.minus svg { left: 2px; }
        .property.small.icon-right.minus svg, .boxed.small.icon-right.minus svg { right: 2px; }

        .property.small.icon-left.plus, .boxed.small.icon-left.plus { padding-left: 9px; }
        .property.small.icon-right.plus, .boxed.small.icon-right.plus { padding-right: 9px; }

        .property.small.icon-left.minus, .boxed.small.icon-left.minus { padding-left: 8px; }
        .property.small.icon-right.minus, .boxed.small.icon-right.minus { padding-right: 8px; }

        .property.small.icon-left.plus svg, .boxed.small.icon-right.plus svg, .property.small.icon-right.plus svg, .boxed.small.icon-right.plus svg { width: 7px; height: 7px; top: 2px; }
        .property.small.icon-left.minus svg, .boxed.small.icon-right.minus svg, .property.small.icon-right.minus svg, .boxed.small.icon-right.minus svg { width: 5px; height: 5px; top: 3px; }

        .property.tiny, .boxed.tiny { padding: 1px 2px 0 2px; border-width: 1px; border-radius: 3px; text-transform: unset; font-weight: 400; font-size: 8px; line-height: 9px; 
            letter-spacing: 0; }

        .property.tiny.icon-left, .boxed.tiny.icon-left { padding-left: 10px; }
        .property.tiny.icon-right, .boxed.tiny.icon-right { padding-right: 10px; }

        .property.tiny svg, .boxed.tiny svg { width: 10px; height: 10px; position: absolute; top: -1px; }
        .property.tiny.icon-left svg, .boxed.tiny.icon-left svg { left: 1px; }
        .property.tiny.icon-right svg, .boxed.tiny.icon-right svg { right: 1px; }

        .property.tiny.icon-left.plus, .boxed.tiny.icon-left.plus { padding-left: 8px; }
        .property.tiny.icon-right.plus, .boxed.tiny.icon-right.plus { padding-right: 8px; }

        .property.tiny.icon-left.minus, .boxed.tiny.icon-left.minus { padding-left: 8px; }
        .property.tiny.icon-right.minus, .boxed.tiny.icon-right.minus { padding-right: 8px; }

        .property.tiny.icon-left.plus svg, .boxed.tiny.icon-left.plus svg, .property.tiny.icon-right.plus svg, .boxed.tiny.icon-right.plus svg,
        .property.tiny.icon-left.minus svg, .boxed.tiny.icon-left.minus svg, .property.tiny.icon-right.minus svg, .boxed.tiny.icon-right.minus svg { width: 6px; height: 6px; top: 2px; }	
        
        .property span.short-name { display: none; }
        .property.short span.full-name { display: none; }
        .property.short span.short-name { display: inline; }

        .boxed.white, .property.white { background-color: var(--white); color: var(--black); }
        .boxed.red, .property.red { background-color: var(--redLight2); color: var(--black); }
        .boxed.orange, .property.orange { background-color: var(--orangeLight2); color: var(--black); }
        .boxed.yellow, .property.yellow { background-color: var(--yellowLight2); color: var(--black); }
        .boxed.green, .property.green { background-color: var(--greenLight2); color: var(--black); }
        .boxed.blue, .property.blue { background-color: var(--blueLight2); color: var(--black); }
        .boxed.purple, .property.purple { background-color: var(--purpleLight2); color: var(--black); }
        .boxed.cream, .property.cream { background-color: var(--creamLight); color: var(--black); }
        .boxed.copper, .property.copper { background-color: var(--copperLight2); color: var(--black); }
        .boxed.hotpink, .property.hotpink { background-color: var(--hotPinkLight2); color: var(--black); }
        .boxed.gray, .property.gray { background-color: var(--gray6); color: var(--black); }
        .boxed.perry, .property.perry { background-color: var(--perryLight2); color: var(--black); }
        .boxed.perryBlueGray, .property.perryBlueGray { background-color: var(--perryBlueGrayLight2); color: var(--black); }

        .item-benefit .boxed, .boxed.small { text-shadow: none; padding: 0px 3px; border: 1px solid var(--black); border-radius: 3px; font-size: 10px; line-height: 11px; letter-spacing: 0;
            font-weight: 600; }
        .item-benefit .boxed.hasicon, .boxed.small.hasicon { padding-right: 11px; }
        .item-benefit .boxed.hasicon svg, .boxed.small.hasicon svg { width: 11px; height: 11px; position: absolute; top: 0; right: 1px; }
        .item-benefit .boxed.hasicon.plus, .boxed.small.hasicon.plus { padding-right: 9px; }
        .item-benefit .boxed.hasicon.plus svg, .boxed.small.hasicon.plus svg { width: 7px; height: 7px; top: 2px; }

        .item-gold-text .boxed, .boxed.tiny { text-shadow: none; padding: 1px 2px 0 2px; border: 1px solid var(--black); border-radius: 3px; font-size: 8px; line-height: 9px; }
        .item-gold-text .boxed.hasicon, .boxed.tiny.hasicon { padding-right: 10px; }
        .item-gold-text .boxed.hasicon svg, .boxed.tiny.hasicon svg { width: 10px; height: 10px; position: absolute; top: -1px; right: 1px; }
        .item-gold-text .boxed.hasicon.plus, .boxed.tiny.hasicon.plus { padding-right: 8px; }
        .item-gold-text .boxed.hasicon.plus svg, .boxed.tiny.hasicon.plus svg { width: 6px; height: 6px; top: 2px; }

        .property.all-primaries { background-color: var(--white); border-color: var(--gray20); color: var(--gray20); }

/* STRUCTURE ============================================== */

	/* Wrappers */
    #fill { width: 100%; height: 100%; margin: 0 auto; display: flex; flex-direction: column; }
        
        #container { width: 100%; flex-grow: 1; padding-top: 100px; }
		body.scrolled #container { padding-top: 67px; }

    /* Stripes (Sections) */
    .stripe { } /* Empty Wrapper */
	.stripe.banner { padding: 0 5px; height: 500px; margin-top: 5px; flex-shrink: 0; }
        .stripe-inside { width: 1340px; padding-left: 30px; padding-right: 30px; margin: 0 auto; display: block; }
            .reading-pane { width: 100%; max-width: 760px; margin-left: auto; margin-right: auto; display: flex; flex-direction: column; gap: 20px; }
            .reading-pane.nogap { gap: 0; }
            .reading-pane.left { margin: 0; max-width: 100%; }
			.reading-pane.wide { max-width: 960px; }
			.reading-pane.fill { max-width: 100%; }
            .hero-pane { width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; }

			.title-pane { display: flex; flex-direction: column; gap: 20px; margin: 0 auto; margin-top: 30px; max-width: 760px; }
			.title-pane.wide { max-width: 960px; }
			.title-pane.fill { max-width: 100%; }
			.title-pane:first-child { margin-top: 0; }

			.title-pane h1.stripe-title, .title-pane h2.stripe-subtitle, .title-pane h2.stripe-title, .title-pane h3.stripe-subtitle { margin: 0; }

            h1.stripe-title, h2.stripe-title {  line-height: 1.1em; width: 100%; font-weight: bold; color: var(--white); }
            h2.stripe-subtitle, h3.stripe-subtitle, h2.post-subtitle, h3.post-subtitle { font-weight: 300; width: 100%; color: var(--tan5); }
            h2.stripe-subtitle.page, h3.stripe-subtitle.page, h2.post-subtitle, h3.post-subtitle { }
            h3.stripe-subtitle.showmobile { display: none; }
            
            h2.stripe-title, h2.entry-title {  font-weight: bold; }
            h3.stripe-subtitle { font-size: 20px; }

	

	.banner-wrap { width: 100%; height: 100%; max-width: 1920px; margin: 0 auto; }
		.banner-image { width: 100%; object-fit: cover; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
		.banner-image.size2 { display: none; }
		.banner-image.size3 { display: none; }
		body.mobile .banner-image.size1 { display: none; }
		body.mobile .banner-image.size2 { display: block; }

	.stripe.perry-border .banner-wrap, .wp-block.perry-border { border: 1px solid var(--perryBorder); }
	.stripe.brown-border .banner-wrap, .wp-block.brown-border { border: 1px solid var(--brownBorder); }

	.brown-border figcaption, .perry-border figcaption { padding: 5px 10px; margin: 0; }
	.brown-border figcaption { border-top: 1px solid var(--brownBorder); }
	.perry-border figcaption { border-top: 1px solid var(--perryBorder); }

    .stripe.perry-border-sides .banner-wrap { border-left: 1px solid var(--perryBorder); border-right: 1px solid var(--perryBorder); }
    .stripe.brown-border-sides .banner-wrap { border-left: 1px solid var(--brownBorder); border-right: 1px solid var(--brownBorder); }
		

	.stripe.banner .stripe-inside { display: flex; flex-direction: column; justify-content: center; height: 100%; }
		.banner-text { display: flex; align-items: center; }
		.banner-text.right { flex-direction: row-reverse; }
			.banner-text-inside { width: 100%; max-width: 430px; color: var(--white); display: flex; flex-direction: column; gap: 20px; }
			.banner-text-inside p { margin: 0;  }
			.banner-text-inside .button-wrap { margin: 0; }
			.banner-text-inside a.button-image, .banner-text-inside .button-image { width: 200px; }
			.banner-text-inside .stripe-title, .banner-text-inside .stripe-subtitle { margin: 0; }
			.banner-text-inside .stripe-subtitle { color: var(--dirt5); }
            .stripe.blue .banner-text-inside .stripe-subtitle { color: var(--perry1); }

	.stripe.banner.assets { height: 400px; }
	.stripe.banner.assets .banner-text-inside { max-width: 600px; }
		.banner-text.center .banner-text-inside { text-align: center; margin: 0 auto; }

		.bignumber-wrap { display: inline-block; margin-bottom: 10px;  }
			.bignumber { font-size: 90px; line-height: 1em; }
				.bignumber-label { position: absolute; top: 10px; right: -35px; font-size: 60px; color: var(--white); display: flex; text-align: center;
					align-items: center; justify-content: center; }

	.stripe.gm-tools .banner-wrap { border-left: 1px solid var(--perryBorder); }

	.stripe.first .banner-text-inside { max-width: 550px; }
	.stripe.first .banner-text-inside p { max-width: 430px; }

	.stripe.asset-shop { height: 480px; }

	.stripe.has-sidebar .stripe-inside { display: grid; grid-template-columns: 3fr 2fr; gap: 60px; }
	.stripe.has-sidebar .reading-pane { width: 100%; max-width: 100%; }

		.sidebar { width: 100%; }


	/* Columns */
		.columns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 100px; row-gap: 40px; }
		.columns.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
		.columns.three { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 80px; }
		.columns.four { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 40px; }
		.columns.five { grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: 20px; }
		.columns.six { grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: 20px; }

		.columns.twothirds { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
		.columns.twothirds.flipped { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }

		.columns.two.fliporder .column:nth-child(1) { order: 1; }
		.columns.two.fliporder .column:nth-child(2) { order: 0; }

            .column { display: flex; align-items: center; width: 100%; height: 100%; }
			    .column-inside, .footer-column { width: 100%;  }
				
		.columns.gridicons h4, .columns.gridicons p {  }
		.columns.gridicons .subject-image { margin-bottom: 10px; }
		.columns.gridicons h4 { margin-bottom: 15px; }
		.columns.gridicons .column { align-items: unset; }

		.columns.aligntop .column { align-items: unset; }				

		.subject-image { width: 100%; }
		.subject-image img { width: 100%; object-fit: cover; }
		.subject-image button.lightbox-image { display: block; width: 100%; overflow: hidden; cursor: zoom-in; }
		.subject-image.nocover img { object-fit: unset; }

		.subject-image.trim { padding: 5px; background-color: var(--white); border: 1px solid var(--gray7); border-radius: 5px; box-shadow: var(--primaryBoxShadow); }
		.subject-image.trim.branded, .subject-image.trim.screenshot { border-color: var(--gray7); }
		.subject-image.trim img { border-radius: 2px;  }

		.subject-image.center { margin: 0 auto; }
		.subject-image.grayscale { filter: grayscale(100%); opacity: .25; }

		.subject-image.w50 { width: 50px; }
		.subject-image.w65 { width: 65px; }
		.subject-image.w75 { width: 75px; }
		.subject-image.w100 { width: 100px; }
		.subject-image.w150 { width: 150px; }
		.subject-image.w200 { width: 200px; }
		.subject-image.w300 { width: 300px; }
		.subject-image.w400 { width: 400px; }
		.subject-image.w500 { width: 500px; }

		.subject-image.h250 { height: 250px; }
		.subject-image.h300 { height: 300px; }

		.subject-image-row { text-align: center; width: 100%; display: flex; align-items: center; gap: 50px; justify-content: center; }
			.subject-image.noshrink { flex-shrink: 0; }
			.subject-image.multiple { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; width: auto; }

		.icon-box { display: block; padding: 30px 30px 30px 70px; background-color: var(--white); border: 1px solid var(--gray4); 
			box-shadow: var(--primaryBoxShadow); border-radius: 5px; }
		.icon-box svg { width: 30px; height: 30px; position: absolute; top: 30px; left: 20px; color: var(--primaryColor); }
		.icon-box.alert { background-color: var(--red1); color: var(--artifactRedDark); border: 1px solid var(--red7); }
		.icon-box.alert svg { color: var(--artifactRed); }
		.icon-box.small { font-size: 14px; }
		.icon-box.branded { border-color: var(--gray7); background-color: var(--gray1); }
		

	/* Text Treatments */
		.text-highlight { border-radius: 5px; background-color: var(--yellow7); display: inline-block; font-weight: bold; padding: 0 5px; }
		.text-highlight.bad { background-color: var(--red5); }
		.text-gradient, .gradient-text { -webkit-box-decoration-break: clone; background: linear-gradient(90deg, var(--artifactRedLight) 0%, var(--artifactRedDark2) 100%);
		-webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-right: .01em; }

	/* List Treatments */
		ul.tight li, ol.tight li { margin: 5px 0 5px 25px; }
		ul.spaced li, ol.spaced li { margin: 12px 0 12px 30px; }

		ul.icons li { list-style-type: none; margin-left: 0; padding-left: 35px; margin: 7px 0 7px 0; }
        ul.icons li:first-child { margin-top: 0; }
        ul.icons li:last-child { margin-bottom: 0; }
        ul.icons li svg { width: 20px; height: 20px; top: 1px; left: 0; position: absolute; }
        ul.icons.large li { font-size: 14px; margin-top: 20px; margin-bottom: 20px; padding-left: 45px; }
        ul.icons.large li:first-child { margin-top: 0; }
        ul.icons.large li svg { width: 22px; height: 22px; top: 0px; }
        ul.icons.narrow { max-width: 600px; margin: 0 auto; }
        ul.icons.spread li { margin: 12px 0 12px 0; }
        ul.icons.error li svg { color: var(--artifactRed); }
        ul.icons.checks li svg { color: var(--green); top: 2px; }
        ul.icons.spaced li { margin: 20px 0; }
        ul.icons.thin150 { max-width: 150px; margin-left: auto; margin-right: auto; }
        ul.icons.thin200 { max-width: 200px; margin-left: auto; margin-right: auto; }
        ul.icons.thin250 { max-width: 250px; margin-left: auto; margin-right: auto; }
        ul.icons.thin400 { max-width: 400px; margin-left: auto; margin-right: auto; }

		.circle-icon { width: 50px; height: 50px; border-radius: 50%; border: 3px solid var(--white); background: var(--primaryColor); flex-shrink: 0;
			box-shadow: var(--avatarBoxShadow); }

		.circle-icon.number { color: var(--white); font-size: 24px; display: flex; align-items: center; justify-content: center; }
		.circle-icon.number.center { display: inline-flex; }

		.documentation-links { width: 100%; font-size: 12px; margin-bottom: 20px; }

		.circle-number-wrap { margin-bottom: 20px; display: flex; align-items: center; gap: 15px; }
		.circle-number-wrap.topborder { border-top: 1px solid var(--gray4); padding-top: 30px; margin-top: 20px; }
			.circle-icon.number { flex-shrink: 0; }
			.circle-number-content { font-size: 16px; }
			
	/* Header */
		header.main { height: 100px; position: fixed; top: 0; left: 0; right: 0; box-shadow: 0 0 0 rgba(0,0,0,.15); transition: .15s linear all;
            z-index: 90; }
		header.main .stripe-inside { display: flex; height: 100%; align-items: center; }
		body.scrolled header.main { box-shadow: var(--primaryBoxShadow); transition: .15s linear all; 
			border-bottom: 1px solid #362703; box-shadow: 0 0 20px rgba(0,0,0,.7); height: 67px; 
			background: rgb(20,13,4); background: radial-gradient(circle, rgba(20,13,4,1) 0%, rgba(8,7,2,1) 100%); }

			button.hamburger { background: transparent; color: var(--primaryTextColor); position: fixed; top: 15px; text-transform: uppercase; left: 15px;
				cursor: pointer; margin: 0; z-index: 100; font-weight: 700; font-family: var(--primaryFont); font-size: 14px; padding: 10px 15px 8px 35px;
				line-height: 1em; transition: .15s linear all; border: 1px solid var(--dirt14); border-radius: 5px; display: none; transition: .15s linear all; }
			button.hamburger:hover { opacity: .7; transition: .15s linear all; }
			button.hamburger svg { width: 18px; position: absolute; top: 7px; left: 10px; transition: .15s linear all; color: var(--dirt10); }
            body.showmobile button.hamburger svg { transition: .15s linear all; }
            body.showmobile button.hamburger:hover { color: var(--white); opacity: .7; }

			.logo-wrap { flex: 1; }
				a.logo { width: 200px; display: block; transition: .15s linear all; }
				a.logo.notagline { visibility: hidden; opacity: 0; pointer-events: none; position: absolute; width: 160px; }
				a.logo.tagline { width: 250px; }
				a.logo img { width: 100%; float: left; }

				body.scrolled a.logo.notagline { visibility: visible; opacity: 1; pointer-events: all; transition: .15s linear all; position: relative; }
				body.scrolled a.logo.tagline { visibility: hidden; opacity: 0; pointer-events: none; transition: .15s linear all; position: absolute;  }

			.logo-icon { width: 60px; height: 60px; position: absolute; top: 15px; left: 0; right: 0; margin: auto; display: none; transition: .15s linear all; }
			.logo-icon a.logo { width: 100%; display: block; }
			.logo-icon a.logo img { float: left; }

			.logo-icon-menu { display: none; width: 100%; padding: 40px; position: absolute; bottom: 0; text-align: center; }
			.logo-icon-menu img { filter: invert(40%) sepia(7%) saturate(50%) hue-rotate(260deg) brightness(130%) contrast(95%); opacity: .3; width: 100%; }

			.menuwrap { height: 100%; justify-content: flex-end; align-items: center; display: flex; }
				.menu-primary-container { height: 100%; display: inline-flex; }

				/* Level 1 Menus */
					header ul.menu { height: 100%; display: flex; align-items: center; }
					header ul.menu li { height: 100%; list-style-type: none; width: auto; display: block; width: auto; display: inline-flex; margin: 0 40px 0 0;
						display: flex; flex-direction: column; justify-content: center; }
                    header ul.menu li.hide { display: none;  }
					header ul.menu li a { line-height: 16px; color: var(--primaryColor); width: auto; display: block; font-size: 14px; display: inline-flex;
						font-weight: 500; -webkit-font-smoothing: antialiased; transition: .15s linear all; opacity: 1; border-bottom: 2px solid transparent; 
						border-top: 2px solid transparent; }

					header ul.menu li a:hover { opacity: .7; transition: .15s linear all; }
					header ul.menu li.current-menu-item > a, header ul.menu li.current-menu-ancestor > a { border-bottom: 2px solid var(--primaryColor); }

						li.iconright a { display: flex; align-items: center; gap: 5px; }
						li.iconright a svg { width: 20px; height: 20px; transition: .15s linear all; transform: rotate(0); }
						li.iconright:hover a svg { transition: .15s linear all; transform: rotate(180deg); }

                    body.tax-subject ul.menu li.work /*, body.single-work ul.menu li.work, body.single-post ul.menu li.blog */ { border-bottom: 2px solid var(--primaryColor); }

					header ul.menu li.mobilehome { display: none; }

					.cta { display: inline-block; transition: .15s linear all; }

				/* Level 2 Menus */
					header ul.menu li .border-wrap { position: absolute; top: 70px; visibility: hidden; opacity: 0; min-width: 160px; max-width: 300px; z-index: 10;
						margin-left: -21px; transform: perspective(75em) rotateX(-20deg); box-shadow: 0 0 20px rgba(0,0,0,.5);
						transition: all 0.15s ease-in-out;  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; }

					header ul.menu li .border-wrap .border-inside-02 { padding: 5px; display: flex; flex-direction: column; gap: 5px;
						background: radial-gradient(circle,rgba(40, 31, 26, 1) 0%, rgba(16, 11, 3, 1) 100%); }

					body.header.full-width-submenu header ul.menu li .border-wrap  { width: var(--siteWidth) !important; margin-left: auto; margin-right: auto; position: fixed; 
                        left: 0; right: 0; }
					body.scrolled header ul.menu li .border-wrap  { transition: .15s linear all; top: 50px; }

                    header ul.menu li.menu-item-has-children .border-wrap { visibility: hidden; opacity: 0; pointer-events: none; }

					header ul.menu li.menu-item-has-children:hover .border-wrap, header ul.menu li.menu-item-has-children.show .border-wrap { visibility: visible; opacity: 1; 
                        pointer-events: all; transform: unset; }
					header ul.menu li ul li { width: 100%; height: auto; align-items: start; min-width: max-content; margin: 0; }
					header ul.menu li ul li a { text-align: left; width: 100%; }
                    header ul.menu li.current-menu-item ul li > a, header ul.menu li.current-menu-ancestor ul li > a { }
                    header ul.menu li.menu-item-has-children ul li > a { padding: 5px 10px; border-radius: 2px; transition: .15s linear all; }
					header ul.menu li ul li > a:hover { background-color: var(--tan18); transition: .15s linear all; }

                    header ul.menu li.menu-item-has-children ul li.has-icon-left > a { padding-left: 37px; }

                    
                    /* Rich Menu */

                    header ul.menu li.has-icon-left > a { padding-left: 35px; }
                    header ul.menu li.has-icon-left > a svg, header ul.menu li.has-icon-left img { position: absolute; left: 7px; width: 20px; height: 20px; top: 1px; bottom: 0; 
                        margin: auto 0; color: var(--opalBlue4); }
                    header ul.menu li.has-icon-left img { height: auto; }

                    li.has-subtext a { display: flex; flex-direction: column; gap: 5px; }
                    header ul.menu li.has-icon-left.has-subtext > a svg, header ul.menu li.has-icon-left.has-subtext > a img { top: 3px; margin: 0; }
                    header ul.menu li.has-icon-left.has-subtext > a img { top: 7px; }
                        .menu-item-text { font-weight: bold; }
                        .menu-item-subtext { font-weight: 400; color: var(--gray14); font-size: 12px; }


		.social-wrap { font-weight: normal; transition: .15s linear all; display: flex; align-items: center; gap: 20px; }
		.social-wrap a { display: inline-block; width: 20px; height: 20px; }
		.social-wrap a svg { width: 20px; height: 20px; color: linear-gradient(to left, #f07d26, #ffc517); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

        
    /* Content */

		/* FAQ */
		.faq-item { margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--tan18); }
        .faq-item.first { margin-top: 30px; }
        .faq-item:last-child {  }
		.faq-item h4 { color: var(--white); margin-bottom: 15px; }

		/* Blog */
			/* Blog Index */
			.gridicons article { width: 100%; box-shadow: var(--darkBoxShadow); border: 1px solid #362703; transition: .15s linear all;
				border-radius: 5px; overflow: hidden; background-color: #080502; }
			.gridicons article .thumb-wrap { width: 100%; height: 0; padding-top: 56.25%; border-bottom: 1px solid #362703; }
			.gridicons article .thumb-wrap a { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
			.gridicons article .thumb-wrap img { width: 100%; height: 100%; object-fit: cover; }
			.gridicons article .entry-header { padding: 20px; background-color: #080502; }
			.gridicons article .entry-header h1.entry-title { font-size: 22px; }
			.gridicons article .entry-header h1.entry-title a { color: var(--white); transition: .15s linear all; }
			.gridicons article .entry-header h1.entry-title a:hover { color: var(--gold); }
			.gridicons article .entry-header .entry-meta { font-size: 14px; color: var(--gray12); margin-top: 7px; }
			.gridicons article .entry-header h2.entry-subtitle { font-size: 16px; margin-top: 10px; line-height: 1.4em;
				display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }

			.gridicons article:hover { border: 1px solid var(--gold); transition: .15s linear all; }

			/* On index pages the whole card links to the single: the title link stretches over the article */
			body.blog .gridicons article .entry-header, body.post-type-archive .gridicons article .entry-header, body.page-template-page-tomes .gridicons article .entry-header,
			body.blog .gridicons article h1.entry-title, body.post-type-archive .gridicons article h1.entry-title, body.page-template-page-tomes .gridicons article h1.entry-title,
			body.blog .gridicons article h1.entry-title a, body.post-type-archive .gridicons article h1.entry-title a, body.page-template-page-tomes .gridicons article h1.entry-title a { position: static; }
			body.blog .gridicons article h1.entry-title a::after, body.post-type-archive .gridicons article h1.entry-title a::after, body.page-template-page-tomes .gridicons article h1.entry-title a::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }

            .nav-links { margin-top: 30px; }
            .nav-links .page-numbers { padding: 3px 8px; border: 1px solid var(--dirt16); }
			

		/* Blog Single */
			body.single h2.entry-subtitle { font-weight: 300; color: var(--secondaryTextColor); font-size: 20px; }

			body.single .banner-wrap { border: 1px solid var(--dirt16); overflow: hidden; box-shadow: var(--darkBoxShadow); background-color: var(--dirt20); }
			body.single .banner-wrap img { object-fit: cover; margin: 0 auto; left: 0; right: 0; position: absolute; }

            body.single .entry-meta { color: var(--gold12); font-weight: 300; font-size: 16px; }
            body.single .stripe-subtitle { color: var(--dirt5); }

            body.single .content .wp-block.wp-embed-aspect-16-9 { width: 100%; height: 0; padding-top: 56.25%; }
            body.single .content .wp-block.wp-embed-aspect-16-9 figure { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

            body.single .banner-wrap .square-image-wrap { width: 500px; max-width: 100%; height: 0; padding-top: 100%; margin: 0 auto; }
            body.single .banner-wrap .square-image-wrap img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: auto;
                object-fit: contain; }

            .persona-wrap { line-height: 1.7em;  }
            .persona-wrap.center { width: 245px; margin: 0 auto; margin-bottom: 40px; }
                .persona-author-wrap { text-align: left; display: flex; align-items: center; margin-bottom: 20px; gap: 20px; 
                    border-top: 1px solid var(--dirt16); padding-top: 20px; }
                    .persona-avatar { width: 70px; height: 70px; border-radius: 50%; background: var(--dirt20); padding: 3px;
                        overflow: hidden; box-shadow: var(--fieldBoxShadow); border: 2px solid var(--gold12); }
                    .persona-avatar img { width: 100%; height: 100%; float: left; border-radius: 50%; }
                    .persona-author-text { flex: 1; line-height: 1.3em; gap: 2px; display: flex; flex-direction: column; }
                        .persona-author { font-weight: 800; color: var(--white); }
                        .persona-title { font-size: 14px; font-weight: 300; color: var(--tan5); }
                        .xtwitter { font-size: 14px; }
                        .xtwitter a { color: var(--primaryTextColor); text-transform: underline; font-weight: 600; color: var(--gold); }
                        .xtwitter a:hover { color: var(--dirt10); }

		.content .wp-block { max-width: 760px; margin-left: auto; margin-right: auto; margin-bottom: 30px; }
		.content .wp-block:last-child { margin-bottom: 0; }
		.content .wp-block.marginhalf { margin-bottom: 15px; }
        .content .wp-block.margin0 { margin-bottom: 0; }
		.content .wp-block.wide { max-width: 960px; }
		.content .wp-block.fill { max-width: 100%; }

		.content .wp-block img { object-fit: contain; }

			.wp-block.alignright, .wp-block.alignleft { float: right; max-width: unset; margin-left: 30px; }
			.wp-block.alignleft { float: left; margin-left: 0; margin-right: 30px; }
			.wp-block.alignright .wp-block-image, .wp-block.alignleft .wp-block-image { width: 100%; display: block; }
			.wp-block.alignright .wp-block-image figure, .wp-block.alignleft .wp-block-image figure { float: unset; width: 100%; margin: 0; max-width: unset; }

			.wp-block.book-column .wp-block-group { grid-template-columns: 1fr 3fr 1fr; display: flex; align-items: center; gap: 30px; }
			.wp-block.book-column .wp-block-group .wp-block-image { flex-shrink: 0; margin: 0; }

		/* Sidebar */
		.sidebar .columns { gap: 30px; }
		.sidebar .gridicons article .entry-header h1.entry-title { font-size: 16px; }
		.sidebar .gridicons article .entry-header h2.entry-subtitle { font-size: 14px; }

    /* Albums - Echoes */
    body.post-type-archive-album article .thumb-wrap, body.post-type-archive-art_pack article .thumb-wrap { padding-top: 100%; }

    /* Art Packs */
    .art-pack-images { display: flex; justify-content: center; gap: 20px; align-items: center; flex-wrap: wrap; margin-bottom: 30px;  }
        .pack-image { width: 202px; height: 202px; border: 1px solid var(--dirt16);  }
        .pack-image button.lightbox-image { cursor: pointer; }
        .pack-image img { width: 100%; height: 100%; float: left; }

	/* Timeline */
		.time-wrap { width: 100%; position: relative; max-width: 960px; margin: 0 auto; }
			.vertical-bar { width: 20px; background: var(--dirt17); position: absolute; left: 50px; top: 50px; bottom: 50px; }

			.time-item { width: 100%; position: relative; display: flex; align-items: center; gap: 20px; }

			.time-item.two { margin-top: 50px; }
			.time-item.three { margin-top: 120px; }
			.time-item.four { margin-top: 120px; }

				.time-circle-wrap { width: 120px; height: 120px;  background: var(--dirt17); border-radius: 50%; z-index: 10; flex-shrink: 0; }
					.time-circle-inside { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; }
						.time-circle {  width: 100%; height: 100%;  border-radius: 50%; color: #fff; text-align: center; font-weight: 600; display: table; }
							.time-circle-text { display: table-cell; text-align: center; vertical-align: middle; padding: 10px; font-size: 13px;
                                line-height: 1.3em;  }
				.time-bar-right { background: var(--dirt17); background: transparent; height: 20px; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 20px; right: 20px; }
				.time-desc-wrap { float: right; height: 100%; width: 100%; position: relative; z-index: 10; }
					.time-desc-inside { display: table; width: 100%; height: 100%; }
						.time-desc-valign { display: table-cell; width: 100%; height: auto; vertical-align: middle; }
							.time-desc { display: inline-block; width: 100%; padding: 20px; border-radius: 0; background: var(--dirt18); border-radius: 5px;
								line-height: 1.5em; border: 1px solid var(--dirt16); box-shadow: var(--darkBoxShadow); }
								
			.time-item.oct2014 .time-circle { background: #c71628; border: 5px solid #a11220; } /* Dark Red */
			
			.time-item.may2015 { margin-top: 55px; }
			.time-item.may2015 .time-circle { background: #e6192f; border: 5px solid #c71628; } /* Light Red */
			
			.time-item.sept2015 { margin-top: 55px; }
			.time-item.sept2015 .time-circle { background: #e85d00; border: 5px solid #c24e00; } /* Dark Orange */
			
			.time-item.june2016 { margin-top: 75px; }
			.time-item.june2016 .time-circle { background: #ff670b; border: 5px solid #e85d00; } /* Light Orange */
			
			.time-item.aug2017 { margin-top: 110px; }
			.time-item.aug2017 .time-circle { background: #f7c20a; border: 5px solid #edb40a; color: #000; } /* Dark yellow */
			
			.time-item.july2018 { margin-top: 95px; }
			.time-item.july2018 .time-circle { background: #fce50a; border: 5px solid #f7c20a; color: #000; } /* Light Yellow */
			
			.time-item.aug2018 { margin-top: 10px; }
			.time-item.aug2018 .time-circle { background: #7fc816; border: 5px solid #67a212; color: #000; } /* Dark Green */
			
			.time-item.nov2018 { margin-top: 25px; }
			.time-item.nov2018 .time-circle { background: #97e61a; border: 5px solid #7fc816; color: #000; } /* Light Green */
			
			.time-item.may2019 { margin-top: 50px; }
			.time-item.may2019 .time-circle { background: #017bc3; border: 5px solid #0f58ad; } /* Dark Blue */
			
			.time-item.late2019 { margin-top: 55px; }
			.time-item.late2019 .time-circle { background: #0292e0; border: 5px solid #017bc3; } /* Light Blue */
			
			.time-item.jan2020 { margin-top: 10px; }
			.time-item.jan2020 .time-circle { background: #9752cc; border: 5px solid #7f45ab; } /* Dark Purple */
			
			.time-item.late2020 { margin-top: 65px; }
			.time-item.late2020 .time-circle { background: #b864f8; border: 5px solid #9752cc; } /* Light Purple */




	/* Terms of Service */
		.tos-section-wrap { display: flex; align-items: center; gap: 80px; margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--tan18); }
			.tos-section-main { width: 70%; }
				h3.tos-title { font-size: 20px; font-weight: bold; margin-bottom: 10px; }
			.tos-section-simple { width: 30%; font-size: 14px; }


	/* Footer */
		.stripe.footer { font-size: 12px; line-height: 1.5em; color: var(--dirt12); }
		.stripe.footer .stripe-inside .columns { border-top: 1px solid var(--tan18); padding-top: 60px; grid-template-columns: 2fr 1fr 1fr; }
		.stripe.footer .column-inside { display: flex; flex-direction: column; gap: 15px; }

			.footer-menu ul li { list-style-type: none; margin: 10px 0; font-size: 14px; }
			.footer-menu ul li a, .footer a { color: var(--dirt6); }
			.footer-menu ul li a:hover, .footer a:hover { color: var(--white); }

			.footer h4 { font-weight: bold; font-size: 18px; }
			.footer p { margin: 0; }

            ul.footer-inline-menu { display: flex; align-items: center; column-gap: 20px; margin-bottom: 0; }
            ul.footer-inline-menu li { list-style-type: none; margin: 0; }



    /* Begin Overrides */
        a > img.aligncenter { overflow: auto; display: block; float: none; }
        img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
        img.alignleft {  margin-left: 0px; margin-right: 15px; } /* Default is scaling */
        img.alignright { float: right; margin-left: 20px; }
        img.alignnone { margin: 0px; }
        img.imagefull { clear: both; width: 100%; border: 0px; padding: 0px; margin: 0px; }
        
        .reading-pane img { max-width: 100%; }
        .reading-pane img.alignright, .reading-page img.alignleft { max-width: 50%; height: auto; }
        .entry-content iframe { width: 100%; max-width: 100%; }

        
        figure { max-width: 100%; width: 100%; margin: 0; }
        figure img { width: 100%; object-fit: cover; }
        figcaption { font-size: 13px; width: 100%; }
        
        .reading-pane h1, .reading-pane h2, .reading-pane h3, .reading-pane h4, .reading-pane h5, .reading-pane h6 {  }
        
        input[disabled] { opacity: .5; }
        input.notop { margin-top: 0; }
        
        .nocursor { cursor: default; }
        
        .aligncenter { display: block; margin-left: auto; margin-right: auto; }
        .alignleft {  }
        .alignright { float: right; }
        
        .aligntextleft { text-align: left; }
        .aligntextright { text-align: right; }
        .aligntextcenter, .center { text-align: center; }

        .fill { width: 100%; }
        .inlineblock { display: inline-block; }

        .breathe { padding-top: 90px; padding-bottom: 90px; }
        .breathetop { padding-top: 90px; }
        .breathebottom { padding-bottom: 90px; }
        .breathemedium { padding-top: 60px; padding-bottom: 60px; }
        .breathetopmedium { padding-top: 60px; }
        .breathebottommedium { padding-bottom: 60px; }
        .breatheless { padding-top: 30px; padding-bottom: 30px; }
        .breathetopless { padding-top: 30px; }
        .breathebottomless { padding-bottom: 30px; }
		.breathexless { padding-top: 20px; padding-bottom: 20px; }
		.breathetopxless { padding-top: 20px; }
		.breathebottomxless { padding-bottom: 20px; }

        
        .mclear { margin-top: 0px; margin-bottom: 0px; }
        .mtop0 { margin-top: 0; }
        .mtop5 { margin-top: 5px; }
        .mtop10 { margin-top: 10px; }
        .mtop15 { margin-top: 15px; }
        .mtop20 { margin-top: 20px; }
        .mtop25 { margin-top: 25px; }
        .mtop30 { margin-top: 30px; }
        .mtop40 { margin-top: 40px; }
        .mtop50 { margin-top: 50px; }
        .mtop60 { margin-top: 60px; }

        .mbot0 { margin-bottom: 0; }
        .mbot5 { margin-bottom: 5px; }
        .mbot10 { margin-bottom: 10px; }
        .mbot15 { margin-bottom: 15px; }
        .mbot20 { margin-bottom: 20px; }
        .mbot25 { margin-bottom: 25px; }
        .mbot30 { margin-bottom: 30px; }
        .mbot40 { margin-bottom: 40px; }
        .mbot50 { margin-bottom: 50px; }
        .mbot60 { margin-bottom: 60px; }

        
        /* Lengths */
        .w40 { width: 40px; }
        .w50 { width: 50px; }
        .w60 { width: 60px; }
        .w70 { width: 70px; }
        .w80 { width: 80px; }
        .w100 { width: 100px; }
        .w125 { width: 125px; }
        .w150 { width: 150px; }
		.w160 { width: 160px; }
        .w200 { width: 200px; }
        .w300 { width: 300px; }
        .w350 { width: 350px; }
        .w400 { width: 400px; }
        .w50p { width: 50%; }
        .w60p { width: 60%; }
        .w70p { width: 70%; }
        .w80p { width: 80%; }
        .w90p { width: 90%; }

    /* End Overrides */	
                
                
/* Media Queries */

/* Touch Screens */
@media (hover:none) {
    
    
}

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

	.banner-wrap { border-left: 1px solid #2A230C; border-right: 1px solid #2A230C; }
	.stripe.first .banner-wrap { border-left: 1px solid var(--perryBorder); border-right: 1px solid var(--perryBorder); }
	.stripe.level .banner-wrap { border-left: 1px solid #868A8E; } 
	.stripe.assets .banner-wrap { border-left: 1px solid #C6633D; border-right: 1px solid #b38fa5; }
	.stripe.map .banner-wrap { border-left: 1px solid #415C93; border-right: 1px solid #F5FCC1; }
	.stripe.gm-tools .banner-wrap { border-left-color: #212833; border-right-color: #536580; }
	.stripe.character-sheet .banner-wrap, .stripe.gameplay .banner-wrap, .stripe.asset-shop .banner-wrap,
		.stripe.echoes .banner-wrap { border-left-color: var(--brownBorder); border-right-color: var(--brownBorder); }
	.stripe.toc .banner-wrap { border-left-color: var(--perryBorder); border-right-color: var(--perryBorder); }
}

/* Small Desktop - Max content width = 940px with 30px gutters totalling 1000px */
/* Optimized for the 1024px CSS screen resolution */
@media only screen and (max-width: 1400px) {

    h1, .huge, .h1 { font-size: 32px; font-weight: bold; }
    h2, .xxlarge, .h2 { font-size: 26px; }
    h3, .xlarge, .h3 { font-size: 23px; }
    h4, .large, .h4 { font-size: 20px; }
    h5, .medium , .h5 { font-size: 18px; }
    h6, .small, .h6 { font-size: 16px; letter-spacing: 0px; }


    h2.stripe-title, h2.entry-title { font-size: 30px; }
    h2.stripe-subtitle, h3.stripe-subtitle { font-size: 22px; }
	
	/* Stripes */
		.stripe-inside { width: 1000px; }

		.columns.two { gap: 80px; }

	/* Stripes */
		.stripe-inside { width: 100%; }

		.stripe.characters .banner-wrap { border: 1px solid var(--perryBorder); background-color: #070a0d; }
		.stripe.characters .banner-wrap img.banner-image.size1 { padding-left: 240px; background-color: #070a0d; }
		
		.stripe.level .banner-wrap { border: 1px solid var(--brownBorder); background-color: #110c04; }
		.stripe.level .banner-wrap img.banner-image.size1 { padding-right: 340px; }

		.stripe.gm-tools .banner-wrap { border: 1px solid var(--perryBorder); background-color: #070a0d; }
		.stripe.gm-tools .banner-wrap img.banner-image.size1 { padding-left: 340px; background-color: #070a0d; }

		.stripe.character-sheet .banner-wrap { border: 1px solid var(--brownBorder); background-color: #281f1a; }
		.stripe.character-sheet .banner-wrap img.banner-image.size1 { padding-left: 200px; }

		.stripe.toc .banner-wrap { border: 1px solid var(--perryBorder); background-color: #070a0d; }
		.stripe.toc .banner-wrap img.banner-image.size1 { padding-right: 100px; background-color: #070a0d; }

		.stripe.asset-shop .banner-wrap { border: 1px solid var(--brownBorder); }
		.stripe.asset-shop .banner-wrap img.banner-image.size1 { padding-left: 200px; }

		.stripe.echoes .banner-wrap { border: 1px solid var(--brownBorder); }
		.stripe.echoes .banner-wrap img.banner-image.size1 { padding-right: 230px; background-color: #010101; }

	/* Columns */
		.columns.four { column-gap: 30px; }

    /* Menu */
        ul.menu li { margin-right: 25px; }

}

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

	/* Header */
		header.main { height: 90px; }
		#container { padding-top: 90px; }
		

		.logo-wrap { width: 180px; position: absolute; left: 0; right: 0; margin: auto; }
		.logo-wrap a.logo { width: 100%; }

		.logo-icon-menu { display: block; }

		.button-image.cta { position: absolute; right: 15px; top: 15px; }

		/* Menu */
			button.hamburger { display: block; z-index: 110; }
			body.showmobile button.hamburger { color: var(--white); border: 1px solid rgba(255,255,255,.15); }

			body.scrolled button.hamburger, body.scrolled button.cta { transition: .15s linear all; }

			.menuwrap { position: fixed; top: 5px; left: -220px; bottom: 5px; width: 200px; background: var(--dirt17); padding: 0; transition: .15s linear all; opacity: 0; 
				visibility: hidden; margin: 0; box-shadow: 0 0 0 rgba(0,0,0,.2); display: block; z-index: 100; height: unset; 
				border-radius: 5px; border-width: 1px; border-style: solid; border-color: var(--dirt12); transition: .15s linear all; }
			body.showmobile .menuwrap { transition: .15s linear all; left: 5px; opacity: 1; visibility: visible; box-shadow: var(--darkBoxShadow3);
				top: 5px; bottom: 5px; }

			.menu-primary-container { display: block; height: auto;
				 width: 100%; height: 100%; padding: 2px; border-radius: 5px; border-width: 2px; border-style: solid; border-color: var(--dirt18);
            	background-color: var(--copperTrim1); background: linear-gradient(-150deg, var(--copperTrim1) 5%, var(--gold) 15%, var(--copperTrim1) 25%, var(--copperTrim1) 60%, var(--gold) 70%, var(--copperTrim1) 80%); }

			header ul.menu { padding-top: 48px; flex-direction: column; gap: 5px; padding-left: 5px; padding-right: 5px;
				width: 100%; height: 100%; border-radius: 4px; border-width: 2px; border-style: solid; border-color: var(--dirt20);
                background: var(--dirt16); background: linear-gradient(180deg, var(--dirt17) 0%, var(--dirt18) 100%); }
			header ul.menu li { width: 100%; margin: 0; height: auto; }
			header ul.menu li a { width: 100%; line-height: 1em; border: 0; padding: 9px 10px 9px 10px; color: var(--white); font-weight: 400; border-radius: 3px;
				line-height: 1.3em; }
			header ul.menu li a:hover { background-color: var(--dirt20); }
			header ul.menu li.current-menu-item a { border-bottom: 0; border-right: 4px solid var(--primaryColor); background-color: var(--dirt19); }
			header ul.menu li.current-menu-item a:hover { background-color: var(--dirt20); }
            header ul.menu li:last-child { margin-right: 0; }

			header ul.menu li.iconright a svg { transform: rotate(-90deg); position: absolute; right: 5px; top: 6px; }
			header ul.menu li.iconright a:hover svg { transform: rotate(90deg); }

			header ul.menu li.mobilehome { display: block; }

			header ul.menu li.menu-item-has-children .border-wrap { top: -12px; left: 195px; width: 200px; }
			header ul.menu li.menu-item-has-children ul li > a { padding: 9px 10px 9px 10px; }
			header ul.menu li ul li { min-width: unset; }

            body.scrolled header ul.menu li .border-wrap { top: -12px; }

	/* Stripes */
		.stripe-inside { width: 100%; }

		.columns.two { grid-template-columns: 1fr; gap: 40px; }

	/* Columns */
        .columns.cards { row-gap: 30px; grid-template-columns: 1fr 1fr 1fr; }

        .columns { column-gap: 60px; }
        .columns.four { gap: 30px; }

        .columns.gridicons, .columns.three.gridicons { row-gap: 60px; column-gap: 40px; }
        .stripe.blog .columns { gap: 20px; }

        .stripe.hero-bar .columns.two .buttonwrap { flex-direction: column; }
        .stripe.hero-bar .columns.two .buttonwrap a.button:nth-child(2) { margin-left: 0; margin-top: 15px; }

		.columns.four { grid-template-columns: repeat(3, minmax(0, 1fr)); }

	/* Banners */
	.stripe.banner.text-overlay { height: auto; }
	.stripe.banner.text-overlay .stripe-inside { height: unset; }
	.stripe.banner.text-overlay .banner-image { position: relative; top: unset; right: unset; bottom: unset; left: unset; height: 350px; }
	.stripe.banner.text-overlay .banner-text { width: 100%; padding: 30px 0; }
	.stripe.banner.text-overlay .banner-text-inside, .stripe.banner.text-overlay.first .banner-text-inside { max-width: unset; }

	body.mobile .stripe.banner.text-overlay.level .banner-image.size2 { display: none; }
	body.mobile .stripe.banner.text-overlay.level .banner-image.size3 { display: block; }

	.stripe.map .banner-wrap { border: 1px solid var(--brownBorder); background-color: #0e0b09; }
	.stripe.gameplay .banner-wrap, .stripe.character-sheet .banner-wrap, .stripe.asset-shop .banner-wrap, .stripe.echoes .banner-wrap { background-color: #0e0b09; }

	/* Images */
	.subject-image-row { flex-wrap: wrap; }
		.subject-image.multiple { justify-content: center; }

    /* Buttons */
        .button.large, a.button.large, button[type=submit].large, input[type=submit].large { font-size: 18px; padding: 14px 28px; }
        .button.withiconright.large i { top: 14px; }


	/* Spacing */
	.breathe { padding-top: 100px; padding-bottom: 100px; }
    .breathetop { padding-top: 100px; }
    .breathebottom { padding-bottom: 100px; }

    .breathemedium { padding-top: 80px; padding-bottom: 80px; }
    .breathetopmedium { padding-top: 80px; }
    .breathebottommedium { padding-bottom: 80px; }

    .breatheless { padding-top: 50px; padding-bottom: 50px; }
    .breathetopless { padding-top: 50px; }
    .breathebottomless { padding-bottom: 50px; }

    .breathexless { padding-top: 20px; padding-bottom: 20px; }
    .breathetopxless { padding-top: 20px; }
    .breathebottomxless { padding-bottom: 20px; }

}


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

	.columns.three { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 30px; }
	.columns.three .column { grid-column: span 3; }
	.columns.three .column:last-child { max-width: 400px; margin: 0 auto; grid-column-start: 2; grid-column-end: 6; }

	.stripe.footer .columns.three { grid-template-columns: 2fr 1fr; }
	.stripe.footer .columns.three .column { grid-column: span 1; }
	.stripe.footer .columns.three .column:last-child { max-width: unset; margin: unset; grid-column-start: unset; grid-column-end: unset; }

	/* Overrides */
    .breathe { padding-top: 80px; padding-bottom: 80px; }
    .breathetop { padding-top: 80px; }
    .breathebottom { padding-bottom: 80px; }

    .breathemedium { padding-top: 60px; padding-bottom: 60px; }
    .breathetopmedium { padding-top: 60px; }
    .breathebottommedium { padding-bottom: 60px; }

    .breatheless { padding-top: 40px; padding-bottom: 40px; }
    .breathetopless { padding-top: 40px; }
    .breathebottomless { padding-bottom: 40px; }

	.tos-section-wrap { gap: 10px; flex-direction: column; }
        .tos-section-main { width: 100%; }
        .tos-section-simple { width: 100%; color: var(--gray12); border-top: 1px dashed var(--gray5); margin-top: 10px; padding-top: 20px; }

}


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

	h1, .huge, .h1 { font-size: 30px; font-weight: bold; }
    h2, .xxlarge, .h2 { font-size: 24px; }
    h3, .xlarge, .h3 { font-size: 22px; }
    h4, .large, .h4 { font-size: 20px; }
    h5, .medium , .h5 { font-size: 18px; }
    h6, .small, .h6 { font-size: 16px; letter-spacing: 0px; }

    h2.stripe-title, h2.entry-title { font-size: 28px; }
    h2.stripe-subtitle, h3.stripe-subtitle { font-size: 20px; }
	
	/* Buttons */
		.button.medium, a.button.medium, button[type=submit].medium, input[type=submit].medium, input[type=submit].wpforms-submit.medium { padding: 10px 24px; }
		.button.medium.rounded, a.button.medium.rounded, button[type=submit].medium.rounded, input[type=submit].medium.rounded, input[type=submit].wpforms-submit.medium.rounded
			{ border-radius: 21px; }

	/* Stripes */

	/* Columns */
		.columns.four { grid-template-columns: repeat(2, minmax(0, 1fr)); }

		.stripe.footer .columns.three { grid-template-columns: 1fr; }

	/* Form.io Forms */
	.formio-embedded .form-group label { width: 100%; }
    .formio-embedded .form-group div[ref="element"] { width: 100%; margin-top: 7px; }
	.formio-embedded .form-group .form-text { padding: 0; }

}


@media only screen and (max-width: 600px) {
    
    /* Stripe Headings */

		body, .circle-number-content { font-size: 15px; }

	/* Header */
		.logo-wrap { display: none; }
		.logo-icon { display: block; top: 14px; }
		body.scrolled .logo-icon { top: 13px; width: 40px; transition: .15s linear all; }

	/* Columns */
		.columns.three { grid-template-columns: repeat(1, minmax(0, 1fr)); }
		.columns.three .column { grid-column: span 1; }
		.columns.three .column:last-child { grid-column-start: unset; grid-column-end: unset; }

		/* Columns */
		.columns.two { grid-template-columns: repeat(1, minmax(0, 1fr)); }
		.columns.four { grid-template-columns: repeat(1, minmax(0, 1fr)); }

	/* Overrides */
    .breathe { padding-top: 60px; padding-bottom: 60px; }
    .breathetop { padding-top: 60px; }
    .breathebottom { padding-bottom: 60px; }

    .breathemedium { padding-top: 50px; padding-bottom: 50px; }
    .breathetopmedium { padding-top: 50px; }
    .breathebottommedium { padding-bottom: 50px; }

    .breatheless { padding-top: 40px; padding-bottom: 40px; }
    .breathetopless { padding-top: 40px; }
    .breathebottomless { padding-bottom: 40px; }
	
}

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

    body.single.single-album .stripe.banner, body.single.single-art_pack .stripe.banner { height: auto; }
    body.single.single-album .banner-wrap, body.single.single-art_pack .banner-wrap { background: transparent; border: unset; }

}

@media only screen and (max-width: 480px) {
	
	header ul.menu li.menu-item-has-children .border-wrap { left: 170px; }

}

/* Mobile View */
@media only screen and (max-device-width: 415px) {
	#fill { width: 100%; } /* Width specified for iPhone 7s */
	#container { width: 100%; } /* Width specified for iPhone 7s */
	
	
}

/* Mobile Landscape Only - Max content width = 696px with 20px gutters totalling 736px; */
@media only screen and (max-device-width: 737px) and (orientation: landscape) { 
	
	#fill { width: 100%; }
	#container { width: 100%; } 

}