/* Theme Name: Innovate Platform Theme URI: https://www.innovate-design.co.uk Author: Innovate Design Author URI: https://www.innovate-design.co.uk Description: Version: 1.0.4 License: - License URI: - Tags: responsive-layout Text Domain: innovateplatform */ /* CSS Document */ /* Table of Content ================================================== - Font-Face - Base Styles (override) - Grid (override) - Site Styles - Page Styles - Media Queries */ /* Font-Face ================================================== */ @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;700&display=swap'); /* Colors ================================================== */ html.dark-mode { -webkit-filter: invert(100%); filter: invert(100%); } html.dark-mode img { -webkit-filter: invert(100%); filter: invert(100%); } :root { --white: #ffffff; --lightgrey: #A3A6A7; --darkgrey: #464F53; --darkblue: #282E33; --darkerblue: #21282D; --darkestblue: #192023; --turquoise: #02D5B9; --red: #EC0038; --green: #3ECC5F; } /* White */ .color-white { color: var(--white); } .bgcolor-white { background-color: var(--white); } /* Light Grey */ .color-lightgrey { color: var(--lightgrey); } .bgcolor-lightgrey { background-color: var(--lightgrey); } /* Light Grey */ .color-darkgrey { color: var(--darkgrey); } .bgcolor-darkgrey { background-color: var(--darkgrey); } /* Dark Blue */ .color-darkblue { color: var(--darkblue); } .bgcolor-darkblue { background-color: var(--darkblue); } /* Darker Blue */ .color-darkerblue { color: var(--darkerblue); } .bgcolor-darkerblue { background-color: var(--darkerblue); } /* Darker Blue */ .color-darkestblue { color: var(--darkestblue); } .bgcolor-darkestblue { background-color: var(--darkestblue); } /* Turquoise */ .color-turquoise { color: var(--turquoise); } .bgcolor-turquoise { background-color: var(--turquoise); } /* Base Styles (override) ================================================== */ body { font-family: 'Outfit', sans-serif; background-color: var(--darkblue); color: var(--lightgrey); } h1, h2 { font-weight: bold; } h1, h2, h3, h4, h5, h6 { color: var(--white); margin: 0.5rem 0; } b, strong { color: var(--white); } a, a:visited { color: var(--turquoise); } a:hover { color: var(--turquoise); } /* Grid (override) ================================================== */ .container { max-width: 1200px; padding: 0 1.5rem; } .grid-row [class *= "grid-col"] { } /* Site Styles ================================================== */ /* Wrapper */ #wrapper-navigation-top, #wrapper-header, #wrapper-navigation, #wrapper-user-navigation { } #wrapper-header p { margin: 0; } #wrapper-main { overflow-x: hidden; min-height: 400px; min-height: 90vh; padding-top: 80px; padding-bottom: 150px; } #wrapper-footer { background-color: #656565; } #wrapper-footer * { color: #fff; } #wrapper-copyright { background-color: #434343; } #wrapper-copyright * { color: #fff; } #wrapper-copyright p { margin: 0; } /* Containers */ /* Header */ #header { background-color: var(--darkblue); border-bottom: 1px solid var(--darkestblue); position: fixed; z-index: 999; top: 0; width: 100%; } body.admin-bar #header { padding-top: 32px; } #header a { color: var(--lightgrey); } #header select { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAUCAMAAADbT899AAAAXVBMVEUAAAD////19fby8vP9/f3////9/f36+vr4+Pj3+Pj9/f39/f36+vr6+vr9/v7y8vPw8fHX2Nn5+fn+/v77+/v+/v7+/v75+frp6ur9/f36+vv09PX09PT4+Pn///9wOq3pAAAAHnRSTlMA/A0R2frQYV9m3dNoWdUUCwVsy4rt53AJ33oeUEzINxBqAAAA00lEQVQoz32PWRKDMAxDXYdmI4Gwd/X9j1mIoQ1b9cMMT5IVACgf5gYHEvpRTt9n2xcaD7gq+vY55tuOrtLseHCSqGsF+I6IrrnGXZ5G9QbeOUWHqVKOOv6+5C8Iih1S3xKuZOTZFBO62DrQc34ej4Y7Gl0t+YbzqloGZdzhA+eX/pBMZoea3uebS+Tpw9B9O9Bzv63n/s0V4+WcF7AS1nwlm/dxPlVpLE1i7gTsJOrsxxHgyGGZ3+s95yvOxv1KwIlwsCMfeN9Jx926Ev5IuCHASh/80hRsCPfdlwAAAABJRU5ErkJggg==') 0 50%/16px no-repeat; border: 0 none; color: var(--white); padding: 0 0 0 30px; } /* Footer */ #footer { position: fixed; z-index: 999; bottom: 0; width: 100%; } /* Tab Bar */ #wrapper-footer-tabbar { background-color: var(--darkerblue); padding: 10px 0; } /* Tab */ #wrapper-footer-tabbar .tab { text-align: center; color: #fff; opacity: 0.6; text-decoration: none; transition: all 0.25s ease-out; } #wrapper-footer-tabbar .tab:hover, #wrapper-footer-tabbar .tab.active { opacity: 1.0; } /* Tab - Icon */ #wrapper-footer-tabbar .tab .tab-icon { width: 100%; height: 40px; margin: 0 auto; background-position: 50%; background-size: contain; background-repeat: no-repeat; } #wrapper-footer-tabbar .tab.projects .tab-icon { background-image:url(/wp-content/themes/innovate-platform/img/tab-projects.png); } #wrapper-footer-tabbar .tab.assets .tab-icon { background-image:url(/wp-content/themes/innovate-platform/img/tab-assets.png); } #wrapper-footer-tabbar .tab.documents .tab-icon { background-image:url(/wp-content/themes/innovate-platform/img/tab-documents.png); } #wrapper-footer-tabbar .tab.latest .tab-icon { background-image:url(/wp-content/themes/innovate-platform/img/tab-latest.png); } #wrapper-footer-tabbar .tab.tools .tab-icon { background-image:url(/wp-content/themes/innovate-platform/img/tab-tools.png); } #wrapper-footer-tabbar .tab.learn .tab-icon { background-image:url(/wp-content/themes/innovate-platform/img/tab-learn.png); } /* Page Styles ================================================== */ /* Element Styles ================================================== */ /* * Link - Variants */ a.view { display: block; padding-right: 40px; margin-bottom: 2px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAt1BMVEUAAAD////////+/v7+/v7r7Ozp6uv+/v7u7u/r7Oz+/v76+/v19fX7+/v29vfz8/Tu7u/7+/v6+vr29/f+/v79/f37+/v7+/v29vbw8PHv8PDo6On8/f34+Pj4+Pj9/f3+/v79/f37+/z6+vr09PTz8/P8/Pz6+vr39/f29/f+/v79/f35+vrw8PH8/Pz4+fn4+Pj3+Pj39/f19fX8/Pz6+vr19fX29vfy8/P4+Pn4+Pjt7e7///+ta+0+AAAAPHRSTlMA/fvt9g0H8xML76M4sEYsD7qaSuTfq6dQGhYFzmtn6ujUtJRBJMKeXz3c2YggvXZwY1Uzx4wwXCmCfSd+lTF1AAACo0lEQVQ4y9VU53qjMBBEhWaBMR1jim0wxb1Xvf9znSTuc8jlkv/Zn2J2Znc0Qvp9pWgb63QyTtZCU36Aje5ueiGmbZvkkrp3+RuYbjVFtcoxpBTifFk5jaX/Dzc+OrMBpO+Cg1V9HH/F3Z/nAeDfkT+b+Yh3ADV5XpV/ljAcD1AA8zN5ZLdb9iDnKWQHntN+mlQemiojm24fpdadaOVjO2W0g3A46m3rmioXuvTb9XadqIAOAnf0wRcgQJGdbfgQ8cKyFrHC1zvMEeCcf9uVtp7yzkjjku2+IKTYtzFncEMmj2pDbDSxLj5kONE3bgIfU4r94Dbm8sOQcXjrhfBvP4NUNYc652sqNhYvdXvTBCefapVqrMm1McXbSObkJV9e9X3mKDaNCd/zuFUprFxFehU5BbNMuBLvloBOw/0+9CDN05E444LYuUvNDNC8G0KyakRhfZVlgyAKio04XBRsTP8gOZgCe9hdlGFiipoJE0yXlAaWJMqtOKUAzssPYH5QPgMnwy0D1lLGpL2+tHPVNMPpSV88Jp1KdwcBkBzi9zKek2XO8mOZNGGExJL0aMvssV1ZqMyZMepqJexpO3tsZs850pnhO254WOq8/fA2vGq07mqYoL+POc21YEMgUspdDnwMAPbNg7jCknjM2curC0UZ8vCEIk5auSPzOdmVsYgV4XEhXSj4LfLRBnORg4m2eb024rHGRxMBHgP5HciITUxx8jT6wT09E8xw86gXcSWy+cvKg8wY6worfWxkJqIUoD5OGMNzQIFnr7NjFB2ztZ2zTugR4Vu/TutEvGqIVkmy6p7rIFkbX/8Bm4bMxHdRoiNsNl9gYvq0Pi8RhgBAjJbnOj3p3/2krGhXBHZV2UGxiyxZ+r4m2uJqtK1xXWgT6dfVH1DxV86bIYRQAAAAAElFTkSuQmCC') 99% 50%/20px no-repeat; } /* * Link - Icons */ a.icon { display: inline-block; cursor: pointer; width: 32px; height: 32px; background-position: 50%; background-size: 16px; background-repeat: no-repeat; } a.icon.filter { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAYFBMVEUAAACpq62oqqypq62pq62pq62eoKKoqqyoqqyfoaOoqqynqaulqKqlqKqoqqymqKqlqKqoqqylqKqpq62oqqymqKqnqaueoaSoqqyoqqynqaupq62lp6mjpaeipKepq62kX/btAAAAH3RSTlMAtC/6uasFzMoJyGFdWopPSM5S7qU4KAfYoHbfGhYRT3kKXAAAALRJREFUOMvt1MsOgyAQheFTpwJqwXq/9Pb+b1ljMiEpyTib7jzrL/mBBcjCRbEwIHw0owWBVLBH7UjhnAfuJR26pjKAqS0dOOsNthWtI9ndCuzjutDdJ9fJeXZ7vaSjbqxL3biptSR2Y70uKXXclevb+RLE7yl14yauJ/dN647Ebqz7meFcTRCW5QyvGU54wv/AsVfC19rpIMbwIBXEu7KdCsIMS0caCDzXhigfodjQX34/py/9R0Z9ueCyBwAAAABJRU5ErkJggg=='); } a.icon.dots { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAolBMVEUAAADg4eL////w8PH+/v74+fn+/v79/f37+/z5+fr19fXx8vLu7u/v7+/q6+vw8fH+/v79/f309PT+/v7z8/T4+Pj19fbr7O3l5ebZ2dpxd3rt7u/o6eliaGz+/v709PT8/Pz+/v719fX19fX19vby8vL4+Pj19fb09fXw8PH29/fx8vLr6+z19vbt7e7n5+jr7Ozt7u77+/vOz9BgZWn///8gn/SEAAAANXRSTlMABv0X+9Hw6OXWnXVlPDoN9vXv3728RDMnIRUQCwv38+/q5NzPy7CsmJSSi358cF4tIBkTBTFOhr4AAACsSURBVDjL7ZBHFsIwDAUVx4F0SO/03pvvfzUSOQ5kyRrPSvOe9C0LJBLJj4yspb91P56a/uKodqrE4XRlKwDFnjFGggxa7kbtNFJEn+PVPjgBJKyBroFTWugDu3VVQx9mEGNBgjai2KGPD8B56OhzB1zeqImNzzzxIhINnpiCGmLR/eam49xT7HilzQNmM7PxqGGDQHE0MomSr6PoZGaWWL9y6FFVfc9B8le8ARGoFOfxtPbkAAAAAElFTkSuQmCC'); } a.icon.settings { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAolBMVEUAAAD////8/f3////////////////+/v78/Pz////+/v7////////+/v7////////////////+/v7+/v7////////////+/v7+/v7+/v7////////////+/v7+/v7////////////////+///////////+/v7////+/v7////////////////////////////////+/v7////+/v7///////8je1iWAAAANXRSTlMA+gX33PTDIQrgGudNHdLJckcrFPDsbTAkD7SuZ2M15NeTiUGpe1vNVrqklox+noWDO75Tdg5HmjgAAAIqSURBVDjLfZXnoqMgEIUBsfcajT1GY3q7vv+rrQbWxcje84vyyQBzGAGjxOuigjRRnOebBAGOkN+02wrX8adnOhY+7gyTg/rZq4TDoF4aM9GKHxsOMJTaeA3KNRxGQf1YPy4pFqaOmBZrUNsNREKohyJpivsNB7wMK3HBzXYNQslFq7NE6rBWeZcZRkEAyZkEOSC0Wk8BSCHHzZ3MOR/EgSehOrWZE3lTOnpJxWoAB75gUGLVckYwroPlGvrhJWERLujtuKQrsUOBfemfReE6acmi5bikEzID+ommN3leLYaEew3UTD+8PRXw1z5OxaxgP0Fuz6RwNEZuJnfCzOGrDLR/ZHn1Wd810sw504bMVqcbsY1lsh6UC8/y50vXppFTb2nljl6c1SnUDiS2eDLBQkZJQKkBX6DMB20CIvdAQ283X6Fp/qv8E9p8hPQwhzff88EtnswTzSnQ7xpB5khU6iNGILKE+cKlnrlw7zxPQLX2wE5gUpi6yszdWctLBYj0gSG3OTl54p4xZLx38kHzWry7at++GzevJZ21Gc4AkHffxrXsA146HqZjHMU44gqHdGKtYJy1MzRdl9EZ3V36z+Oy6tzoe2IKRUGK3G0FDgftKE6QkiC2mGEOqF7NdUlJuSWFV824ReoXUNBVXfwFlM80rftr9HOzIDFesQb9Pp2SidtC833vU7OCY2QCDllkt0q9kAKgRZaaOo3G/y8ksfv2aMc0DC9hsT8raKMDo/rmTgAAAABJRU5ErkJggg=='); } a.icon.back { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAh1BMVEUAAAD////7+/v////8/Pz9/f3////8/Pz////+/v7////////////////////////9/v7+/v7+/v79/f3+/v7////////////////////+/v7////////////////////////+/v79/f3+/v7////////////8/Pz///////////////////+hhktzAAAALHRSTlMA+wf3LX0OCdU63NKYlT4nCwWRgjjj4Np4KRTnzstlWL9LMxzxxKaPjASod2ln9HYAAADjSURBVDjL3dPJEoIwEARQFgETQRYRVJRdFs3/f5+TFOd0POqcX810k8L63UnifFhNHFumesAuYOF5bOsbcv4xrIQY28aH7mwL4T4J6l3EpXu841Tb4xgVyl2ujrZHHqm7d+ASFlbk7L0Xp6iHoH0H6Cifuqsc7gvzbftgX/Wdbcqnd9RXkOMnfT7Lb1pXwIejcXanvbxcRCxB0jtIWWYsMJJumeUOlOo6n/vULGc592BnsEme5QGQWyP+TSNj2Zt2X3arUXf3IX9s3N2upo7eEl6/F6+OFkJ5rT3p8KS3wbf+dz4GWxfE9lhYLQAAAABJRU5ErkJggg=='); } /* * Notification */ .notification { display: inline-block; background-color: var(--turquoise); color: var(--darkblue); margin: -2px 0 0 10px; padding: 2px 10px; border-radius: 10px; font-size: 1.2rem; text-transform: uppercase; vertical-align: middle; letter-spacing: 0.05rem; } .notification.red { background-color: var(--red); color: var(--white); } .notification.green { background-color: var(--green); color: var(--white); } /* * Panel */ .ui-panel { padding: 2rem 2.5rem; background-color: var(--darkestblue); border-radius: 10px; margin-bottom: 15px; } .ui-panel.highlight { background: linear-gradient(90deg, var(--turquoise) 0%, var(--turquoise) 15px, var(--darkestblue) 15px, var(--darkestblue) 100%); } .ui-panel.highlight-small { background: linear-gradient(90deg, var(--turquoise) 0%, var(--turquoise) 8px, var(--darkestblue) 8px, var(--darkestblue) 100%); } /* * Timeline - horizontal */ .ui-timeline-h { display: table; width: 100%; margin: 20px 0; padding: 0; transform: scale(1.175); } .ui-timeline-h.ui-timeline-h-2 { transform: scale(1.475); } .ui-timeline-h.ui-timeline-h-3 { transform: scale(1.375); } .ui-timeline-h.ui-timeline-h-4 { transform: scale(1.225); } .ui-timeline-h.ui-timeline-h-5 { transform: scale(1.150); } .ui-timeline-h.ui-timeline-h-6 { transform: scale(1.105); } .ui-timeline-h.ui-timeline-h-7 { transform: scale(1.075); } .ui-timeline-h.ui-timeline-h-8 { transform: scale(1.052); } .ui-timeline-h.ui-timeline-h-9 { transform: scale(1.035); } .ui-timeline-h li { display: table-cell; list-style: none; position: relative; } /* line */ .ui-timeline-h li:before{ display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 4px; margin-top: -2px; background-color: var(--lightgrey); z-index: 0; } /* - hide last */ .ui-timeline-h li:last-child:before{ content: none; } /* disc */ .ui-timeline-h li:after { display: block; position: relative; content: ''; width: 20px; height: 20px; border: 3px solid var(--lightgrey); background: var(--darkerblue) 50%/contain no-repeat; border-radius: 50%; margin: 0 auto; transform: scale(0.9); } /* current */ /* - line */ .ui-timeline-h li.current:before{ } /* - disc */ .ui-timeline-h li.current:after{ border-color: var(--turquoise); background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAdVBMVEUAAAAA5ckA9NIA+9gA8dMA+tcA+NYA+NYA+9gA+9gA7c4A+9gA+dYA+NYA+NUA7ckA+9gA/NgA+9gA/NgA+tYA+dcA+tcA+tYA99MA9tQA580A+tcA+9YA+NYA9dMA+NQA89EA680A+9gA/NgA+dcA99QA/NnDK5L7AAAAJnRSTlMABiHqHJiFW9/SFqeWglUQ9u7ZrqOejIpRLAuRemUuLScU4q9oKupCxyIAAADESURBVDjL7ZPZCoMwEEXNGBPjFvetWrVL/v8TW2ipxYwGBN88z4fZmGudHAWZvNYsQc3yLMtZTcmWJ3kmEvUmEfdernsNE+pHyoY17xnY6g/bueIeDT/ebIYTKkapWuA+sI3AidUSHxCRu0pDRLrXhkonZnpv76IQCk/f2cFEH3aK5tbmZXacZz44OqIO0UumPfqUUC2eIimphTLob4ZDmuo2e27VrKcBosL+lstr2AzXyLsyCMqOj8SUQ0kBqCTWySG8AOW/NDY9DyhgAAAAAElFTkSuQmCC'); } /* complete */ /* - line */ .ui-timeline-h li.complete:before{ background: var(--turquoise); } /* - disc */ .ui-timeline-h li.complete:after{ border-color: var(--turquoise); background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAflBMVEUAAAAA/NkA+9AA89QA89EA8NIA/NkA/NkA+tcA9NMA8dAA+9gA+NcA+9gA89EA89AA/NkA/NkA+dYA+NcA+dYA+NcA+dYA99cA+dYA+NYA9tMA+9gA/NkA+tYA+NYA+dUA+tcA+NUA99UA+NYA+9gA+tgA+NYA89EA9dQA/Nm5rZ8vAAAAKXRSTlMA9QUuIg374bVCKd+eez4Z+dG0kF8VspqTWEXl3M6nl3ZuZVHwyIxPNj1xC3sAAADFSURBVDjL7ZHHDsIwEERtsNMcSCe90/z/PwiJIyWwgs2FA1LedZ80o1my8Y+wtNvvCM6xEnkZctw7USk14455pkHlE9Gv82SZ4bkD7tX57vnK0wK2KpfWFpistYOMv3s2mNEJcnr20t1LPy2Gc/fecCjGdc2pnxsw+JauGG9eyOfc2CKQ7KLCvPDmL/pBeCOUqYspt7YGD+IcdLmAJioXM2m8Jx+JlDn3w003gf1guuqHEDVizCUoUVr5rfoHAmeMk40f8gBqyBtYltCTuAAAAABJRU5ErkJggg=='); } /* * Timeline - vertical */ .ui-timeline-v { display: block; width: 100%; margin: 20px 0; padding: 0; } .ui-timeline-v li { display: block; list-style: none; position: relative; min-height: 100px; padding: 0 0 20px 50px; } /* line */ .ui-timeline-v li:before{ display: block; content: ''; position: absolute; top: 0%; left: 13px; width: 4px; height: 105%; background-color: var(--lightgrey); z-index: 0; } /* - hide last */ .ui-timeline-v li:last-child:before{ content: none; } /* disc */ .ui-timeline-v li:after { display: block; content: ''; position: absolute; top: 0; left: 0%; width: 24px; height: 24px; border: 3px solid var(--lightgrey); background: var(--darkerblue) 50%/contain no-repeat; border-radius: 50%; margin: 0; } /* current */ /* - line */ .ui-timeline-v li.current:before{ } /* - disc */ .ui-timeline-v li.current:after{ border-color: var(--turquoise); background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAdVBMVEUAAAAA5ckA9NIA+9gA8dMA+tcA+NYA+NYA+9gA+9gA7c4A+9gA+dYA+NYA+NUA7ckA+9gA/NgA+9gA/NgA+tYA+dcA+tcA+tYA99MA9tQA580A+tcA+9YA+NYA9dMA+NQA89EA680A+9gA/NgA+dcA99QA/NnDK5L7AAAAJnRSTlMABiHqHJiFW9/SFqeWglUQ9u7ZrqOejIpRLAuRemUuLScU4q9oKupCxyIAAADESURBVDjL7ZPZCoMwEEXNGBPjFvetWrVL/v8TW2ipxYwGBN88z4fZmGudHAWZvNYsQc3yLMtZTcmWJ3kmEvUmEfdernsNE+pHyoY17xnY6g/bueIeDT/ebIYTKkapWuA+sI3AidUSHxCRu0pDRLrXhkonZnpv76IQCk/f2cFEH3aK5tbmZXacZz44OqIO0UumPfqUUC2eIimphTLob4ZDmuo2e27VrKcBosL+lstr2AzXyLsyCMqOj8SUQ0kBqCTWySG8AOW/NDY9DyhgAAAAAElFTkSuQmCC'); } /* complete */ /* - line */ .ui-timeline-v li.complete:before{ background: var(--turquoise); } /* - disc */ .ui-timeline-v li.complete:after{ border-color: var(--turquoise); background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAflBMVEUAAAAA/NkA+9AA89QA89EA8NIA/NkA/NkA+tcA9NMA8dAA+9gA+NcA+9gA89EA89AA/NkA/NkA+dYA+NcA+dYA+NcA+dYA99cA+dYA+NYA9tMA+9gA/NkA+tYA+NYA+dUA+tcA+NUA99UA+NYA+9gA+tgA+NYA89EA9dQA/Nm5rZ8vAAAAKXRSTlMA9QUuIg374bVCKd+eez4Z+dG0kF8VspqTWEXl3M6nl3ZuZVHwyIxPNj1xC3sAAADFSURBVDjL7ZHHDsIwEERtsNMcSCe90/z/PwiJIyWwgs2FA1LedZ80o1my8Y+wtNvvCM6xEnkZctw7USk14455pkHlE9Gv82SZ4bkD7tX57vnK0wK2KpfWFpistYOMv3s2mNEJcnr20t1LPy2Gc/fecCjGdc2pnxsw+JauGG9eyOfc2CKQ7KLCvPDmL/pBeCOUqYspt7YGD+IcdLmAJioXM2m8Jx+JlDn3w003gf1guuqHEDVizCUoUVr5rfoHAmeMk40f8gBqyBtYltCTuAAAAABJRU5ErkJggg=='); } /* * Accordion */ .ui-accordion { } .ui-accordion > .item { overflow: hidden; } .ui-accordion > .item > .header { position: relative; cursor: pointer; } .ui-accordion > .item > .header:after { content: ""; position: absolute; top: 0px; right: 10px; width: 20px; height: 20px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; /* chevron-down */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAALHRFWHRDcmVhdGlvbiBUaW1lAFdlZCAyNCBBcHIgMjAxOSAxNToyMDo0MiAtMDAwMBYfGQ0AAAAHdElNRQfjBBkNKhdg9aflAAAACXBIWXMAAAsRAAALEQF/ZF+RAAAABGdBTUEAALGPC/xhBQAAA9pJREFUeNrtl1tLVFEUgJ3jDObLUBaOM6ijQlH9gCAi0age8lIQXZSC7MECoxIkJB8qSoyCCooCKR+Kbi+CmCZplmJRWvkURC9eRidBCAIp5+b07TiKjWfGs+eiEWfBZp/Zl7XWt/bal0lKMsQQQwwxxBBD/h8xzX5UVlZqDsjNzT1B9WNoaOjBUjvndDodycnJ5YFA4OHIyMi30P7Gxsa5byWcEpvNpuTk5NwymUw3KfcBqk9LSzMlLZGoEON8XqV2Y/+R3W43hxuvCZKRkaGkpqY2KIpSNdsGzFmr1VqTnZ2dcBggnNh+O78N+2UpKSlN2Nf0WbMRiOsoOrNgsKJcIToXEgmBo+nY6cdxp4b9w5S7DodjQTDNoUpwtBYlJyPYqiPlvH6/v35sbCwYTwjSJ5PqM/at4cYAUsHKWPLy8ir46Z9rnz8IiFcoqY5kjH50KRctFsvpeEKQTXaq7kgQ83w4RCA3/AU4+0GUdzJgo17DjL3GnHNxglhDcMbQuVbvHILerwkyPT3dFQwGv8o4gPHzOHEqlgOAuZno+SBWWmYevhZogkxMTMwg1TLK1MjcwJGaaCBY0TXM79Pa2ItAdPh8vk+aIEK4dNrJvU2yDuHIZTZqncw9w3gb81yyEAS7eWpqqmh8fNwXFkTI6OjoAMS7KFMSIArlEvfMMT3js7KybFSvmbNCEuIF5eDk5ORMaJ9mXvIceU61W8bIH2WKckeszCIQq81m8xcg1svoJrAtPFWKCbRPqz/sBgOmG/qtKPDKGBQrQ+5XcQgsSDPaM9gTg4xZKaMTPzrZE3tdLpcv3JiIJ8Xw8HAfSsqAmUmSEFZGvNGOz2/jdFpFWw99WTK6sN1LVczlG4hoczFFHADNVPkyxlWY26RZrfimFun0HZB1MjoIYovH49lGQBfNCl1nN2n2hsgUUX7KOILjDUDcU6MqJWIOIPvcbndAz3jdlxAw7VQHZB0C5iiro/vFoEJ0ALEj3MaOCUSFeYaBAlkYGRFHLKdTCSktdchIgQghX3vUA8AvO1cHxDv0lrIS0rqlQVSYJ+LSjCcE+tpYiXxWwhPN/KhAVJhOjBdTpuMAMQDEnkj3RMJAhLBn2nDiSIwQvVx2+dGkU9xAhLAyT8UJE81csbG9Xu92LruYVzVmEBWmC6fKZZ4zjB1kTmnoK3ZZQVSYxzi3X89Y8XaibCadotrYCQVRYVpElCMdzfS9pyqO9nRaEhAVphVnNf+X0P6RUqjn7bTsICpMEw6XhEC8ZLW20PcrETYTAiJEPGe4G9JxvpW6kFIU73QyxBBDDDHEEEMM+cflN9e13fn6GK/LAAAAAElFTkSuQmCC); } .ui-accordion > .item.active > .header:after { /* chevron-up */ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAALHRFWHRDcmVhdGlvbiBUaW1lAFdlZCAyNCBBcHIgMjAxOSAxNToyMDo0MiAtMDAwMBYfGQ0AAAAHdElNRQfjBBkNKhdg9aflAAAACXBIWXMAAAsRAAALEQF/ZF+RAAAABGdBTUEAALGPC/xhBQAAA69JREFUeNrtl0tPU0EUgFsojQoigsEYoIUoBl+ICIKPSMBoXLiQuDRxY8LKhW78J2xYuPIHaKIkElIgEAnBxELUmABtoQTCo2jahoDpw2+011T64E57S9HMSSZz6cycc745Z84MJpMSJUqUKFGi5P8Rs/bR09NjuPK6uroKujHxHY1Gn3o8nndG2+jr6/vVF+Rqh+x2+1E6h9lsboi1/tra2qZc2csJSHV1dVlhYaEL5xu13/guQD4C0/FPgNhstnKLxTLOZ1mycYBeEa3r+xqEM3GESIyy8w2p5gAiojVmdJoZBiIg6Dw4elbPfOaNs6ZzX4GIM0E3JHZb7xrmHqB7Q2Qu7guQmpqaUqvVOo1jl2TXsuYQaegEpi2vIDhQxsGeFDzZ6BGlmQJwNS8gGC7BAXFPnM7GgRhIOQXgPRtzZk9BOKTFpMRyJum0C5AT3df2BIR7opRuBKMlRkLEQKx0b7HRKLtWCoR0OkwKTGDwstEQcTDi3E3JVjPdIOJMiCeGeDfpXcND0R8Oh1sjkcgxvp2SQA5g2g0FIdSiTA6i/KQEBP5Huufn5z/w6vUB1MFvIQmQctooG3jKEBBxsEknN0qlaj1ONwPh0P5eWFjwh0KhCn6floCxYHsGH1qyAqmqqirBsLixKyUA/LROojC1c8zr9frpuhifk9kU0+8CcCEjEJ4dxdzYw6RUq4xFnLzndruHU40z5iPlWpi3olen2EgKwDQwKe+spCDk5cGioqLPMtUJx37g4BUiMbrbXFLuO2l2jvmfZDaJNBvHt2ZdIAKCKAwAYZeE6AZiUu8a0kxEpoMW1LtGFAB8G6KaJRSdv0B4AIobe4oFN2R2CpCb7HK/zBohFIAN1tpoMxIwpfg4SwE4nxSEgQJCJw52vQRAkNZFJCZkITRhA76JjZOBickg2XMiAWR7e9ucwcF+wOEdyhRCE5fLtco9046+Tb1rgD9OO5IAsrS0hK5wPcrW9Sgit9uJxEC2EJqINEOnHftfdG7iI+x/TQARQphnmXAbhf40CrYYv59NOqUS7K+zmeKe2UhjP4T9J8Fg8GX87wlVCwedKGtOo+guc14bDaEJkVmhNIv7wpvC/jPs966trUXTggihNM5B3cSi1TgFm7RbKBnJFUScffE2a9tZAPDpcSAQ6E22JuXNLp4YKLoTB/KQg+0w7ZGQZsvY/PNPFt/P8emFz+eLJptvSacs9l4ym/Ik2F+nxFYSncDi4uJWvvxQokSJEiVKlCjJUH4CWeLD2AAABgQAAAAASUVORK5CYII=); } .ui-accordion > .item > .content { padding-top: 10px; display: none; } .ui-accordion > .item > .content:empty { padding: 0px; } /* * Option List */ .ui-dropdown { display: inline-block; list-style: none; padding: 0; margin: 0; } .ui-dropdown li { position: relative; margin: 0; } .ui-dropdown > li > ul { position: absolute; top: 100%; left: 0; /* dropdown left or right */ min-width: 150px; list-style: none; margin: 0 0; padding: 6px 0; background-color: var(--darkerblue); border-radius: 5px; box-shadow: 0px 1px 0px 9999px rgba(0,0,0,0.5); z-index: 1000; display: none; opacity: 0; transition: all 0.25s ease-out; } .ui-dropdown.open > li > ul { display: block; opacity: 1; } .ui-dropdown.right > li > ul { left: auto; right: 0; } .ui-dropdown > li > ul li { border-top: 1px solid var(--lightgrey); } .ui-dropdown > li > ul li:first-child { border-top: 0 none; } .ui-dropdown > li > ul a { display: block; padding: 5px 25px; color: var(--white); text-decoration: none; } .ui-dropdown > li > ul a:hover { color: var(--turquoise); } /* * Toggle Switch */ .ui-toggleswitch { position: relative; display: inline-block; width: 54px; height: 32px; zoom: 0.8; } .ui-toggleswitch input { opacity: 0; width: 0; height: 0; } .ui-toggleswitch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; border-radius: 32px; background-color: var(--lightgrey); transition: 0.33s; } .ui-toggleswitch .slider:before { position: absolute; content: ""; height: 28px; width: 28px; left: 2px; bottom: 2px; border-radius: 50%; background-color: var(--white); transition: 0.33s; } .ui-toggleswitch input:checked + .slider { background-color: var(--turquoise); } .ui-toggleswitch input:checked + .slider:before { transform: translateX(22px); } /* disabled */ .ui-toggleswitch.disabled { pointer-events: none !important; } .ui-toggleswitch.disabled input + .slider { background-color: var(--darkgrey); } /* Media Queries ================================================== */ /* Print specific */ @media print { .no-print, .no-print * { display: none !important; } } /* ≥ 568px */ @media screen and (min-width: 35.5em) {} /* ≥ 768px */ @media screen and (min-width: 48em) {} /* ≥ 1024px */ @media screen and (min-width: 64em) {} /* ≥ 1280px */ @media screen and (min-width: 80em) {}