@charset "UTF-8";
/* ----------------------------------------------------------- */
/*          AIO CMS CSS Library - © Aiomax Group 2024          */
/* ----------------------------------------------------------- */
/* ------------------------------ */
/*            Colors              */
/* ------------------------------ */
/*
* Color palettes
*/
.palette--items {
  width: 2rem;
  height: 2rem;
  margin-bottom: 0.5rem;
  border-radius: 50%;
  cursor: pointer;
  border-width: 2px;
  border-style: solid;
  opacity: 0.75;
  transition: all 0.1s;
}
.palette--items:hover, .palette--items.palette--active {
  opacity: 1;
}

/*
* Variable Colors
*/
.doc-warm {
  --gray: #958E88;
  --gray-25: #FDFCFC;
  --gray-50: #FBFAF9;
  --gray-75: #F8F7F5;
  --gray-100: #F6F4F2;
  --gray-125: #F0EEEB;
  --gray-150: #EAE7E5;
  --gray-175: #E4E1DE;
  --gray-200: #DEDBD8;
  --gray-225: #D8D4D1;
  --gray-250: #D2CECA;
  --gray-275: #CCC7C4;
  --gray-300: #C6C1BD;
  --gray-325: #BFBBB6;
  --gray-350: #B9B4B0;
  --gray-375: #B3AEA9;
  --gray-400: #ADA8A3;
  --gray-425: #A7A19C;
  --gray-450: #A19B95;
  --gray-475: #9B948F;
  --gray-500: #958E88;
  --gray-525: #8E8782;
  --gray-550: #88817B;
  --gray-575: #817A75;
  --gray-600: #7A746E;
  --gray-625: #736D68;
  --gray-650: #6D6661;
  --gray-675: #66605B;
  --gray-700: #5F5955;
  --gray-725: #58524E;
  --gray-750: #524C48;
  --gray-775: #4B4541;
  --gray-800: #443F3B;
  --gray-825: #3D3834;
  --gray-850: #37312E;
  --gray-875: #302B27;
  --gray-900: #292421;
  --gray-925: #1F1B19;
  --gray-950: #151211;
  --gray-975: #0A0908;
  --gray-a50: rgba(149, 142, 136, 0.05);
  --gray-a100: rgba(149, 142, 136, 0.1);
  --gray-a150: rgba(149, 142, 136, 0.15);
  --gray-a200: rgba(149, 142, 136, 0.2);
  --gray-a250: rgba(149, 142, 136, 0.25);
  --gray-a300: rgba(149, 142, 136, 0.3);
  --gray-a350: rgba(149, 142, 136, 0.35);
  --gray-a400: rgba(149, 142, 136, 0.4);
  --gray-a450: rgba(149, 142, 136, 0.45);
  --gray-a500: rgba(149, 142, 136, 0.5);
  --gray-a550: rgba(149, 142, 136, 0.55);
  --gray-a600: rgba(149, 142, 136, 0.6);
  --gray-a650: rgba(149, 142, 136, 0.65);
  --gray-a700: rgba(149, 142, 136, 0.7);
  --gray-a750: rgba(149, 142, 136, 0.75);
  --gray-a800: rgba(149, 142, 136, 0.8);
  --gray-a850: rgba(149, 142, 136, 0.85);
  --gray-a900: rgba(149, 142, 136, 0.9);
  --gray-a950: rgba(149, 142, 136, 0.95);
}
.doc-cool {
  --gray: #848E96;
  --gray-25: #FCFCFD;
  --gray-50: #F8FAFB;
  --gray-75: #F5F7F8;
  --gray-100: #F1F4F6;
  --gray-125: #EAEEF0;
  --gray-150: #E3E7EA;
  --gray-175: #DDE1E4;
  --gray-200: #D6DBDE;
  --gray-225: #CFD4D8;
  --gray-250: #C8CED2;
  --gray-275: #C1C7CC;
  --gray-300: #BBC1C6;
  --gray-325: #B4BBC0;
  --gray-350: #ADB4BA;
  --gray-375: #A6AEB4;
  --gray-400: #9FA8AE;
  --gray-425: #98A1A8;
  --gray-450: #929BA2;
  --gray-475: #8B949C;
  --gray-500: #848E96;
  --gray-525: #7E878F;
  --gray-550: #788188;
  --gray-575: #717A81;
  --gray-600: #6B747B;
  --gray-625: #656D74;
  --gray-650: #5F666D;
  --gray-675: #586066;
  --gray-700: #52595F;
  --gray-725: #4C5258;
  --gray-750: #464C51;
  --gray-775: #3F454A;
  --gray-800: #393F44;
  --gray-825: #33383D;
  --gray-850: #2D3136;
  --gray-875: #262B2F;
  --gray-900: #202428;
  --gray-925: #181B1E;
  --gray-950: #101214;
  --gray-975: #08090A;
  --gray-a50: rgba(132, 142, 150, 0.05);
  --gray-a100: rgba(132, 142, 150, 0.1);
  --gray-a150: rgba(132, 142, 150, 0.15);
  --gray-a200: rgba(132, 142, 150, 0.2);
  --gray-a250: rgba(132, 142, 150, 0.25);
  --gray-a300: rgba(132, 142, 150, 0.3);
  --gray-a350: rgba(132, 142, 150, 0.35);
  --gray-a400: rgba(132, 142, 150, 0.4);
  --gray-a450: rgba(132, 142, 150, 0.45);
  --gray-a500: rgba(132, 142, 150, 0.5);
  --gray-a550: rgba(132, 142, 150, 0.55);
  --gray-a600: rgba(132, 142, 150, 0.6);
  --gray-a650: rgba(132, 142, 150, 0.65);
  --gray-a700: rgba(132, 142, 150, 0.7);
  --gray-a750: rgba(132, 142, 150, 0.75);
  --gray-a800: rgba(132, 142, 150, 0.8);
  --gray-a850: rgba(132, 142, 150, 0.85);
  --gray-a900: rgba(132, 142, 150, 0.9);
  --gray-a950: rgba(132, 142, 150, 0.95);
}
.doc-sky-blue {
  --app: #169EF3;
  --app-25: #F7FCFF;
  --app-50: #EFF9FF;
  --app-75: #E7F6FF;
  --app-100: #DFF3FF;
  --app-125: #D2EEFE;
  --app-150: #C6E8FE;
  --app-175: #B9E3FD;
  --app-200: #ADDEFC;
  --app-225: #A0D8FB;
  --app-250: #94D3FB;
  --app-275: LIGHTSKYBLUE;
  --app-300: #7BC9F9;
  --app-325: #6EC3F8;
  --app-350: #61BEF8;
  --app-375: #55B9F7;
  --app-400: #48B3F6;
  --app-425: #3CAEF5;
  --app-450: #2FA9F5;
  --app-475: #23A3F4;
  --app-500: #169EF3;
  --app-525: #1599EC;
  --app-550: #1493E6;
  --app-575: #138EDF;
  --app-600: #1289D8;
  --app-625: #1183D2;
  --app-650: #107ECB;
  --app-675: #0F79C4;
  --app-700: #0F74BE;
  --app-725: #0E6EB7;
  --app-750: #0D69B0;
  --app-775: #0C64A9;
  --app-800: #0B5EA3;
  --app-825: #0A599C;
  --app-850: #095495;
  --app-875: #084E8F;
  --app-900: #074988;
  --app-925: #053766;
  --app-950: #042544;
  --app-975: #021222;
  --app-a50: rgba(22, 158, 243, 0.05);
  --app-a100: rgba(22, 158, 243, 0.1);
  --app-a150: rgba(22, 158, 243, 0.15);
  --app-a200: rgba(22, 158, 243, 0.2);
  --app-a250: rgba(22, 158, 243, 0.25);
  --app-a300: rgba(22, 158, 243, 0.3);
  --app-a350: rgba(22, 158, 243, 0.35);
  --app-a400: rgba(22, 158, 243, 0.4);
  --app-a450: rgba(22, 158, 243, 0.45);
  --app-a500: rgba(22, 158, 243, 0.5);
  --app-a550: rgba(22, 158, 243, 0.55);
  --app-a600: rgba(22, 158, 243, 0.6);
  --app-a650: rgba(22, 158, 243, 0.65);
  --app-a700: rgba(22, 158, 243, 0.7);
  --app-a750: rgba(22, 158, 243, 0.75);
  --app-a800: rgba(22, 158, 243, 0.8);
  --app-a850: rgba(22, 158, 243, 0.85);
  --app-a900: rgba(22, 158, 243, 0.9);
  --app-a950: rgba(22, 158, 243, 0.95);
}
.doc-blue {
  --app: #4283F2;
  --app-25: #F8FBFE;
  --app-50: #F1F6FE;
  --app-75: #EAF2FD;
  --app-100: #E3EDFC;
  --app-125: #D9E6FB;
  --app-150: #CFE0FB;
  --app-175: #C5D9FA;
  --app-200: #BBD3FA;
  --app-225: #B1CCF9;
  --app-250: #A7C5F8;
  --app-275: #9DBFF8;
  --app-300: #93B8F7;
  --app-325: #88B1F6;
  --app-350: #7EABF6;
  --app-375: #74A4F5;
  --app-400: #6A9EF5;
  --app-425: #6097F4;
  --app-450: #5690F3;
  --app-475: #4C8AF3;
  --app-500: #4283F2;
  --app-525: #3F7EEC;
  --app-550: #3B79E6;
  --app-575: #3874DF;
  --app-600: #346FD9;
  --app-625: #316AD3;
  --app-650: #2D65CD;
  --app-675: #2A60C7;
  --app-700: #265BC1;
  --app-725: #2355BA;
  --app-750: #1F50B4;
  --app-775: #1C4BAE;
  --app-800: #1846A8;
  --app-825: #1541A2;
  --app-850: #113C9B;
  --app-875: #0E3795;
  --app-900: #0A328F;
  --app-925: #08266B;
  --app-950: #051948;
  --app-975: #030D24;
  --app-a50: rgba(66, 131, 242, 0.05);
  --app-a100: rgba(66, 131, 242, 0.1);
  --app-a150: rgba(66, 131, 242, 0.15);
  --app-a200: rgba(66, 131, 242, 0.2);
  --app-a250: rgba(66, 131, 242, 0.25);
  --app-a300: rgba(66, 131, 242, 0.3);
  --app-a350: rgba(66, 131, 242, 0.35);
  --app-a400: rgba(66, 131, 242, 0.4);
  --app-a450: rgba(66, 131, 242, 0.45);
  --app-a500: rgba(66, 131, 242, 0.5);
  --app-a550: rgba(66, 131, 242, 0.55);
  --app-a600: rgba(66, 131, 242, 0.6);
  --app-a650: rgba(66, 131, 242, 0.65);
  --app-a700: rgba(66, 131, 242, 0.7);
  --app-a750: rgba(66, 131, 242, 0.75);
  --app-a800: rgba(66, 131, 242, 0.8);
  --app-a850: rgba(66, 131, 242, 0.85);
  --app-a900: rgba(66, 131, 242, 0.9);
  --app-a950: rgba(66, 131, 242, 0.95);
}
.doc-indigo {
  --app: #5174E0;
  --app-25: #F8FAFE;
  --app-50: #F2F5FD;
  --app-75: #EBEFFB;
  --app-100: #E4EAFA;
  --app-125: #DBE3F8;
  --app-150: #D2DBF7;
  --app-175: #C8D4F5;
  --app-200: #BFCDF4;
  --app-225: #B6C5F2;
  --app-250: #ADBEF0;
  --app-275: #A4B6EF;
  --app-300: #9BAFED;
  --app-325: #91A8EB;
  --app-350: #88A0EA;
  --app-375: #7F99E8;
  --app-400: #7692E7;
  --app-425: #6D8AE5;
  --app-450: #6383E3;
  --app-475: #5A7BE2;
  --app-500: #5174E0;
  --app-525: #4D6FDA;
  --app-550: #4A6BD5;
  --app-575: #4666CF;
  --app-600: #4362C9;
  --app-625: #3F5DC3;
  --app-650: #3B58BE;
  --app-675: #3854B8;
  --app-700: #344FB2;
  --app-725: #304AAC;
  --app-750: #2D46A7;
  --app-775: #2941A1;
  --app-800: #263D9B;
  --app-825: #223895;
  --app-850: #1E3390;
  --app-875: #1B2F8A;
  --app-900: #172A84;
  --app-925: #112063;
  --app-950: #0C1542;
  --app-975: #060B21;
  --app-a50: rgba(81, 116, 224, 0.05);
  --app-a100: rgba(81, 116, 224, 0.1);
  --app-a150: rgba(81, 116, 224, 0.15);
  --app-a200: rgba(81, 116, 224, 0.2);
  --app-a250: rgba(81, 116, 224, 0.25);
  --app-a300: rgba(81, 116, 224, 0.3);
  --app-a350: rgba(81, 116, 224, 0.35);
  --app-a400: rgba(81, 116, 224, 0.4);
  --app-a450: rgba(81, 116, 224, 0.45);
  --app-a500: rgba(81, 116, 224, 0.5);
  --app-a550: rgba(81, 116, 224, 0.55);
  --app-a600: rgba(81, 116, 224, 0.6);
  --app-a650: rgba(81, 116, 224, 0.65);
  --app-a700: rgba(81, 116, 224, 0.7);
  --app-a750: rgba(81, 116, 224, 0.75);
  --app-a800: rgba(81, 116, 224, 0.8);
  --app-a850: rgba(81, 116, 224, 0.85);
  --app-a900: rgba(81, 116, 224, 0.9);
  --app-a950: rgba(81, 116, 224, 0.95);
}
.doc-purple {
  --app: #C43BE4;
  --app-25: #FDF8FE;
  --app-50: #FBF2FD;
  --app-75: #F9EBFC;
  --app-100: #F7E4FB;
  --app-125: #F4D9FA;
  --app-150: #F1CFF8;
  --app-175: #EDC4F7;
  --app-200: #EABAF5;
  --app-225: #E7AFF4;
  --app-250: #E4A5F2;
  --app-275: #E19AF1;
  --app-300: #DE90F0;
  --app-325: #DA85EE;
  --app-350: #D77AED;
  --app-375: #D470EB;
  --app-400: #D165EA;
  --app-425: #CE5BE8;
  --app-450: #CA50E7;
  --app-475: #C746E5;
  --app-500: #C43BE4;
  --app-525: #BD38DD;
  --app-550: #B636D7;
  --app-575: #AF33D0;
  --app-600: #A930CA;
  --app-625: #A22EC3;
  --app-650: #9B2BBC;
  --app-675: #9428B6;
  --app-700: #8D26AF;
  --app-725: #8623A8;
  --app-750: #7F20A2;
  --app-775: #781D9B;
  --app-800: #721B95;
  --app-825: #6B188E;
  --app-850: #641587;
  --app-875: #5D1381;
  --app-900: #56107A;
  --app-925: #410C5C;
  --app-950: #2B083D;
  --app-975: #16041F;
  --app-a50: rgba(196, 59, 228, 0.05);
  --app-a100: rgba(196, 59, 228, 0.1);
  --app-a150: rgba(196, 59, 228, 0.15);
  --app-a200: rgba(196, 59, 228, 0.2);
  --app-a250: rgba(196, 59, 228, 0.25);
  --app-a300: rgba(196, 59, 228, 0.3);
  --app-a350: rgba(196, 59, 228, 0.35);
  --app-a400: rgba(196, 59, 228, 0.4);
  --app-a450: rgba(196, 59, 228, 0.45);
  --app-a500: rgba(196, 59, 228, 0.5);
  --app-a550: rgba(196, 59, 228, 0.55);
  --app-a600: rgba(196, 59, 228, 0.6);
  --app-a650: rgba(196, 59, 228, 0.65);
  --app-a700: rgba(196, 59, 228, 0.7);
  --app-a750: rgba(196, 59, 228, 0.75);
  --app-a800: rgba(196, 59, 228, 0.8);
  --app-a850: rgba(196, 59, 228, 0.85);
  --app-a900: rgba(196, 59, 228, 0.9);
  --app-a950: rgba(196, 59, 228, 0.95);
}
.doc-pink {
  --app: #FF2894;
  --app-25: #FFF8FB;
  --app-50: #FFF1F8;
  --app-75: #FFE9F4;
  --app-100: #FFE2F0;
  --app-125: #FFD6EA;
  --app-150: #FFCBE5;
  --app-175: #FFBFDF;
  --app-200: #FFB4D9;
  --app-225: #FFA8D3;
  --app-250: #FF9CCE;
  --app-275: #FF91C8;
  --app-300: #FF85C2;
  --app-325: #FF79BC;
  --app-350: #FF6EB7;
  --app-375: #FF62B1;
  --app-400: #FF57AB;
  --app-425: #FF4BA5;
  --app-450: #FF3FA0;
  --app-475: #FF349A;
  --app-500: #FF2894;
  --app-525: #F7268F;
  --app-550: #EF238B;
  --app-575: #E72186;
  --app-600: #DF1E82;
  --app-625: #D71C7D;
  --app-650: #CF1978;
  --app-675: #C71774;
  --app-700: #C0146F;
  --app-725: #B8126A;
  --app-750: #B00F66;
  --app-775: #A80D61;
  --app-800: #A00A5D;
  --app-825: #980858;
  --app-850: #900553;
  --app-875: #88034F;
  --app-900: #80004A;
  --app-925: #600038;
  --app-950: #400025;
  --app-975: #200013;
  --app-a50: rgba(255, 40, 148, 0.05);
  --app-a100: rgba(255, 40, 148, 0.1);
  --app-a150: rgba(255, 40, 148, 0.15);
  --app-a200: rgba(255, 40, 148, 0.2);
  --app-a250: rgba(255, 40, 148, 0.25);
  --app-a300: rgba(255, 40, 148, 0.3);
  --app-a350: rgba(255, 40, 148, 0.35);
  --app-a400: rgba(255, 40, 148, 0.4);
  --app-a450: rgba(255, 40, 148, 0.45);
  --app-a500: rgba(255, 40, 148, 0.5);
  --app-a550: rgba(255, 40, 148, 0.55);
  --app-a600: rgba(255, 40, 148, 0.6);
  --app-a650: rgba(255, 40, 148, 0.65);
  --app-a700: rgba(255, 40, 148, 0.7);
  --app-a750: rgba(255, 40, 148, 0.75);
  --app-a800: rgba(255, 40, 148, 0.8);
  --app-a850: rgba(255, 40, 148, 0.85);
  --app-a900: rgba(255, 40, 148, 0.9);
  --app-a950: rgba(255, 40, 148, 0.95);
}
.doc-rose {
  --app: #FF3175;
  --app-25: #FFF8FA;
  --app-50: #FFF1F5;
  --app-75: #FFEAF0;
  --app-100: #FFE3EB;
  --app-125: #FFD8E4;
  --app-150: #FFCDDC;
  --app-175: #FFC2D5;
  --app-200: #FFB7CE;
  --app-225: #FFABC6;
  --app-250: #FFA0BF;
  --app-275: #FF95B7;
  --app-300: #FF8AB0;
  --app-325: #FF7FA9;
  --app-350: #FF74A1;
  --app-375: #FF699A;
  --app-400: #FF5E93;
  --app-425: #FF528B;
  --app-450: #FF4784;
  --app-475: #FF3C7C;
  --app-500: #FF3175;
  --app-525: #F72E71;
  --app-550: #F02B6D;
  --app-575: #E82869;
  --app-600: #E12566;
  --app-625: #D92262;
  --app-650: #D11F5E;
  --app-675: #CA1C5A;
  --app-700: #C21956;
  --app-725: #BA1552;
  --app-750: #B3124E;
  --app-775: #AB0F4A;
  --app-800: #A40C47;
  --app-825: #9C0943;
  --app-850: #94063F;
  --app-875: #8D033B;
  --app-900: #850037;
  --app-925: #640029;
  --app-950: #43001C;
  --app-975: #21000E;
  --app-a50: rgba(255, 49, 117, 0.05);
  --app-a100: rgba(255, 49, 117, 0.1);
  --app-a150: rgba(255, 49, 117, 0.15);
  --app-a200: rgba(255, 49, 117, 0.2);
  --app-a250: rgba(255, 49, 117, 0.25);
  --app-a300: rgba(255, 49, 117, 0.3);
  --app-a350: rgba(255, 49, 117, 0.35);
  --app-a400: rgba(255, 49, 117, 0.4);
  --app-a450: rgba(255, 49, 117, 0.45);
  --app-a500: rgba(255, 49, 117, 0.5);
  --app-a550: rgba(255, 49, 117, 0.55);
  --app-a600: rgba(255, 49, 117, 0.6);
  --app-a650: rgba(255, 49, 117, 0.65);
  --app-a700: rgba(255, 49, 117, 0.7);
  --app-a750: rgba(255, 49, 117, 0.75);
  --app-a800: rgba(255, 49, 117, 0.8);
  --app-a850: rgba(255, 49, 117, 0.85);
  --app-a900: rgba(255, 49, 117, 0.9);
  --app-a950: rgba(255, 49, 117, 0.95);
}
.doc-red {
  --app: #F23838;
  --app-25: #FFF8F7;
  --app-50: #FFF0F0;
  --app-75: #FEE9E8;
  --app-100: #FEE1E0;
  --app-125: #FDD6D6;
  --app-150: #FDCCCB;
  --app-175: #FCC1C1;
  --app-200: #FBB7B6;
  --app-225: #FAACAC;
  --app-250: #FAA2A1;
  --app-275: #F99797;
  --app-300: #F88D8C;
  --app-325: #F78282;
  --app-350: #F77777;
  --app-375: #F66D6D;
  --app-400: #F56262;
  --app-425: #F45858;
  --app-450: #F44D4D;
  --app-475: #F34343;
  --app-500: #F23838;
  --app-525: #EB3535;
  --app-550: #E43232;
  --app-575: #DD2E2F;
  --app-600: #D62B2C;
  --app-625: #CF2829;
  --app-650: #C82526;
  --app-675: #C12123;
  --app-700: #BA1E21;
  --app-725: #B21B1E;
  --app-750: #AB181B;
  --app-775: #A41418;
  --app-800: #9D1115;
  --app-825: #960E12;
  --app-850: #8F0B0F;
  --app-875: #88070C;
  --app-900: #810409;
  --app-925: #610307;
  --app-950: #410205;
  --app-975: #200102;
  --app-a50: rgba(242, 56, 56, 0.05);
  --app-a100: rgba(242, 56, 56, 0.1);
  --app-a150: rgba(242, 56, 56, 0.15);
  --app-a200: rgba(242, 56, 56, 0.2);
  --app-a250: rgba(242, 56, 56, 0.25);
  --app-a300: rgba(242, 56, 56, 0.3);
  --app-a350: rgba(242, 56, 56, 0.35);
  --app-a400: rgba(242, 56, 56, 0.4);
  --app-a450: rgba(242, 56, 56, 0.45);
  --app-a500: rgba(242, 56, 56, 0.5);
  --app-a550: rgba(242, 56, 56, 0.55);
  --app-a600: rgba(242, 56, 56, 0.6);
  --app-a650: rgba(242, 56, 56, 0.65);
  --app-a700: rgba(242, 56, 56, 0.7);
  --app-a750: rgba(242, 56, 56, 0.75);
  --app-a800: rgba(242, 56, 56, 0.8);
  --app-a850: rgba(242, 56, 56, 0.85);
  --app-a900: rgba(242, 56, 56, 0.9);
  --app-a950: rgba(242, 56, 56, 0.95);
}
.doc-sunset {
  --app: #F95141;
  --app-25: #FFF9F9;
  --app-50: #FFF4F3;
  --app-75: #FFEEED;
  --app-100: #FFE8E7;
  --app-125: #FFDFDD;
  --app-150: #FED5D2;
  --app-175: #FECCC8;
  --app-200: #FEC2BE;
  --app-225: #FDB9B3;
  --app-250: #FDAFA9;
  --app-275: #FCA69E;
  --app-300: #FC9D94;
  --app-325: #FC938A;
  --app-350: #FB8A7F;
  --app-375: #FB8075;
  --app-400: #FB776B;
  --app-425: #FA6D60;
  --app-450: #FA6456;
  --app-475: #F95A4B;
  --app-500: #F95141;
  --app-525: #F44C3D;
  --app-550: #EF483A;
  --app-575: #EA4336;
  --app-600: #E53F32;
  --app-625: #DF3A2E;
  --app-650: #DA352B;
  --app-675: #D53127;
  --app-700: #D02C23;
  --app-725: #CB271F;
  --app-750: #C6231C;
  --app-775: #C11E18;
  --app-800: #BC1A14;
  --app-825: #B61510;
  --app-850: #B1100D;
  --app-875: #AC0C09;
  --app-900: #A70705;
  --app-925: #7D0504;
  --app-950: #540403;
  --app-975: #2A0201;
  --app-a50: rgba(249, 81, 65, 0.05);
  --app-a100: rgba(249, 81, 65, 0.1);
  --app-a150: rgba(249, 81, 65, 0.15);
  --app-a200: rgba(249, 81, 65, 0.2);
  --app-a250: rgba(249, 81, 65, 0.25);
  --app-a300: rgba(249, 81, 65, 0.3);
  --app-a350: rgba(249, 81, 65, 0.35);
  --app-a400: rgba(249, 81, 65, 0.4);
  --app-a450: rgba(249, 81, 65, 0.45);
  --app-a500: rgba(249, 81, 65, 0.5);
  --app-a550: rgba(249, 81, 65, 0.55);
  --app-a600: rgba(249, 81, 65, 0.6);
  --app-a650: rgba(249, 81, 65, 0.65);
  --app-a700: rgba(249, 81, 65, 0.7);
  --app-a750: rgba(249, 81, 65, 0.75);
  --app-a800: rgba(249, 81, 65, 0.8);
  --app-a850: rgba(249, 81, 65, 0.85);
  --app-a900: rgba(249, 81, 65, 0.9);
  --app-a950: rgba(249, 81, 65, 0.95);
}
.doc-orange {
  --app: #D99135;
  --app-25: #FEFCF9;
  --app-50: #FDF9F3;
  --app-75: #FBF5ED;
  --app-100: #FAF2E7;
  --app-125: #F8ECDC;
  --app-150: #F6E6D1;
  --app-175: #F4E0C6;
  --app-200: #F2DABB;
  --app-225: #F0D4AF;
  --app-250: #EECEA4;
  --app-275: #ECC899;
  --app-300: #EAC28E;
  --app-325: #E7BB83;
  --app-350: #E5B578;
  --app-375: #E3AF6D;
  --app-400: #E1A962;
  --app-425: #DFA356;
  --app-450: #DD9D4B;
  --app-475: #DB9740;
  --app-500: #D99135;
  --app-525: #D38C33;
  --app-550: #CC8831;
  --app-575: #C6832F;
  --app-600: #C07E2D;
  --app-625: #B9792B;
  --app-650: #B37529;
  --app-675: #AD7027;
  --app-700: #A76B26;
  --app-725: #A06624;
  --app-750: #9A6222;
  --app-775: #945D20;
  --app-800: #8D581E;
  --app-825: #87531C;
  --app-850: #814F1A;
  --app-875: #7A4A18;
  --app-900: #744516;
  --app-925: #573411;
  --app-950: #3A230B;
  --app-975: #1D1106;
  --app-a50: rgba(217, 145, 53, 0.05);
  --app-a100: rgba(217, 145, 53, 0.1);
  --app-a150: rgba(217, 145, 53, 0.15);
  --app-a200: rgba(217, 145, 53, 0.2);
  --app-a250: rgba(217, 145, 53, 0.25);
  --app-a300: rgba(217, 145, 53, 0.3);
  --app-a350: rgba(217, 145, 53, 0.35);
  --app-a400: rgba(217, 145, 53, 0.4);
  --app-a450: rgba(217, 145, 53, 0.45);
  --app-a500: rgba(217, 145, 53, 0.5);
  --app-a550: rgba(217, 145, 53, 0.55);
  --app-a600: rgba(217, 145, 53, 0.6);
  --app-a650: rgba(217, 145, 53, 0.65);
  --app-a700: rgba(217, 145, 53, 0.7);
  --app-a750: rgba(217, 145, 53, 0.75);
  --app-a800: rgba(217, 145, 53, 0.8);
  --app-a850: rgba(217, 145, 53, 0.85);
  --app-a900: rgba(217, 145, 53, 0.9);
  --app-a950: rgba(217, 145, 53, 0.95);
}
.doc-green {
  --app: #4AA843;
  --app-25: #F9FDF9;
  --app-50: #F3FAF3;
  --app-75: #EDF8EC;
  --app-100: #E7F5E6;
  --app-125: #DDF0DC;
  --app-150: #D3EBD2;
  --app-175: #CAE7C7;
  --app-200: #C0E2BD;
  --app-225: #B6DDB3;
  --app-250: #ACD8A9;
  --app-275: #A2D39F;
  --app-300: #99CF95;
  --app-325: #8FCA8A;
  --app-350: #85C580;
  --app-375: #7BC076;
  --app-400: #71BB6C;
  --app-425: #67B662;
  --app-450: #5EB257;
  --app-475: #54AD4D;
  --app-500: #4AA843;
  --app-525: #48A341;
  --app-550: #459D3F;
  --app-575: #43983D;
  --app-600: #40933B;
  --app-625: #3E8D39;
  --app-650: #3B8837;
  --app-675: #398335;
  --app-700: #367E33;
  --app-725: #347830;
  --app-750: #31732E;
  --app-775: #2F6E2C;
  --app-800: #2C682A;
  --app-825: #2A6328;
  --app-850: #275E26;
  --app-875: #255824;
  --app-900: #225322;
  --app-925: #1A3E1A;
  --app-950: #112A11;
  --app-975: #091509;
  --app-a50: rgba(74, 168, 67, 0.05);
  --app-a100: rgba(74, 168, 67, 0.1);
  --app-a150: rgba(74, 168, 67, 0.15);
  --app-a200: rgba(74, 168, 67, 0.2);
  --app-a250: rgba(74, 168, 67, 0.25);
  --app-a300: rgba(74, 168, 67, 0.3);
  --app-a350: rgba(74, 168, 67, 0.35);
  --app-a400: rgba(74, 168, 67, 0.4);
  --app-a450: rgba(74, 168, 67, 0.45);
  --app-a500: rgba(74, 168, 67, 0.5);
  --app-a550: rgba(74, 168, 67, 0.55);
  --app-a600: rgba(74, 168, 67, 0.6);
  --app-a650: rgba(74, 168, 67, 0.65);
  --app-a700: rgba(74, 168, 67, 0.7);
  --app-a750: rgba(74, 168, 67, 0.75);
  --app-a800: rgba(74, 168, 67, 0.8);
  --app-a850: rgba(74, 168, 67, 0.85);
  --app-a900: rgba(74, 168, 67, 0.9);
  --app-a950: rgba(74, 168, 67, 0.95);
}
.doc-emerald {
  --app: #34A85B;
  --app-25: #F7FDF8;
  --app-50: #EEFAF2;
  --app-75: #E6F8EB;
  --app-100: #DDF5E4;
  --app-125: #D2F0DB;
  --app-150: #C8EBD3;
  --app-175: #BDE7CA;
  --app-200: #B3E2C2;
  --app-225: #A8DDB9;
  --app-250: #9ED8B1;
  --app-275: #93D3A8;
  --app-300: #89CFA0;
  --app-325: #7ECA97;
  --app-350: #73C58E;
  --app-375: #69C086;
  --app-400: #5EBB7D;
  --app-425: #54B675;
  --app-450: #49B26C;
  --app-475: #3FAD64;
  --app-500: #34A85B;
  --app-525: #32A358;
  --app-550: #319D56;
  --app-575: #2F9853;
  --app-600: #2E9251;
  --app-625: #2C8D4E;
  --app-650: #2A874B;
  --app-675: #298249;
  --app-700: #277D46;
  --app-725: #257743;
  --app-750: #247241;
  --app-775: #226C3E;
  --app-800: #21673C;
  --app-825: #1F6139;
  --app-850: #1D5C36;
  --app-875: #1C5634;
  --app-900: #1A5131;
  --app-925: #143D25;
  --app-950: #0D2919;
  --app-975: #07140C;
  --app-a50: rgba(52, 168, 91, 0.05);
  --app-a100: rgba(52, 168, 91, 0.1);
  --app-a150: rgba(52, 168, 91, 0.15);
  --app-a200: rgba(52, 168, 91, 0.2);
  --app-a250: rgba(52, 168, 91, 0.25);
  --app-a300: rgba(52, 168, 91, 0.3);
  --app-a350: rgba(52, 168, 91, 0.35);
  --app-a400: rgba(52, 168, 91, 0.4);
  --app-a450: rgba(52, 168, 91, 0.45);
  --app-a500: rgba(52, 168, 91, 0.5);
  --app-a550: rgba(52, 168, 91, 0.55);
  --app-a600: rgba(52, 168, 91, 0.6);
  --app-a650: rgba(52, 168, 91, 0.65);
  --app-a700: rgba(52, 168, 91, 0.7);
  --app-a750: rgba(52, 168, 91, 0.75);
  --app-a800: rgba(52, 168, 91, 0.8);
  --app-a850: rgba(52, 168, 91, 0.85);
  --app-a900: rgba(52, 168, 91, 0.9);
  --app-a950: rgba(52, 168, 91, 0.95);
}
.doc-jade {
  --app: #00A86C;
  --app-25: #EAFEF8;
  --app-50: #D4FEF1;
  --app-75: #BFFDEA;
  --app-100: #A9FCE3;
  --app-125: #9EF7DC;
  --app-150: #94F2D4;
  --app-175: #89ECCD;
  --app-200: #7FE7C5;
  --app-225: #74E2BE;
  --app-250: #6ADDB6;
  --app-275: #5FD7AF;
  --app-300: #55D2A8;
  --app-325: #4ACDA0;
  --app-350: #3FC899;
  --app-375: #35C291;
  --app-400: #2ABD8A;
  --app-425: #20B882;
  --app-450: #15B37B;
  --app-475: #0BAD73;
  --app-500: #00A86C;
  --app-525: #00A368;
  --app-550: #009D65;
  --app-575: #009861;
  --app-600: #00935D;
  --app-625: #008D59;
  --app-650: #008856;
  --app-675: #008252;
  --app-700: #007D4E;
  --app-725: #00784A;
  --app-750: #007247;
  --app-775: #006D43;
  --app-800: #00683F;
  --app-825: #00623B;
  --app-850: #005D38;
  --app-875: #005734;
  --app-900: #005230;
  --app-925: #003E24;
  --app-950: #002918;
  --app-975: #00150C;
  --app-a50: rgba(0, 168, 108, 0.05);
  --app-a100: rgba(0, 168, 108, 0.1);
  --app-a150: rgba(0, 168, 108, 0.15);
  --app-a200: rgba(0, 168, 108, 0.2);
  --app-a250: rgba(0, 168, 108, 0.25);
  --app-a300: rgba(0, 168, 108, 0.3);
  --app-a350: rgba(0, 168, 108, 0.35);
  --app-a400: rgba(0, 168, 108, 0.4);
  --app-a450: rgba(0, 168, 108, 0.45);
  --app-a500: rgba(0, 168, 108, 0.5);
  --app-a550: rgba(0, 168, 108, 0.55);
  --app-a600: rgba(0, 168, 108, 0.6);
  --app-a650: rgba(0, 168, 108, 0.65);
  --app-a700: rgba(0, 168, 108, 0.7);
  --app-a750: rgba(0, 168, 108, 0.75);
  --app-a800: rgba(0, 168, 108, 0.8);
  --app-a850: rgba(0, 168, 108, 0.85);
  --app-a900: rgba(0, 168, 108, 0.9);
  --app-a950: rgba(0, 168, 108, 0.95);
}
.doc-ocean-green {
  --app: #04A882;
  --app-25: #E5FFF9;
  --app-50: #CBFEF4;
  --app-75: #B1FEEE;
  --app-100: #97FDE8;
  --app-125: #8EF8E2;
  --app-150: #85F2DB;
  --app-175: #7BEDD5;
  --app-200: #72E8CF;
  --app-225: #69E2C8;
  --app-250: #60DDC2;
  --app-275: #57D8BB;
  --app-300: #4ED3B5;
  --app-325: #44CDAF;
  --app-350: #3BC8A8;
  --app-375: #32C3A2;
  --app-400: #29BD9C;
  --app-425: #20B895;
  --app-450: #16B38F;
  --app-475: #0DAD88;
  --app-500: #04A882;
  --app-525: #04A37E;
  --app-550: #049D79;
  --app-575: #049875;
  --app-600: #049370;
  --app-625: #038D6C;
  --app-650: #038867;
  --app-675: #038263;
  --app-700: #037D5E;
  --app-725: #03785A;
  --app-750: #037255;
  --app-775: #036D51;
  --app-800: #03684C;
  --app-825: #026248;
  --app-850: #025D43;
  --app-875: #02573F;
  --app-900: #02523A;
  --app-925: #023E2C;
  --app-950: #01291D;
  --app-975: #01150F;
  --app-a50: rgba(4, 168, 130, 0.05);
  --app-a100: rgba(4, 168, 130, 0.1);
  --app-a150: rgba(4, 168, 130, 0.15);
  --app-a200: rgba(4, 168, 130, 0.2);
  --app-a250: rgba(4, 168, 130, 0.25);
  --app-a300: rgba(4, 168, 130, 0.3);
  --app-a350: rgba(4, 168, 130, 0.35);
  --app-a400: rgba(4, 168, 130, 0.4);
  --app-a450: rgba(4, 168, 130, 0.45);
  --app-a500: rgba(4, 168, 130, 0.5);
  --app-a550: rgba(4, 168, 130, 0.55);
  --app-a600: rgba(4, 168, 130, 0.6);
  --app-a650: rgba(4, 168, 130, 0.65);
  --app-a700: rgba(4, 168, 130, 0.7);
  --app-a750: rgba(4, 168, 130, 0.75);
  --app-a800: rgba(4, 168, 130, 0.8);
  --app-a850: rgba(4, 168, 130, 0.85);
  --app-a900: rgba(4, 168, 130, 0.9);
  --app-a950: rgba(4, 168, 130, 0.95);
}
.doc-ocean-blue {
  --app: #008EBC;
  --app-25: #F2FBFE;
  --app-50: #E4F8FD;
  --app-75: #D7F4FC;
  --app-100: #C9F0FB;
  --app-125: #BCEAF7;
  --app-150: #B0E4F3;
  --app-175: #A3DEEF;
  --app-200: #97D8EB;
  --app-225: #8AD1E7;
  --app-250: #7ECBE3;
  --app-275: #71C5DF;
  --app-300: #65BFDC;
  --app-325: #58B9D8;
  --app-350: #4BB3D4;
  --app-375: #3FADD0;
  --app-400: #32A7CC;
  --app-425: #26A0C8;
  --app-450: #199AC4;
  --app-475: #0D94C0;
  --app-500: #008EBC;
  --app-525: #0089B6;
  --app-550: #0083AF;
  --app-575: #007EA9;
  --app-600: #0079A2;
  --app-625: #00739C;
  --app-650: #006E95;
  --app-675: #00698F;
  --app-700: #006488;
  --app-725: #005E82;
  --app-750: #00597B;
  --app-775: #005475;
  --app-800: #004E6E;
  --app-825: #004968;
  --app-850: #004461;
  --app-875: #003E5B;
  --app-900: #003954;
  --app-925: #002B3F;
  --app-950: #001D2A;
  --app-975: #000E15;
  --app-a50: rgba(0, 142, 188, 0.05);
  --app-a100: rgba(0, 142, 188, 0.1);
  --app-a150: rgba(0, 142, 188, 0.15);
  --app-a200: rgba(0, 142, 188, 0.2);
  --app-a250: rgba(0, 142, 188, 0.25);
  --app-a300: rgba(0, 142, 188, 0.3);
  --app-a350: rgba(0, 142, 188, 0.35);
  --app-a400: rgba(0, 142, 188, 0.4);
  --app-a450: rgba(0, 142, 188, 0.45);
  --app-a500: rgba(0, 142, 188, 0.5);
  --app-a550: rgba(0, 142, 188, 0.55);
  --app-a600: rgba(0, 142, 188, 0.6);
  --app-a650: rgba(0, 142, 188, 0.65);
  --app-a700: rgba(0, 142, 188, 0.7);
  --app-a750: rgba(0, 142, 188, 0.75);
  --app-a800: rgba(0, 142, 188, 0.8);
  --app-a850: rgba(0, 142, 188, 0.85);
  --app-a900: rgba(0, 142, 188, 0.9);
  --app-a950: rgba(0, 142, 188, 0.95);
}
.doc-crystal-blue {
  --app: #3F96E0;
  --app-25: #F7FBFE;
  --app-50: #EFF7FD;
  --app-75: #E7F3FC;
  --app-100: #DFEFFB;
  --app-125: #D5E9F9;
  --app-150: #CBE4F8;
  --app-175: #C1DEF6;
  --app-200: #B7D9F4;
  --app-225: #ADD3F3;
  --app-250: #A3CEF1;
  --app-275: #99C8EF;
  --app-300: #8FC3EE;
  --app-325: #85BDEC;
  --app-350: #7BB7EA;
  --app-375: #71B2E8;
  --app-400: #67ACE7;
  --app-425: #5DA7E5;
  --app-450: #53A1E3;
  --app-475: #499CE2;
  --app-500: #3F96E0;
  --app-525: #3C91DA;
  --app-550: #3A8CD3;
  --app-575: #3786CD;
  --app-600: #3481C7;
  --app-625: #317CC0;
  --app-650: #2F77BA;
  --app-675: #2C72B3;
  --app-700: #296DAD;
  --app-725: #2667A7;
  --app-750: #2462A0;
  --app-775: #215D9A;
  --app-800: #1E5894;
  --app-825: #1B538D;
  --app-850: #194D87;
  --app-875: #164880;
  --app-900: #13437A;
  --app-925: #0E325C;
  --app-950: #0A223D;
  --app-975: #05111F;
  --app-a50: rgba(63, 150, 224, 0.05);
  --app-a100: rgba(63, 150, 224, 0.1);
  --app-a150: rgba(63, 150, 224, 0.15);
  --app-a200: rgba(63, 150, 224, 0.2);
  --app-a250: rgba(63, 150, 224, 0.25);
  --app-a300: rgba(63, 150, 224, 0.3);
  --app-a350: rgba(63, 150, 224, 0.35);
  --app-a400: rgba(63, 150, 224, 0.4);
  --app-a450: rgba(63, 150, 224, 0.45);
  --app-a500: rgba(63, 150, 224, 0.5);
  --app-a550: rgba(63, 150, 224, 0.55);
  --app-a600: rgba(63, 150, 224, 0.6);
  --app-a650: rgba(63, 150, 224, 0.65);
  --app-a700: rgba(63, 150, 224, 0.7);
  --app-a750: rgba(63, 150, 224, 0.75);
  --app-a800: rgba(63, 150, 224, 0.8);
  --app-a850: rgba(63, 150, 224, 0.85);
  --app-a900: rgba(63, 150, 224, 0.9);
  --app-a950: rgba(63, 150, 224, 0.95);
}
.doc-brown {
  --app: #926155;
  --app-25: #FBF8F8;
  --app-50: #F7F2F1;
  --app-75: #F2EBE9;
  --app-100: #EEE4E2;
  --app-125: #E8DCD9;
  --app-150: #E3D4D0;
  --app-175: #DDCBC8;
  --app-200: #D7C3BF;
  --app-225: #D1BBB6;
  --app-250: #CCB3AD;
  --app-275: #C6ABA4;
  --app-300: #C0A39C;
  --app-325: #BA9A93;
  --app-350: #B5928A;
  --app-375: #AF8A81;
  --app-400: #A98278;
  --app-425: #A37A6F;
  --app-450: #9E7167;
  --app-475: #98695E;
  --app-500: #926155;
  --app-525: #8D5E52;
  --app-550: #895B50;
  --app-575: #84574D;
  --app-600: #80544A;
  --app-625: #7B5148;
  --app-650: #774E45;
  --app-675: #724B42;
  --app-700: #6E4840;
  --app-725: #69443D;
  --app-750: #64413A;
  --app-775: #603E37;
  --app-800: #5B3B35;
  --app-825: #573832;
  --app-850: #52342F;
  --app-875: #4E312D;
  --app-900: #492E2A;
  --app-925: #372320;
  --app-950: #251715;
  --app-975: #120C0B;
  --app-a50: rgba(146, 97, 85, 0.05);
  --app-a100: rgba(146, 97, 85, 0.1);
  --app-a150: rgba(146, 97, 85, 0.15);
  --app-a200: rgba(146, 97, 85, 0.2);
  --app-a250: rgba(146, 97, 85, 0.25);
  --app-a300: rgba(146, 97, 85, 0.3);
  --app-a350: rgba(146, 97, 85, 0.35);
  --app-a400: rgba(146, 97, 85, 0.4);
  --app-a450: rgba(146, 97, 85, 0.45);
  --app-a500: rgba(146, 97, 85, 0.5);
  --app-a550: rgba(146, 97, 85, 0.55);
  --app-a600: rgba(146, 97, 85, 0.6);
  --app-a650: rgba(146, 97, 85, 0.65);
  --app-a700: rgba(146, 97, 85, 0.7);
  --app-a750: rgba(146, 97, 85, 0.75);
  --app-a800: rgba(146, 97, 85, 0.8);
  --app-a850: rgba(146, 97, 85, 0.85);
  --app-a900: rgba(146, 97, 85, 0.9);
  --app-a950: rgba(146, 97, 85, 0.95);
}
.doc-light .palette--items {
  border-color: white;
}
.doc-light .palette--items:hover, .doc-light .palette--items.palette--active {
  border-color: rgba(0, 0, 0, 0.75);
}
.doc-dark .palette--items {
  border-color: var(--gray-800, #3F3F3F);
}
.doc-dark .palette--items:hover, .doc-dark .palette--items.palette--active {
  border-color: rgba(255, 255, 255, 0.75);
}

/* ------------------------------ */
/*         Generic Styles         */
/* ------------------------------ */
/*
* Polaris
*/
a.disabled {
  opacity: 0.75;
}

.tab-aio .tab--links {
  margin: 0 0.75rem;
}
.tab-aio .tab--contents {
  padding: 1rem 0 0;
  border-style: none;
  border-top-style: solid;
  border-radius: 0;
}

/*
* Print
*/
@media print {
  .scroll-animation {
    opacity: 1 !important;
    visibility: visible !important;
  }
}
/*
* Document
*/
@font-face {
  font-family: "ku";
  src: url("../fonts/ku.woff");
}
@font-face {
  font-family: "ar";
  src: url("../fonts/ar.woff");
}
@font-face {
  font-family: "fa";
  src: url("../fonts/fa.woff");
}
.partials#ku {
  font-family: "ku";
}
.partials#ku body, .partials#ku p, .partials#ku a, .partials#ku span, .partials#ku h1, .partials#ku h2, .partials#ku h3, .partials#ku h4, .partials#ku h5, .partials#ku h6 {
  font-family: "ku";
}
.partials#ar {
  font-family: "ar";
}
.partials#ar body, .partials#ar p, .partials#ar a, .partials#ar span, .partials#ar h1, .partials#ar h2, .partials#ar h3, .partials#ar h4, .partials#ar h5, .partials#ar h6 {
  font-family: "ar";
}
.partials#fa {
  font-family: "fa";
}
.partials#fa body, .partials#fa p, .partials#fa a, .partials#fa span, .partials#fa h1, .partials#fa h2, .partials#fa h3, .partials#fa h4, .partials#fa h5, .partials#fa h6 {
  font-family: "fa";
}
.partials .font-ku {
  font-family: "ku" !important;
}
.partials .font-ar {
  font-family: "ar" !important;
}
.partials .font-fa {
  font-family: "fa" !important;
}

.wrapper {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  transition: max-width 0.25s;
}

.doc-boxed .wrapper {
  max-width: 1280px;
}

/*
* Page Loader
*/
#page-loader {
  height: 0.1rem;
}
#page-loader > .progress {
  height: 0.1rem;
}

/*
* Slideshow
*/
.slideshow--progress {
  transition: width 0s;
}

/*
* Tables
*/
.inline-edit [contenteditable] {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.inline-edit [contenteditable]:focus {
  display: block;
  outline-width: 0.125rem;
  outline-style: solid;
  border-radius: 0.25rem;
}

table [contenteditable]:focus {
  outline-offset: -0.125rem;
}

.tbl__container {
  overflow-x: auto;
  padding-top: 11rem;
  margin-top: -11rem;
  margin-bottom: 2rem;
}
.tbl--actions > span,
.tbl--actions > a {
  padding: 0 0.125rem;
  font-size: 0.9375rem;
}
.tbl--actions > span {
  cursor: pointer;
}

/*
* Forms
*/
.form-app {
  max-width: 900px;
}
.form-app .col {
  max-width: 450px;
}
.form-app .field,
.form-app .field__group {
  max-width: 418px;
}
.form-app .field_show,
.form-app .field_hide {
  cursor: pointer;
}

/*
* Draggables
*/
.drag-grid > * {
  cursor: move;
  margin: 0.5rem;
}
.drag-grid img {
  cursor: default;
}
.drag-grid figure:not(.drag--dragging) {
  background-color: transparent !important;
}
.drag-grid .img_actions {
  text-align: center;
  padding-top: 0.25rem;
}
.drag-grid .img_actions i {
  cursor: pointer;
  padding: 0 0.125rem;
  font-size: 0.9375rem;
  min-width: 20px;
}

.drag-list.drag {
  padding: 0.5rem 0.75rem;
  margin-left: 0;
  margin-right: 0;
}
.drag-list ul {
  list-style: none;
  margin-bottom: 0;
}
.drag-list .item-actions i {
  cursor: pointer;
  padding: 0 0.125rem;
  font-size: 0.9375rem;
  min-width: 20px;
}

/*
* Blog
*/
.post-details li {
  font-size: 1rem;
}
.post-details li:not(:last-child)::after {
  content: "/";
  display: inline-block;
  clear: both;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.post-details li button {
  margin-bottom: 0;
  padding: 0.125rem 0.5rem;
}
.post-details li i {
  font-size: 1rem;
}
.post-stamp img {
  border-radius: 50%;
}
.post-media {
  position: relative;
}
.post-media audio {
  margin: 0;
  padding: 0;
  border-radius: 0.25rem;
  background: var(--gray-100, #F4F4F4);
  position: absolute;
  bottom: 0;
  left: 0;
}
.post-media video {
  margin: 0;
  padding: 0;
  border-radius: 0.5rem;
}

/*
* Dynamic Scheme
*/
.doc-light .dynamic-dark {
  display: none !important;
}
.doc-dark .dynamic-light {
  display: none !important;
}

/*
* Summernote
*/
.summernote,
.summernote-mini {
  display: none;
}

.note-modal-backdrop {
  display: none !important;
}

.note-editor.note-airframe .note-editing-area, .note-editor.note-frame .note-editing-area {
  overflow: unset;
}
.note-editor .note-editing-area {
  height: 100% !important;
}
.note-editor .note-editable,
.note-editor .note-codable {
  height: auto;
  outline: solid 1px transparent !important;
  transition: outline 0.1s;
}
.note-editor .note-codable {
  min-height: 84px;
  font-family: ui-monospace, "SF Mono", "DejaVu Sans Mono", "Ubuntu Mono", "Roboto Mono", Consolas, monospace !important;
  font-size: 0.875rem !important;
  direction: ltr !important;
}
.note-editor input, .note-editor button {
  margin-bottom: 0;
  border-radius: 0.25rem;
}
.note-editor input:not([type=button]) {
  border-width: 1px;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
}
.note-editor .close {
  opacity: 1 !important;
}
.note-editor .animation-animated {
  opacity: 1 !important;
  visibility: visible !important;
}

.note-btn:hover {
  border-radius: 0.25rem;
}

.note-editor.fullscreen {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.note-editor.fullscreen .note-editable,
.note-editor.fullscreen .note-codable {
  height: 100% !important;
}
.note-editor.fullscreen .note-editing-area {
  overflow: hidden !important;
}

.note-editor .note-toolbar .note-color-all .note-dropdown-menu,
.note-popover .popover-content .note-color-all .note-dropdown-menu {
  min-width: 350px;
  box-sizing: border-box;
}

a.note-dropdown-item, a.note-dropdown-item:hover {
  padding: 0.125rem 0.25rem;
  margin: 0;
  border-radius: 0.25rem;
}

a.note-dropdown-item blockquote, a.note-dropdown-item pre {
  padding: 0 !important;
}

.note-editor .note-toolbar .note-dropdown-menu,
.note-popover .popover-content .note-dropdown-menu {
  min-width: auto !important;
  white-space: nowrap;
}

.note-modal input[type=button] {
  border: none !important;
}

.note-modal-footer {
  height: auto;
}
.note-modal-footer::before, .note-modal-footer::after {
  content: "";
  display: table;
  clear: both;
}
.note-modal-footer p {
  margin-bottom: 0;
}

.note-modal-content {
  border: none;
  border-radius: 0.25rem;
  margin: 0;
  top: 50%;
  left: 50%;
  right: inherit;
  transform: translate(-50%, -50%);
  position: absolute;
}

.note-modal-header {
  border: none;
  position: relative;
}
.note-modal-header::after {
  display: table;
  height: 1px;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
  margin-top: 0.75rem;
  content: "";
  position: relative;
  left: 0;
  bottom: 0;
}

.note-modal-body {
  overflow: auto !important;
}

.note-editor input[type=checkbox] {
  margin-right: 0.5rem;
}

.note-popover {
  border: none;
  border-radius: 0.25rem;
}

.note-editor .note-editing-area .note-editable table td,
.note-editor .note-editing-area .note-editable table th {
  border-style: dashed;
}

.note-tooltip-content {
  border-radius: 0.25rem;
  padding: 0.5rem;
  box-sizing: border-box;
}

.note-modal,
.note-toolbar {
  direction: ltr;
  text-align: left;
}

/*
* Colors
*/
.doc-light #page-loader {
  background-color: var(--gray-200, var(--gray-200, #DBDBDB));
}
.doc-light .inline-edit [contenteditable]:focus {
  outline-color: #242424;
}
.doc-light .tbl--actions > span,
.doc-light .tbl--actions > a {
  color: var(--gray-650, #666666);
}
.doc-light .tbl--actions > span:hover,
.doc-light .tbl--actions > a:hover {
  color: var(--app-500, #4283F2);
}
.doc-light .field[disabled] {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.doc-light .img_actions i,
.doc-light .item-actions i {
  color: var(--gray-650, #666666);
}
.doc-light .img_actions i:hover,
.doc-light .item-actions i:hover {
  color: var(--app-500, #4283F2);
}
.doc-light .post-stamp img {
  border: solid 0.125rem rgba(0, 0, 0, 0.2);
}
.doc-light .note-editor input:not([type=button]) {
  color: rgba(0, 0, 0, 0.9);
  background-color: transparent;
  border-color: var(--gray-200, #DBDBDB);
}
.doc-light .note-editor input:not([type=button]):focus {
  color: rgb(0, 0, 0);
  background-color: transparent;
  border-color: var(--gray-400, #A8A8A8);
}
.doc-light .note-editor .close {
  color: var(--gray-600, #747474);
}
.doc-light .note-editor .close:hover {
  color: var(--gray-800, #3F3F3F);
}
.doc-light .note-editable {
  color: var(--gray-900, #242424) !important;
  background-color: white !important;
}
.doc-light .note-editable::placeholder {
  color: var(--gray-500, #8E8E8E);
}
.doc-light .note-codable {
  color: var(--gray-900, #242424) !important;
  background-color: var(--gray-100, #F4F4F4) !important;
}
.doc-light .note-codable::placeholder {
  color: var(--gray-500, #8E8E8E);
}
.doc-light .note-editable:focus,
.doc-light .note-codable:focus {
  outline-color: var(--gray-450, #9B9B9B) !important;
}
.doc-light .note-dropdown-menu {
  color: var(--gray-800, #3F3F3F);
  background-color: white;
  border-color: white;
  border-radius: 0.25rem;
  box-shadow: 0 0.1875rem 0.5rem rgba(0, 0, 0, 0.15);
}
.doc-light a.note-dropdown-item {
  color: var(--gray-800, #3F3F3F);
}
.doc-light a.note-dropdown-item:hover {
  color: var(--gray-900, #242424);
  background-color: rgba(0, 0, 0, 0.05);
}
.doc-light a.note-dropdown-item blockquote {
  background-color: transparent;
}
.doc-light .note-modal-content {
  box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.16);
}
.doc-light .note-modal-header::after, .doc-light .modal-light .note-modal-header::after {
  background-image: linear-gradient(to left, transparent, var(--gray-200, #DBDBDB), transparent);
}
.doc-light .note-popover {
  background-color: white;
  box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.16);
}
.doc-light .note-popover.bottom .note-popover-arrow {
  border-bottom-color: white;
}
.doc-light .note-popover.bottom .note-popover-arrow:after {
  border-bottom-color: white;
}
.doc-light .note-editor .note-editing-area .note-editable table td,
.doc-light .note-editor .note-editing-area .note-editable table th {
  border-color: var(--gray-200, #DBDBDB);
}
.doc-light .note-tooltip-content {
  color: var(--gray-900, #242424) !important;
  background-color: white !important;
  box-shadow: 0 0.1875rem 0.5rem rgba(0, 0, 0, 0.15);
}
.doc-light .note-tooltip.bottom .note-tooltip-arrow {
  border-bottom-color: white !important;
}
.doc-light .note-tooltip.top .note-tooltip-arrow {
  border-top-color: white !important;
}
.doc-light .note-tooltip.right .note-tooltip-arrow {
  border-right-color: white !important;
}
.doc-light .note-tooltip.left .note-tooltip-arrow {
  border-left-color: white !important;
}
.doc-dark #page-loader {
  background-color: var(--gray-700, var(--gray-700, #595959));
}
.doc-dark .inline-edit [contenteditable]:focus {
  outline-color: #F4F4F4;
}
.doc-dark .tbl--actions > span,
.doc-dark .tbl--actions > a {
  color: var(--gray-300, #C1C1C1);
}
.doc-dark .tbl--actions > span:hover,
.doc-dark .tbl--actions > a:hover {
  color: vcolor(app-400);
}
.doc-dark .field[disabled] {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.doc-dark .img_actions i,
.doc-dark .item-actions i {
  color: var(--gray-300, #C1C1C1);
}
.doc-dark .img_actions i:hover,
.doc-dark .item-actions i:hover {
  color: var(--app-400, #6A9EF5);
}
.doc-dark .post-stamp img {
  border: solid 0.125rem rgba(255, 255, 255, 0.15);
}
.doc-dark .note-editable {
  color: var(--gray-100, #F4F4F4) !important;
  background-color: var(--gray-900, #242424) !important;
}
.doc-dark .note-editable::placeholder {
  color: var(--gray-500, #8E8E8E);
}
.doc-dark .note-codable {
  color: var(--gray-100, #F4F4F4) !important;
  background-color: var(--gray-950, #121212) !important;
}
.doc-dark .note-codable::placeholder {
  color: var(--gray-500, #8E8E8E);
}
.doc-dark .note-editable:focus,
.doc-dark .note-codable:focus {
  outline-color: var(--gray-450, #9B9B9B) !important;
}
.doc-dark .note-editor {
  border-color: var(--gray-750, #4C4C4C) !important;
}
.doc-dark .note-editor input:not([type=button]) {
  color: rgba(255, 255, 255, 0.9);
  background-color: transparent;
  border-color: var(--gray-800, #3F3F3F);
}
.doc-dark .note-editor input:not([type=button]):focus {
  color: rgb(255, 255, 255);
  background-color: transparent;
  border-color: var(--gray-600, #747474);
}
.doc-dark .note-editor .close {
  color: var(--gray-500, #8E8E8E);
}
.doc-dark .note-editor .close:hover {
  color: var(--gray-300, #C1C1C1);
}
.doc-dark .note-toolbar {
  color: var(--gray-100, #F4F4F4) !important;
  background-color: var(--gray-850, #313131) !important;
  border-color: var(--gray-750, #4C4C4C) !important;
}
.doc-dark .note-btn {
  color: var(--gray-100, #F4F4F4);
  background-color: var(--gray-885, #282828);
  border-color: var(--gray-910, #202020);
}
.doc-dark .note-btn:hover {
  background-color: var(--gray-910, #202020);
  border-color: var(--gray-935, #171717);
}
.doc-dark .note-statusbar {
  background-color: var(--gray-800, #3F3F3F) !important;
  border-color: var(--gray-700, #595959) !important;
}
.doc-dark .note-icon-bar {
  border-color: var(--gray-500, #8E8E8E) !important;
}
.doc-dark .note-dropdown-menu {
  color: var(--gray-100, #F4F4F4);
  background-color: var(--gray-910, #202020);
  border-color: var(--gray-910, #202020);
  border-radius: 0.25rem;
  box-shadow: 0 0.5rem 0.875rem rgba(0, 0, 0, 0.18), 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1);
}
.doc-dark a.note-dropdown-item {
  color: var(--gray-200, #DBDBDB);
}
.doc-dark a.note-dropdown-item:hover {
  color: var(--gray-100, #F4F4F4);
  background-color: rgba(255, 255, 255, 0.05);
}
.doc-dark a.note-dropdown-item blockquote {
  background-color: transparent;
}
.doc-dark .note-modal-content {
  box-shadow: 0 0.875rem 1.125rem rgba(0, 0, 0, 0.20), 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1);
  background-color: var(--gray-925, #1B1B1B);
}
.doc-dark .note-modal-header::after, .doc-dark .modal-light .note-modal-header::after {
  background-image: linear-gradient(to left, transparent, var(--gray-700, #595959), transparent);
}
.doc-dark .note-modal .note-modal-body label,
.doc-dark .note-modal-title,
.doc-dark .note-frame {
  color: var(--gray-200, #DBDBDB);
}
.doc-dark .note-popover {
  background-color: black;
  box-shadow: 0 0.875rem 1.125rem rgba(0, 0, 0, 0.20), 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1);
}
.doc-dark .note-popover.bottom .note-popover-arrow {
  border-bottom-color: black;
}
.doc-dark .note-popover.bottom .note-popover-arrow:after {
  border-bottom-color: black;
}
.doc-dark .note-handle .note-control-selection .note-control-handle,
.doc-dark .note-handle .note-control-selection .note-control-holder,
.doc-dark .note-handle .note-control-selection .note-control-sizing {
  border-color: var(--gray-200, #DBDBDB);
}
.doc-dark .note-handle .note-control-selection {
  border-color: var(--gray-300, #C1C1C1);
}
.doc-dark .note-palette .btn,
.doc-dark .note-palette .btn-light {
  color: var(--gray-100, #F4F4F4);
  background-color: var(--gray-885, #282828);
  border-color: var(--gray-910, #202020);
}
.doc-dark .note-palette .btn:hover,
.doc-dark .note-palette .btn-light:hover {
  background-color: var(--gray-910, #202020);
  border-color: var(--gray-935, #171717);
  color: var(--gray-100, #F4F4F4);
}
.doc-dark .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
.doc-dark .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover,
.doc-dark .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
.doc-dark .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover {
  background-color: var(--gray-910, #202020);
  border-color: var(--gray-935, #171717);
  color: var(--gray-100, #F4F4F4);
}
.doc-dark .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn,
.doc-dark .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn {
  border-color: var(--gray-910, #202020);
}
.doc-dark .note-editor .note-editing-area .note-editable table td,
.doc-dark .note-editor .note-editing-area .note-editable table th {
  border-color: var(--gray-700, #595959);
}
.doc-dark .note-tooltip-content {
  color: var(--gray-100, #F4F4F4) !important;
  background-color: black !important;
  box-shadow: 0 0.5rem 0.875rem rgba(0, 0, 0, 0.18), 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1);
}
.doc-dark .note-tooltip.bottom .note-tooltip-arrow {
  border-bottom-color: black !important;
}
.doc-dark .note-tooltip.top .note-tooltip-arrow {
  border-top-color: black !important;
}
.doc-dark .note-tooltip.right .note-tooltip-arrow {
  border-right-color: black !important;
}
.doc-dark .note-tooltip.left .note-tooltip-arrow {
  border-left-color: black !important;
}

/* ------------------------------ */
/*            Widgets             */
/* ------------------------------ */
/**
 * About 1
 */
.about-1 {
  padding-top: 4rem;
  padding-bottom: 3rem;
}
.about-1 button,
.about-1 img {
  border-radius: 0;
}
.about-1--img {
  position: relative;
  text-align: center;
}
@media (max-width: 767px) {
  .about-1--img:nth-child(1) {
    margin-top: 2rem;
  }
}
@media (min-width: 768px) {
  .about-1--img:nth-child(1) {
    right: -100px;
    z-index: 1;
  }
}
.about-1--img:nth-child(2) {
  z-index: 1;
}
@media (max-width: 767px) {
  .about-1--img:nth-child(2) {
    margin-top: 3rem;
  }
}
@media (min-width: 768px) {
  .about-1--img:nth-child(2) {
    top: -150px;
    right: 50px;
    z-index: 2;
    margin-bottom: -150px;
  }
}
.about-1--img img {
  max-width: 100%;
}
@media (min-width: 768px) {
  .about-1--img img {
    width: 480px;
  }
}
@media (min-width: 1280px) {
  .about-1--img img {
    width: 360px;
  }
}

.doc-round .about-1 button,
.doc-round .about-1 img {
  border-radius: 0.5rem;
}
.doc-light .about-1 h1 {
  color: var(--app-600, #346FD9);
}
.doc-light .about-1--img > img {
  box-shadow: -8px 8px 0 0 rgba(0, 0, 0, 0.1);
}
.doc-dark .about-1 h1 {
  color: var(--app-300, #93B8F7);
}
.doc-dark .about-1--img > img {
  box-shadow: -8px 8px 0 0 rgba(255, 255, 255, 0.1);
}

/**
 * About 2
 */
.about-2 {
  padding-top: 4rem;
  padding-bottom: 3rem;
}
.about-2 button,
.about-2 img {
  border-radius: 0;
}
.about-2--img {
  text-align: center;
  position: relative;
  top: 0;
  right: 0;
  z-index: 1;
}
.about-2--img > img {
  width: 100%;
  max-width: 100%;
}
.about-2--overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
.about-2--overlay > div {
  position: absolute;
  top: 0;
  left: 0;
}
.about-2--overlay > div:nth-child(1) {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.about-2--overlay > div:nth-child(2) {
  width: 90%;
  height: 90%;
  margin: 5%;
  border: solid 0.125rem rgba(255, 255, 255, 0.75);
}
.about-2--overlay > div:nth-child(3) {
  width: 80%;
  height: 80%;
  margin: 10%;
  color: rgba(255, 255, 255, 0.87);
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  place-content: center;
}

.doc-round .about-2 img,
.doc-round .about-2 button,
.doc-round .about-2 .about-2--overlay,
.doc-round .about-2 .about-2--overlay > div {
  border-radius: 0.5rem;
}
.doc-light .about-2 h1 {
  color: var(--app-600, #346FD9);
}
.doc-dark .about-2 h1 {
  color: var(--app-300, #93B8F7);
}

/**
 * Mosaic 1
 */
.mosaic-1 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.mosaic-1 h2 {
  text-align: center;
  margin-bottom: 2rem;
}
.mosaic-1 .hr {
  margin-bottom: 3rem;
}
.mosaic-1 img {
  margin-bottom: 1rem;
  border-radius: 0;
  transition: filter 200ms;
}
.mosaic-1 a:hover img {
  filter: brightness(1.25);
}

.doc-round .mosaic-1 img {
  border-radius: 0.5rem;
}
.doc-light .mosaic-1 h2 {
  color: var(--app-600, #346FD9);
}
.doc-light .mosaic-1 .hr--icon {
  background: var(--gray-50, #FAFAFA) !important;
}
.doc-dark .mosaic-1 h2 {
  color: var(--app-300, #93B8F7);
}
.doc-dark .mosaic-1 .hr--icon {
  background: var(--gray-950, #121212) !important;
}

/**
 * Mosaic 2
 */
.mosaic-2 .col {
  position: relative;
  overflow: hidden;
  transition: all 200ms;
}
.mosaic-2 .col a {
  display: block;
}
.mosaic-2 .col img {
  width: 100%;
  max-width: 100%;
  transform: scale(1);
  transition: transform 200ms;
}
.mosaic-2 .col .mosaic-2--overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  background: rgba(0, 0, 0, 0.67);
  transition: opacity 200ms;
}
.mosaic-2 .col i {
  font-size: 2rem;
  color: rgba(255, 255, 255, 0.9);
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  opacity: 0;
  transform: translate(-50%, -50px);
  transition: opacity 200ms, transform 200ms;
}
.mosaic-2 .col:hover img {
  transform: scale(1.1);
}
.mosaic-2 .col:hover .mosaic-2--overlay {
  opacity: 1;
}
.mosaic-2 .col:hover i {
  opacity: 1;
  transform: translate(-50%, -50%);
}

/* ------------------------------ */
/*            Plugins             */
/* ------------------------------ */
.blog-splide .splide__slide .blog--cat {
  position: absolute;
  z-index: 2;
  transition: 0.125s;
  padding: 0.25rem 0.5rem;
}
.blog-splide .splide__slide i {
  position: absolute;
  z-index: 3;
  transition: 0.125s;
}
.blog-splide .splide__slide i:not(.position-center) {
  padding: 0.25rem 0.5rem;
}
.blog-layout-1 header, .blog-layout-2 header {
  position: relative;
  overflow: hidden;
}
.blog-layout-1 header .blog--cat, .blog-layout-2 header .blog--cat {
  position: absolute;
  z-index: 2;
  transition: 0.125s;
  padding: 0.25rem 0.5rem;
}
.blog-layout-1 header i, .blog-layout-2 header i {
  position: absolute;
  z-index: 3;
  transition: 0.125s;
}
.blog-layout-1 header i:not(.position-center), .blog-layout-2 header i:not(.position-center) {
  padding: 0.75rem;
}
.blog-layout-1 main, .blog-layout-2 main {
  padding: 1.5rem 0 1rem;
}
.blog-layout-1 main a, .blog-layout-2 main a {
  display: inline-block;
  transition: 0.125s;
}
.blog-layout-1 main a {
  display: inline-block;
  transition: 0.125s;
}
.blog-layout-2 main {
  position: relative;
  margin-left: 2rem;
  margin-right: 2rem;
  margin-top: -4rem;
  padding: 2rem;
  margin-bottom: 3rem;
}
.blog-layout-2 main p {
  font-size: 95%;
}
.blog-layout-2 main a {
  text-decoration: none;
  transition: 0.125s;
  display: inline-block;
}
.blog-zoom.blog-layout-1 header img, .blog-zoom.blog-layout-2 header img {
  transition: 0.5s transform ease;
}
.blog-zoom.blog-layout-1 header:hover img {
  transform: scale(1.1);
}
.blog-zoom.blog-layout-2 main {
  transition: 0.5s transform;
}
.blog-zoom.blog-layout-2 div.blog--inner:hover header img {
  transform: scale(1.05);
}
.blog-zoom.blog-layout-2 div.blog--inner:hover main {
  transform: translateY(1rem);
}
.blog-rotate.blog-layout-1 header img, .blog-rotate.blog-layout-2 header img {
  transition: 0.5s transform ease;
}
.blog-rotate.blog-layout-1 header:hover img {
  transform: scale(1.1) rotate(3deg);
}
.blog-rotate.blog-layout-2 main {
  transition: 0.5s transform;
}
.blog-rotate.blog-layout-2 div.blog--inner:hover header img {
  transform: scale(1.05) rotate(2deg);
}
.blog-rotate.blog-layout-2 div.blog--inner:hover main {
  transform: translateY(1rem);
}
.blog-brightness.blog-layout-1 header img, .blog-brightness.blog-layout-2 header img {
  transition: 0.25s filter;
}
.blog-brightness.blog-layout-1 header:hover img, .blog-brightness.blog-layout-2 header:hover img {
  filter: brightness(1.2);
}
.blog-darkness.blog-layout-1 header img, .blog-darkness.blog-layout-2 header img {
  transition: 0.25s filter;
}
.blog-darkness.blog-layout-1 header:hover img, .blog-darkness.blog-layout-2 header:hover img {
  filter: brightness(0.8);
}

.blog-round.blog-splide .splide__slide,
.splide-round.blog-splide .splide__slide {
  border-radius: 0.5rem;
  overflow: hidden;
}
.blog-round.blog-layout-1 header .blog--cat.position-top-left, .blog-round.blog-layout-1 header i.position-top-left, .blog-round.blog-layout-2 header .blog--cat.position-top-left, .blog-round.blog-layout-2 header i.position-top-left, .blog-round.blog-splide .splide__slide .blog--cat.position-top-left, .blog-round.blog-splide .splide__slide i.position-top-left,
.splide-round.blog-layout-1 header .blog--cat.position-top-left,
.splide-round.blog-layout-1 header i.position-top-left,
.splide-round.blog-layout-2 header .blog--cat.position-top-left,
.splide-round.blog-layout-2 header i.position-top-left,
.splide-round.blog-splide .splide__slide .blog--cat.position-top-left,
.splide-round.blog-splide .splide__slide i.position-top-left {
  border-bottom-right-radius: 0.5rem;
}
.blog-round.blog-layout-1 header .blog--cat.position-top-right, .blog-round.blog-layout-1 header i.position-top-right, .blog-round.blog-layout-2 header .blog--cat.position-top-right, .blog-round.blog-layout-2 header i.position-top-right, .blog-round.blog-splide .splide__slide .blog--cat.position-top-right, .blog-round.blog-splide .splide__slide i.position-top-right,
.splide-round.blog-layout-1 header .blog--cat.position-top-right,
.splide-round.blog-layout-1 header i.position-top-right,
.splide-round.blog-layout-2 header .blog--cat.position-top-right,
.splide-round.blog-layout-2 header i.position-top-right,
.splide-round.blog-splide .splide__slide .blog--cat.position-top-right,
.splide-round.blog-splide .splide__slide i.position-top-right {
  border-bottom-left-radius: 0.5rem;
}
.blog-round.blog-layout-1 header .blog--cat.position-bottom-left, .blog-round.blog-layout-1 header i.position-bottom-left, .blog-round.blog-layout-2 header .blog--cat.position-bottom-left, .blog-round.blog-layout-2 header i.position-bottom-left, .blog-round.blog-splide .splide__slide .blog--cat.position-bottom-left, .blog-round.blog-splide .splide__slide i.position-bottom-left,
.splide-round.blog-layout-1 header .blog--cat.position-bottom-left,
.splide-round.blog-layout-1 header i.position-bottom-left,
.splide-round.blog-layout-2 header .blog--cat.position-bottom-left,
.splide-round.blog-layout-2 header i.position-bottom-left,
.splide-round.blog-splide .splide__slide .blog--cat.position-bottom-left,
.splide-round.blog-splide .splide__slide i.position-bottom-left {
  border-top-right-radius: 0.5rem;
}
.blog-round.blog-layout-1 header .blog--cat.position-bottom-right, .blog-round.blog-layout-1 header i.position-bottom-right, .blog-round.blog-layout-2 header .blog--cat.position-bottom-right, .blog-round.blog-layout-2 header i.position-bottom-right, .blog-round.blog-splide .splide__slide .blog--cat.position-bottom-right, .blog-round.blog-splide .splide__slide i.position-bottom-right,
.splide-round.blog-layout-1 header .blog--cat.position-bottom-right,
.splide-round.blog-layout-1 header i.position-bottom-right,
.splide-round.blog-layout-2 header .blog--cat.position-bottom-right,
.splide-round.blog-layout-2 header i.position-bottom-right,
.splide-round.blog-splide .splide__slide .blog--cat.position-bottom-right,
.splide-round.blog-splide .splide__slide i.position-bottom-right {
  border-top-left-radius: 0.5rem;
}

/*
* Colors
*/
.doc-light .blog-layout-1 header .blog--cat, .doc-light .blog-layout-2 header .blog--cat, .doc-light .blog-splide .splide__slide .blog--cat {
  background-color: var(--app-a750);
  color: #FFFFFF;
}
.doc-light .blog-layout-1 header i.position-center, .doc-light .blog-layout-2 header i.position-center, .doc-light .blog-splide .splide__slide i.position-center {
  color: rgba(255, 255, 255, 0.75);
}
.doc-light .blog-layout-1 header i:not(.position-center), .doc-light .blog-layout-2 header i:not(.position-center), .doc-light .blog-splide .splide__slide i:not(.position-center) {
  background-color: rgba(255, 255, 255, 0.75);
  color: #242424;
}
.doc-light .blog-layout-1 header:hover .blog--cat, .doc-light .blog-layout-2 header:hover .blog--cat, .doc-light .blog-splide .splide__slide:hover .blog--cat {
  background-color: var(--app-a950);
  color: #FFFFFF;
}
.doc-light .blog-layout-1 header:hover i.position-center, .doc-light .blog-layout-2 header:hover i.position-center, .doc-light .blog-splide .splide__slide:hover i.position-center {
  color: rgba(255, 255, 255, 0.95);
}
.doc-light .blog-layout-1 header:hover i:not(.position-center), .doc-light .blog-layout-2 header:hover i:not(.position-center), .doc-light .blog-splide .splide__slide:hover i:not(.position-center) {
  background-color: rgba(255, 255, 255, 0.95);
}
.doc-light .blog-layout-1 main a {
  color: inherit;
}
.doc-light .blog-layout-1 main a:hover {
  color: var(--app-600, #346FD9);
}
.doc-light .blog-layout-2 main {
  background-color: #FFFFFF;
  box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.16);
}
.doc-light .blog-layout-2 main p {
  color: var(--gray-600, #747474);
}
.doc-light .blog-layout-2 main a {
  color: var(--gray-800, #3F3F3F);
}
.doc-light .blog-layout-2 main a:hover {
  color: var(--app-500, #4283F2);
}
.doc-dark .blog-layout-1 header .blog--cat, .doc-dark .blog-layout-2 header .blog--cat, .doc-dark .blog-splide .splide__slide .blog--cat {
  background-color: var(--app-a750);
  color: #FFFFFF;
}
.doc-dark .blog-layout-1 header i.position-center, .doc-dark .blog-layout-2 header i.position-center, .doc-dark .blog-splide .splide__slide i.position-center {
  color: rgba(0, 0, 0, 0.75);
}
.doc-dark .blog-layout-1 header i:not(.position-center), .doc-dark .blog-layout-2 header i:not(.position-center), .doc-dark .blog-splide .splide__slide i:not(.position-center) {
  background-color: rgba(0, 0, 0, 0.75);
  color: #F4F4F4;
}
.doc-dark .blog-layout-1 header:hover .blog--cat, .doc-dark .blog-layout-2 header:hover .blog--cat, .doc-dark .blog-splide .splide__slide:hover .blog--cat {
  background-color: var(--app-a950);
  color: #FFFFFF;
}
.doc-dark .blog-layout-1 header:hover i.position-center, .doc-dark .blog-layout-2 header:hover i.position-center, .doc-dark .blog-splide .splide__slide:hover i.position-center {
  color: rgba(0, 0, 0, 0.95);
}
.doc-dark .blog-layout-1 header:hover i:not(.position-center), .doc-dark .blog-layout-2 header:hover i:not(.position-center), .doc-dark .blog-splide .splide__slide:hover i:not(.position-center) {
  background-color: rgba(0, 0, 0, 0.95);
}
.doc-dark .blog-layout-1 main a {
  color: var(--gray-200, #DBDBDB);
}
.doc-dark .blog-layout-1 main a:hover {
  color: var(--app-400, #6A9EF5);
}
.doc-dark .blog-layout-2 main {
  background-color: var(--gray-900, #242424);
  box-shadow: 0 0.5rem 0.875rem rgba(0, 0, 0, 0.18), 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1);
}
.doc-dark .blog-layout-2 main p {
  color: var(--gray-300, #C1C1C1);
}
.doc-dark .blog-layout-2 main a {
  color: var(--gray-200, #DBDBDB);
}
.doc-dark .blog-layout-2 main a:hover {
  color: var(--app-400, #6A9EF5);
}

/**
 * Splide common styles
 */
.splide--rtl .splide__pagination {
  direction: rtl;
}
.splide .splide__arrow {
  margin-bottom: 0;
}
.splide .splide__pagination {
  display: flex !important;
}
.splide .splide__pagination__page {
  border-radius: unset;
}
.splide .splide__slide div > * {
  margin-bottom: 0;
}
.splide-brightness .splide__slide img:hover {
  filter: brightness(1.2);
}
.splide-darkness .splide__slide img:hover {
  filter: brightness(0.8);
}

/**
 * Simple Splide
 */
.splide-simple {
  padding: 3rem 0;
}
.splide-simple.splide-round .splide__arrow,
.splide-simple.splide-round img {
  border-radius: 0.5rem;
}
.splide-simple.splide-round .splide__pagination__page {
  border-radius: 50%;
}
.splide-simple .splide__slide {
  margin-bottom: 1.5rem;
}
.splide-simple .splide__slide img {
  display: block;
  width: 100%;
  transition: filter 200ms;
}
.splide-simple .splide__slide div {
  font-size: 1.125rem;
  margin-top: 1rem;
}
.splide-simple .splide__arrow {
  width: 40px;
  height: 60px;
  opacity: 1;
  border-radius: 0;
}
.splide-simple .splide__arrow.splide__arrow--prev {
  left: 1rem;
}
.splide-simple .splide__arrow.splide__arrow--next {
  right: 1rem;
}
.splide-simple .splide__arrow svg {
  width: 20px;
  height: 20px;
  transition: all 200ms;
}
.splide-simple .splide__pagination {
  margin-bottom: -1.5rem;
}
.splide-simple .splide__pagination__page {
  margin: 0.25rem;
}
.splide-simple .splide--rtl .splide__arrow.splide__arrow--prev {
  left: unset;
  right: 1rem;
}
.splide-simple .splide--rtl .splide__arrow.splide__arrow--next {
  right: unset;
  left: 1rem;
}

/**
 * Light Skin
 */
.doc-light .splide-simple:not(.splide-dark),
.splide-simple.splide-light {
  color: #242424;
}
.doc-light .splide-simple:not(.splide-dark) .splide__arrow,
.splide-simple.splide-light .splide__arrow {
  background: rgba(255, 255, 255, 0.65);
}
.doc-light .splide-simple:not(.splide-dark) .splide__arrow svg,
.splide-simple.splide-light .splide__arrow svg {
  fill: rgba(0, 0, 0, 0.9);
}
.doc-light .splide-simple:not(.splide-dark) .splide__arrow:hover,
.splide-simple.splide-light .splide__arrow:hover {
  background: rgba(255, 255, 255, 0.85);
}
.doc-light .splide-simple:not(.splide-dark) .splide__arrow:hover svg,
.splide-simple.splide-light .splide__arrow:hover svg {
  fill: rgb(0, 0, 0);
}
.doc-light .splide-simple:not(.splide-dark) .splide__pagination__page,
.splide-simple.splide-light .splide__pagination__page {
  background-color: rgba(0, 0, 0, 0.15);
}
.doc-light .splide-simple:not(.splide-dark) .splide__pagination__page:hover,
.splide-simple.splide-light .splide__pagination__page:hover {
  background-color: var(--app-200, #BBD3FA);
}
.doc-light .splide-simple:not(.splide-dark) .splide__pagination__page.is-active,
.splide-simple.splide-light .splide__pagination__page.is-active {
  background-color: var(--app-500, #4283F2);
}

/**
 * Dark Skin
 */
.doc-dark .splide-simple:not(.splide-light),
.splide-simple.splide-dark {
  color: #F4F4F4;
}
.doc-dark .splide-simple:not(.splide-light) .splide__arrow,
.splide-simple.splide-dark .splide__arrow {
  background: rgba(0, 0, 0, 0.6);
}
.doc-dark .splide-simple:not(.splide-light) .splide__arrow svg,
.splide-simple.splide-dark .splide__arrow svg {
  fill: rgba(255, 255, 255, 0.75);
}
.doc-dark .splide-simple:not(.splide-light) .splide__arrow:hover,
.splide-simple.splide-dark .splide__arrow:hover {
  background: rgba(0, 0, 0, 0.8);
}
.doc-dark .splide-simple:not(.splide-light) .splide__arrow:hover svg,
.splide-simple.splide-dark .splide__arrow:hover svg {
  fill: white;
}
.doc-dark .splide-simple:not(.splide-light) .splide__pagination__page,
.splide-simple.splide-dark .splide__pagination__page {
  background-color: rgba(255, 255, 255, 0.2);
}
.doc-dark .splide-simple:not(.splide-light) .splide__pagination__page:hover,
.splide-simple.splide-dark .splide__pagination__page:hover {
  background-color: var(--app-700, #265BC1);
}
.doc-dark .splide-simple:not(.splide-light) .splide__pagination__page.is-active,
.splide-simple.splide-dark .splide__pagination__page.is-active {
  background-color: var(--app-400, #6A9EF5);
}

/**
 * Modern Splide
 */
.splide-modern {
  padding: 3rem 0;
}
.splide-modern.splide-round .splide__arrow,
.splide-modern.splide-round .splide__slide img,
.splide-modern.splide-round .splide__slide div {
  border-radius: 0.5rem;
}
.splide-modern.splide-round .splide__pagination__page {
  border-radius: 50%;
}
.splide-modern .splide__slide {
  margin-bottom: 3rem;
}
.splide-modern .splide__slide img {
  display: block;
  width: 100%;
  transition: filter 200ms;
}
.splide-modern .splide__slide div {
  font-size: 1.125rem;
  width: auto;
  padding: 0.5rem 1rem;
  margin: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
.splide-modern .splide__slide div:empty {
  display: none;
}
.splide-modern .splide__arrow {
  width: 45px;
  height: 45px;
  opacity: 1;
  border-radius: 0;
  top: unset;
  bottom: -3rem;
}
.splide-modern .splide__arrow.splide__arrow--prev {
  left: 1rem;
}
.splide-modern .splide__arrow.splide__arrow--next {
  right: 1rem;
}
.splide-modern .splide__arrow svg {
  width: 20px;
  height: 20px;
  transition: all 200ms;
}
.splide-modern .splide__pagination {
  margin-bottom: -1.5rem;
}
.splide-modern .splide__pagination__page {
  margin: 0.25rem;
}
.splide-modern .splide--rtl .splide__arrow.splide__arrow--prev {
  left: unset;
  right: 1rem;
}
.splide-modern .splide--rtl .splide__arrow.splide__arrow--next {
  right: unset;
  left: 1rem;
}

/**
 * Light Skin
 */
.doc-light .splide-modern:not(.splide-dark),
.splide-modern.splide-light {
  color: #242424;
}
.doc-light .splide-modern:not(.splide-dark) .splide__slide div,
.splide-modern.splide-light .splide__slide div {
  background: rgba(255, 255, 255, 0.85);
}
.doc-light .splide-modern:not(.splide-dark) .splide__arrow,
.splide-modern.splide-light .splide__arrow {
  background: rgba(0, 0, 0, 0.05);
}
.doc-light .splide-modern:not(.splide-dark) .splide__arrow svg,
.splide-modern.splide-light .splide__arrow svg {
  fill: rgba(0, 0, 0, 0.75);
}
.doc-light .splide-modern:not(.splide-dark) .splide__arrow:hover,
.splide-modern.splide-light .splide__arrow:hover {
  background: rgba(0, 0, 0, 0.1);
}
.doc-light .splide-modern:not(.splide-dark) .splide__arrow:hover svg,
.splide-modern.splide-light .splide__arrow:hover svg {
  fill: black;
}
.doc-light .splide-modern:not(.splide-dark) .splide__pagination__page,
.splide-modern.splide-light .splide__pagination__page {
  background-color: rgba(0, 0, 0, 0.15);
}
.doc-light .splide-modern:not(.splide-dark) .splide__pagination__page:hover,
.splide-modern.splide-light .splide__pagination__page:hover {
  background-color: var(--app-200, #BBD3FA);
}
.doc-light .splide-modern:not(.splide-dark) .splide__pagination__page.is-active,
.splide-modern.splide-light .splide__pagination__page.is-active {
  background-color: var(--app-500, #4283F2);
}

/**
 * Dark Skin
 */
.doc-dark .splide-modern:not(.splide-light),
.splide-modern.splide-dark {
  color: #F4F4F4;
}
.doc-dark .splide-modern:not(.splide-light) .splide__slide div,
.splide-modern.splide-dark .splide__slide div {
  background: rgba(0, 0, 0, 0.7);
}
.doc-dark .splide-modern:not(.splide-light) .splide__arrow,
.splide-modern.splide-dark .splide__arrow {
  background: rgba(0, 0, 0, 0.5);
}
.doc-dark .splide-modern:not(.splide-light) .splide__arrow svg,
.splide-modern.splide-dark .splide__arrow svg {
  fill: rgba(255, 255, 255, 0.75);
}
.doc-dark .splide-modern:not(.splide-light) .splide__arrow:hover,
.splide-modern.splide-dark .splide__arrow:hover {
  background: rgba(0, 0, 0, 0.75);
}
.doc-dark .splide-modern:not(.splide-light) .splide__arrow:hover svg,
.splide-modern.splide-dark .splide__arrow:hover svg {
  fill: white;
}
.doc-dark .splide-modern:not(.splide-light) .splide__pagination__page,
.splide-modern.splide-dark .splide__pagination__page {
  background-color: rgba(255, 255, 255, 0.2);
}
.doc-dark .splide-modern:not(.splide-light) .splide__pagination__page:hover,
.splide-modern.splide-dark .splide__pagination__page:hover {
  background-color: var(--app-700, #265BC1);
}
.doc-dark .splide-modern:not(.splide-light) .splide__pagination__page.is-active,
.splide-modern.splide-dark .splide__pagination__page.is-active {
  background-color: var(--app-400, #6A9EF5);
}

/**
 * Animated Splide
 */
.splide-animated {
  padding: 5rem 0;
}
.splide-animated.splide-round .splide__slide img,
.splide-animated.splide-round .splide__slide div {
  border-radius: 0.5rem;
}
.splide-animated.splide-round .splide__pagination__page {
  border-radius: 50%;
}
.splide-animated .splide__slide img {
  display: block;
  width: 100%;
  transition: transform 400ms, filter 200ms;
  transform: scale(0.75);
  transform-origin: center center;
}
.splide-animated .splide__slide div {
  font-size: 1.125rem;
  width: auto;
  padding: 0.5rem 1rem;
  margin: 1rem;
  position: absolute;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s;
  left: 0;
}
.splide-animated .splide__slide div:empty {
  display: none;
}
.splide-animated .splide__slide.is-active img {
  transform: scale(1);
}
.splide-animated .splide__slide.is-active div {
  opacity: 1;
  visibility: visible;
}
.splide-animated .splide__slide.is-active div:empty {
  display: none;
}
.splide-animated .splide__arrow {
  top: 0;
  bottom: 0;
  height: 100%;
  transform: none;
  border-radius: unset;
  opacity: 0.9;
  width: 50px;
}
@media (min-width: 768px) {
  .splide-animated .splide__arrow {
    width: 75px;
  }
}
@media (min-width: 1280px) {
  .splide-animated .splide__arrow {
    width: 100px;
  }
}
.splide-animated .splide__arrow svg {
  width: 32px;
  height: 32px;
  transition: all 200ms;
}
.splide-animated .splide__arrow.splide__arrow--prev {
  left: 0;
}
.splide-animated .splide__arrow.splide__arrow--next {
  right: 0;
}
.splide-animated .splide__pagination {
  margin-bottom: -3.5rem;
}
.splide-animated .splide__pagination__page {
  margin: 0.25rem;
}
.splide-animated .splide--rtl .splide__arrow.splide__arrow--prev {
  left: unset;
  right: 0;
}
.splide-animated .splide--rtl .splide__arrow.splide__arrow--next {
  right: unset;
  left: 0;
}

/**
 * Light Skin
 */
.doc-light .splide-animated:not(.splide-dark),
.splide-animated.splide-light {
  background-color: #FFFFFF;
  color: #242424;
}
.doc-light .splide-animated:not(.splide-dark) .splide__slide div,
.splide-animated.splide-light .splide__slide div {
  background: rgba(255, 255, 255, 0.85);
}
.doc-light .splide-animated:not(.splide-dark) .splide__arrow,
.splide-animated.splide-light .splide__arrow {
  background: #FFFFFF;
}
.doc-light .splide-animated:not(.splide-dark) .splide__arrow svg,
.splide-animated.splide-light .splide__arrow svg {
  fill: rgba(0, 0, 0, 0.75);
}
.doc-light .splide-animated:not(.splide-dark) .splide__arrow:hover svg,
.splide-animated.splide-light .splide__arrow:hover svg {
  fill: black;
}
.doc-light .splide-animated:not(.splide-dark) .splide__arrow.splide__arrow--prev,
.splide-animated.splide-light .splide__arrow.splide__arrow--prev {
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
}
.doc-light .splide-animated:not(.splide-dark) .splide__arrow.splide__arrow--next,
.splide-animated.splide-light .splide__arrow.splide__arrow--next {
  background: linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0) 100%);
}
.doc-light .splide-animated:not(.splide-dark) .splide--rtl .splide__arrow.splide__arrow--prev,
.splide-animated.splide-light .splide--rtl .splide__arrow.splide__arrow--prev {
  background: linear-gradient(270deg, white 0%, rgba(255, 255, 255, 0) 100%);
}
.doc-light .splide-animated:not(.splide-dark) .splide--rtl .splide__arrow.splide__arrow--next,
.splide-animated.splide-light .splide--rtl .splide__arrow.splide__arrow--next {
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
}
.doc-light .splide-animated:not(.splide-dark) .splide__pagination__page,
.splide-animated.splide-light .splide__pagination__page {
  background-color: rgba(0, 0, 0, 0.15);
}
.doc-light .splide-animated:not(.splide-dark) .splide__pagination__page:hover,
.splide-animated.splide-light .splide__pagination__page:hover {
  background-color: var(--app-200, #BBD3FA);
}
.doc-light .splide-animated:not(.splide-dark) .splide__pagination__page.is-active,
.splide-animated.splide-light .splide__pagination__page.is-active {
  background-color: var(--app-500, #4283F2);
}

/**
 * Dark Skin
 */
.doc-dark .splide-animated:not(.splide-light),
.splide-animated.splide-dark {
  background-color: #000000;
  color: #F4F4F4;
}
.doc-dark .splide-animated:not(.splide-light) .splide__slide div,
.splide-animated.splide-dark .splide__slide div {
  background: rgba(0, 0, 0, 0.7);
}
.doc-dark .splide-animated:not(.splide-light) .splide__arrow,
.splide-animated.splide-dark .splide__arrow {
  background: #000000;
}
.doc-dark .splide-animated:not(.splide-light) .splide__arrow svg,
.splide-animated.splide-dark .splide__arrow svg {
  fill: rgba(255, 255, 255, 0.75);
}
.doc-dark .splide-animated:not(.splide-light) .splide__arrow:hover svg,
.splide-animated.splide-dark .splide__arrow:hover svg {
  fill: white;
}
.doc-dark .splide-animated:not(.splide-light) .splide__arrow.splide__arrow--prev,
.splide-animated.splide-dark .splide__arrow.splide__arrow--prev {
  background: linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%);
}
.doc-dark .splide-animated:not(.splide-light) .splide__arrow.splide__arrow--next,
.splide-animated.splide-dark .splide__arrow.splide__arrow--next {
  background: linear-gradient(270deg, black 0%, rgba(0, 0, 0, 0) 100%);
}
.doc-dark .splide-animated:not(.splide-light) .splide--rtl .splide__arrow.splide__arrow--prev,
.splide-animated.splide-dark .splide--rtl .splide__arrow.splide__arrow--prev {
  background: linear-gradient(270deg, black 0%, rgba(0, 0, 0, 0) 100%);
}
.doc-dark .splide-animated:not(.splide-light) .splide--rtl .splide__arrow.splide__arrow--next,
.splide-animated.splide-dark .splide--rtl .splide__arrow.splide__arrow--next {
  background: linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0) 100%);
}
.doc-dark .splide-animated:not(.splide-light) .splide__pagination__page,
.splide-animated.splide-dark .splide__pagination__page {
  background-color: rgba(255, 255, 255, 0.2);
}
.doc-dark .splide-animated:not(.splide-light) .splide__pagination__page:hover,
.splide-animated.splide-dark .splide__pagination__page:hover {
  background-color: var(--app-700, #265BC1);
}
.doc-dark .splide-animated:not(.splide-light) .splide__pagination__page.is-active,
.splide-animated.splide-dark .splide__pagination__page.is-active {
  background-color: var(--app-400, #6A9EF5);
}

/**
 * Gallery Splide
 */
.splide-gallery {
  padding: 3rem 0;
}
.splide-gallery.splide-round .splide__slide,
.splide-gallery.splide-round .splide__arrow,
.splide-gallery.splide-round .splide__slide img,
.splide-gallery.splide-round .splide__slide div {
  border-radius: 0.5rem;
}
.splide-gallery .splide__slide img {
  display: block;
  width: 100%;
}
.splide-gallery .splide__slide div {
  font-size: 1.125rem;
  width: auto;
  padding: 0.5rem 1rem;
  margin: 1rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
.splide-gallery .splide__slide div:empty {
  display: none;
}
.splide-gallery .splide__arrow {
  width: 40px;
  height: 60px;
  opacity: 0.87;
  border-radius: 0;
}
.splide-gallery .splide__arrow.splide__arrow--prev {
  left: -3.5rem;
}
.splide-gallery .splide__arrow.splide__arrow--next {
  right: -3.5rem;
}
.splide-gallery .splide__arrow svg {
  width: 20px;
  height: 20px;
  transition: all 200ms;
}
.splide-gallery .splide--thumb {
  display: flex;
  justify-content: center;
  margin: 1rem auto 0;
  padding: 0;
}
.splide-gallery .splide--thumb .splide__slide {
  overflow: hidden;
  list-style: none;
  margin: 0 0.2rem;
  cursor: pointer;
}
.splide-gallery .splide--thumb .splide__slide img {
  width: 100%;
  height: auto;
  transition: filter 200ms;
}
.splide-gallery .splide--rtl .splide__arrow.splide__arrow--prev {
  left: unset;
  right: -3.5rem;
}
.splide-gallery .splide--rtl .splide__arrow.splide__arrow--next {
  right: unset;
  left: -3.5rem;
}

/**
 * Light Skin
 */
.doc-light .splide-gallery:not(.splide-dark),
.splide-gallery.splide-light {
  color: #242424;
}
.doc-light .splide-gallery:not(.splide-dark) .splide__slide div,
.splide-gallery.splide-light .splide__slide div {
  background: rgba(255, 255, 255, 0.85);
}
.doc-light .splide-gallery:not(.splide-dark) .splide__arrow,
.splide-gallery.splide-light .splide__arrow {
  background: rgba(0, 0, 0, 0.05);
}
.doc-light .splide-gallery:not(.splide-dark) .splide__arrow svg,
.splide-gallery.splide-light .splide__arrow svg {
  fill: rgba(0, 0, 0, 0.75);
}
.doc-light .splide-gallery:not(.splide-dark) .splide__arrow:hover,
.splide-gallery.splide-light .splide__arrow:hover {
  background: rgba(0, 0, 0, 0.1);
}
.doc-light .splide-gallery:not(.splide-dark) .splide__arrow:hover svg,
.splide-gallery.splide-light .splide__arrow:hover svg {
  fill: black;
}
.doc-light .splide-gallery:not(.splide-dark) .is-active,
.splide-gallery.splide-light .is-active {
  border-color: var(--app-600, #346FD9) !important;
}

/**
 * Dark Skin
 */
.doc-dark .splide-gallery:not(.splide-light),
.splide-gallery.splide-dark {
  color: #F4F4F4;
}
.doc-dark .splide-gallery:not(.splide-light) .splide__slide div,
.splide-gallery.splide-dark .splide__slide div {
  background: rgba(0, 0, 0, 0.7);
}
.doc-dark .splide-gallery:not(.splide-light) .splide__arrow,
.splide-gallery.splide-dark .splide__arrow {
  background: rgba(0, 0, 0, 0.5);
}
.doc-dark .splide-gallery:not(.splide-light) .splide__arrow svg,
.splide-gallery.splide-dark .splide__arrow svg {
  fill: rgba(255, 255, 255, 0.75);
}
.doc-dark .splide-gallery:not(.splide-light) .splide__arrow:hover,
.splide-gallery.splide-dark .splide__arrow:hover {
  background: rgba(0, 0, 0, 0.75);
}
.doc-dark .splide-gallery:not(.splide-light) .splide__arrow:hover svg,
.splide-gallery.splide-dark .splide__arrow:hover svg {
  fill: white;
}
.doc-dark .splide-gallery:not(.splide-light) .is-active,
.splide-gallery.splide-dark .is-active {
  border-color: var(--app-500, #4283F2) !important;
}

/**
 * Custom Splide
 */
.splide-custom {
  padding: 3rem 0;
}
.splide-custom .splide li.splide__slide {
  padding: 2rem 3rem;
  transition: all 0.125s;
  border-style: solid;
  border-width: 1px;
}
.splide-custom .splide li.splide__slide.is-active {
  border-color: transparent;
}
.splide-custom.splide-round .splide li.splide__slide {
  border-radius: 0.5rem;
}
.splide-custom.splide-round .splide__arrow,
.splide-custom.splide-round img {
  border-radius: 0.5rem;
}
.splide-custom.splide-round .splide__pagination__page {
  border-radius: 50%;
}
.splide-custom .splide__track {
  overflow: visible;
}
.splide-custom .splide__slide {
  margin-bottom: 1.5rem;
}
.splide-custom .splide__slide img {
  display: block;
  width: 100%;
  transition: filter 200ms;
}
.splide-custom .splide__slide div {
  font-size: 1.125rem;
  margin-top: 1rem;
}
.splide-custom .splide__arrow {
  width: 40px;
  height: 60px;
  opacity: 1;
  border-radius: 0;
}
.splide-custom .splide__arrow.splide__arrow--prev {
  left: 1rem;
}
.splide-custom .splide__arrow.splide__arrow--next {
  right: 1rem;
}
.splide-custom .splide__arrow svg {
  width: 20px;
  height: 20px;
  transition: all 200ms;
}
.splide-custom .splide__pagination {
  margin-bottom: -4rem;
}
.splide-custom .splide__pagination__page {
  margin: 0.25rem;
}
.splide-custom .splide--rtl .splide__arrow.splide__arrow--prev {
  left: unset;
  right: 1rem;
}
.splide-custom .splide--rtl .splide__arrow.splide__arrow--next {
  right: unset;
  left: 1rem;
}

/**
 * Light Skin
 */
.doc-light .splide-custom:not(.splide-dark),
.splide-custom.splide-light {
  color: #242424;
}
.doc-light .splide-custom:not(.splide-dark) .splide li.splide__slide:not(.is-active),
.splide-custom.splide-light .splide li.splide__slide:not(.is-active) {
  border-color: var(--gray-200, #DBDBDB);
}
.doc-light .splide-custom:not(.splide-dark) .splide li.splide__slide:not(.is-active) p,
.splide-custom.splide-light .splide li.splide__slide:not(.is-active) p {
  color: var(--gray-650, #666666);
}
.doc-light .splide-custom:not(.splide-dark) .splide li.splide__slide.is-active,
.splide-custom.splide-light .splide li.splide__slide.is-active {
  box-shadow: 0 0.625rem 1.125rem rgba(0, 0, 0, 0.17);
}
.doc-light .splide-custom:not(.splide-dark) .splide__arrow,
.splide-custom.splide-light .splide__arrow {
  background: rgba(255, 255, 255, 0.7);
}
.doc-light .splide-custom:not(.splide-dark) .splide__arrow svg,
.splide-custom.splide-light .splide__arrow svg {
  fill: rgba(0, 0, 0, 0.75);
}
.doc-light .splide-custom:not(.splide-dark) .splide__arrow:hover,
.splide-custom.splide-light .splide__arrow:hover {
  background: white;
}
.doc-light .splide-custom:not(.splide-dark) .splide__arrow:hover svg,
.splide-custom.splide-light .splide__arrow:hover svg {
  fill: rgb(0, 0, 0);
}
.doc-light .splide-custom:not(.splide-dark) .splide__pagination__page,
.splide-custom.splide-light .splide__pagination__page {
  background-color: rgba(0, 0, 0, 0.15);
}
.doc-light .splide-custom:not(.splide-dark) .splide__pagination__page:hover,
.splide-custom.splide-light .splide__pagination__page:hover {
  background-color: var(--app-200, #BBD3FA);
}
.doc-light .splide-custom:not(.splide-dark) .splide__pagination__page.is-active,
.splide-custom.splide-light .splide__pagination__page.is-active {
  background-color: var(--app-500, #4283F2);
}

/**
 * Dark Skin
 */
.doc-dark .splide-custom:not(.splide-light),
.splide-custom.splide-dark {
  color: #F4F4F4;
}
.doc-dark .splide-custom:not(.splide-light) .splide li.splide__slide:not(.is-active),
.splide-custom.splide-dark .splide li.splide__slide:not(.is-active) {
  border-color: var(--gray-700, #595959);
}
.doc-dark .splide-custom:not(.splide-light) .splide li.splide__slide:not(.is-active) p,
.splide-custom.splide-dark .splide li.splide__slide:not(.is-active) p {
  color: var(--gray-350, #B4B4B4);
}
.doc-dark .splide-custom:not(.splide-light) .splide li.splide__slide.is-active,
.splide-custom.splide-dark .splide li.splide__slide.is-active {
  box-shadow: 0 0.875rem 1.125rem rgba(0, 0, 0, 0.20), 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1);
}
.doc-dark .splide-custom:not(.splide-light) .splide__arrow,
.splide-custom.splide-dark .splide__arrow {
  background: rgba(0, 0, 0, 0.6);
}
.doc-dark .splide-custom:not(.splide-light) .splide__arrow svg,
.splide-custom.splide-dark .splide__arrow svg {
  fill: rgba(255, 255, 255, 0.75);
}
.doc-dark .splide-custom:not(.splide-light) .splide__arrow:hover,
.splide-custom.splide-dark .splide__arrow:hover {
  background: rgba(0, 0, 0, 0.9);
}
.doc-dark .splide-custom:not(.splide-light) .splide__arrow:hover svg,
.splide-custom.splide-dark .splide__arrow:hover svg {
  fill: white;
}
.doc-dark .splide-custom:not(.splide-light) .splide__pagination__page,
.splide-custom.splide-dark .splide__pagination__page {
  background-color: rgba(255, 255, 255, 0.2);
}
.doc-dark .splide-custom:not(.splide-light) .splide__pagination__page:hover,
.splide-custom.splide-dark .splide__pagination__page:hover {
  background-color: var(--app-700, #265BC1);
}
.doc-dark .splide-custom:not(.splide-light) .splide__pagination__page.is-active,
.splide-custom.splide-dark .splide__pagination__page.is-active {
  background-color: var(--app-400, #6A9EF5);
}

/**
 * Slideshow common styles
 */
.slideshow .slideshow--media > * {
  font-size: inherit;
}
.slideshow.slideshow-stretch .slideshow--media > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: unset !important;
  min-width: 100%;
  min-height: 100%;
}
.slideshow .slideshow--filter {
  background-color: rgba(0, 0, 0, 0.5) !important;
}
.slideshow .slideshow--prev,
.slideshow .slideshow--next {
  transition: all 0.125s, opacity 0.25s, transform 0.25s;
}
.slideshow-controls-animated .slideshow--prev {
  transform: translate(-1rem, -50%);
}
.slideshow-controls-animated .slideshow--next {
  transform: translate(1rem, -50%);
}
.slideshow-controls-animated:hover .slideshow--prev,
.slideshow-controls-animated:hover .slideshow--next {
  transform: translate(0%, -50%);
}
.slideshow-round:not(.slideshow-fixed) {
  border-radius: 0.5rem;
}
.slideshow-round:not(.slideshow-fixed).slideshow-fixed .slideshow--media > * {
  border-radius: 0;
}
.slideshow .slideshow--caption > * {
  margin-bottom: 0;
}

/**
 * Simple Slideshow
 */
.slideshow.slideshow-simple .slideshow--caption {
  padding: 0.75rem;
}
@media (min-width: 768px) {
  .slideshow.slideshow-simple .slideshow--caption {
    padding: 0.875rem;
  }
}
@media (min-width: 1280px) {
  .slideshow.slideshow-simple .slideshow--caption {
    padding: 1rem;
  }
}
@media (min-width: 0) {
  .slideshow.slideshow-simple .slideshow--prev,
  .slideshow.slideshow-simple .slideshow--next {
    width: 36px;
    height: 54px;
    line-height: 54px;
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .slideshow.slideshow-simple .slideshow--prev,
  .slideshow.slideshow-simple .slideshow--next {
    width: 38px;
    height: 57px;
    line-height: 57px;
    font-size: 22px;
  }
}
@media (min-width: 1280px) {
  .slideshow.slideshow-simple .slideshow--prev,
  .slideshow.slideshow-simple .slideshow--next {
    width: 40px;
    height: 60px;
    line-height: 60px;
    font-size: 24px;
  }
}

/**
 * Fancy Slideshow
 */
.slideshow.slideshow-fancy .slideshow--caption {
  background-color: transparent;
  color: white;
}
.slideshow.slideshow-fancy .slideshow--caption button {
  margin-bottom: 0;
  font-weight: 300;
}
@media (min-width: 0) {
  .slideshow.slideshow-fancy:not(.slideshow-stretch) .slideshow--caption {
    margin-top: 0.125rem;
    margin-bottom: 0.125rem;
  }
  .slideshow.slideshow-fancy:not(.slideshow-stretch) .slideshow--caption:first-child {
    font-size: 1.25rem;
  }
  .slideshow.slideshow-fancy:not(.slideshow-stretch) .slideshow--caption:nth-child(2) {
    font-size: 1.125rem;
  }
  .slideshow.slideshow-fancy:not(.slideshow-stretch) .slideshow--caption:nth-child(3) button {
    padding: 0.3125rem 0.625rem;
    font-size: 0.9375rem;
  }
}
@media (min-width: 768px) {
  .slideshow.slideshow-fancy:not(.slideshow-stretch) .slideshow--caption {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .slideshow.slideshow-fancy:not(.slideshow-stretch) .slideshow--caption:first-child {
    font-size: 1.5rem;
  }
  .slideshow.slideshow-fancy:not(.slideshow-stretch) .slideshow--caption:nth-child(2) {
    font-size: 1.25rem;
  }
  .slideshow.slideshow-fancy:not(.slideshow-stretch) .slideshow--caption:nth-child(3) button {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
  }
}
@media (min-width: 1280px) {
  .slideshow.slideshow-fancy:not(.slideshow-stretch) .slideshow--caption {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
  }
  .slideshow.slideshow-fancy:not(.slideshow-stretch) .slideshow--caption:first-child {
    font-size: 1.75rem;
  }
  .slideshow.slideshow-fancy:not(.slideshow-stretch) .slideshow--caption:nth-child(2) {
    font-size: 1.5rem;
  }
  .slideshow.slideshow-fancy:not(.slideshow-stretch) .slideshow--caption:nth-child(3) button {
    padding: 0.4375rem 0.875rem;
    font-size: 1.0625rem;
  }
}
@media (min-width: 0) {
  .slideshow.slideshow-fancy.slideshow-stretch .slideshow--caption {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .slideshow.slideshow-fancy.slideshow-stretch .slideshow--caption:first-child {
    font-size: 1.5rem;
  }
  .slideshow.slideshow-fancy.slideshow-stretch .slideshow--caption:nth-child(2) {
    font-size: 1.75rem;
  }
  .slideshow.slideshow-fancy.slideshow-stretch .slideshow--caption:nth-child(3) button {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .slideshow.slideshow-fancy.slideshow-stretch .slideshow--caption {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
  }
  .slideshow.slideshow-fancy.slideshow-stretch .slideshow--caption:first-child {
    font-size: 1.75rem;
  }
  .slideshow.slideshow-fancy.slideshow-stretch .slideshow--caption:nth-child(2) {
    font-size: 1.25rem;
  }
  .slideshow.slideshow-fancy.slideshow-stretch .slideshow--caption:nth-child(3) button {
    padding: 0.5rem 1rem;
    font-size: 1.0625rem;
    font-weight: 100;
  }
}
@media (min-width: 1280px) {
  .slideshow.slideshow-fancy.slideshow-stretch .slideshow--caption {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .slideshow.slideshow-fancy.slideshow-stretch .slideshow--caption:first-child {
    font-size: 2rem;
  }
  .slideshow.slideshow-fancy.slideshow-stretch .slideshow--caption:nth-child(2) {
    font-size: 1.5rem;
  }
  .slideshow.slideshow-fancy.slideshow-stretch .slideshow--caption:nth-child(3) button {
    padding: 0.625rem 1.25rem;
    font-size: 1.125rem;
  }
}
.slideshow.slideshow-fancy .slideshow--prev,
.slideshow.slideshow-fancy .slideshow--next {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.67);
  color: rgba(255, 255, 255, 0.75);
  border-style: solid;
  border-width: 0.125rem;
  box-sizing: content-box;
}
@media (min-width: 0) {
  .slideshow.slideshow-fancy .slideshow--prev,
  .slideshow.slideshow-fancy .slideshow--next {
    width: 32px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .slideshow.slideshow-fancy .slideshow--prev,
  .slideshow.slideshow-fancy .slideshow--next {
    width: 34px;
    height: 51px;
    line-height: 51px;
    font-size: 22px;
  }
}
@media (min-width: 1280px) {
  .slideshow.slideshow-fancy .slideshow--prev,
  .slideshow.slideshow-fancy .slideshow--next {
    width: 36px;
    height: 54px;
    line-height: 54px;
    font-size: 24px;
  }
}
.slideshow.slideshow-fancy .slideshow--prev:hover,
.slideshow.slideshow-fancy .slideshow--next:hover {
  background-color: rgba(255, 255, 255, 0.87);
  border-color: rgba(255, 255, 255, 0.87);
  color: var(--gray-900, #242424);
}

/**
 * Fixed Slideshow
 */
.slideshow.slideshow-fixed {
  position: relative;
}
.slideshow.slideshow-fixed .slideshow--media > * {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: unset !important;
  min-width: 100%;
  min-height: 100%;
}
.slideshow.slideshow-fixed .slideshow--progress {
  height: 0.125rem;
}
.slideshow.slideshow-fixed .slideshow--caption {
  background-color: transparent;
  color: white;
}
.slideshow.slideshow-fixed .slideshow--dots > li {
  width: 1rem;
  height: 0.375rem;
}
.slideshow.slideshow-fixed .slideshow--dots > li.active {
  width: 3rem;
}
@media (min-width: 0) {
  .slideshow.slideshow-fixed .slideshow--caption {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .slideshow.slideshow-fixed .slideshow--caption:first-child {
    font-size: 1.75rem;
  }
  .slideshow.slideshow-fixed .slideshow--caption:nth-child(2) {
    font-size: 1.25rem;
  }
  .slideshow.slideshow-fixed .slideshow--caption:nth-child(3) button {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  .slideshow.slideshow-fixed .slideshow--caption {
    margin-top: 0.375rem;
    margin-bottom: 0.375rem;
  }
  .slideshow.slideshow-fixed .slideshow--caption:first-child {
    font-size: 2rem;
  }
  .slideshow.slideshow-fixed .slideshow--caption:nth-child(2) {
    font-size: 1.5rem;
  }
  .slideshow.slideshow-fixed .slideshow--caption:nth-child(3) button {
    padding: 0.5rem 1rem;
    font-size: 1.0625rem;
    font-weight: 100;
  }
}
@media (min-width: 1280px) {
  .slideshow.slideshow-fixed .slideshow--caption {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .slideshow.slideshow-fixed .slideshow--caption:first-child {
    font-size: 2.5rem;
  }
  .slideshow.slideshow-fixed .slideshow--caption:nth-child(2) {
    font-size: 1.75rem;
  }
  .slideshow.slideshow-fixed .slideshow--caption:nth-child(3) button {
    padding: 0.625rem 1.25rem;
    font-size: 1.125rem;
  }
}
.slideshow.slideshow-fixed.slideshow-layout-1 .slideshow--prev {
  left: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.slideshow.slideshow-fixed.slideshow-layout-1 .slideshow--next {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
@media (min-width: 0) {
  .slideshow.slideshow-fixed.slideshow-layout-1 .slideshow--next {
    left: 3.75rem;
  }
}
@media (min-width: 768px) {
  .slideshow.slideshow-fixed.slideshow-layout-1 .slideshow--next {
    left: 4.125rem;
  }
}
@media (min-width: 1280px) {
  .slideshow.slideshow-fixed.slideshow-layout-1 .slideshow--next {
    left: 4.5rem;
  }
}
.slideshow.slideshow-fixed.slideshow-layout-1 .slideshow--prev, .slideshow.slideshow-fixed.slideshow-layout-1 .slideshow--next {
  opacity: 1;
  bottom: 0;
  top: unset;
  transform: unset;
}
@media (min-width: 0) {
  .slideshow.slideshow-fixed.slideshow-layout-1 .slideshow--prev, .slideshow.slideshow-fixed.slideshow-layout-1 .slideshow--next {
    width: 3.75rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  .slideshow.slideshow-fixed.slideshow-layout-1 .slideshow--prev, .slideshow.slideshow-fixed.slideshow-layout-1 .slideshow--next {
    width: 4.125rem;
    height: 2.75rem;
    line-height: 2.75rem;
    font-size: 26px;
  }
}
@media (min-width: 1280px) {
  .slideshow.slideshow-fixed.slideshow-layout-1 .slideshow--prev, .slideshow.slideshow-fixed.slideshow-layout-1 .slideshow--next {
    width: 4.5rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 28px;
  }
}
.slideshow.slideshow-fixed.slideshow-layout-2 .slideshow--prev,
.slideshow.slideshow-fixed.slideshow-layout-2 .slideshow--next {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.67);
  color: rgba(255, 255, 255, 0.75);
  border-style: solid;
  border-width: 0.125rem;
  box-sizing: content-box;
}
.slideshow.slideshow-fixed.slideshow-layout-2 .slideshow--prev:hover,
.slideshow.slideshow-fixed.slideshow-layout-2 .slideshow--next:hover {
  background-color: rgba(255, 255, 255, 0.87);
  border-color: rgba(255, 255, 255, 0.87);
  color: var(--gray-900, #242424);
}
@media (min-width: 0) {
  .slideshow.slideshow-fixed.slideshow-layout-2 .slideshow--prev,
  .slideshow.slideshow-fixed.slideshow-layout-2 .slideshow--next {
    width: 32px;
    height: 54px;
    line-height: 54px;
    font-size: 22px;
  }
}
@media (min-width: 768px) {
  .slideshow.slideshow-fixed.slideshow-layout-2 .slideshow--prev,
  .slideshow.slideshow-fixed.slideshow-layout-2 .slideshow--next {
    width: 36px;
    height: 62px;
    line-height: 62px;
    font-size: 24px;
  }
}
@media (min-width: 1280px) {
  .slideshow.slideshow-fixed.slideshow-layout-2 .slideshow--prev,
  .slideshow.slideshow-fixed.slideshow-layout-2 .slideshow--next {
    width: 40px;
    height: 70px;
    line-height: 70px;
    font-size: 26px;
  }
}
.slideshow.slideshow-fixed .scroll-bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 25;
  padding: 1rem;
  cursor: pointer;
  transform: translate(-50%, 0%);
  text-decoration: none;
  color: white;
}
.slideshow.slideshow-fixed .scroll-bottom:hover {
  color: white;
}
.slideshow.slideshow-fixed .scroll-bottom div {
  position: relative;
  top: -1rem;
}
.slideshow.slideshow-fixed .scroll-bottom span {
  font-family: aria sans-serif;
  display: inline-block;
  transform: rotate(-90deg);
}
@media (min-width: 0) {
  .slideshow.slideshow-fixed .scroll-bottom span {
    font-size: 2.5rem;
  }
}
@media (min-width: 768px) {
  .slideshow.slideshow-fixed .scroll-bottom span {
    font-size: 3rem;
  }
}
@media (min-width: 1280px) {
  .slideshow.slideshow-fixed .scroll-bottom span {
    font-size: 3.5rem;
  }
}

/**
 * Custom Slideshow
 */
.slideshow.slideshow-custom .slideshow--media {
  font-size: 20px;
  line-height: 50px;
}
@media (min-width: 768px) {
  .slideshow.slideshow-custom .slideshow--media {
    font-size: 22px;
    line-height: 60px;
  }
}
@media (min-width: 1280px) {
  .slideshow.slideshow-custom .slideshow--media {
    font-size: 24px;
    line-height: 70px;
  }
}
.slideshow.slideshow-custom .slideshow--prev,
.slideshow.slideshow-custom .slideshow--next {
  background-color: transparent;
  border-style: solid;
  border-width: 0.125rem;
  box-sizing: content-box;
}
@media (min-width: 0) {
  .slideshow.slideshow-custom .slideshow--prev,
  .slideshow.slideshow-custom .slideshow--next {
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .slideshow.slideshow-custom .slideshow--prev,
  .slideshow.slideshow-custom .slideshow--next {
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 22px;
  }
}
@media (min-width: 1280px) {
  .slideshow.slideshow-custom .slideshow--prev,
  .slideshow.slideshow-custom .slideshow--next {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
  }
}
.slideshow.slideshow-custom.slideshow-light {
  color: #FFFFFF;
}
.slideshow.slideshow-custom.slideshow-light .slideshow--prev,
.slideshow.slideshow-custom.slideshow-light .slideshow--next {
  border-color: rgba(255, 255, 255, 0.67);
  color: rgba(255, 255, 255, 0.75);
}
.slideshow.slideshow-custom.slideshow-light .slideshow--prev:hover,
.slideshow.slideshow-custom.slideshow-light .slideshow--next:hover {
  background-color: rgba(255, 255, 255, 0.87);
  border-color: rgba(255, 255, 255, 0.87);
  color: var(--gray-900, #242424);
}
.slideshow.slideshow-custom.slideshow-dark {
  color: #000000;
}
.slideshow.slideshow-custom.slideshow-dark .slideshow--prev,
.slideshow.slideshow-custom.slideshow-dark .slideshow--next {
  border-color: rgba(0, 0, 0, 0.67);
  color: rgba(0, 0, 0, 0.75);
}
.slideshow.slideshow-custom.slideshow-dark .slideshow--prev:hover,
.slideshow.slideshow-custom.slideshow-dark .slideshow--next:hover {
  background-color: rgba(0, 0, 0, 0.87);
  border-color: rgba(0, 0, 0, 0.87);
  color: var(--gray-100, #F4F4F4);
}

.doc-light .slideshow-custom:not(.slideshow-dark) {
  color: #FFFFFF;
}
.doc-light .slideshow-custom:not(.slideshow-dark) .slideshow--prev,
.doc-light .slideshow-custom:not(.slideshow-dark) .slideshow--next {
  border-color: rgba(255, 255, 255, 0.67);
  color: rgba(255, 255, 255, 0.75);
}
.doc-light .slideshow-custom:not(.slideshow-dark) .slideshow--prev:hover,
.doc-light .slideshow-custom:not(.slideshow-dark) .slideshow--next:hover {
  background-color: rgba(255, 255, 255, 0.87);
  border-color: rgba(255, 255, 255, 0.87);
  color: var(--gray-900, #242424);
}
.doc-dark .slideshow-custom:not(.slideshow-light) {
  color: #000000;
}
.doc-dark .slideshow-custom:not(.slideshow-light) .slideshow--prev,
.doc-dark .slideshow-custom:not(.slideshow-light) .slideshow--next {
  border-color: rgba(0, 0, 0, 0.67);
  color: rgba(0, 0, 0, 0.75);
}
.doc-dark .slideshow-custom:not(.slideshow-light) .slideshow--prev:hover,
.doc-dark .slideshow-custom:not(.slideshow-light) .slideshow--next:hover {
  background-color: rgba(0, 0, 0, 0.87);
  border-color: rgba(0, 0, 0, 0.87);
  color: var(--gray-100, #F4F4F4);
}

/**
 * Menu Plugin (Common styles)
 */
.menu-simple,
.menu-mega {
  border-radius: 0;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .menu-simple,
  .menu-mega {
    background: transparent !important;
  }
}
.menu-simple a, .menu-simple ul, .menu-simple ul a,
.menu-mega a,
.menu-mega ul,
.menu-mega ul a {
  border-radius: 0;
}
.menu-simple .menu--active,
.menu-mega .menu--active {
  font-weight: 600;
}
.menu-simple:not(.menu-default) > li > a,
.menu-mega:not(.menu-default) > li > a {
  padding: 0.5rem 0.75rem;
}
.menu-simple ul a,
.menu-mega ul a {
  padding: 0.5rem 1rem;
}
.menu-simple.menu-default > li > a,
.menu-mega.menu-default > li > a {
  padding: 0.5rem;
}
.menu-simple.menu-border > li > a, .menu-simple.menu-border-bottom > li > a, .menu-simple.menu-border-top > li > a,
.menu-mega.menu-border > li > a,
.menu-mega.menu-border-bottom > li > a,
.menu-mega.menu-border-top > li > a {
  text-decoration: none;
  transition: 0.1s;
  position: relative;
  font-size: 1rem;
}
.menu-simple.menu-border > li > a::after, .menu-simple.menu-border-bottom > li > a::after, .menu-simple.menu-border-top > li > a::after,
.menu-mega.menu-border > li > a::after,
.menu-mega.menu-border-bottom > li > a::after,
.menu-mega.menu-border-top > li > a::after {
  display: table;
  content: "";
  width: 0%;
  height: 2px;
  position: absolute;
  border-radius: 0;
}
.menu-simple.menu-border > li > a::after,
.menu-mega.menu-border > li > a::after {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menu-simple.menu-border > li > a.menu--active::after,
.menu-mega.menu-border > li > a.menu--active::after {
  width: 50%;
}
.menu-simple.menu-border > li:hover > a::after,
.menu-mega.menu-border > li:hover > a::after {
  width: 50%;
}
.menu-simple.menu-border.menu-animated > li > a::after,
.menu-mega.menu-border.menu-animated > li > a::after {
  transition: all 0.2s ease-out;
}
.menu-simple.menu-border-bottom > li > a::after,
.menu-mega.menu-border-bottom > li > a::after {
  bottom: 0;
}
.menu-simple.menu-border-top > li > a::after,
.menu-mega.menu-border-top > li > a::after {
  top: 0;
}
.menu-simple.menu-border-bottom > li > a::after, .menu-simple.menu-border-top > li > a::after,
.menu-mega.menu-border-bottom > li > a::after,
.menu-mega.menu-border-top > li > a::after {
  left: 0.375rem;
}
.menu-simple.menu-border-bottom > li > a.menu--active::after, .menu-simple.menu-border-top > li > a.menu--active::after,
.menu-mega.menu-border-bottom > li > a.menu--active::after,
.menu-mega.menu-border-top > li > a.menu--active::after {
  width: 90%;
}
.menu-simple.menu-border-bottom > li:hover > a::after, .menu-simple.menu-border-top > li:hover > a::after,
.menu-mega.menu-border-bottom > li:hover > a::after,
.menu-mega.menu-border-top > li:hover > a::after {
  width: 90%;
}
.menu-simple.menu-border-bottom.menu-animated > li > a::after, .menu-simple.menu-border-top.menu-animated > li > a::after,
.menu-mega.menu-border-bottom.menu-animated > li > a::after,
.menu-mega.menu-border-top.menu-animated > li > a::after {
  transition: all 0.25s ease-out;
}
.menu-simple.menu-round,
.menu-mega.menu-round {
  border-radius: 0.5rem;
}
.menu-simple.menu-round a, .menu-simple.menu-round ul, .menu-simple.menu-round ul a,
.menu-mega.menu-round a,
.menu-mega.menu-round ul,
.menu-mega.menu-round ul a {
  border-radius: 0.5rem;
}
.menu-simple.menu-round.menu-border > li > a::after, .menu-simple.menu-round.menu-border-bottom > li > a::after, .menu-simple.menu-round.menu-border-top > li > a::after,
.menu-mega.menu-round.menu-border > li > a::after,
.menu-mega.menu-round.menu-border-bottom > li > a::after,
.menu-mega.menu-round.menu-border-top > li > a::after {
  border-radius: 0.5rem;
}
.menu-simple.menu-left li, .menu-simple.menu-left a,
.menu-mega.menu-left li,
.menu-mega.menu-left a {
  text-align: left;
}
.menu-simple.menu-right li, .menu-simple.menu-right a,
.menu-mega.menu-right li,
.menu-mega.menu-right a {
  text-align: right;
}
.menu-simple.menu-center li, .menu-simple.menu-center a,
.menu-mega.menu-center li,
.menu-mega.menu-center a {
  text-align: center;
}
@media (max-width: 1023px) {
  .menu-simple.menu-responsive,
  .menu-mega.menu-responsive {
    padding: 0.75rem;
  }
  .menu-simple.menu-responsive ul, .menu-simple.menu-responsive li, .menu-simple.menu-responsive a,
  .menu-mega.menu-responsive ul,
  .menu-mega.menu-responsive li,
  .menu-mega.menu-responsive a {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  .menu-simple.menu-responsive ul,
  .menu-mega.menu-responsive ul {
    position: relative !important;
    left: unset !important;
    right: unset !important;
    animation: unset !important;
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: unset !important;
    background: unset;
    padding: 0.75rem;
    margin: 0.5rem 0;
  }
  .menu-simple.menu-responsive ul ul,
  .menu-mega.menu-responsive ul ul {
    margin: 0.5rem 0;
  }
  .menu-simple.menu-responsive > ul > ul,
  .menu-mega.menu-responsive > ul > ul {
    margin: 0.5rem 0.75rem;
    width: calc(100% - 1.5rem);
  }
  .menu-simple.menu-responsive.menu-border > li > a::after, .menu-simple.menu-responsive.menu-border-bottom > li > a::after, .menu-simple.menu-responsive.menu-border-top > li > a::after,
  .menu-mega.menu-responsive.menu-border > li > a::after,
  .menu-mega.menu-responsive.menu-border-bottom > li > a::after,
  .menu-mega.menu-responsive.menu-border-top > li > a::after {
    width: 2px;
    height: 0%;
    left: 0;
  }
  .menu-simple.menu-responsive.menu-border > li > a::after,
  .menu-mega.menu-responsive.menu-border > li > a::after {
    top: 50%;
    transform: translate(0, -50%);
  }
  .menu-simple.menu-responsive.menu-border > li > a.menu--active::after,
  .menu-mega.menu-responsive.menu-border > li > a.menu--active::after {
    width: 2px;
    height: 65%;
  }
  .menu-simple.menu-responsive.menu-border > li:hover > a::after,
  .menu-mega.menu-responsive.menu-border > li:hover > a::after {
    width: 2px;
    height: 65%;
  }
  .menu-simple.menu-responsive.menu-border-bottom > li > a::after,
  .menu-mega.menu-responsive.menu-border-bottom > li > a::after {
    bottom: 5%;
    top: unset;
  }
  .menu-simple.menu-responsive.menu-border-top > li > a::after,
  .menu-mega.menu-responsive.menu-border-top > li > a::after {
    top: 5%;
    bottom: unset;
  }
  .menu-simple.menu-responsive.menu-border-bottom > li > a.menu--active::after, .menu-simple.menu-responsive.menu-border-top > li > a.menu--active::after,
  .menu-mega.menu-responsive.menu-border-bottom > li > a.menu--active::after,
  .menu-mega.menu-responsive.menu-border-top > li > a.menu--active::after {
    width: 2px;
    height: 90%;
  }
  .menu-simple.menu-responsive.menu-border-bottom > li:hover > a::after, .menu-simple.menu-responsive.menu-border-top > li:hover > a::after,
  .menu-mega.menu-responsive.menu-border-bottom > li:hover > a::after,
  .menu-mega.menu-responsive.menu-border-top > li:hover > a::after {
    width: 2px;
    height: 90%;
  }
}
.menu-simple.menu-light.menu-hover > li:hover > a,
.menu-mega.menu-light.menu-hover > li:hover > a {
  background-color: var(--gray-50, #FAFAFA) !important;
}
.menu-simple.menu-light .menu--hover li:hover > a,
.menu-mega.menu-light .menu--hover li:hover > a {
  background-color: var(--gray-50, #FAFAFA) !important;
}
.menu-simple.menu-light.menu-app > li:hover > a,
.menu-mega.menu-light.menu-app > li:hover > a {
  background-color: var(--app-500, #4283F2) !important;
  color: #FFFFFF !important;
}
.menu-simple.menu-light .menu--app li:hover > a,
.menu-mega.menu-light .menu--app li:hover > a {
  background-color: var(--app-500, #4283F2) !important;
  color: #FFFFFF !important;
}
.menu-simple.menu-light.menu-border > li > a.menu--active::after, .menu-simple.menu-light.menu-border-bottom > li > a.menu--active::after, .menu-simple.menu-light.menu-border-top > li > a.menu--active::after,
.menu-mega.menu-light.menu-border > li > a.menu--active::after,
.menu-mega.menu-light.menu-border-bottom > li > a.menu--active::after,
.menu-mega.menu-light.menu-border-top > li > a.menu--active::after {
  background-color: var(--app-400, #6A9EF5) !important;
}
.menu-simple.menu-light.menu-border > li:hover > a, .menu-simple.menu-light.menu-border-bottom > li:hover > a, .menu-simple.menu-light.menu-border-top > li:hover > a,
.menu-mega.menu-light.menu-border > li:hover > a,
.menu-mega.menu-light.menu-border-bottom > li:hover > a,
.menu-mega.menu-light.menu-border-top > li:hover > a {
  color: var(--app-600, #346FD9) !important;
}
.menu-simple.menu-light.menu-border > li:hover > a::after, .menu-simple.menu-light.menu-border-bottom > li:hover > a::after, .menu-simple.menu-light.menu-border-top > li:hover > a::after,
.menu-mega.menu-light.menu-border > li:hover > a::after,
.menu-mega.menu-light.menu-border-bottom > li:hover > a::after,
.menu-mega.menu-light.menu-border-top > li:hover > a::after {
  background-color: var(--app-400, #6A9EF5) !important;
}
@media (max-width: 1023px) {
  .menu-simple.menu-light.menu-responsive,
  .menu-mega.menu-light.menu-responsive {
    background-color: rgba(0, 0, 0, 0.025);
  }
  .menu-simple.menu-light.menu-responsive ul,
  .menu-mega.menu-light.menu-responsive ul {
    background-color: rgba(0, 0, 0, 0.025);
  }
}
.menu-simple.menu-light.menu-strict.menu-default > li > a,
.menu-mega.menu-light.menu-strict.menu-default > li > a {
  color: var(--gray-200, #DBDBDB) !important;
}
.menu-simple.menu-light.menu-strict.menu-default > li > a.menu--active,
.menu-mega.menu-light.menu-strict.menu-default > li > a.menu--active {
  color: #FFFFFF !important;
}
.menu-simple.menu-light.menu-strict.menu-default > li:hover > a,
.menu-mega.menu-light.menu-strict.menu-default > li:hover > a {
  color: #FFFFFF !important;
}
.menu-simple.menu-light.menu-strict.menu-hover > li > a,
.menu-mega.menu-light.menu-strict.menu-hover > li > a {
  color: var(--gray-200, #DBDBDB) !important;
}
.menu-simple.menu-light.menu-strict.menu-hover > li > a.menu--active,
.menu-mega.menu-light.menu-strict.menu-hover > li > a.menu--active {
  color: #FFFFFF !important;
}
.menu-simple.menu-light.menu-strict.menu-hover > li:hover > a,
.menu-mega.menu-light.menu-strict.menu-hover > li:hover > a {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #FFFFFF !important;
}
.menu-simple.menu-light.menu-strict.menu-app > li > a,
.menu-mega.menu-light.menu-strict.menu-app > li > a {
  color: var(--gray-200, #DBDBDB) !important;
}
.menu-simple.menu-light.menu-strict.menu-app > li > a.menu--active,
.menu-mega.menu-light.menu-strict.menu-app > li > a.menu--active {
  color: #FFFFFF !important;
}
.menu-simple.menu-light.menu-strict.menu-app > li:hover > a,
.menu-mega.menu-light.menu-strict.menu-app > li:hover > a {
  color: #FFFFFF !important;
}
.menu-simple.menu-light.menu-strict.menu-border > li > a, .menu-simple.menu-light.menu-strict.menu-border-bottom > li > a, .menu-simple.menu-light.menu-strict.menu-border-top > li > a,
.menu-mega.menu-light.menu-strict.menu-border > li > a,
.menu-mega.menu-light.menu-strict.menu-border-bottom > li > a,
.menu-mega.menu-light.menu-strict.menu-border-top > li > a {
  color: var(--gray-200, #DBDBDB) !important;
}
.menu-simple.menu-light.menu-strict.menu-border > li > a.menu--active, .menu-simple.menu-light.menu-strict.menu-border-bottom > li > a.menu--active, .menu-simple.menu-light.menu-strict.menu-border-top > li > a.menu--active,
.menu-mega.menu-light.menu-strict.menu-border > li > a.menu--active,
.menu-mega.menu-light.menu-strict.menu-border-bottom > li > a.menu--active,
.menu-mega.menu-light.menu-strict.menu-border-top > li > a.menu--active {
  color: #FFFFFF !important;
}
.menu-simple.menu-light.menu-strict.menu-border > li > a.menu--active::after, .menu-simple.menu-light.menu-strict.menu-border-bottom > li > a.menu--active::after, .menu-simple.menu-light.menu-strict.menu-border-top > li > a.menu--active::after,
.menu-mega.menu-light.menu-strict.menu-border > li > a.menu--active::after,
.menu-mega.menu-light.menu-strict.menu-border-bottom > li > a.menu--active::after,
.menu-mega.menu-light.menu-strict.menu-border-top > li > a.menu--active::after {
  background-color: #FFFFFF !important;
}
.menu-simple.menu-light.menu-strict.menu-border > li:hover > a, .menu-simple.menu-light.menu-strict.menu-border-bottom > li:hover > a, .menu-simple.menu-light.menu-strict.menu-border-top > li:hover > a,
.menu-mega.menu-light.menu-strict.menu-border > li:hover > a,
.menu-mega.menu-light.menu-strict.menu-border-bottom > li:hover > a,
.menu-mega.menu-light.menu-strict.menu-border-top > li:hover > a {
  color: #FFFFFF !important;
}
.menu-simple.menu-light.menu-strict.menu-border > li:hover > a::after, .menu-simple.menu-light.menu-strict.menu-border-bottom > li:hover > a::after, .menu-simple.menu-light.menu-strict.menu-border-top > li:hover > a::after,
.menu-mega.menu-light.menu-strict.menu-border > li:hover > a::after,
.menu-mega.menu-light.menu-strict.menu-border-bottom > li:hover > a::after,
.menu-mega.menu-light.menu-strict.menu-border-top > li:hover > a::after {
  background-color: #FFFFFF !important;
}
@media (max-width: 1023px) {
  .menu-simple.menu-light.menu-strict.menu-responsive li a,
  .menu-mega.menu-light.menu-strict.menu-responsive li a {
    color: var(--gray-200, #DBDBDB) !important;
  }
  .menu-simple.menu-light.menu-strict.menu-responsive li:hover a,
  .menu-mega.menu-light.menu-strict.menu-responsive li:hover a {
    background-color: transparent !important;
    color: #FFFFFF !important;
  }
}
.menu-simple.menu-dark.menu-hover > li:hover > a,
.menu-mega.menu-dark.menu-hover > li:hover > a {
  background-color: var(--gray-950, #121212) !important;
}
.menu-simple.menu-dark .menu--hover li:hover > a,
.menu-mega.menu-dark .menu--hover li:hover > a {
  background-color: var(--gray-950, #121212) !important;
}
.menu-simple.menu-dark.menu-app > li a.menu--active,
.menu-simple.menu-dark.menu-app > li:hover > a,
.menu-mega.menu-dark.menu-app > li a.menu--active,
.menu-mega.menu-dark.menu-app > li:hover > a {
  background-color: var(--app-600, #346FD9) !important;
  color: #FFFFFF !important;
}
.menu-simple.menu-dark .menu--app li a.menu--active,
.menu-simple.menu-dark .menu--app li:hover > a,
.menu-mega.menu-dark .menu--app li a.menu--active,
.menu-mega.menu-dark .menu--app li:hover > a {
  background-color: var(--app-600, #346FD9) !important;
  color: #FFFFFF !important;
}
.menu-simple.menu-dark.menu-border > li > a.menu--active::after, .menu-simple.menu-dark.menu-border-bottom > li > a.menu--active::after, .menu-simple.menu-dark.menu-border-top > li > a.menu--active::after,
.menu-mega.menu-dark.menu-border > li > a.menu--active::after,
.menu-mega.menu-dark.menu-border-bottom > li > a.menu--active::after,
.menu-mega.menu-dark.menu-border-top > li > a.menu--active::after {
  background-color: var(--app-400, #6A9EF5) !important;
}
.menu-simple.menu-dark.menu-border > li:hover > a, .menu-simple.menu-dark.menu-border-bottom > li:hover > a, .menu-simple.menu-dark.menu-border-top > li:hover > a,
.menu-mega.menu-dark.menu-border > li:hover > a,
.menu-mega.menu-dark.menu-border-bottom > li:hover > a,
.menu-mega.menu-dark.menu-border-top > li:hover > a {
  color: var(--app-300, #93B8F7);
}
.menu-simple.menu-dark.menu-border > li:hover > a::after, .menu-simple.menu-dark.menu-border-bottom > li:hover > a::after, .menu-simple.menu-dark.menu-border-top > li:hover > a::after,
.menu-mega.menu-dark.menu-border > li:hover > a::after,
.menu-mega.menu-dark.menu-border-bottom > li:hover > a::after,
.menu-mega.menu-dark.menu-border-top > li:hover > a::after {
  background-color: var(--app-400, #6A9EF5);
}
@media (max-width: 1023px) {
  .menu-simple.menu-dark.menu-responsive,
  .menu-mega.menu-dark.menu-responsive {
    background-color: rgba(0, 0, 0, 0.25);
  }
  .menu-simple.menu-dark.menu-responsive ul,
  .menu-mega.menu-dark.menu-responsive ul {
    background-color: rgba(0, 0, 0, 0.25);
  }
}
.menu-simple.menu-dark.menu-strict.menu-default > li > a,
.menu-mega.menu-dark.menu-strict.menu-default > li > a {
  color: #242424 !important;
}
.menu-simple.menu-dark.menu-strict.menu-default > li > a.menu--active,
.menu-mega.menu-dark.menu-strict.menu-default > li > a.menu--active {
  color: #000000 !important;
}
.menu-simple.menu-dark.menu-strict.menu-default > li:hover > a,
.menu-mega.menu-dark.menu-strict.menu-default > li:hover > a {
  color: #000000 !important;
}
.menu-simple.menu-dark.menu-strict.menu-hover > li > a,
.menu-mega.menu-dark.menu-strict.menu-hover > li > a {
  color: #242424 !important;
}
.menu-simple.menu-dark.menu-strict.menu-hover > li > a.menu--active,
.menu-mega.menu-dark.menu-strict.menu-hover > li > a.menu--active {
  color: #000000 !important;
}
.menu-simple.menu-dark.menu-strict.menu-hover > li:hover > a,
.menu-mega.menu-dark.menu-strict.menu-hover > li:hover > a {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #000000 !important;
}
.menu-simple.menu-dark.menu-strict.menu-app > li > a,
.menu-mega.menu-dark.menu-strict.menu-app > li > a {
  color: #242424 !important;
}
.menu-simple.menu-dark.menu-strict.menu-app > li > a.menu--active,
.menu-mega.menu-dark.menu-strict.menu-app > li > a.menu--active {
  color: #000000 !important;
}
.menu-simple.menu-dark.menu-strict.menu-app > li:hover > a,
.menu-mega.menu-dark.menu-strict.menu-app > li:hover > a {
  color: #000000 !important;
}
.menu-simple.menu-dark.menu-strict.menu-border > li > a, .menu-simple.menu-dark.menu-strict.menu-border-bottom > li > a, .menu-simple.menu-dark.menu-strict.menu-border-top > li > a,
.menu-mega.menu-dark.menu-strict.menu-border > li > a,
.menu-mega.menu-dark.menu-strict.menu-border-bottom > li > a,
.menu-mega.menu-dark.menu-strict.menu-border-top > li > a {
  color: #242424 !important;
}
.menu-simple.menu-dark.menu-strict.menu-border > li > a.menu--active, .menu-simple.menu-dark.menu-strict.menu-border-bottom > li > a.menu--active, .menu-simple.menu-dark.menu-strict.menu-border-top > li > a.menu--active,
.menu-mega.menu-dark.menu-strict.menu-border > li > a.menu--active,
.menu-mega.menu-dark.menu-strict.menu-border-bottom > li > a.menu--active,
.menu-mega.menu-dark.menu-strict.menu-border-top > li > a.menu--active {
  color: #000000 !important;
}
.menu-simple.menu-dark.menu-strict.menu-border > li > a.menu--active::after, .menu-simple.menu-dark.menu-strict.menu-border-bottom > li > a.menu--active::after, .menu-simple.menu-dark.menu-strict.menu-border-top > li > a.menu--active::after,
.menu-mega.menu-dark.menu-strict.menu-border > li > a.menu--active::after,
.menu-mega.menu-dark.menu-strict.menu-border-bottom > li > a.menu--active::after,
.menu-mega.menu-dark.menu-strict.menu-border-top > li > a.menu--active::after {
  background-color: #000000 !important;
}
.menu-simple.menu-dark.menu-strict.menu-border > li:hover > a, .menu-simple.menu-dark.menu-strict.menu-border-bottom > li:hover > a, .menu-simple.menu-dark.menu-strict.menu-border-top > li:hover > a,
.menu-mega.menu-dark.menu-strict.menu-border > li:hover > a,
.menu-mega.menu-dark.menu-strict.menu-border-bottom > li:hover > a,
.menu-mega.menu-dark.menu-strict.menu-border-top > li:hover > a {
  color: #000000 !important;
}
.menu-simple.menu-dark.menu-strict.menu-border > li:hover > a::after, .menu-simple.menu-dark.menu-strict.menu-border-bottom > li:hover > a::after, .menu-simple.menu-dark.menu-strict.menu-border-top > li:hover > a::after,
.menu-mega.menu-dark.menu-strict.menu-border > li:hover > a::after,
.menu-mega.menu-dark.menu-strict.menu-border-bottom > li:hover > a::after,
.menu-mega.menu-dark.menu-strict.menu-border-top > li:hover > a::after {
  background-color: #000000 !important;
}
@media (max-width: 1023px) {
  .menu-simple.menu-dark.menu-strict.menu-responsive li a,
  .menu-mega.menu-dark.menu-strict.menu-responsive li a {
    color: #242424 !important;
  }
  .menu-simple.menu-dark.menu-strict.menu-responsive li:hover a,
  .menu-mega.menu-dark.menu-strict.menu-responsive li:hover a {
    background-color: transparent !important;
    color: #000000 !important;
  }
}

.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-hover > li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-hover > li:hover > a {
  background-color: var(--gray-50, #FAFAFA) !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark) .menu--hover li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark) .menu--hover li:hover > a {
  background-color: var(--gray-50, #FAFAFA) !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-app > li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-app > li:hover > a {
  background-color: var(--app-500, #4283F2) !important;
  color: #FFFFFF !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark) .menu--app li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark) .menu--app li:hover > a {
  background-color: var(--app-500, #4283F2) !important;
  color: #FFFFFF !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-border > li > a.menu--active::after, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-border-bottom > li > a.menu--active::after, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-border-top > li > a.menu--active::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-border > li > a.menu--active::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-border-bottom > li > a.menu--active::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-border-top > li > a.menu--active::after {
  background-color: var(--app-400, #6A9EF5);
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-border > li:hover > a, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-border-bottom > li:hover > a, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-border-top > li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-border > li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-border-bottom > li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-border-top > li:hover > a {
  color: var(--app-600, #346FD9);
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-border > li:hover > a::after, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-border-bottom > li:hover > a::after, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-border-top > li:hover > a::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-border > li:hover > a::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-border-bottom > li:hover > a::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-border-top > li:hover > a::after {
  background-color: var(--app-400, #6A9EF5);
}
@media (max-width: 1023px) {
  .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-responsive,
  .doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-responsive {
    background-color: rgba(0, 0, 0, 0.025);
  }
  .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-responsive ul,
  .doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-responsive ul {
    background-color: rgba(0, 0, 0, 0.025);
  }
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li > a {
  color: var(--gray-200, #DBDBDB) !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li > a.menu--active,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li > a.menu--active {
  color: #FFFFFF !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li:hover > a {
  color: #FFFFFF !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li > a {
  color: var(--gray-200, #DBDBDB) !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li > a.menu--active,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li > a.menu--active {
  color: #FFFFFF !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li:hover > a {
  background-color: rgba(0, 0, 0, 0.1) !important;
  color: #FFFFFF !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li > a {
  color: var(--gray-200, #DBDBDB) !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li > a.menu--active,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li > a.menu--active {
  color: #FFFFFF !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li:hover > a {
  color: #FFFFFF !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a {
  color: var(--gray-200, #DBDBDB) !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a.menu--active, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a.menu--active, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a.menu--active,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a.menu--active,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a.menu--active,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a.menu--active {
  color: #FFFFFF !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a.menu--active::after, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a.menu--active::after, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a.menu--active::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a.menu--active::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a.menu--active::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a.menu--active::after {
  background-color: #FFFFFF !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li:hover > a, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li:hover > a, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li:hover > a,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li:hover > a {
  color: #FFFFFF !important;
}
.doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li:hover > a::after, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li:hover > a::after, .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li:hover > a::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li:hover > a::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li:hover > a::after,
.doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li:hover > a::after {
  background-color: #FFFFFF !important;
}
@media (max-width: 1023px) {
  .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-responsive li a,
  .doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-responsive li a {
    color: var(--gray-200, #DBDBDB) !important;
  }
  .doc-light .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-responsive li:hover a,
  .doc-light .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-responsive li:hover a {
    background-color: transparent !important;
    color: #FFFFFF !important;
  }
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-hover > li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-hover > li:hover > a {
  background-color: var(--gray-950, #121212) !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark) .menu--hover li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark) .menu--hover li:hover > a {
  background-color: var(--gray-950, #121212) !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-app > li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-app > li:hover > a {
  background-color: var(--app-600, #346FD9) !important;
  color: #FFFFFF !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark) .menu--app li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark) .menu--app li:hover > a {
  background-color: var(--app-600, #346FD9) !important;
  color: #FFFFFF !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-border > li > a.menu--active::after, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-border-bottom > li > a.menu--active::after, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-border-top > li > a.menu--active::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-border > li > a.menu--active::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-border-bottom > li > a.menu--active::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-border-top > li > a.menu--active::after {
  background-color: var(--app-400, #6A9EF5);
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-border > li:hover > a, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-border-bottom > li:hover > a, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-border-top > li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-border > li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-border-bottom > li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-border-top > li:hover > a {
  color: var(--app-300, #93B8F7);
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-border > li:hover > a::after, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-border-bottom > li:hover > a::after, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-border-top > li:hover > a::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-border > li:hover > a::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-border-bottom > li:hover > a::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-border-top > li:hover > a::after {
  background-color: var(--app-400, #6A9EF5);
}
@media (max-width: 1023px) {
  .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-responsive,
  .doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-responsive {
    background-color: rgba(0, 0, 0, 0.25);
  }
  .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-responsive ul,
  .doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-responsive ul {
    background-color: rgba(0, 0, 0, 0.25);
  }
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li > a {
  color: #242424 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li > a.menu--active,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li > a.menu--active {
  color: #000000 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-default > li:hover > a {
  color: #000000 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li > a {
  color: #242424 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li > a.menu--active,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li > a.menu--active {
  color: #000000 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-hover > li:hover > a {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #000000 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li > a {
  color: #242424 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li > a.menu--active,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li > a.menu--active {
  color: #000000 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-app > li:hover > a {
  color: #000000 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a {
  color: #242424 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a.menu--active, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a.menu--active, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a.menu--active,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a.menu--active,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a.menu--active,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a.menu--active {
  color: #000000 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a.menu--active::after, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a.menu--active::after, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a.menu--active::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li > a.menu--active::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li > a.menu--active::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li > a.menu--active::after {
  background-color: #000000 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li:hover > a, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li:hover > a, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li:hover > a,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li:hover > a {
  color: #000000 !important;
}
.doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li:hover > a::after, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li:hover > a::after, .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li:hover > a::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border > li:hover > a::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-bottom > li:hover > a::after,
.doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-border-top > li:hover > a::after {
  background-color: #000000 !important;
}
@media (max-width: 1023px) {
  .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-responsive li a,
  .doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-responsive li a {
    color: #242424 !important;
  }
  .doc-dark .menu-simple:not(.menu-light):not(.menu-dark).menu-strict.menu-responsive li:hover a,
  .doc-dark .menu-mega:not(.menu-light):not(.menu-dark).menu-strict.menu-responsive li:hover a {
    background-color: transparent !important;
  }
}

/**
 * Simple Menu
 */
.menu-simple.menu-y {
  width: 100%;
  display: block;
}
.menu-simple li, .menu-simple a {
  position: relative;
}

/**
 * Mega Menu
 */
@media (min-width: 1024px) {
  .menu-mega ul {
    padding: 1rem;
  }
}
.menu-mega ul a {
  display: block;
  width: 100%;
}

/*# sourceMappingURL=aiocms.css.map */