npm - @pimaonline/pimaonline-themepack - Versions diffs - 2.4.1 → 3.0.0 - Mend

@pimaonline/pimaonline-themepack 2.4.1 → 3.0.0

Files changed (92) hide show

package/LICENSE.md ADDED Viewed

@@ -0,0 +1,30 @@
+End-User License Agreement (EULA) for the PimaOnline ThemePack
+IMPORTANT: PLEASE READ THIS END-USER LICENSE AGREEMENT CAREFULLY BEFORE USING [APP NAME].
+This End-User License Agreement (EULA) is a legal agreement between you (either an individual or a single entity) and Pima Community College for the PimaOnline ThemePack software product(s) identified above, which may include associated software components, media, printed materials, and online or electronic documentation (the "Software").
+By installing, copying, or otherwise using the Software, you agree to be bound by the terms of this EULA. If you do not agree to the terms of this EULA, do not install or use the Software.
+1. GRANT OF LICENSE.
+The Software is licensed, not sold. Pima Community College grants you a non-exclusive, non-transferable license to use the Software on any device that you own or control.
+2. COPYRIGHT.
+All title and intellectual property rights in and to the Software (including but not limited to any images, photographs, animations, video, audio, music, text, and "applets" incorporated into the Software), the accompanying printed materials, and any copies of the Software are owned by Pima Community College or its suppliers. The Software is protected by copyright laws and international treaty provisions. Therefore, you must treat the Software like any other copyrighted material.
+3. RESTRICTIONS.
+You may not reverse engineer, decompile, or disassemble the Software except and only to the extent that such activity is expressly permitted by applicable law notwithstanding this limitation. You may not rent, lease or lend the Software. You may not copy the printed materials accompanying the Software.
+4. TERMINATION.
+Without prejudice to any other rights, Pima Community College may terminate this EULA if you fail to comply with the terms and conditions of this EULA. In such event, you must destroy all copies of the Software in your possession.
+5. NO WARRANTIES.
+Pima Community College expressly disclaims any warranty for the Software. The Software is provided 'As Is' without any express or implied warranty of any kind, including but not limited to any warranties of merchantability, non-infringement, or fitness of a particular purpose. Pima Community College does not warrant or assume responsibility for the accuracy or completeness of any information, text, graphics, links or other items contained within the Software. Pima Community College makes no warranties respecting any harm that may be caused by the transmission of a computer virus, worm, time bomb, logic bomb or other such computer program. Pima Community College further expressly disclaims any warranty or representation to Authorized Users or to any third party.
+6. LIMITATION OF LIABILITY.
+In no event shall Pima Community College be liable for any damages (including but not limited to lost profits/business interruption/loss of information) arising out of 'Authorized Users' use of or inability to use the Software even if Pima Community College has been advised of the possibility of such damages.
+7. GOVERNING LAW.
+This EULA shall be governed by the laws of United States/Arizona.
+Should you have any questions concerning this EULA or if you desire to contact Pima Community College for any reason please contact us at fjreynoso@pima.edu.

package/README.md CHANGED Viewed

@@ -1,111 +1,69 @@
-# PimaOnline ThemePack
-The PimaOnline Themepack is a web development toolkit for building online courses within the D2L Brightspace learning environment. The theme pack offers multiple and interchangeable themes.
-## Version
-2.4.1
-## What's included
-### Dependencies
-- Git
-- Node.js
-  - Gulp
-    - Gulp-sass
-    - Gulp-pug
-    - Gulp-connect
-- jQuery 3.3.1 or newer
-### Npm Commands
-`npm run dev` Run this command to enter development mode.
-Development mode includes a server running at `http://localhost:8080`. All files are watched so that when you make a change the compiler will run automatically. Note: Compiler will run prior to server starting.
-`npm run build` Run this command to compile production files only.
-This will compile all `src` content into `dist`. This is the final step needed prior to deployment.
-`npm run build-dev` Run this command to compile development files only.
-This will compile all `src ` content into `dist`. Also creates duplicate (development only) versions to use for local development only.
-`npm run webdocs` Run this command to compile Webdocs.
-This will compile `docs/src` into `docs/dist`.
-## Stylesheets
-### SCSS
-Stylesheets are created using individual scss modules, then minified and compiled into main.css
-#### **\_grid.scss**
-Contains all styles that makeup a page’s grid. The two main web layout models used are CSS Grid and Flexbox.
-#### **\_typography.scss**
-Contains all typography/font styles, excluding type colors.
-#### **\_widgets.scss**
-Widgets are individual components, each serving a different purpose such as adding functionality or changing content layout. Pages are assembled using widgets which fall within the page’s grid.
-#### **\_variables.scss**
-Contains scss variables for Pima Community College’s brand colors. This scss module is included in all other scss partials and therefore not included in main.scss.
-#### **\_legacy.scss**
-Contains legacy (deprecated) code for courses that are still in use but use code developed prior to the latest version.
-#### **main.scss**
-Used to include all individual scss files, and to compile them to a single css file.
-#### **routes.scss**
-Used to route main.css, font-awesome, and include character set for delivery to individual themes.
-### CSS
-CSS is created by compiling from scss files. Note: Do not edit css, instead edit scss and compile.
-#### **main.css**
-Contains compiled and merged rules of our scss styles.
-#### **routes.css**
-Used to route main.css, font-awesome, and include character set for delivery to individual themes.
-### CSS-dev
-The `css-dev` directory is compiled and stored locally only. When developing themes, this directory should be used as it is not minified, allowing us to debug.
-### JavaScript
-`scripts2.js` The latest version of scripts. Contains all JavaScript and jQuery code.
-`scripts.js` Depracated version of scripts. Do not use, this file is here for legacy courses.
-`jumpTo.js` Now depracated. Keep for legacy courses. Contains a script for jump-to links.
-### Themes
-Themes are individually built stylesheets with distinct styles which are developed for specific programs. Themes are built to automatically pull this themepack’s styles (from main.css), meaning you should link only the theme’s stylesheet to the head of your document.
-## Plugins
-Plugins are 3rd party assets that are imported and used to add functionality.
-## Authors
-Center for Learning Technology at Pima Community College
-## License
-Code is released under the MIT license.
+# PimaOnline ThemePack
+The PimaOnline Themepack is a web development toolkit for building online courses within the D2L Brightspace learning environment. The themepack offers multiple and interchangeable themes.
+## Dependencies
+- Git
+- Node.js
+  - Gulp
+    - Gulp-sass
+    - Gulp-pug
+    - Gulp-connect
+- jQuery 3.3.1 or newer
+## How to use
+Add a theme's CSS in the `<head>` of your document. `/cards/` may be replaced with another theme.
+```
+<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@pimaonline/pimaonline-themepack/dist/css/themes/cards/styles.css">
+```
+Add the latest jQuery and the themepack's JavaScript into the `<head>` of the document ensuring the `defer` attribute is used.
+```
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js" defer></script>
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@pimaonline/pimaonline-themepack/dist/js/scripts2.js" defer></script>
+```
+## Development
+Fork this repository, clone it, and install all necessary dependencies using `npm install`.
+```
+$ git clone https://github.com/YOUR_USERNAME/pimaonline-themepack.git
+$ cd pimaonline-themepack
+$ npm install
+```
+Start the server
+```
+$ npm run dev
+```
+The app will run at `http://localhost:8080`.
+## Terminal commands
+`npm run dev`: Used for development.
+`npm run build`: Used for compiling production files only.
+This will compile all `src` content into `dist`. This is the final step needed prior to deployment.
+`npm run build-dev`: Used for compiling development files only.
+This will compile all `src ` content into `dist`. Also creates duplicate (development only) versions to use for local development only.
+## Authors
+Center for Learning Technology at Pima Community College
+## License
+[Proprietary License](https://github.com/franreyn/pimaonline-themepack/blob/main/LICENSE.md)
+(C) 2023 Pima Community College. All rights reserved. Unauthorized copying, modification, distribution, or any form of exploitation of this code, is strictly prohibited.

package/dist/css/main.css CHANGED Viewed

	@@ -1 +1 @@
1	- :root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}#main{margin:10px auto;max-width:95%}@media screen and (min-width: 660px){#main{margin:15px auto}}@media screen and (min-width: 768px){#main{margin:20px auto;max-width:998px;padding:5px}}.header{margin-bottom:10px}.header img{margin:0 !important}.video-container{margin:30px 0;position:relative;padding-bottom:56.25%;padding-top:35px;height:0;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.card-horizontal{margin-bottom:45px}.card-horizontal>:first-child{flex-basis:70%;margin-right:2%}.card-horizontal>:last-child{flex-basis:30%}.card-horizontal>.card-body{flex-basis:70%;margin-right:2%}.card-horizontal>.card-img{flex-basis:30%}.card-horizontal h1,.card-horizontal h2,.card-horizontal h3,.card-horizontal h4{margin-top:0}.card-horizontal img{margin:0}@media screen and (min-width: 730px){.card-horizontal{display:flex;justify-content:flex-start}}.border{background-color:rgba(0,174,239,.06);border-left:3px solid #045594;margin:25px 0;padding:10px}.border h1,.border h2,.border h3,.border h4{font-weight:700;margin:0 0 5px 0}@media screen and (min-width: 768px){.border{padding:15px}}.border-yellow{background-color:#fcf9c3 !important;border:none;border-left:none;border-radius:0;border-top:2px solid #fdc82e !important;overflow:hidden;position:relative}.border-yellow::before{border-color:#fcf983 #fff;border-style:solid;border-width:18px 18px 0 0;bottom:0;-webkit-box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);-moz-box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);content:"";position:absolute;right:0}.border-yellow h1,.border-yellow h2,.border-yellow h3,.border-yellow h4,.border-yellow p{color:#000;margin:0 0 10px 0}.side-by-side{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0 20px 0}.side-by-side-item{flex-basis:100%;margin:10px 0;padding:0}.side-by-side-item figure{margin:0}@media screen and (min-width: 730px){.side-by-side-item{flex-basis:49%;margin:20px 0;padding:3px}}#main-two-column{margin:0 auto;max-width:1170px;padding:5px}#main-two-column .header{max-width:1170px}#main-two-column .content-body{align-self:stretch;display:block;flex-basis:100%;margin:0;padding:5px 20px 5px 20px;vertical-align:top}.two-column-wrapper{align-items:stretch;display:block;margin:0 auto;max-width:1170px}@media screen and (min-width: 730px){.two-column-wrapper{align-items:flex-start;align-content:stretch;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;max-width:1170px;margin:auto}}@media screen and (min-width: 730px){#main-two-column .content-body{display:block;flex-basis:65%;padding:10px 20px}}@media screen and (min-width: 998px){#main-two-column .content-body{flex-basis:68%}}.sidebar{align-self:stretch;flex-basis:100%;margin:0;vertical-align:top}.sidebar h4{margin:0 0 10px 0}.sidebar ul{margin:0}.sidebar .border{margin:0}.sidebar .sidebar-item{overflow:hidden;padding:10px}.sidebar .sidebar-item:not(:last-child){margin:0 0 5px 0}@media screen and (min-width: 730px){.sidebar{flex-basis:28%;margin:0}}@media screen and (min-width: 998px){.sidebar{flex-basis:28%}}body{background-color:var(--color-pcc-white);background-repeat:no-repeat;background-size:contain;margin:0}@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}#one-column{display:grid;grid-row-gap:10px;grid-template-areas:"header" "body" "footer";padding:15px 2.5%;width:95%}.header,#content-wrapper,footer{margin:0 auto;max-width:998px;width:100%}#content-wrapper{grid-area:body}#content-wrapper .content-body{width:96%;width:-moz-available;width:-webkit-fill-available}footer{grid-area:footer}footer .footnotes{padding:10px}#two-column,#two-col-widget{display:grid;grid-row-gap:10px;justify-content:center;padding:10px 2.5%;width:95%;margin:0 auto}#two-column{grid-template-areas:"header" "body" "second-column" "footer"}#two-col-widget{display:grid;grid-template-areas:"header" "body" "second-column" "column-widget" "footer"}#two-column .header,#two-col-widget .header,#two-column footer,#two-col-widget footer{max-width:1170px}#two-column #content-wrapper,#two-col-widget #content-wrapper,#second-column,#column-widget{display:flex;flex-flow:column;height:100%}#two-column .content-body:last-child,#two-col-widget .content-body:last-child{flex-grow:1}#column-widget{grid-area:column-widget}#second-column{grid-area:second-column}@media screen and (min-width: 700px){#two-column{grid-template-areas:"header header" "body second-column" "footer footer"}#two-col-widget{grid-template-areas:"header header" "body column-widget" "body second-column" "footer footer"}#two-column,#two-col-widget{grid-template-columns:minmax(360px, 830px) 330px;grid-column-gap:10px}}#three-column{display:grid;grid-row-gap:10px;grid-template-areas:"header" "body" "second-column" "third-column" "quote-area" "footer";justify-content:center;padding:10px 2.5%;width:95%;margin:0 auto}#third-column{grid-area:third-column}#three-column .header,#three-column footer{max-width:1170px}#three-column #content-wrapper,#second-column,#third-column{display:flex;flex-flow:column;height:100%;max-width:100%}#three-column .content-body:last-child{flex-grow:1}@media screen and (min-width: 700px){#three-column{grid-template-areas:"header header" "body second-column" "third-column third-column" "footer footer";grid-template-columns:minmax(360px, 830px) 330px;grid-column-gap:10px}}.header{grid-area:header;position:relative;text-align:center}.header .text-container{padding:10px 0 25px 0}.header .text-container:is(h1,h2,h3,h4,p){line-height:1.2;margin:auto;max-width:600px}.header .text-container p{font-size:1.255em}.header .text-container ul,.header .text-container ol{margin-left:30%;text-align:left}.header .text-container ul li,.header .text-container ol li{color:#fff}.header .text-container ul li::before,.header .text-container ul li::after,.header .text-container ol li::before,.header .text-container ol li::after{color:#fff}@media screen and (min-width: 730px){.header .text-container:is(h1,h2,h3,h4,p){max-width:760px}.header .text-container:is(h1,h2,h3,h4){line-height:1.1}.header .text-container p{line-height:1.155}}@media screen and (min-width: 998px){.header .text-container:is(h1,h2,h3,h4,p){max-width:1160px}.header .text-container:is(h1,h2,h3,h4){line-height:1.155}}.syllabus-header{background-color:#fff;justify-content:center;text-align:center}.syllabus-header img{border-bottom:none;box-shadow:none;margin:20px auto !important;max-width:290px}.syllabus-header h1{font-size:3.2em;margin-bottom:15px !important}.syllabus-header h2{margin-top:2px;text-align:center}.syllabus-header dl{display:flex;flex-wrap:wrap;margin:5px auto;padding:0px;justify-content:center;width:fit-content}.syllabus-header dl dt{display:block;margin:0px 5px;padding:0px}.caption{color:#666;font-size:.85em}.content-body{margin-bottom:10px;padding:15px;background-color:var(--color-pcc-white)}.content-body h2:first-child,.content-body h3:first-child{margin:0 0 20px 0}.content-body:last-child{margin-bottom:0px}video{object-fit:fill}.edit{color:#b20303;font-weight:bold}.highlight{background-color:transparent;background-image:linear-gradient(to bottom, #b4e7f8, #b4e7f8);border-bottom:2px solid #b4e7f8;border-left:2px solid #b4e7f8;border-right:2px solid #b4e7f8;border-top:2px solid #b4e7f8}.monospace{font-family:"Courier New",Courier,monospace}hr{border:none;border-bottom:1px solid rgba(13,13,13,.3);margin:10px}@media screen and (min-width: 768px){hr{margin:20px 0}}img{border-style:none;display:block;height:auto;margin:0 !important;max-width:100%}img .center{display:block;margin:25px auto}figure{margin:0}figure figcaption,figure .caption{border-bottom:1px solid rgba(13,13,13,.045);color:#666;font-size:.85em;font-style:italic;padding:0 0 5px 0}.label{border-radius:1px;color:#fff;display:inline;font-size:.7em;font-weight:700;line-height:1.5;margin:0;padding:.2em .6em .3em;text-align:center;vertical-align:baseline;white-space:nowrap}.label-default{background-color:#1a618f}.label-muted{background-color:rgba(13,13,13,.15);color:#232323}ul,ol{list-style-position:outside;margin:0 0 10px 10px;padding:0 0 0 20px}ol li{margin-left:20px;padding-left:5px}li{margin-bottom:10px}ul>li{list-style-type:none}ul li{padding-left:8px;position:relative}ul>li::before{color:#05528f;content:"";display:inline-block;font-family:"FontAwesome";font-size:1em;font-weight:400;left:0;margin:0 5px 0 -15px;opacity:1;position:absolute}@media screen and (min-width: 660){li{margin-bottom:8px}}@media screen and (min-width: 768px){ul,ol{margin:0 0 10px 20px;padding:0 0 0 20px}ol li{margin-left:20px}}ul.two-col,ol.two-col{columns:1;padding-right:20px}@media screen and (min-width: 700px){ul.two-col,ol.two-col{columns:2}}ul.three-col,ol.three-col{columns:1;padding-right:20px}@media screen and (min-width: 400px){ul.three-col,ol.three-col{columns:2}}@media screen and (min-width: 700px){ul.three-col,ol.three-col{columns:3}}dt{display:block;float:none;min-width:100px;margin-right:5px;font-weight:700}dd{margin:0 0 15px 0 !important}a{word-break:break-word}a,.toggle-footnotes{background-color:transparent;color:#005be2;text-decoration:underline}a:visited{color:#6c00a9}a:hover,a:active,.toggle-footnotes:hover{background-color:transparent;color:#00398f;text-decoration:underline}.toggle-btn:hover,.toggle-footnotes:hover{cursor:pointer;text-decoration:none}.toggle-footnotes{margin:5px;text-decoration:none}.toggle-btn-content,.footnotes{display:none}.show{display:block}.accordion{margin-bottom:15px}.accordion .accordion-title{background-color:rgba(13,13,13,.07);padding:10px}.accordion .accordion-title p{margin:0}.accordion .accordion-title:hover{background-color:rgba(13,13,13,.1)}.accordion .accordion-content{border:1px solid rgba(13,13,13,.07);padding:10px}.accordion .accordion-content p{margin:0}.accordion .arrow-right:after{background-image:url("https://d2l.pima.edu/shared/Templates/images/icons/arrow-right.svg");content:"";display:inline-block;height:16px;margin-left:5px;width:16px}.accordion .arrow-down:after{background-image:url("https://d2l.pima.edu/shared/Templates/images/icons/arrow-right.svg");content:"";display:inline-block;height:16px;margin-left:5px;transform:rotate(90deg);width:16px}button{background-color:#2e5e8e;color:#fff;border:none;font-size:1em;margin:5px;padding:10px}button button:hover{background-color:#1c3957}.btn{background-color:#2e5e8e;color:#fff;border:3px solid #2e5e8e;border-radius:.3em;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:5px 10px;margin:5px;text-decoration:none;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;vertical-align:middle}.btn:hover{background-color:#1c3957;color:#fff;text-decoration:none}.btn-primary{background-color:#045594;border-color:#045594;color:#fff}.btn-primary:hover{background-color:#03406f;border-color:#03406f;color:#fff}.btn-secondary{background-color:#f7902d;border-color:#f7902d;color:#fff}.btn-secondary:hover{background-color:#ec7709;border-color:#ec7709;color:#fff}.btn-tertiary{background-color:#00aeef;border-color:#00aeef;color:#fff}.btn-tertiary:hover{background-color:#0092c7;border-color:#0092c7;color:#fff}.btn-gray{background-color:#808285;border-color:#808285;color:#fff}.btn-gray:hover{background-color:#6c6e70;border-color:#6c6e70}.btn-lg{padding:25px 30px !important}.btn-xl{padding:35px 50px !important;font-size:1.5em;border-radius:.3em;line-height:1.5;border-width:.125em}.outline{background-color:transparent;color:#0d0d0d}.pill{border-radius:10em;padding:5px 20px}.full-width{display:block;width:100%;padding-left:0% !important;padding-right:0% !important;margin-left:0%;margin-right:0%}.list-group{margin:0 0 25px 0;padding:0}.list-group .list-group-item{margin:0;padding:5px 0}.list-group .list-group-item:not(:last-child){border-bottom:1px solid rgba(51,51,51,.0855)}ul li.list-group-item{list-style-type:none}ul li.list-group-item::before{content:none}.text-center{text-align:center}table{border-collapse:collapse !important;color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:100;margin:40px 20px 15px 20px;text-rendering:optimizeLegibility}table th{font-size:1.0625em;font-weight:bold;line-height:normal;padding:5px;text-align:left;vertical-align:top;border:none}table thead,table tr,table td{border:1px solid rgba(13,13,13,.155);vertical-align:top}table caption{font-size:1.3rem;margin:.25rem;margin-bottom:.25rem}table thead th{font-weight:600}table thead th,table tbody td{font-size:1rem;padding:.8rem}table tbody tr{color:#0d0d0d;font-size:1rem;padding:.8rem}table.display-lg{width:100%}table.display-lg td,table.display-lg th{font-size:1em;padding:10px 10px 20px 10px}@media screen and (min-width: 730px){table{margin:20px 0 5px 0}}@media screen and (min-width: 768px){table.custom-width th:first-child{width:40%}table.custom-width th:nth-child(2){width:20%}}@media screen and (min-width: 998px){tr:nth-child(even){background:rgba(51,51,51,.05)}}@media screen and (max-width: 768px){table.display-lg{background:none;background-color:#fff;display:inline-table !important;margin:10px auto}table.display-lg thead{display:none}table.display-lg tbody td{display:block;padding:.6rem}table.display-lg tbody td a{color:var(--color-pcc-white)}table.display-lg tbody td a:hover{color:var(--color-pcc-ltgrey)}table.display-lg tbody td:first-child{background:rgba(13,13,13,.7);color:#fff}table.display-lg tbody td::before{content:attr(data-th) ": ";display:inline-block;font-weight:bold;padding-right:5px;width:auto}}td#alignright{text-align:right}footer ul{margin:10px}.footnotes{border-top:1px solid rgba(13,13,13,.09)}.no-margin{margin:0 !important}.no-padding{padding:0 !important}table.two-column-table{border-collapse:collapse;margin:0}table.two-column-table tr{border-bottom:15px solid transparent !important;display:table-row}table.two-column-table tr td{padding:0;vertical-align:top}table.two-column-table tr td:first-child{color:rgba(13,13,13,.45)}table.two-column-table tr td:first-child::after{content:":"}table.two-column-table tr td:nth-child(2){padding-left:5%;width:100%}table.two-column-table tr:nth-child(even){background:transparent}table.two-column-table h3{margin-top:0}table.two-column-table ul{list-style-type:none;margin-left:0;padding-left:0}table.two-column-table ul li:before{color:#1d4a69;content:"";font-family:"FontAwesome";font-size:1em;font-weight:400;margin-right:10px;opacity:1}table.two-column-table,table.two-column-table tr,table.two-column-table tr td{border:none}.sm-table-col{width:20%}.md-table-col{width:30%}.lg-table-col{width:50%}html{font-size:18px}body{font-family:"Lato",sans-serif;font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.35}h1,h2,h3,h4,h5,h6{color:#045594;font-family:"Lato",sans-serif;padding-left:0px}h1{font-size:2.3em;font-weight:900;margin-bottom:5px;margin-top:0}h2{font-size:1.8em;font-weight:700;margin-bottom:20px;margin-top:45px}h3{font-size:1.3em;font-weight:400;margin-bottom:5px;margin-top:35px}h4,.font-size-h4{font-size:1.122em;font-weight:400;margin-bottom:5px;margin-top:15px}h4:first-child{margin-top:0px}h5,h6{color:#000;font-size:1em;font-weight:300;margin-bottom:5px;margin-top:30px}p{color:#000;font-size:1em;letter-spacing:-0.002em;line-height:1.35;margin:0 0 15px 0}p.lead{font-size:1.225em;font-weight:400;letter-spacing:-0.002em}.font-size-h3{font-size:1.463em;font-weight:300;margin-bottom:5px;margin-top:30px}blockquote{font-family:"Lato",sans-serif}@media screen and (min-width: 768px){h1{font-size:2.5em}h2{font-size:1.8em}h3{font-size:1.463em}.font-size-h3{font-size:1.463em}}.card-horizontal{margin-bottom:3rem}.card-horizontal>:first-child{flex-basis:70%;margin-right:2%}.card-horizontal>:last-child{flex-basis:30%}.card-horizontal>.card-body{margin-right:2%;flex-basis:70%}.card-horizontal>.card-img{flex-basis:30%}.card-horizontal h1,.card-horizontal h2,.card-horizontal h3,.card-horizontal h4{margin-top:0}.card-horizontal img{margin:0}@media screen and (min-width: 730px){.card-horizontal{display:flex;justify-content:flex-start}}.hanging-indent{padding-left:2.7rem;text-indent:-2.7rem}.side-by-side{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;margin:.6rem 0 1.1rem 0}.side-by-side-item{flex-basis:100%;margin:.6rem 0;padding:0}.side-by-side-item :is(figure,img){width:100%;margin:0 auto !important}@media screen and (min-width: 730px){.side-by-side-item{flex-basis:49%;margin:0}.side-by-side-item :is(figure,img){max-width:none;margin-left:auto !important}}.video-container{height:0;margin:1.7rem 0;overflow:hidden;padding-bottom:56.25%;padding-top:2rem;position:relative}.video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.media-container{border:1px solid rgba(51,51,51,.1);display:flex;flex-wrap:wrap;flex-direction:column;max-width:100%;margin:1.4rem auto;padding:.3rem}.media-container.reverse{flex-direction:column-reverse}.media-container .media-object{overflow:hidden;padding-top:2rem;padding-bottom:55%;position:relative;width:100%}.media-container .media-object iframe{height:100%;left:0;position:absolute;top:0;width:100%}.media-container .media-info{padding:.8rem 0;width:100%}.media-container .media-info p{margin:0}.media-container .media-info .ratio-16x9{padding-bottom:56.25% !important}@media screen and (min-width: 890px){.media-container{max-width:90%}}.ratio-4x3{padding-bottom:75% !important}.ratio-4x3-content{padding-bottom:78% !important}.ratio-3x2{padding-bottom:66.66% !important}.ratio-8x5{padding-bottom:62.5% !important}.ratio-1x1{padding-bottom:100% !important}.border{background-color:rgba(0,174,239,.06);border-left:3px solid #045594;margin:1.4rem 0;padding:.6rem}.border h1,.border h2,.border h3,.border h4{margin:0 0 .3rem 0}@media screen and (min-width: 768px){.border{padding:.8rem}}.border-yellow{background-color:#fcf9c3 !important;border:none;border-left:none;border-radius:0;border-top:2px solid #fdc92e !important;overflow:hidden;position:relative}.border-yellow::before{border-width:18px 18px 0 0;border-style:solid;border-color:#fcf9c3 #fff;bottom:0;-webkit-box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);-moz-box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);content:"";position:absolute;right:0}.border-yellow h1,.border-yellow h2,.border-yellow h3,.border-yellow h4,.border-yellow p{color:#0d0d0d;margin:0 0 .6rem 0}blockquote{font-size:1.2em;line-height:1.3;margin:3.3rem 0;padding:.6rem;position:relative}blockquote p,blockquote ul li,blockquote ol li{color:#393e54}blockquote::before{content:"";font-family:"FontAwesome";font-size:1em;position:absolute;right:50%;top:-20px}blockquote::after{bottom:-20px;content:"";font-family:"FontAwesome";font-size:1em;position:absolute;right:50%}@media screen and (min-width: 730px){blockquote{padding:1.1rem 2.2rem;margin:2.2rem 0}blockquote::before{top:-5px}blockquote::after{bottom:-10px}}.border>blockquote{border-bottom:none}.menu-table{box-shadow:4px 5px 20px 0px #bbb;margin:1.1rem;padding:.8rem}.menu-table table{background:transparent;margin:1.1rem auto .3rem auto}.menu-table table caption{color:#045594;padding-top:.6rem}.menu-table th{color:#0d0d0d;font-size:.85em !important;letter-spacing:2px;text-transform:uppercase}.menu-table td{background-image:linear-gradient(to right, #c8c8c8 33%, rgba(200, 200, 200, 0) 0%);background-position:bottom;background-repeat:repeat-x;background-size:6px 2px;padding-bottom:.3rem !important;padding-top:.6rem !important}.menu-table td:nth-child(even){margin-bottom:1.1rem}.menu-table td:first-child{color:#045594 !important}.menu-table thead,.menu-table tr,.menu-table td,.menu-table th{background-color:transparent !important;border:none}.menu-table h2{border-bottom:none;text-align:center}.menu-table-inner{border:2px solid #045594;padding:1.1rem .6rem;position:relative}@media screen and (min-width: 769px){.menu-table th:nth-child(2),.menu-table th:nth-child(3),.menu-table td:nth-child(2),.menu-table td:nth-child(3){text-align:right}.menu-table tbody tr td:first-child{color:#000 !important}}.call-out{background-color:rgba(4,85,148,.2);margin:1.4rem 0;padding:.6rem}.call-out::before{background:#045594;color:#fff;content:"Explore More";display:block;font-family:"Lato",Helvetica,sans-serif;font-size:1.3em;font-weight:700;margin:-0.6rem -0.6rem .6rem -0.6rem;padding:.3rem;text-align:center}.invite{background-color:#fff;box-shadow:4px 5px 10px 0px #bbb;margin:1.1rem;padding:.8rem;text-align:center}.invite h2,.invite h3,.invite h4{border-bottom:none;margin-top:1.1rem}.invite-inner{border:2px solid #045594;padding:.3rem .8rem;position:relative}.invite-line{margin:-0.3rem auto 0px auto}.content-body .invite-line,.column-right .invite-line{margin:-0.3rem auto}.footer-gallery{background-color:#fff;border-bottom:1px solid rgba(13,13,13,.2);border-radius:0 0 2px 2px;box-shadow:0 8px 8px 0 rgba(13,13,13,.03);margin:0px auto .8rem auto}.row{display:block;margin:0 auto;padding:0}.column{margin:.6rem;max-width:100%;padding:.6rem}.column img{height:100%;min-height:100%;min-width:100%;object-fit:cover;object-position:center}@media screen and (min-width: 600px){.row{align-items:center;display:flex;justify-content:space-around;margin:0;padding:0}.column{height:20vw;margin:0}}@media screen and (min-width: 730px){.column{height:15vw}.footer-gallery{width:100%}}@media screen and (min-width: 1038px){.column{height:200px;width:300px}}.card{width:100% !important}#nav_btn{display:flex;justify-content:center;margin:auto;position:relative;text-align:center;white-space:nowrap}#nav_btn button{background-color:#045594;border-radius:25px;display:flex;height:40px;margin:auto;text-align:center;width:40px}#nav_btn button:hover{background-color:#043e6b}.icon-next:before{color:#fff !important;content:"";font-family:"FontAwesome";margin-left:auto !important;margin-right:auto !important}.icon-prev:before{color:#fff !important;content:"";font-family:"FontAwesome";margin-left:auto !important;margin-right:auto !important}.icon-flip:before{color:#fff !important;content:"";font-family:"FontAwesome";margin-left:auto !important;margin-right:auto !important}.separator{content:url("https://d2l.pima.edu/shared/Templates/images/widgets/separator.svg");padding:1.7rem 0px 2.2rem 0px}.imgBorder{border:1px solid #ddd;margin-left:1.1rem;margin-right:0;padding:.6rem}.tooltip{border-bottom:3px dotted rgba(58,91,104,.3);color:#3a5b68;display:inline-block;font-weight:900;position:relative;z-index:1}.tooltip:hover{color:rgba(58,91,104,.5)}.tooltip:hover>.tip-hover{display:block}.tooltip:hover .caption{display:inline-block;font-style:italic;font-size:.8em;font-weight:900;padding-bottom:.6rem !important}.tooltip:hover:after{border-color:transparent transparent #dde0e4 transparent;border-width:15px;border-style:solid;content:"";filter:drop-shadow(1px 1px 1px rgba(13, 13, 13, 0.2));left:50%;margin-left:-0.3rem;position:absolute;top:80%;z-index:-1}.tooltip.hidden:after{display:none}.tip-hover{background-color:#dde0e4;border-radius:6px;box-shadow:2px 2px 1px rgba(13,13,13,.2);color:#282c2e;display:none;font-weight:400 !important;margin-left:-3.3rem;padding:.3rem;position:absolute;text-align:center;top:45px;transition:opacity .3s;width:max-content}.tip-hover img{padding:.6rem;max-width:fit-content}.tip-hover .video-container{display:flex;flex-direction:column;height:100%;margin:2%;overflow:hidden;width:96%}.tip-hover .video-container iframe{border:none;flex-grow:1;margin:0;padding:0}.horizontal-display{display:grid;grid-template-columns:repeat(auto-fit, minmax(8.3rem, 1fr));grid-gap:.6rem;margin-bottom:1rem}@media screen and (min-width: 500px){.fixed-col2{grid-template-columns:repeat(2, minmax(8.3rem, 1fr))}.fixed-col3{grid-template-columns:repeat(3, minmax(8.3rem, 1fr))}.fixed-col4{grid-template-columns:repeat(4, minmax(8.3rem, 1fr))}}.columns{display:grid;grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr));grid-gap:.6rem;margin-bottom:1rem}.columns>{width:100%}@media screen and (min-width: 768px){.columns :nth-of-type(even){margin-left:auto !important}}#video-grid{display:grid;grid-row-gap:10px;grid-template-areas:"header" "body" "footer";padding:.8rem 2.5%;width:95%}#video-grid #content-wrapper{max-width:1095px;z-index:1}#video-wrapper,.video-widget{display:grid;grid-template-columns:repeat(auto-fit, minmax(16.7rem, 1fr));justify-items:center}.video-widget .border{max-width:100%;grid-column:1/-1;justify-self:center}#video-wrapper .video-card,.video-widget .video-card{background:#fff;border-top:1px solid rgba(26,97,143,.3);box-shadow:1px 1px 10px 2px rgba(13,13,13,.15);box-sizing:border-box;height:auto;margin:.8rem;padding:.6rem .3rem;position:relative;transition:.2s;width:300px}.two-card-col .video-card{margin:1.4rem !important}#video-wrapper .video-card h2,.video-widget .video-card h2{margin-top:.3rem}#video-wrapper .video-card p,.video-widget .video-card p{font-size:.9em}#video-wrapper .video-card a.btn,.video-widget .video-card a.btn{display:block;margin:.8rem auto .3rem;width:fit-content}#video-wrapper .card-content,.video-widget .card-content{bottom:15px;width:100%}#video-wrapper .card-content,.video-widget .card-content h3{font-size:1.122em;min-height:54px;font-weight:400;margin-bottom:.3rem;margin-top:.8rem}#video-wrapper .video-container,.video-widget .video-container,#video-wrapper .media-container,.video-widget .media-container{margin:.6rem auto}.video-card-header{font-size:1.1em;font-weight:900;margin-top:.6rem;text-align:center}@media all and (min-width: 900px){#video-wrapper:hover .video-card,.video-widget:hover .video-card{opacity:.6;transform:scale(0.98)}#video-wrapper .video-card:hover,.video-widget .video-card:hover{opacity:1;transform:scale(1.02)}}#second-column ul.assignments-widget,#second-column ol.assignments-widget{margin:0;padding:0}#content-wrapper ul.assignments-widget,#content-wrapper ol.assignments-widget{display:flex;flex-flow:row wrap;justify-content:space-between}li.assignment{background-color:var(--color-pcc-ltgrey);border-top:1px solid var(--color-pcc-primary);border-radius:0px;margin:0;margin-bottom:.8rem;padding:.6rem;transition:.3s}li.assignment:hover{transform:translate(0, -5px)}li.assignment h2,li.assignment h3,li.assignment h4{background-color:rgba(13,13,13,.03);font-size:1.15em;font-weight:600;margin:-0.6rem -0.6rem .6rem -0.6rem !important;padding:.3rem .6rem}li.assignment ol li,li.assignment ul li{margin:0}li.assignment p,li.assignment ol,li.assignment ul,li.assignment .btn{font-size:.95em}li.assignment::before,li.assignment::marker{content:none}@media screen and (min-width: 576px){#content-wrapper li.assignment{flex-basis:45%}}@media screen and (min-width: 768px){#content-wrapper li.assignment{flex-basis:30%}}.modal-box.invisible{display:none}.gallery-wrapper{display:grid;grid-auto-rows:16.7rem;grid-gap:.6rem;justify-items:center;margin:1rem 0}.close-img:hover{background-color:#f6f6f6;color:#0d0d0d}.image-box{width:100%}.image-box img{width:100%;height:100%;object-fit:cover;object-position:center}.image-box:focus-visible{outline:-webkit-focus-ring-color 2px solid;border-radius:2px}@media screen and (max-width: 768px){.modal-box{display:none}.hide-gallery{margin:.3rem 0 .8rem 0}.gallery-wrapper.invisible{display:none}}@media screen and (min-width: 500px){.gallery-wrapper{grid-template-columns:repeat(auto-fit, minmax(11.1rem, 1fr));grid-auto-rows:11.1rem}}@media screen and (min-width: 768px){.hide-gallery{display:none}.gallery-wrapper{grid-template-columns:repeat(auto-fit, minmax(4.5rem, 1fr));grid-auto-rows:4.5rem}.gallery-wrapper .image-box{position:relative;margin:auto;overflow:hidden;height:80px;width:100%}.gallery-wrapper .image-box img{max-width:100%;transition:all .3s;display:block;width:100%;height:100%;transform:scale(1);filter:grayscale(0.6);cursor:pointer;object-fit:cover}.gallery-wrapper .image-box:hover img{transform:scale(1.1);filter:grayscale(0)}.modal-box{position:fixed;height:100%;width:100%;background:rgba(13,13,13,.7);transition:all .33s ease-out;z-index:1;left:0;top:0}.modal-box .gallery-overlay{position:absolute;height:100%;width:100%;top:0;left:0;z-index:1}.modal-box--image{background:none;position:absolute;width:inherit;height:inherit;max-width:90%;z-index:3;left:50%;transform:translate(-50%, -50%);border:none;margin:0 auto;box-shadow:none;top:25%;max-height:2500px}.modal-box--image img{width:auto;position:absolute;top:55%;left:50%;transform:translate(-50%, -50%);background:#fff;padding:1.1rem 1.1rem 5.5rem;border-radius:5px;box-shadow:5px 10px 20px rgba(13,13,13,.8);height:700px;object-fit:cover}.close-img{font-size:1rem;background-color:#0d0d0d;color:#fff;position:absolute;padding:.6rem 1.1rem;border-radius:20px;top:900px;left:50%;cursor:pointer}.img-caption{position:absolute;top:68%;background-color:transparent}}@media screen and (min-width: 900px){.close-img{top:900px}.img-caption{top:68%}}@media screen and (min-width: 1024px){.modal-box--image{top:35%}.modal-box--image img{top:50%}.close-img{top:750px}.img-caption{top:63%}}dl.contact-info{display:grid;margin:1rem 0;row-gap:1em;grid-template-columns:5.5rem auto}dl.contact-info dt{width:fit-content}dl.contact-info dd{margin:0 !important;grid-column:2}dl.contact-info dd+dd{margin-top:-1rem !important}.vocab-cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));grid-gap:1em}.vocab{border-radius:15px 15px 15px 15px;background-color:var(--color-pcc-white);box-shadow:2px 2px 3px 2px rgba(0,0,0,.15);margin:10px auto;max-width:275px;padding:1em;justify-content:center;transition:.5s}.vocab dt{margin:.5em 0}.vocab:hover{transform:translate(0, -5px);transition:.5s;box-shadow:2px 2px 3px 3px rgba(0,0,0,.25)}dl.vocab-list{box-sizing:border-box;margin-top:.8rem;margin-bottom:.8rem}dl.vocab-list button{text-decoration:none;background-color:var(--color-pcc-primary);font-size:1em;margin:.3rem;padding:.6rem;color:#fff}dl.vocab-list button:hover{cursor:pointer;background-color:var(--color-primary);color:#fff}dl.vocab-list dt{background-color:var(--color-pcc-ltgrey);position:relative;color:var(--color-pcc-black);cursor:pointer;padding:.6rem .8rem;text-align:left;border:none;outline:none;transition:.4s;margin:.3rem 0px}dl.vocab-list dt:focus-visible{outline:2px solid var(--color-pcc-black)}dl.vocab-list dt:hover{background-color:#d5cac9}dl.vocab-list dt::after{position:absolute;font-family:"Font Awesome";content:"➕";font-size:13px;color:var(--color-pcc-black);opacity:1;right:10px}dl.vocab-list dt.active::after{content:"➖"}dl.vocab-list dd{padding:.6rem .8rem;display:none;border-style:inset;overflow:hidden;border:1px solid var(--color-pcc-ltgrey);margin-top:-0.3rem;border-top:none}@media screen and (min-width: 700px){dl.vocab-list dd{padding:.8rem .6rem}dl.vocab-list dt{padding:.8rem 2rem .8rem .6rem}}.tabs{display:flex;flex-wrap:wrap;padding:0;margin-bottom:2.2rem;max-width:860px}.tabs input{position:absolute;opacity:0}.tabs input:focus{outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color}.tabs input:focus+label{outline:1px solid #006fbf}.tabs input:checked+label{background-color:var(--color-pcc-white);color:var(--color-pcc-black);z-index:2;transition:.5s}.tabs input:checked+label+.tab-panel{display:block;background-color:var(--color-pcc-white);z-index:1;border:2px solid #ccc}.tabs input:checked+label.hide-tab{background-color:var(--color-pcc-white);color:var(--color-pcc-black);text-decoration:underline}.tabs label{background-color:#6e6e6e;border:2px solid #ccc;border-bottom:none;width:100%;text-align:center;transition:.5s;color:var(--color-pcc-white)}.tabs label.hide-tab{background-color:transparent !important;border:none !important;color:var(--color-pcc-black)}.hide-panel{background-color:transparent !important;display:none !important}.tab-header:hover{cursor:pointer}@media(min-width: 700px){.tabs label{width:fit-content}.tab-panel{order:99}}.tab-panel{display:none;background:var(--color-pcc-white);padding:1.1rem .6rem;overflow:auto;width:100%;height:300px}.tab-panel>{margin-top:1.1rem}
1	+ :root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}#main{margin:10px auto;max-width:95%}@media screen and (min-width: 660px){#main{margin:15px auto}}@media screen and (min-width: 768px){#main{margin:20px auto;max-width:998px;padding:5px}}.header{margin-bottom:10px}.header img{margin:0 !important}.video-container{margin:30px 0;position:relative;padding-bottom:56.25%;padding-top:35px;height:0;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.card-horizontal{margin-bottom:45px}.card-horizontal>:first-child{flex-basis:70%;margin-right:2%}.card-horizontal>:last-child{flex-basis:30%}.card-horizontal>.card-body{flex-basis:70%;margin-right:2%}.card-horizontal>.card-img{flex-basis:30%}.card-horizontal h1,.card-horizontal h2,.card-horizontal h3,.card-horizontal h4{margin-top:0}.card-horizontal img{margin:0}@media screen and (min-width: 730px){.card-horizontal{display:flex;justify-content:flex-start}}.border{background-color:rgba(0,174,239,.06);border-left:3px solid #045594;margin:25px 0;padding:10px}.border h1,.border h2,.border h3,.border h4{font-weight:700;margin:0 0 5px 0}@media screen and (min-width: 768px){.border{padding:15px}}.border-yellow{background-color:#fcf9c3 !important;border:none;border-left:none;border-radius:0;border-top:2px solid #fdc82e !important;overflow:hidden;position:relative}.border-yellow::before{border-color:#fcf983 #fff;border-style:solid;border-width:18px 18px 0 0;bottom:0;-webkit-box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);-moz-box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);content:"";position:absolute;right:0}.border-yellow h1,.border-yellow h2,.border-yellow h3,.border-yellow h4,.border-yellow p{color:#000;margin:0 0 10px 0}.side-by-side{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;margin:10px 0 20px 0}.side-by-side-item{flex-basis:100%;margin:10px 0;padding:0}.side-by-side-item figure{margin:0}@media screen and (min-width: 730px){.side-by-side-item{flex-basis:49%;margin:20px 0;padding:3px}}#main-two-column{margin:0 auto;max-width:1170px;padding:5px}#main-two-column .header{max-width:1170px}#main-two-column .content-body{align-self:stretch;display:block;flex-basis:100%;margin:0;padding:5px 20px 5px 20px;vertical-align:top}.two-column-wrapper{align-items:stretch;display:block;margin:0 auto;max-width:1170px}@media screen and (min-width: 730px){.two-column-wrapper{align-items:flex-start;align-content:stretch;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;max-width:1170px;margin:auto}}@media screen and (min-width: 730px){#main-two-column .content-body{display:block;flex-basis:65%;padding:10px 20px}}@media screen and (min-width: 998px){#main-two-column .content-body{flex-basis:68%}}.sidebar{align-self:stretch;flex-basis:100%;margin:0;vertical-align:top}.sidebar h4{margin:0 0 10px 0}.sidebar ul{margin:0}.sidebar .border{margin:0}.sidebar .sidebar-item{overflow:hidden;padding:10px}.sidebar .sidebar-item:not(:last-child){margin:0 0 5px 0}@media screen and (min-width: 730px){.sidebar{flex-basis:28%;margin:0}}@media screen and (min-width: 998px){.sidebar{flex-basis:28%}}body{background-color:var(--color-pcc-white);background-repeat:no-repeat;background-size:contain;margin:0}@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}#one-column{display:grid;grid-row-gap:10px;grid-template-areas:"header" "body" "footer";padding:15px 2.5%;width:95%}.header,#content-wrapper,footer{margin:0 auto;max-width:998px;width:100%}#content-wrapper{grid-area:body}#content-wrapper .content-body{width:96%;width:-moz-available;width:-webkit-fill-available}footer{grid-area:footer}footer .footnotes{padding:10px}#two-column,#two-col-widget{display:grid;grid-row-gap:10px;justify-content:center;padding:10px 2.5%;width:95%;margin:0 auto}#two-column{grid-template-areas:"header" "body" "second-column" "footer"}#two-col-widget{display:grid;grid-template-areas:"header" "body" "second-column" "column-widget" "footer"}#two-column .header,#two-col-widget .header,#two-column footer,#two-col-widget footer{max-width:1170px}#two-column #content-wrapper,#two-col-widget #content-wrapper,#second-column,#column-widget{display:flex;flex-flow:column;height:100%}#two-column .content-body:last-child,#two-col-widget .content-body:last-child{flex-grow:1}#column-widget{grid-area:column-widget}#second-column{grid-area:second-column}@media screen and (min-width: 700px){#two-column{grid-template-areas:"header header" "body second-column" "footer footer"}#two-col-widget{grid-template-areas:"header header" "body column-widget" "body second-column" "footer footer"}#two-column,#two-col-widget{grid-template-columns:minmax(360px, 830px) 330px;grid-column-gap:10px}}#three-column{display:grid;grid-row-gap:10px;grid-template-areas:"header" "body" "second-column" "third-column" "quote-area" "footer";justify-content:center;padding:10px 2.5%;width:95%;margin:0 auto}#third-column{grid-area:third-column}#three-column .header,#three-column footer{max-width:1170px}#three-column #content-wrapper,#second-column,#third-column{display:flex;flex-flow:column;height:100%;max-width:100%}#three-column .content-body:last-child{flex-grow:1}@media screen and (min-width: 700px){#three-column{grid-template-areas:"header header" "body second-column" "third-column third-column" "footer footer";grid-template-columns:minmax(360px, 830px) 330px;grid-column-gap:10px}}.header{grid-area:header;position:relative;text-align:center}.header .text-container{padding:10px 0 25px 0}.header .text-container:is(h1,h2,h3,h4,p){line-height:1.2;margin:auto;max-width:600px}.header .text-container p{font-size:1.255em}.header .text-container ul,.header .text-container ol{margin-left:30%;text-align:left}.header .text-container ul li,.header .text-container ol li{color:#fff}.header .text-container ul li::before,.header .text-container ul li::after,.header .text-container ol li::before,.header .text-container ol li::after{color:#fff}@media screen and (min-width: 730px){.header .text-container:is(h1,h2,h3,h4,p){max-width:760px}.header .text-container:is(h1,h2,h3,h4){line-height:1.1}.header .text-container p{line-height:1.155}}@media screen and (min-width: 998px){.header .text-container:is(h1,h2,h3,h4,p){max-width:1160px}.header .text-container:is(h1,h2,h3,h4){line-height:1.155}}.syllabus-header{background-color:#fff;justify-content:center;text-align:center}.syllabus-header img{border-bottom:none;box-shadow:none;margin:20px auto !important;max-width:290px}.syllabus-header h1{font-size:3.2em;margin-bottom:15px !important}.syllabus-header h2{margin-top:2px;text-align:center}.syllabus-header dl{display:flex;flex-wrap:wrap;margin:5px auto;padding:0px;justify-content:center;width:fit-content}.syllabus-header dl dt{display:block;margin:0px 5px;padding:0px}.caption{color:#666;font-size:.85em}.content-body{margin-bottom:10px;padding:15px;background-color:var(--color-pcc-white)}.content-body h2:first-child,.content-body h3:first-child{margin:0 0 20px 0}.content-body:last-child{margin-bottom:0px}video{object-fit:fill}.edit{color:#b20303;font-weight:bold}.highlight{background-color:transparent;background-image:linear-gradient(to bottom, #b4e7f8, #b4e7f8);border-bottom:2px solid #b4e7f8;border-left:2px solid #b4e7f8;border-right:2px solid #b4e7f8;border-top:2px solid #b4e7f8}.monospace{font-family:"Courier New",Courier,monospace}hr{border:none;border-bottom:1px solid rgba(13,13,13,.3);margin:10px}@media screen and (min-width: 768px){hr{margin:20px 0}}img{border-style:none;display:block;height:auto;margin:0 !important;max-width:100%}img .center{display:block;margin:25px auto}figure{margin:0}figure figcaption,figure .caption{border-bottom:1px solid rgba(13,13,13,.045);color:#666;font-size:.85em;font-style:italic;padding:0 0 5px 0}.label{border-radius:1px;color:#fff;display:inline;font-size:.7em;font-weight:700;line-height:1.5;margin:0;padding:.2em .6em .3em;text-align:center;vertical-align:baseline;white-space:nowrap}.label-default{background-color:#1a618f}.label-muted{background-color:rgba(13,13,13,.15);color:#232323}ul,ol{list-style-position:outside;margin:0 0 10px 10px;padding:0 0 0 20px}ol li{margin-left:20px;padding-left:5px}li{margin-bottom:10px}ul>li{list-style-type:none}ul li{padding-left:8px;position:relative}ul>li::before{color:#05528f;content:"";display:inline-block;font-family:"FontAwesome";font-size:1em;font-weight:400;left:0;margin:0 5px 0 -15px;opacity:1;position:absolute}@media screen and (min-width: 660){li{margin-bottom:8px}}@media screen and (min-width: 768px){ul,ol{margin:0 0 10px 20px;padding:0 0 0 20px}ol li{margin-left:20px}}ul.two-col,ol.two-col{columns:1;padding-right:20px}@media screen and (min-width: 700px){ul.two-col,ol.two-col{columns:2}}ul.three-col,ol.three-col{columns:1;padding-right:20px}@media screen and (min-width: 400px){ul.three-col,ol.three-col{columns:2}}@media screen and (min-width: 700px){ul.three-col,ol.three-col{columns:3}}dt{display:block;float:none;min-width:100px;margin-right:5px;font-weight:700}dd{margin:0 0 15px 0 !important}a{word-break:break-word}a,.toggle-footnotes{background-color:transparent;color:#005be2;text-decoration:underline}a:visited{color:#6c00a9}a:hover,a:active,.toggle-footnotes:hover{background-color:transparent;color:#00398f;text-decoration:underline}.toggle-btn:hover,.toggle-footnotes:hover{cursor:pointer;text-decoration:none}.toggle-footnotes{margin:5px;text-decoration:none}.toggle-btn-content,.footnotes{display:none}.show{display:block}.accordion{margin-bottom:15px}.accordion .accordion-title{background-color:rgba(13,13,13,.07);padding:10px}.accordion .accordion-title p{margin:0}.accordion .accordion-title:hover{background-color:rgba(13,13,13,.1)}.accordion .accordion-content{border:1px solid rgba(13,13,13,.07);padding:10px}.accordion .accordion-content p{margin:0}.accordion .arrow-right:after{background-image:url("https://d2l.pima.edu/shared/Templates/images/icons/arrow-right.svg");content:"";display:inline-block;height:16px;margin-left:5px;width:16px}.accordion .arrow-down:after{background-image:url("https://d2l.pima.edu/shared/Templates/images/icons/arrow-right.svg");content:"";display:inline-block;height:16px;margin-left:5px;transform:rotate(90deg);width:16px}button{background-color:#2e5e8e;color:#fff;border:none;font-size:1em;margin:5px;padding:10px}button button:hover{background-color:#1c3957}.btn{background-color:#2e5e8e;color:#fff;border:3px solid #2e5e8e;border-radius:.3em;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;padding:5px 10px;margin:5px;text-decoration:none;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;vertical-align:middle}.btn:hover{background-color:#1c3957;color:#fff;text-decoration:none}.btn-primary{background-color:#045594;border-color:#045594;color:#fff}.btn-primary:hover{background-color:#03406f;border-color:#03406f;color:#fff}.btn-secondary{background-color:#f7902d;border-color:#f7902d;color:#fff}.btn-secondary:hover{background-color:#ec7709;border-color:#ec7709;color:#fff}.btn-tertiary{background-color:#00aeef;border-color:#00aeef;color:#fff}.btn-tertiary:hover{background-color:#0092c7;border-color:#0092c7;color:#fff}.btn-gray{background-color:#808285;border-color:#808285;color:#fff}.btn-gray:hover{background-color:#6c6e70;border-color:#6c6e70}.btn-lg{padding:25px 30px !important}.btn-xl{padding:35px 50px !important;font-size:1.5em;border-radius:.3em;line-height:1.5;border-width:.125em}.outline{background-color:transparent;color:#0d0d0d}.pill{border-radius:10em;padding:5px 20px}.full-width{display:block;width:100%;padding-left:0% !important;padding-right:0% !important;margin-left:0%;margin-right:0%}.list-group{margin:0 0 25px 0;padding:0}.list-group .list-group-item{margin:0;padding:5px 0}.list-group .list-group-item:not(:last-child){border-bottom:1px solid rgba(51,51,51,.0855)}ul li.list-group-item{list-style-type:none}ul li.list-group-item::before{content:none}.text-center{text-align:center}table{border-collapse:collapse !important;color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:100;margin:40px 20px 15px 20px;text-rendering:optimizeLegibility}table th{font-size:1.0625em;font-weight:bold;line-height:normal;padding:5px;text-align:left;vertical-align:top;border:none}table thead,table tr,table td{border:1px solid rgba(13,13,13,.155);vertical-align:top}table caption{font-size:1.3rem;margin:.25rem;margin-bottom:.25rem}table thead th{font-weight:600}table thead th,table tbody td{font-size:1rem;padding:.8rem}table tbody tr{color:#0d0d0d;font-size:1rem;padding:.8rem}table.display-lg{width:100%}table.display-lg td,table.display-lg th{font-size:1em;padding:10px 10px 20px 10px}@media screen and (min-width: 730px){table{margin:20px 0 5px 0}}@media screen and (min-width: 768px){table.custom-width th:first-child{width:40%}table.custom-width th:nth-child(2){width:20%}}@media screen and (min-width: 998px){tr:nth-child(even){background:rgba(51,51,51,.05)}}@media screen and (max-width: 768px){table.display-lg{background:none;background-color:#fff;display:inline-table !important;margin:10px auto}table.display-lg thead{display:none}table.display-lg tbody td{display:block;padding:.6rem}table.display-lg tbody td a{color:var(--color-pcc-white)}table.display-lg tbody td a:hover{color:var(--color-pcc-ltgrey)}table.display-lg tbody td:first-child{background:rgba(13,13,13,.7);color:#fff}table.display-lg tbody td::before{content:attr(data-th) ": ";display:inline-block;font-weight:bold;padding-right:5px;width:auto}}td#alignright{text-align:right}footer ul{margin:10px}.footnotes{border-top:1px solid rgba(13,13,13,.09)}.no-margin{margin:0 !important}.no-padding{padding:0 !important}table.two-column-table{border-collapse:collapse;margin:0}table.two-column-table tr{border-bottom:15px solid transparent !important;display:table-row}table.two-column-table tr td{padding:0;vertical-align:top}table.two-column-table tr td:first-child{color:rgba(13,13,13,.45)}table.two-column-table tr td:first-child::after{content:":"}table.two-column-table tr td:nth-child(2){padding-left:5%;width:100%}table.two-column-table tr:nth-child(even){background:transparent}table.two-column-table h3{margin-top:0}table.two-column-table ul{list-style-type:none;margin-left:0;padding-left:0}table.two-column-table ul li:before{color:#1d4a69;content:"";font-family:"FontAwesome";font-size:1em;font-weight:400;margin-right:10px;opacity:1}table.two-column-table,table.two-column-table tr,table.two-column-table tr td{border:none}.sm-table-col{width:20%}.md-table-col{width:30%}.lg-table-col{width:50%}html{font-size:18px}body{font-family:"Lato",sans-serif;font-size:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.35}h1,h2,h3,h4,h5,h6{color:#045594;font-family:"Lato",sans-serif;padding-left:0px}h1{font-size:2.3em;font-weight:900;margin-bottom:5px;margin-top:0}h2{font-size:1.8em;font-weight:700;margin-bottom:20px;margin-top:45px}h3{font-size:1.3em;font-weight:400;margin-bottom:5px;margin-top:35px}h4,.font-size-h4{font-size:1.122em;font-weight:400;margin-bottom:5px;margin-top:15px}h4:first-child{margin-top:0px}h5,h6{color:#000;font-size:1em;font-weight:300;margin-bottom:5px;margin-top:30px}p{color:#000;font-size:1em;letter-spacing:-0.002em;line-height:1.35;margin:0 0 15px 0}p.lead{font-size:1.225em;font-weight:400;letter-spacing:-0.002em}.font-size-h3{font-size:1.463em;font-weight:300;margin-bottom:5px;margin-top:30px}blockquote{font-family:"Lato",sans-serif}@media screen and (min-width: 768px){h1{font-size:2.5em}h2{font-size:1.8em}h3{font-size:1.463em}.font-size-h3{font-size:1.463em}}.card-horizontal{margin-bottom:3rem}.card-horizontal>:first-child{flex-basis:70%;margin-right:2%}.card-horizontal>:last-child{flex-basis:30%}.card-horizontal>.card-body{margin-right:2%;flex-basis:70%}.card-horizontal>.card-img{flex-basis:30%}.card-horizontal h1,.card-horizontal h2,.card-horizontal h3,.card-horizontal h4{margin-top:0}.card-horizontal img{margin:0}@media screen and (min-width: 730px){.card-horizontal{display:flex;justify-content:flex-start}}.hanging-indent{padding-left:2.7rem;text-indent:-2.7rem}.side-by-side{align-items:stretch;display:flex;flex-wrap:wrap;justify-content:space-between;margin:.6rem 0 1.1rem 0}.side-by-side-item{flex-basis:100%;margin:.6rem 0;padding:0}.side-by-side-item :is(figure,img){width:100%;margin:0 auto !important}@media screen and (min-width: 730px){.side-by-side-item{flex-basis:49%;margin:0}.side-by-side-item :is(figure,img){max-width:none;margin-left:auto !important}}.video-container{height:0;margin:1.7rem 0;overflow:hidden;padding-bottom:56.25%;padding-top:2rem;position:relative}.video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.media-container{border:1px solid rgba(51,51,51,.1);display:flex;flex-wrap:wrap;flex-direction:column;max-width:100%;margin:1.4rem auto;padding:.3rem}.media-container.reverse{flex-direction:column-reverse}.media-container .media-object{overflow:hidden;padding-top:2rem;padding-bottom:55%;position:relative;width:100%}.media-container .media-object iframe{height:100%;left:0;position:absolute;top:0;width:100%}.media-container .media-info{padding:.8rem 0;width:100%}.media-container .media-info p{margin:0}.media-container .media-info .ratio-16x9{padding-bottom:56.25% !important}@media screen and (min-width: 890px){.media-container{max-width:90%}}.ratio-4x3{padding-bottom:75% !important}.ratio-4x3-content{padding-bottom:78% !important}.ratio-3x2{padding-bottom:66.66% !important}.ratio-8x5{padding-bottom:62.5% !important}.ratio-1x1{padding-bottom:100% !important}.border{background-color:rgba(0,174,239,.06);border-left:3px solid #045594;margin:1.4rem 0;padding:.6rem}.border h1,.border h2,.border h3,.border h4{margin:0 0 .3rem 0}@media screen and (min-width: 768px){.border{padding:.8rem}}.border-yellow{background-color:#fcf9c3 !important;border:none;border-left:none;border-radius:0;border-top:2px solid #fdc92e !important;overflow:hidden;position:relative}.border-yellow::before{border-width:18px 18px 0 0;border-style:solid;border-color:#fcf9c3 #fff;bottom:0;-webkit-box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);-moz-box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);box-shadow:0 1px 1px rgba(13,13,13,.3),-1px 1px 1px rgba(13,13,13,.2);content:"";position:absolute;right:0}.border-yellow h1,.border-yellow h2,.border-yellow h3,.border-yellow h4,.border-yellow p{color:#0d0d0d;margin:0 0 .6rem 0}blockquote{font-size:1.2em;line-height:1.3;margin:3.3rem 0;padding:.6rem;position:relative}blockquote p,blockquote ul li,blockquote ol li{color:#393e54}blockquote::before{content:"";font-family:"FontAwesome";font-size:1em;position:absolute;right:50%;top:-20px}blockquote::after{bottom:-20px;content:"";font-family:"FontAwesome";font-size:1em;position:absolute;right:50%}@media screen and (min-width: 730px){blockquote{padding:1.1rem 2.2rem;margin:2.2rem 0}blockquote::before{top:-5px}blockquote::after{bottom:-10px}}.border>blockquote{border-bottom:none}.menu-table{box-shadow:4px 5px 20px 0px #bbb;margin:1.1rem;padding:.8rem}.menu-table table{background:transparent;margin:1.1rem auto .3rem auto}.menu-table table caption{color:#045594;padding-top:.6rem}.menu-table th{color:#0d0d0d;font-size:.85em !important;letter-spacing:2px;text-transform:uppercase}.menu-table td{background-image:linear-gradient(to right, #c8c8c8 33%, rgba(200, 200, 200, 0) 0%);background-position:bottom;background-repeat:repeat-x;background-size:6px 2px;padding-bottom:.3rem !important;padding-top:.6rem !important}.menu-table td:nth-child(even){margin-bottom:1.1rem}.menu-table td:first-child{color:#045594 !important}.menu-table thead,.menu-table tr,.menu-table td,.menu-table th{background-color:transparent !important;border:none}.menu-table h2{border-bottom:none;text-align:center}.menu-table-inner{border:2px solid #045594;padding:1.1rem .6rem;position:relative}@media screen and (min-width: 769px){.menu-table th:nth-child(2),.menu-table th:nth-child(3),.menu-table td:nth-child(2),.menu-table td:nth-child(3){text-align:right}.menu-table tbody tr td:first-child{color:#000 !important}}.call-out{background-color:rgba(4,85,148,.2);margin:1.4rem 0;padding:.6rem}.call-out::before{background:#045594;color:#fff;content:"Explore More";display:block;font-family:"Lato",Helvetica,sans-serif;font-size:1.3em;font-weight:700;margin:-0.6rem -0.6rem .6rem -0.6rem;padding:.3rem;text-align:center}.invite{background-color:#fff;box-shadow:4px 5px 10px 0px #bbb;margin:1.1rem;padding:.8rem;text-align:center}.invite h2,.invite h3,.invite h4{border-bottom:none;margin-top:1.1rem}.invite-inner{border:2px solid #045594;padding:.3rem .8rem;position:relative}.invite-line{margin:-0.3rem auto 0px auto}.content-body .invite-line,.column-right .invite-line{margin:-0.3rem auto}.footer-gallery{background-color:#fff;border-bottom:1px solid rgba(13,13,13,.2);border-radius:0 0 2px 2px;box-shadow:0 8px 8px 0 rgba(13,13,13,.03);margin:0px auto .8rem auto}.row{display:block;margin:0 auto;padding:0}.column{margin:.6rem;max-width:100%;padding:.6rem}.column img{height:100%;min-height:100%;min-width:100%;object-fit:cover;object-position:center}@media screen and (min-width: 600px){.row{align-items:center;display:flex;justify-content:space-around;margin:0;padding:0}.column{height:20vw;margin:0}}@media screen and (min-width: 730px){.column{height:15vw}.footer-gallery{width:100%}}@media screen and (min-width: 1038px){.column{height:200px;width:300px}}.card{width:100% !important}#nav_btn{display:flex;justify-content:center;margin:auto;position:relative;text-align:center;white-space:nowrap}#nav_btn button{background-color:#045594;border-radius:25px;display:flex;height:40px;margin:auto;text-align:center;width:40px}#nav_btn button:hover{background-color:#043e6b}.icon-next:before{color:#fff !important;content:"";font-family:"FontAwesome";margin-left:auto !important;margin-right:auto !important}.icon-prev:before{color:#fff !important;content:"";font-family:"FontAwesome";margin-left:auto !important;margin-right:auto !important}.icon-flip:before{color:#fff !important;content:"";font-family:"FontAwesome";margin-left:auto !important;margin-right:auto !important}.separator{content:url("https://d2l.pima.edu/shared/Templates/images/widgets/separator.svg");padding:1.7rem 0px 2.2rem 0px}.imgBorder{border:1px solid #ddd;margin-left:1.1rem;margin-right:0;padding:.6rem}.tooltip{border-bottom:3px dotted rgba(58,91,104,.3);color:#3a5b68;display:inline-block;font-weight:900;position:relative;z-index:1}.tooltip:hover{color:rgba(58,91,104,.5)}.tooltip:hover>.tip-hover{display:block}.tooltip:hover .caption{display:inline-block;font-style:italic;font-size:.8em;font-weight:900;padding-bottom:.6rem !important}.tooltip:hover:after{border-color:transparent transparent #dde0e4 transparent;border-width:15px;border-style:solid;content:"";filter:drop-shadow(1px 1px 1px rgba(13, 13, 13, 0.2));left:50%;margin-left:-0.3rem;position:absolute;top:80%;z-index:-1}.tooltip.hidden:after{display:none}.tip-hover{background-color:#dde0e4;border-radius:6px;box-shadow:2px 2px 1px rgba(13,13,13,.2);color:#282c2e;display:none;font-weight:400 !important;margin-left:-3.3rem;padding:.3rem;position:absolute;text-align:center;top:45px;transition:opacity .3s;width:max-content}.tip-hover img{padding:.6rem;max-width:fit-content}.tip-hover .video-container{display:flex;flex-direction:column;height:100%;margin:2%;overflow:hidden;width:96%}.tip-hover .video-container iframe{border:none;flex-grow:1;margin:0;padding:0}.horizontal-display{display:grid;grid-template-columns:repeat(auto-fit, minmax(8.3rem, 1fr));grid-gap:.6rem;margin-bottom:1rem}@media screen and (min-width: 500px){.fixed-col2{grid-template-columns:repeat(2, minmax(8.3rem, 1fr))}.fixed-col3{grid-template-columns:repeat(3, minmax(8.3rem, 1fr))}.fixed-col4{grid-template-columns:repeat(4, minmax(8.3rem, 1fr))}}.columns{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));grid-gap:.6rem;margin-bottom:1rem}.columns>,.columns>>{width:100%}@media screen and (max-width: 1024px){#two-column #content-wrapper .col-4,#three-column #content-wrapper .col-4{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}}@media screen and (min-width: 768px){.col-2{grid-template-columns:repeat(2, 1fr)}.col-3{grid-template-columns:repeat(3, 1fr)}.col-4{grid-template-columns:repeat(4, 1fr)}.columns:nth-of-type(even){margin-left:auto !important}}#video-grid{display:grid;grid-row-gap:10px;grid-template-areas:"header" "body" "footer";padding:.8rem 2.5%;width:95%}#video-grid #content-wrapper{max-width:1095px;z-index:1}#video-wrapper,.video-widget{display:grid;grid-template-columns:repeat(auto-fit, minmax(16.7rem, 1fr));justify-items:center}.video-widget .border{max-width:100%;grid-column:1/-1;justify-self:center}#video-wrapper .video-card,.video-widget .video-card{background:#fff;border-top:1px solid rgba(26,97,143,.3);box-shadow:1px 1px 10px 2px rgba(13,13,13,.15);box-sizing:border-box;height:auto;margin:.8rem;padding:.6rem .3rem;position:relative;transition:.2s;width:300px}.two-card-col .video-card{margin:1.4rem !important}#video-wrapper .video-card h2,.video-widget .video-card h2{margin-top:.3rem}#video-wrapper .video-card p,.video-widget .video-card p{font-size:.9em}#video-wrapper .video-card a.btn,.video-widget .video-card a.btn{display:block;margin:.8rem auto .3rem;width:fit-content}#video-wrapper .card-content,.video-widget .card-content{bottom:15px;width:100%}#video-wrapper .card-content,.video-widget .card-content h3{font-size:1.122em;min-height:54px;font-weight:400;margin-bottom:.3rem;margin-top:.8rem}#video-wrapper .video-container,.video-widget .video-container,#video-wrapper .media-container,.video-widget .media-container{margin:.6rem auto}.video-card-header{font-size:1.1em;font-weight:900;margin-top:.6rem;text-align:center}@media all and (min-width: 900px){#video-wrapper:hover .video-card,.video-widget:hover .video-card{opacity:.6;transform:scale(0.98)}#video-wrapper .video-card:hover,.video-widget .video-card:hover{opacity:1;transform:scale(1.02)}}#second-column ul.assignments-widget,#second-column ol.assignments-widget{margin:0;padding:0}#content-wrapper ul.assignments-widget,#content-wrapper ol.assignments-widget{display:flex;flex-flow:row wrap;justify-content:space-between}li.assignment{background-color:var(--color-pcc-ltgrey);border-top:1px solid var(--color-pcc-primary);border-radius:0px;margin:0;margin-bottom:.8rem;padding:.6rem;transition:.3s}li.assignment:hover{transform:translate(0, -5px)}li.assignment h2,li.assignment h3,li.assignment h4{background-color:rgba(13,13,13,.03);font-size:1.15em;font-weight:600;margin:-0.6rem -0.6rem .6rem -0.6rem !important;padding:.3rem .6rem}li.assignment ol li,li.assignment ul li{margin:0}li.assignment p,li.assignment ol,li.assignment ul,li.assignment .btn{font-size:.95em}li.assignment::before,li.assignment::marker{content:none}@media screen and (min-width: 576px){#content-wrapper li.assignment{flex-basis:45%}}@media screen and (min-width: 768px){#content-wrapper li.assignment{flex-basis:30%}}.modal-box.invisible{display:none}.gallery-wrapper{display:grid;grid-auto-rows:16.7rem;grid-gap:.6rem;justify-items:center;margin:1rem 0}.close-img:hover{background-color:#f6f6f6;color:#0d0d0d}.image-box{width:100%}.image-box img{width:100%;height:100%;object-fit:cover;object-position:center}.image-box:focus-visible{outline:-webkit-focus-ring-color 2px solid;border-radius:2px}@media screen and (max-width: 768px){.modal-box{display:none}.hide-gallery{margin:.3rem 0 .8rem 0}.gallery-wrapper.invisible{display:none}}@media screen and (min-width: 500px){.gallery-wrapper{grid-template-columns:repeat(auto-fit, minmax(11.1rem, 1fr));grid-auto-rows:11.1rem}}@media screen and (min-width: 768px){.hide-gallery{display:none}.gallery-wrapper{grid-template-columns:repeat(auto-fit, minmax(4.5rem, 1fr));grid-auto-rows:4.5rem}.gallery-wrapper .image-box{position:relative;margin:auto;overflow:hidden;height:80px;width:100%}.gallery-wrapper .image-box img{max-width:100%;transition:all .3s;display:block;width:100%;height:100%;transform:scale(1);filter:grayscale(0.6);cursor:pointer;object-fit:cover}.gallery-wrapper .image-box:hover img{transform:scale(1.1);filter:grayscale(0)}.modal-box{position:fixed;height:100%;width:100%;background:rgba(13,13,13,.7);transition:all .33s ease-out;z-index:1;left:0;top:0}.modal-box .gallery-overlay{position:absolute;height:100%;width:100%;top:0;left:0;z-index:1}.modal-box--image{background:none;position:absolute;width:inherit;height:inherit;max-width:90%;z-index:3;left:50%;transform:translate(-50%, -50%);border:none;margin:0 auto;box-shadow:none;top:25%;max-height:2500px}.modal-box--image img{width:auto;position:absolute;top:55%;left:50%;transform:translate(-50%, -50%);background:#fff;padding:1.1rem 1.1rem 5.5rem;border-radius:5px;box-shadow:5px 10px 20px rgba(13,13,13,.8);height:700px;object-fit:cover}.close-img{font-size:1rem;background-color:#0d0d0d;color:#fff;position:absolute;padding:.6rem 1.1rem;border-radius:20px;top:900px;left:50%;cursor:pointer}.img-caption{position:absolute;top:68%;background-color:transparent}}@media screen and (min-width: 900px){.close-img{top:900px}.img-caption{top:68%}}@media screen and (min-width: 1024px){.modal-box--image{top:35%}.modal-box--image img{top:50%}.close-img{top:750px}.img-caption{top:63%}}dl.contact-info{display:grid;margin:1rem 0;row-gap:1em;grid-template-columns:5.5rem auto}dl.contact-info dt{width:fit-content}dl.contact-info dd{margin:0 !important;grid-column:2}dl.contact-info dd+dd{margin-top:-1rem !important}.vocab-cards{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));grid-gap:1em}.vocab{border-radius:15px 15px 15px 15px;background-color:var(--color-pcc-white);box-shadow:2px 2px 3px 2px rgba(0,0,0,.15);margin:10px auto;max-width:275px;padding:1em;justify-content:center;transition:.5s}.vocab dt{margin:.5em 0}.vocab:hover{transform:translate(0, -5px);transition:.5s;box-shadow:2px 2px 3px 3px rgba(0,0,0,.25)}dl.vocab-list{box-sizing:border-box;margin-top:.8rem;margin-bottom:.8rem}dl.vocab-list button{text-decoration:none;background-color:var(--color-pcc-primary);font-size:1em;margin:.3rem;padding:.6rem;color:#fff}dl.vocab-list button:hover{cursor:pointer;background-color:var(--color-primary);color:#fff}dl.vocab-list dt{background-color:var(--color-pcc-ltgrey);position:relative;color:var(--color-pcc-black);cursor:pointer;padding:.6rem .8rem;text-align:left;border:none;outline:none;transition:.4s;margin:.3rem 0px}dl.vocab-list dt:focus-visible{outline:2px solid var(--color-pcc-black)}dl.vocab-list dt:hover{background-color:#d5cac9}dl.vocab-list dt::after{position:absolute;font-family:"Font Awesome";content:"➕";font-size:13px;color:var(--color-pcc-black);opacity:1;right:10px}dl.vocab-list dt.active::after{content:"➖"}dl.vocab-list dd{padding:.6rem .8rem;display:none;border-style:inset;overflow:hidden;border:1px solid var(--color-pcc-ltgrey);margin-top:-0.3rem;border-top:none}@media screen and (min-width: 700px){dl.vocab-list dd{padding:.8rem .6rem}dl.vocab-list dt{padding:.8rem 2rem .8rem .6rem}}.tabs{display:flex;flex-wrap:wrap;padding:0;margin-bottom:2.2rem;max-width:860px}.tabs input{position:absolute;opacity:0}.tabs input:focus{outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color}.tabs input:focus+label{outline:1px solid #006fbf}.tabs input:checked+label{background-color:var(--color-pcc-white);color:var(--color-pcc-black);z-index:2;transition:.5s}.tabs input:checked+label+.tab-panel{display:block;background-color:var(--color-pcc-white);z-index:1;border:2px solid #ccc}.tabs input:checked+label.hide-tab{background-color:var(--color-pcc-white);color:var(--color-pcc-black);text-decoration:underline}.tabs label{background-color:#6e6e6e;border:2px solid #ccc;border-bottom:none;width:100%;text-align:center;transition:.5s;color:var(--color-pcc-white)}.tabs label.hide-tab{background-color:transparent !important;border:none !important;color:var(--color-pcc-black)}.hide-panel{background-color:transparent !important;display:none !important}.tab-header:hover{cursor:pointer}@media(min-width: 700px){.tabs label{width:fit-content}.tab-panel{order:99}}.tab-panel{display:none;background:var(--color-pcc-white);padding:1.1rem .6rem;overflow:auto;width:100%;height:300px}.tab-panel>{margin-top:1.1rem}[on]#content-wrapper .content-body>*:not(h2,h3,h4,img,.side-by-side,.card-horizontal,.columns,.horizontal-display,table.display-lg,ul,ol){color:#272833;line-height:1.6;transition:all .3s;max-width:700px;margin:28px auto}[on]#content-wrapper .content-body>:is(h2,h3,h4){text-align:center}[on] span.focus-text{transition:all .2s linear;background-color:#b9e0ff}.focus-reader-switches{position:absolute;right:5px;top:6px;background:var(--color-pcc-primary);padding:.5rem .5rem .25rem;border-radius:5px;filter:drop-shadow(2px 4px 3px rgba(0, 0, 0, 0.2))}.focus-reader-switches>div{display:flex;gap:1rem;align-items:flex-start}.focus-reader-switches>div>p{margin-bottom:0;color:var(--color-pcc-ltgrey)}#focus-text{background:none;padding:0;margin:0;align-self:baseline}.fa-toggle-off{font-size:1.5rem;color:var(--color-pcc-ltgrey)}.fa-toggle-on{font-size:1.5rem;color:var(--color-pcc-tertiary)}.fa-circle-info{margin:.2rem 0 .2rem -0.5rem;position:relative;font-size:.9rem;color:var(--color-pcc-ltgrey)}.fa-circle-info::before{opacity:.5}.info-tooltip{visibility:hidden;width:120px;background-color:var(--color-pcc-black);color:var(--color-pcc-white);text-align:center;border-radius:6px;padding:5px 0;position:absolute;z-index:1;font-family:"Lato",sans-serif;font-size:.8rem;font-weight:400;top:25px;left:-50px}.fa-circle-info:hover .info-tooltip{visibility:visible}[on]#content-wrapper .content-body :is(ul,ol){max-width:700px}@media screen and (min-width: 768px){[on]#content-wrapper .content-body>:is(ul,ol){margin-left:auto;margin-right:auto;padding-left:70px}[on]#content-wrapper .content-body>:is(ul,ol)>:is(ul,ol){padding-left:40px}}[on]#content-wrapper .content-body li{margin-bottom:12px}[on]#content-wrapper .side-by-side :is(p,ul,ol,dd,dt){line-height:1.6}

package/dist/css/themes/ecn/styles.css ADDED Viewed

@@ -0,0 +1 @@

+ @import"../../routes.css";@import"https://fonts.googleapis.com/css2?family=Barlow:wght@400;700&family=Zilla+Slab+Highlight:wght@400;700&display=swap";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}:root{--color-primary: rgba(1, 43, 74, 1);--color-secondary: rgba(252, 170, 103, 1);--color-tertiary: rgba(71, 116, 151, 1);--color-quaternary: rgba(64, 66, 68, 1);--color-quinary: rgba(229, 233, 237, 1);--primary-rgb: 1, 43, 74;--secondary-rgb: 252, 170, 103;--tertiary-rgb: 71, 116, 151}h1{font-family:"Barlow",sans-serif;font-weight:700;color:var(--color-quinary)}h2,h3,h4,h5,h6{font-family:"Barlow",sans-serif;color:var(--color-pcc-black);font-weight:700}.header .text-container{position:relative;padding:15px}.header .text-container p{color:var(--color-pcc-white)}.header .text-container::after{content:"";position:absolute;width:100%;height:100%;background-color:rgba(var(--primary-rgb), 0.8);top:0;left:0;z-index:-1;background-image:url(../../../img/theme-images/ecn/arrow.svg);background-repeat:no-repeat;background-size:cover}body{background-color:var(--color-quinary)}.content-body{margin-top:30px;position:relative;padding-top:60px}.content-body:first-child h2:first-child{background-color:var(--color-secondary);border-bottom:1px solid var(--color-quinary)}.content-body>h2:first-child{background-color:var(--color-quinary);color:var(--color-pcc-black);margin:-15px -15px 15px -15px;padding:10px;width:fit-content;border-bottom:1px solid var(--color-secondary);position:absolute;top:-10px;left:30px;filter:drop-shadow(-2px -4px 6px rgba(0, 0, 0, 0.2))}:is(.btn,button,.btn.ext){color:var(--color-pcc-black);background-color:var(--color-secondary);border:none;border-radius:0;position:relative;left:50%;transform:translateX(-50%);transition:all .2s ease-in-out}:is(.btn,button,.btn.ext)::before{content:"";position:absolute;width:100%;height:100%;border:2px solid var(--color-primary);left:5px;top:-7px;mix-blend-mode:lighten;transition:left .2s ease-in-out,top .2s ease-in-out}:is(.btn,button,.btn.ext):hover::before{left:-2px;top:-2px}:is(.btn,button,.btn.ext):active{background:var(--color-tertiary);text-decoration:none;color:var(--color-pcc-white);box-shadow:inset 3px 3px 8px rgba(var(--primary-rgb), 0.5)}button.hide-gallery{padding:5px 15px;background-color:var(--color-primary);border:none;border-radius:0}button.hide-gallery:hover{background-color:var(--color-secondary)}button.hide-gallery:hover::after{border-top:18px solid var(--color-pcc-white);border-bottom:18px solid var(--color-pcc-white);border-left:30px solid var(--color-secondary)}#second-column h2:first-child,#third-column h2:first-child{border-bottom:1px solid var(--color-secondary);background-color:var(--color-quinary)}#second-column h2:first-child::after,#third-column h2:first-child::after{content:none}#second-column h2:first-child::before,#third-column h2:first-child::before{content:none}#second-column .border,#third-column .border{box-shadow:0px 4px 4px rgba(0,0,0,.25)}#second-column .border h2,#third-column .border h2{width:100%;padding-right:15px}ul>li::before{color:rgba(var(--primary-rgb), 0.8);content:"";display:inline-block;font-family:"FontAwesome";font-size:.75em;font-weight:400}table th{background-color:var(--color-tertiary);color:var(--color-pcc-white)}footer{background-color:var(--color-pcc-white)}li.assignment{background-color:var(--color-quinary);border-top:none;box-shadow:0px 4px 4px rgba(0,0,0,.25);margin-top:2rem;padding-top:2rem}li.assignment h3{background-color:var(--color-tertiary);border-bottom:1.5px solid var(--color-secondary);color:var(--color-pcc-white);width:fit-content;position:absolute;left:25px;top:-7px;filter:drop-shadow(-2px -4px 6px rgba(0, 0, 0, 0.2))}blockquote{font-family:"Zilla Slab Highlight",serif}blockquote::before,blockquote::after{content:none}.border{background-color:rgba(var(--primary-rgb), 0.1);border-left:none}.border-yellow::before{display:none}.border-yellow{background-color:rgba(var(--primary-rgb), 0.1) !important;border-top:none !important}.call-out{margin-top:2rem;padding-top:2rem;position:relative;background-color:var(--color-quinary)}.call-out::before{background-color:var(--color-quaternary);font-family:"Barlow",sans-serif;width:fit-content;position:absolute;margin:auto;left:0;right:0;top:-20px}.card-horizontal,.side-by-side{background-color:transparent;padding:0}.tabs label{background-color:var(--color-tertiary);color:var(--color-pcc-white);border:2px solid var(--color-quinary);padding:5px}.video-widget .video-card{box-shadow:none;border:1px solid var(--color-tertiary);padding:10px}.video-widget .card-content{position:relative}.video-widget .video-card h2{width:auto;margin:-5px 0 0 -5px}.video-widget .video-card a.btn{position:absolute;left:50%;transform:translateX(-50%);bottom:-60px}.video-widget .video-card:hover{opacity:1;transform:scale(1)}.video-widget:hover .video-card{transform:scale(1)}dl.vocab-list button{background-color:var(--color-primary);left:0 !important;transform:translateX(0%) !important}dl.vocab-list button:hover{background-color:var(--color-secondary);color:var(--color-pcc-black)}dl.vocab-list dt{background-color:rgba(var(--tertiary-rgb), 0.1)}dl.vocab-list dt:hover{background-color:rgba(var(--tertiary-rgb), 0.3)}@media(min-width: 570px){.header .text-container::after{background-image:url("../../../img/theme-images/ecn/arrow-2.svg");background-position:unset}}@media(min-width: 700px){#three-column{grid-template-areas:"header header" "body second-column" "third-column third-column" "footer footer"}}@media screen and (max-width: 768px){table.display-lg tbody td:first-child{background:rgba(var(--primary-rgb), 0.8)}}@media screen and (min-width: 930px){.header{width:auto;display:grid;grid-template-rows:repeat(2, 50%);grid-template-areas:"text image";grid-template-columns:50%}.header img{grid-area:image;grid-column:1/4}.header .text-container{grid-area:text;background:rgba(var(--tertiary-rgb), 0.8);grid-row:1/3}.header .text-container{top:0;clip-path:polygon(0% 105%, 39% 72%, 61% 85%, 100% -3%, 0% 0%)}.header .text-container::after{clip-path:polygon(0% 100%, 41% 67%, 63% 80%, 100% 0%, 0% 0%);background-image:none;content:"";position:absolute;width:95%;background-color:rgba(var(--primary-rgb), 0.8);top:0;left:0;z-index:-1}.header .text-container::before{content:"";position:absolute;height:50px;width:80px;background-image:url(../../../img/theme-images/ecn/point.svg);background-size:contain;background-repeat:no-repeat;right:-14px;transform:rotate(-22deg);top:-9px}.header .text-container h1,.header .text-container p{width:80%;text-align:left}}

package/dist/css/themes/eng/styles.css ADDED Viewed

@@ -0,0 +1 @@

+ @import"../../routes.css";@import"https://fonts.googleapis.com/css2?family=Average+Sans&family=Space+Mono&display=swap";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}:root{--color-primary: rgba(46, 53, 50, 1);--color-secondary: rgba(252, 170, 103, 1);--color-tertiary: rgba(199, 206, 219, 1);--color-quaternary: rgba(71, 59, 240, 1);--hover-bg: rgb(223, 141, 75);--bkg: rgba(242, 242, 242, 1);--light-grey: rgba(217, 217, 217, .25);--table-bg: rgba(46, 53, 50, 1)}h1{font-family:"Space Mono",monospace;font-size:1.5rem;color:var(--color-pcc-black)}h2,h3,h4,h5,h6{font-family:"Average Sans",sans-serif;color:var(--color-pcc-black)}.header{margin-bottom:15px}.header .text-container{background-image:url("../../../../dist/img/theme-images/eng/halftone-banner.svg");background-repeat:no-repeat;text-align:left;padding:5px 0 10px 15px;background-position:bottom;margin-top:-148px}.header .text-container h1{background-color:var(--color-pcc-white);width:fit-content;padding:10px;margin-bottom:15px}.header .text-container p{background-color:var(--color-pcc-white);width:fit-content;display:block;padding:10px}.header img{position:relative;z-index:-1}body{background-color:var(--bkg)}.content-body{box-shadow:0 0 10px rgba(15,15,15,.25)}.content-body:first-child h2:first-child{background-color:var(--color-secondary);padding:15px;margin:-15px -15px 15px -15px !important}.content-body h2:first-child{color:var(--color-pcc-black);background-color:var(--light-grey);padding:10px;margin:-15px -15px 15px -15px !important}.btn{padding:10px 5px 5px 20px;background-color:var(--color-secondary);font-family:"Space Mono",monospace;border:2px solid var(--color-pcc-black);color:var(--color-pcc-black);position:relative;border-radius:0;transition:.5s ease}.btn:hover{background-color:var(--color-primary);color:var(--color-pcc-white);transition:.5s ease}.btn:hover::after{top:-4px;right:-20px;transition:.5s ease}.btn:active{color:initial !important}.btn::after{content:"" !important;background-image:url("../../../../dist/img/theme-images/eng/button-bkg.svg");position:absolute;top:4px;right:-30px;width:175px;height:52px;background-repeat:no-repeat;mix-blend-mode:darken;transition:.5s ease}#second-column .content-body:first-child h2{background-color:var(--light-grey)}ul>li::before{color:var(--color-pcc-black);content:"";display:inline-block;font-family:"FontAwesome";font-size:.75em;font-weight:400}footer{background-color:var(--color-pcc-white)}li.assignment{background-color:var(--light-grey);border:2px solid var(--color-pcc-black);padding-bottom:1rem}li.assignment h3{background-color:var(--color-primary);color:var(--color-pcc-white)}blockquote{padding-top:3.1rem}blockquote::before{content:"";left:50px;top:0;right:auto;font-size:1.25em;animation:counter-rotation 15s infinite linear}blockquote::after{content:"";right:50px;font-size:1.25em;animation:rotation 15s infinite linear}.border{border-left-color:var(--color-secondary);background-color:var(--light-grey)}.border h3{color:var(--color-pcc-black)}.border-yellow{border-top:2px solid var(--color-secondary) !important;background-color:var(--light-grey) !important}.border-yellow h2:first-child{background-color:var(--color-primary);color:var(--color-pcc-white)}.border-yellow::before{display:none}.call-out{border:2px solid var(--color-pcc-black);background-color:rgba(var(--hover-bg), 0.1)}.call-out::before{color:var(--color-pcc-black);border-bottom:2px solid var(--color-pcc-black);font-family:"Space Mono",monospace;background-color:var(--color-secondary);font-weight:500}.card-horizontal{padding:25px}.side-by-side{padding:25px}.tabs label{font-family:"Average Sans",sans-serif;padding:3px;background-color:var(--color-primary)}.video-widget .video-card{border:2px solid var(--color-quaternary);padding-bottom:.7rem}.video-widget .video-card h2:first-child{background-color:var(--light-grey);font-family:"Space Mono",monospace;margin:-0.6rem -0.3rem .3rem -0.3rem !important;padding:15px 15px 15px 5px}.vocab-cards .vocab{border-radius:0;border:2px solid var(--color-quaternary)}dl.vocab-list{position:relative}dl.vocab-list button{margin-bottom:.7rem;position:relative;font-family:"Space Mono",monospace;background-color:var(--color-secondary);color:var(--color-pcc-black);transition:.5s ease}dl.vocab-list button:hover::after{top:0;right:-4px;transition:.5s ease}dl.vocab-list button::after{content:"" !important;background-image:url("../../../../dist/img/theme-images/eng/button-bkg.svg");position:absolute;top:6px;right:-20px;width:100px;height:52px;background-position:right;background-repeat:no-repeat;mix-blend-mode:darken;transition:.5s ease}dl.vocab-list dt{font-family:"Average Sans",sans-serif;background-color:var(--light-grey)}dl.vocab-list dt:hover{background-color:var(--color-tertiary)}table th{background-color:var(--table-bg);font-family:"Average Sans",sans-serif}@media screen and (max-width: 768px){table.display-lg tbody td:first-child{background-color:var(--table-bg)}table a:visited,table a{color:var(--table-text-color) !important}}.long-btn::after{background-image:url("../../../../dist/img/theme-images/eng/long-button-bkg.svg");width:257px}a.ext::after{content:"" !important}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes counter-rotation{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}@media screen and (max-width: 768px){.header .text-container{background-color:var(--color-pcc-white);margin-top:0 !important;display:inline-block;padding-top:15px}.header .text-container h1{display:inline;padding:7px}.header .text-container p{display:inline;float:left;margin-top:25px}}@media(min-width: 700px){#three-column{grid-template-areas:"header header" "body second-column" "third-column third-column" "footer footer"}}

package/dist/css/themes/fsc/styles.css ADDED Viewed

@@ -0,0 +1 @@

+ @import"../../routes.css";@import"https://fonts.googleapis.com/css?family=Oswald";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}:root{--color-primary: rgba(7, 65, 148, 1);--color-secondary: rgba(178, 5, 0, 1);--color-tertiary: rgba(231, 55, 0, 1);--color-quaternary: rgba(222, 233, 250, 1);--color-quinary: rgba(244, 242, 242, 1);--color-bg: rgba(246, 246, 246, 1);--color-title: rgba(255, 255, 255, 1);--color-black: rgba(13, 13, 13, 1);--color-white: rgba(255, 255, 255, 1);--color-gradient: linear-gradient(to right, rgba(178, 5, 0, 1), rgba(231, 55, 0, 1))}body{background-color:rgba(4,85,148,.08);border-top:none}h2{border-bottom:none}h1{font-family:"Oswald",sans-serif;font-weight:600;text-transform:uppercase}h4,.font-size-h4{font-weight:600}.header{position:relative}.header .text-container{background:var(--color-primary);border-radius:50px;display:block;position:absolute;left:50%;top:-50px !important;transform:translateX(-50%);width:100%}.header .text-container p{margin:0px}@media screen and (min-width: 998px){.header .text-container{max-width:80%}}@media screen and (max-width: 998px){.header .text-container{max-width:90%}}.header img{border-bottom:3px solid var(--color-pcc-primary);min-height:475px;position:relative;z-index:-1;object-fit:cover}.header::after{content:"";position:absolute;background-image:url(/src/img/theme-images/fsc/mainwave-redorange.svg);background-repeat:no-repeat;background-size:100%;left:0}@media(min-width: 760px){.header::after{bottom:-4px;width:100%;height:100px}}@media(max-width: 760px){.header::after{background-size:cover;background-position:top right;bottom:-4px;width:100%;height:100px}}.header::before{content:"";position:absolute;background:url(/src/img/theme-images/fsc/fire-icon.png) no-repeat;background-size:contain}@media(min-width: 760px){.header::before{bottom:-10px;right:-61px;width:175px;height:175px}}@media(max-width: 760px){.header::before{bottom:5px;right:-50px;width:145px;height:145px}}.header .text-container h1,.header .text-container h2,.header .text-container h3,.header .text-container h4,.header .text-container p{color:var(--color-pcc-white)}#content-wrapper .content-body:first-child>h2:first-child{background:none;background-image:url(/src/img/theme-images/fsc/bottomwave-redorange.svg);background-size:cover;background-position:left bottom;border-bottom:none;color:var(--color-white);margin:-15px -15px 20px -15px;padding:10px 0px 20px 5px;position:relative}@media(max-width: 767px){#content-wrapper .content-body:first-child>h2:first-child{background:var(--color-tertiary);background-image:none}}#content-wrapper .content-body h2{color:var(--color-primary)}#content-wrapper .content-body h2:first-child{background-color:var(--color-quinary);margin:-15px -15px 30px -15px;padding:10px 5px 10px 10px;width:auto}#content-wrapper .content-body h3{color:var(--color-primary)}#second-column .content-body:first-child>h2:first-child{margin:-15px -15px 20px -15px;padding:10px 5px 20px 10px;width:auto;border-bottom:none;color:var(--color-white)}@media(min-width: 846px){#second-column .content-body:first-child>h2:first-child{background:none;background-image:url(/src/img/theme-images/fsc/bottomwave-redorange.svg);background-size:580px auto;background-repeat:no-repeat}}@media(min-width: 768px)and (max-width: 845px){#second-column .content-body:first-child>h2:first-child{background:none;background-image:url(/src/img/theme-images/fsc/bottomwave-redorange.svg);background-size:560px auto}}@media(max-width: 767px){#second-column .content-body:first-child>h2:first-child{background-color:var(--color-quinary);color:var(--color-primary)}}#second-column .content-body h2:first-child{background-color:var(--color-quinary);color:var(--color-primary);margin:-15px -15px 20px -15px;padding:10px 5px 20px 10px}#third-column .content-body h2:first-child{background-color:var(--color-quinary);color:var(--color-primary);margin:-15px -15px 20px -15px;padding:10px 5px 20px 10px}.content-body,.sidebar-item,#footer,#main footer{background-color:var(--color-pcc-white);border-top:none;border-bottom:none;border-radius:0 0 2px 2px;box-shadow:0 8px 8px 0 rgba(13,13,13,.03)}.assignments-widget li.assignment{background-color:var(--color-white);border:none;padding-bottom:20px;border-left:2px solid var(--color-primary)}.assignments-widget li.assignment h3{background-color:var(--color-quaternary);color:var(--color-black);margin-left:-0.56rem !important}.assignments-widget ul{padding:10px 10px 10px 0px}.assignments-widget li{padding-left:10px}.assignments-widget li::before{display:none;left:0;margin:8px 0px 0px 0px;opacity:1;position:absolute}blockquote{text-align:left}blockquote::before,blockquote::after{color:var(--color-tertiary)}blockquote::before{font-size:1.5em;left:0;padding-left:40px;top:-25px}blockquote::after{display:none}.border{background-color:var(--color-quaternary);border-left:3px solid var(--color-primary);margin:1.4rem 0}.border-yellow{border:none}.border-yellow h2{background-color:transparent !important;border-bottom:none}button{background-color:var(--color-white);color:var(--color-black);border:2px solid var(--color-tertiary);border-radius:50px}button:hover{border-color:var(--color-gradient);background:var(--color-gradient)}.btn{background-color:var(--color-white);color:var(--color-black);border:2px solid var(--color-tertiary);border-radius:50px}a.btn{color:var(--color-black);position:relative;overflow:hidden}a.btn::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-gradient);opacity:0;transition:opacity .3s ease-in-out;z-index:-1}a.btn:hover::before{opacity:1}a.btn:hover{background:transparent}.call-out{background-color:var(--color-pcc-white);text-align:center}.call-out::before{background:var(--color-quaternary);color:var(--color-black)}.card-horizontal{background-color:var(--color-quaternary);border-left:3px solid var(--color-primary);padding:20px}@media(min-width: 768px){.card-horizontal{display:flex;align-items:center}}.media-container{background-color:var(--color-quinary);border:none;border-radius:20px;display:flex;flex-wrap:wrap;flex-direction:column;max-width:100%;margin:2rem auto;padding:.8rem}.side-by-side{align-items:center}.tabs label{background-color:var(--color-quaternary);border:2px solid var(--color-white);border-top:2px solid var(--color-primary);border-bottom:none;color:var(--color-pcc-black);padding:5px;text-align:center;transition:.5s;width:fit-content}.tabs input:checked+label+.tab-panel{display:block;background-color:var(--color-white);z-index:1;border-left:none;border-right:none;border-top:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary)}.vocab{border-radius:15px 15px 15px 15px;background-color:var(--color-quaternary);box-shadow:none}.vocab:hover{box-shadow:none}dl.vocab-list button{text-decoration:none;background-color:var(--color-white);border:2px solid var(--color-tertiary);border-radius:20px;color:var(--color-black);margin:.3rem;padding:.3rem .6rem}dl.vocab-list dt{background-color:var(--color-quaternary);border:none;border-radius:20px;position:relative;color:var(--color-pcc-black);cursor:pointer;padding:.6rem .8rem;text-align:left;outline:none;transition:.4s;margin:.3rem 0px}dl.vocab-list dt:hover{background-color:var(--color-quinary)}dl.vocab-list dd{padding:.6rem .8rem;display:none;border-style:inset;overflow:hidden;border:none;margin-top:-0.3rem;border-top:none}table caption{color:var(--color-primary)}table.display-lg{width:100% !important}table th{background-color:var(--color-primary);color:var(--color-pcc-white)}@media screen and (max-width: 768px){table.display-lg tbody tr td:first-child{background:var(--color-primary);color:var(--color-pcc-white)}}#footer{padding:10px}#footer>p{color:#005be2}#video-wrapper .video-card{border-top:1px solid var(--color-tertiary)}#video-wrapper .video-card,.video-widget .video-card{background:var(--color-white);border-top:none;border-radius:20px;box-shadow:none}#video-wrapper .video-card h2{background-color:var(--color-quaternary) !important;border-bottom:2px solid var(--color-primary);margin-top:0px}.video-widget .video-card h2{background-color:var(--color-quaternary) !important;border-bottom:2px solid var(--color-primary);margin-top:0px}#video-wrapper .card-content,.video-widget .card-content h3{min-height:40px;font-weight:400;margin-bottom:0px;margin-top:.8rem;margin-left:10px}

package/dist/css/themes/lang/styles.css CHANGED Viewed

	@@ -1 +1 @@
1	- @import"../../routes.css";@import"https://fonts.googleapis.com/~~css2~~?family=~~Barlow:wght@400;500;600&display=swap~~";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}:root{--color-primary: rgba(20, 16, 16, 1) ;--color-secondary: rgba(~~255~~, ~~204~~, 0, 1);--color-tertiary: rgba( ~~221~~, 0, 0, 1);--color-quaternary: rgba(~~248~~, ~~224~~, ~~151~~, 1);--color-quinary: ~~rgba~~(~~254~~, ~~249~~, ~~234~~, 1);--color-bg: rgba(246, 246, 246, 1);--color-title: rgba(255, 255, 255, 1);--color-black: rgba(13, 13, 13, 1);--color-white: rgba(255, 255, 255, 1)}body{background-color:var(--color-bg);border-top:none}h2{color:var(--color-black)}h1,h2,h3,h4,h5,h6{color:var(--color-black);font-family:"~~Barlow~~",sans-serif}.header{max-width:1170px}.header img{border-bottom:none}.header .text-container{background:var(--color-~~primary~~)}@media screen and (min-width: 998px){.header .text-container{box-shadow:~~2px 2px 4px 2px rgba(0,0,0,.25)~~;left:0;margin:0 auto;margin-bottom:30px;margin-top:-65px;max-width:~~998px;~~padding:~~20px~~ 15px;position:relative;top:0;transform:none}}.header .text-container h1{color:var(--color-~~white~~)}.header .text-container p{color:var(--color-~~white~~)}.content-body h2{background-color:var(--color-~~white~~);border-bottom:~~3px solid var(--color-primary)~~;margin:-15px 15px ~~20px~~ -15px;padding:~~5px~~;width:~~fit-content~~}.content-body:last-child{background-color:var(--color-white)}#content-wrapper .content-body{background-color:var(--color-white);border-bottom:1px solid rgba(13,13,13,.2);border-top:none;border-radius:0 0 2px 2px;box-shadow:0 8px 8px 0 rgba(13,13,13,.03)}#content-wrapper .content-body .video-card{padding:20px ~~0px 0px 20px~~}#content-wrapper .content-body:first-child>h2:first-child{border-bottom:none;border-image:none;~~background~~-~~image~~:~~linear-gradient~~(~~117deg,~~ ~~var(--color-primary)~~, ~~var(--color-primary)~~ ~~86%,~~ ~~var(--color-secondary)~~ 86%, ~~var(--color-secondary)~~ 88%, ~~var(--color-tertiary)~~ ~~88%, var(--color-tertiary) 90%, var(--color-white) 90~~%);color:var(--color-white);margin:-15px -15px 20px -15px;padding:5px;width:auto}#second-column{background-color:var(--color-white);border~~-top~~:none}#second-column .content-body h2{background-color:var(--color-~~primary~~);color:var(--color-~~white~~);margin:-~~14px~~ -~~14px~~ 30px -15px;width:auto}#three-column #second-column{background-color:var(--color-white)}#three-column #second-column .content-body h2{background-color:var(--color-~~white~~);border-bottom:~~3px solid var(--color-primary)~~;color:var(--color-black);margin:-15px ~~15px~~ ~~20px~~ -15px;padding:~~5px~~;width:~~fit-content~~}#three-column #second-column .content-body .border-yellow{border:none}#three-column #second-column .content-body .border-yellow h2{background-color:transparent;border-bottom:none}li.assignment{background-color:var(--color-~~white~~);border~~-top~~:~~none~~;~~box~~-~~shadow~~:~~2px 2px 2px 1px rgba~~(~~0,0,0,.2~~)}li.assignment h3{background-color:var(--color-~~primary~~);color:var(--color-~~white~~)}ul>li::before{color:var(--color-black);content:"";display:inline-block;font-family:"FontAwesome";font-size:.~~6em~~;font-weight:400;left:0;margin:0 ~~5px~~ 0 -~~15px~~;opacity:1;position:absolute}.border{background-color:~~rgba~~(~~0,0,0,.04~~);border-left:~~3px~~ solid var(--color-~~tertiary~~)~~;margin:25px 0~~}.border .border-yellow{border:none}.border .border-yellow::before{background-color:none}blockquote::before,blockquote::after{color:var(--color-primary)}.card-horizontal{border-top:3px solid var(--color-~~tertiary~~);box-shadow:~~4px 3px 2px 1px rgba(0,0,0,.1)~~;padding:8px}.call-out{background-color:var(--color-~~quinary~~)}.call-out::before{background-color:var(--color-quaternary);color:var(--color-black)}.gallery-wrapper{padding:0 0 16px 0}a.btn{background-color:var(--color-~~white~~);border:none;border-radius:0;box-shadow:~~4px~~ ~~3px~~ 2px ~~1px~~ rgba(0,0,0,.1);color:var(--color-black);transition:all .4s linear}a.btn:hover{background-color:var(--color-black);color:var(--color-white)}table caption{color:var(--color-black)}table.display-lg{width:100% !important}table th{background-color:var(--color-quaternary);color:var(--color-black)}@media screen and (min-width: 998px){tr:nth-child(even){background-color:var(--color-~~quinary~~)}}@media screen and (max-width: 768px){table.display-lg tbody tr td:first-child{background:var(--color-~~white~~);color:var(--color-black)}}#footer{background-color:var(--color-white);border-top:~~5px~~ solid var(--color-~~primary~~)}#video-wrapper .video-card{border-top:~~1px~~ solid var(--color-~~tertiary~~)}
1	+ @import"../../routes.css";@import"https://fonts.googleapis.com/css?family=Baloo Thambi";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}:root{--color-primary: rgba(183, 8, 51, 1) ;--color-secondary: rgba(242, 194, 48, 1);--color-tertiary: rgba(116, 5, 26, 1);--color-quaternary: rgba(255, 250, 236, 1);--color-quinary: rgb(235, 235, 235, .8);--color-senary: rgb(235, 235, 235, .4);--color-bg: rgba(246, 246, 246, 1);--color-title: rgba(255, 255, 255, 1);--color-black: rgba(13, 13, 13, 1);--color-white: rgba(255, 255, 255, 1)}body{background-color:var(--color-bg);border-top:none}h2{color:var(--color-black)}h1,h2,h3,h4,h5,h6{color:var(--color-black);font-family:"Baloo Thambi",sans-serif;font-weight:500 !important}.header{max-width:1170px}.header img{border-bottom:none;position:relative;z-index:-2}.header .text-container{background:var(--color-quaternary);border:4px solid var(--color-secondary);border-radius:20px;padding:30px;margin-bottom:30px;margin-top:-65px;max-width:100%;padding:30px 15px 15px 15px;position:relative;top:0;transform:none}.header .text-container::before,.header .text-container::after{content:"";position:absolute;top:-58px;left:50%;transform:translateX(-50%);border-radius:50%;background-color:var(--color-quaternary)}.header .text-container::before{border:4px solid var(--color-secondary);width:100px;height:100px;z-index:-1}.header .text-container::after{width:100px;height:100px;top:-54px}@media screen and (min-width: 998px){.header .text-container{box-shadow:none;left:0;margin:0 auto;margin-bottom:30px;margin-top:-65px;max-width:85%;padding:30px 15px 15px 15px;position:relative;top:0;transform:none}.header .text-container::before,.header .text-container::after{content:"";position:absolute;top:-58px;left:50%;transform:translateX(-50%);border-radius:50%;background-color:var(--color-quaternary)}.header .text-container::before{border:4px solid var(--color-secondary);width:100px;height:100px;z-index:-1}.header .text-container::after{width:100px;height:100px;top:-54px}}.header .text-container h1{color:var(--color-black);position:relative;z-index:2}.header .text-container h1::before{content:"";display:block;background:url(../../../img/theme-images/lang/country-flags/spain_flag.png) no-repeat;background-size:contain;width:45px;height:30px;position:absolute;left:50%;top:-58px;transform:translateX(-50%);z-index:3}.header .text-container p{color:var(--color-black);position:relative;z-index:2}.content-body h2{background-color:var(--color-quinary);border-bottom:none;margin:-15px -15px -15px -15px;padding:10px;width:auto}.content-body:last-child{background-color:var(--color-white)}#content-wrapper .content-body{background-color:var(--color-white);border-bottom:1px solid rgba(13,13,13,.2);border-left:2px solid var(--color-tertiary);border-top:none;border-radius:0 0 2px 2px;box-shadow:0 8px 8px 0 rgba(13,13,13,.03)}#content-wrapper .content-body .video-card{padding:20px}#content-wrapper .content-body:first-child>h2:first-child{background-color:var(--color-primary);border-bottom:none;border-image:none;clip-path:polygon(0 0, 90% 0, 85% 50%, 90% 100%, 0 100%);color:var(--color-white);margin:-15px -15px 20px -15px;padding:10px 5px;width:auto}#content-wrapper .content-body h2:first-child{margin:-15px -15px 30px -15px}#second-column{background-color:var(--color-white);border:none}#second-column .content-body h2{background-color:var(--color-quinary) !important;color:var(--color-black);margin:-15px -15px 30px -15px;padding:10px;width:auto}#three-column #second-column{background-color:var(--color-white)}#three-column #second-column .content-body h2{background-color:var(--color-quinary);border-bottom:none;color:var(--color-black);margin:-15px 0px 10px -15px;padding:10px;width:100%}#three-column #second-column .content-body .border-yellow{border:none}#three-column #second-column .content-body .border-yellow h2{background-color:transparent !important;border-bottom:none}li.assignment{background-color:var(--color-senary);border:3px 0px 0px !important;border-color:var(--color-secondary);padding-bottom:20px}li.assignment h3{background-color:var(--color-quaternary);color:var(--color-black)}ul{padding:10px 10px 10px 0px}ul>li::before{color:var(--color-black);content:"";display:inline-block;font-family:"FontAwesome";font-size:.3em;font-weight:400;left:0;margin:8px 0px 0px -5px;opacity:1;position:absolute}.border{background-color:var(--color-senary);border-left:none;border-top:4px solid var(--color-secondary)}.border .border-yellow{border:none}.border .border-yellow::before{background-color:none}blockquote{text-align:left}blockquote::before,blockquote::after{color:var(--color-primary)}blockquote::before{font-size:1.5em;left:0;padding-left:40px;top:-25px}blockquote::after{display:none}button{text-decoration:none;background-color:var(--color-secondary);border-radius:20px;color:var(--color-black);margin:.3rem;padding:.3rem .6rem}button:hover{background-color:var(--color-secondary);box-shadow:0px;color:var(--color-black);transform:scale(0.95)}.card-horizontal{background-color:var(--color-senary);border-top:3px solid var(--color-secondary);box-shadow:none;padding:8px}.call-out{background-color:var(--color-senary)}.call-out::before{background-color:var(--color-quaternary);border-top:3px solid var(--color-secondary);color:var(--color-black);padding:10px 0px}.call-out p{text-align:center}.gallery-wrapper{padding:0 0 16px 0}a.btn{background-color:var(--color-secondary);border:none;border-radius:10px;box-shadow:0px 2px 2px 0px rgba(0,0,0,.1);color:var(--color-black);transition:all .4s linear}a.btn:hover{background-color:var(--color-secondary);box-shadow:0px;color:var(--color-black);transform:scale(0.95)}.media-container{background-color:var(--color-senary);border:none;border-radius:20px;display:flex;flex-wrap:wrap;flex-direction:column;max-width:100%;margin:2rem auto;padding:.8rem}.tabs label{background-color:var(--color-quaternary);border:2px solid var(--color-white);border-top:3px solid var(--color-secondary);border-bottom:none;color:var(--color-pcc-black);padding:5px;text-align:center;transition:.5s;width:fit-content}.tabs input:checked+label+.tab-panel{display:block;background-color:var(--color-senary);z-index:1;border:none}.vocab{border-radius:15px 15px 15px 15px;background-color:var(--color-quaternary);box-shadow:none}.vocab:hover{box-shadow:none}dl.vocab-list button{text-decoration:none;background-color:var(--color-secondary);border-radius:20px;color:var(--color-black);margin:.3rem;padding:.3rem .6rem}dl.vocab-list dt{background-color:var(--color-senary);border:none;border-radius:20px;position:relative;color:var(--color-pcc-black);cursor:pointer;padding:.6rem .8rem;text-align:left;outline:none;transition:.4s;margin:.3rem 0px}dl.vocab-list dt:hover{background-color:var(--color-quinary)}dl.vocab-list dd{padding:.6rem .8rem;display:none;border-style:inset;overflow:hidden;border:none;margin-top:-0.3rem;border-top:none}table caption{color:var(--color-black)}table.display-lg{width:100% !important}table th{background-color:var(--color-quaternary);border:none;border-top:3px solid var(--color-secondary);color:var(--color-black)}@media screen and (min-width: 998px){table thead,table tr,table td{border:3px solid var(--color-secondary)}tr:nth-child(even){background-color:var(--color-senary)}}@media screen and (max-width: 768px){table.display-lg tbody tr td:first-child{background:var(--color-quaternary);color:var(--color-black)}table.display-lg tbody tr td a{color:#005be2}table.display-lg tbody tr td a:hover{color:#05439f}table.display-lg tbody tr td p{color:var(--color-senary)}}#footer{background-color:var(--color-white);border-top:none}#video-wrapper .video-card{border-top:1px solid var(--color-tertiary)}#video-wrapper .video-card,.video-widget .video-card{background:var(--color-senary);border-top:none;border-radius:20px;box-shadow:none}#video-wrapper .video-card h2,.video-widget .video-card h2{background-color:transparent;border-bottom:2px solid var(--color-secondary);margin-top:0px}#video-wrapper .card-content,.video-widget .card-content h3{min-height:40px;font-weight:400;margin-bottom:0px;margin-top:.8rem;margin-left:10px}

package/dist/css/themes/ss/styles.css ADDED Viewed

@@ -0,0 +1 @@

+ @import"../../routes.css";@import"https://fonts.googleapis.com/css2?family=PT+Sans+Caption:wght@400;700&family=Poppins:wght@400;500;600;700&display=swap";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}:root{--color-primary: rgba(75, 75, 108, 1);--hover-primary: rgb(63, 63, 91);--color-secondary: rgba(27, 156, 133, 1);--color-tertiary: rgba(232, 246, 239, 1);--color-quaternary: rgba(255, 225, 148, 1);--primary-rgb: 76, 76, 109;--secondary-rgb: 27, 156, 133;--tertiary-rgb: 232, 246, 239;--quaternary-rgb: 255, 225, 148;--table-bg: rgba(76, 76, 109, 1);--table-text-color: rgba(255, 255, 255, 1);--grey-bg: rgba(248, 248, 248, 1);--blob-primary: hsl(240, 18%, 36%)}h1,h2{font-family:"Poppins",sans-serif}h3,h4,h5,h6{font-family:"PT Sans Caption",sans-serif;color:var(--color-primary)}.header .text-container{background-repeat:no-repeat;background-position:left;z-index:2;position:relative;min-height:354px;background-size:contain;margin-top:-250px;vertical-align:middle;margin-left:-20px}.header .text-container h1{color:var(--color-pcc-white);text-align:left;font-size:1.5rem;margin-top:123px;margin-left:25px;max-width:33%}.header .text-container p{color:var(--color-pcc-white);text-align:left;max-width:33%;margin-left:25px}.header.large .text-container{margin-top:-120px;min-height:220px;background-position:center}.header.large .text-container h1{margin-top:80px;text-align:center;max-width:100%}.header.large .text-container p{text-align:center;max-width:100%}.header .tall-blob{position:absolute !important;top:55px;left:-38px;width:192px;z-index:-1}.header .small-blob{position:absolute !important;top:250px;left:250px;right:0;z-index:-1}.header.large .tall-blob{position:absolute !important;top:160px;left:10px;width:192px;transform:rotate(-45deg);z-index:-1}.header.large .small-blob{position:absolute !important;top:248px;left:auto;right:0;z-index:-1}#one-column .header .small-blob{top:185px}#one-column .header .tall-blob{left:-80px;top:25px}#one-column .header.large .small-blob{top:185px}#one-column .header.large .tall-blob{left:-80px;top:110px}.header img{position:relative;z-index:-1;border-radius:25px}#content-wrapper .content-body:first-child h2:first-child{background-color:var(--color-primary);color:var(--color-pcc-white)}.content-body{border-radius:15px;box-shadow:0 0 10px rgba(15,15,15,.3)}.content-body h2:first-child{background-color:var(--color-tertiary);color:var(--color-pcc-black);margin:-15px -15px 15px -15px;padding:15px;border-top-right-radius:15px;border-top-left-radius:15px}.btn{border-radius:25px;border:2px solid var(--color-primary);background-color:var(--color-pcc-white);color:var(--color-primary)}#second-column h2{background-color:var(--color-tertiary);color:var(--color-pcc-black)}ul>li::before{color:var(--color-secondary);content:"";background-image:url(../../../img/theme-images/ss/list-style.svg);display:inline-block;width:10px;height:10px;background-size:contain;background-repeat:no-repeat;top:5px;left:9px}li.assignment{border-bottom-left-radius:15px;border-bottom-right-radius:15px;border-top:2px solid var(--color-primary);background-color:var(--grey-bg)}li.assignment h3{background-color:rgba(var(--primary-rgb), 0.1);color:var(--color-pcc-black)}blockquote{font-family:"Poppins",sans-serif}blockquote::before{content:"";background-image:url(../../../img/theme-images/ss/blockquote.svg);min-width:50px;min-height:50px;background-size:contain;background-repeat:no-repeat;left:0;right:0;top:-30px}blockquote::after{content:"";background-image:url(../../../img/theme-images/ss/blockquote.svg);min-width:50px;min-height:50px;background-size:contain;background-repeat:no-repeat;right:10px;transform:rotate(180deg)}.border{border-top-right-radius:15px;border-bottom-right-radius:15px;border-left:2px solid var(--color-primary);background-color:var(--grey-bg)}.border-yellow{background-color:var(--grey-bg) !important;border-top:2px solid var(--color-primary) !important}.border-yellow::before{display:none}.call-out{border-top-right-radius:15px;border-top-left-radius:15px;background-color:var(--grey-bg)}.call-out::before{background-color:var(--color-primary);color:var(--color-pcc-white);border-top-right-radius:15px;border-top-left-radius:15px}.tabs label{font-family:"PT Sans Caption",sans-serif;background-color:var(--color-primary);color:var(--color-pcc-white);padding:5px}.video-widget .video-card{border-top-right-radius:15px;border-top-left-radius:15px}.video-widget .video-card h2:first-child{font-family:"PT Sans Caption",sans-serif;margin:-11px -5px;padding:5px}.video-widget .video-card .card-content{margin:15px 0}.video-widget .video-card a{text-align:center}dt{font-family:"PT Sans Caption",sans-serif;color:var(--color-primary)}dl.vocab-list button{margin:15px 0;color:var(--color-primary);padding:.3rem .6rem}dl.vocab-list dt{background-color:var(--color-tertiary);font-family:"PT Sans Caption",sans-serif}dl.vocab-list dt:hover{background-color:rgba(var(--tertiary-rgb), 0.5)}table th{background-color:var(--table-bg)}.buttons{margin-top:50px;text-align:center;border-radius:30px}.blob-btn{z-index:1;position:relative;display:block;width:fit-content;margin:auto;font-family:"Poppins",sans-serif;padding:5px 15px;text-align:center;background-color:transparent;text-decoration:none;outline:none;border:none;transition:color .5s;cursor:pointer;border-radius:30px;color:var(--color-primary)}.blob-btn:before{content:"";z-index:1;position:absolute;left:0;top:-2px;width:97%;height:99%;border:2px solid var(--color-primary);border-radius:30px}.blob-btn:after{content:"";z-index:-2;position:absolute;left:3px;top:3px;width:100%;height:100%;transition:all .3s .2s;border-radius:30px}.blob-btn:visited{color:var(--color-primary)}.blob-btn:visited:hover{color:var(--color-pcc-white)}.blob-btn:hover{color:var(--color-pcc-white);border-radius:30px;text-decoration:none}.blob-btn:hover:after{transition:all .3s;left:0;top:0;border-radius:30px}.blob-btn__inner{z-index:-1;overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:30px;background:#fff}.blob-btn__blobs{position:relative;display:block;height:100%;filter:url("#goo")}.blob-btn__blob{position:absolute;top:2px;width:25%;height:100%;background:var(--color-primary);border-radius:100%;transform:translate3d(0, 150%, 0) scale(1.7);transition:transform .45s}@supports(filter: url("#goo")){.blob-btn__blob{transform:translate3d(0, 150%, 0) scale(1.4)}}.blob-btn__blob:nth-child(1){left:0%;transition-delay:0s}.blob-btn__blob:nth-child(2){left:30%;transition-delay:.08s}.blob-btn__blob:nth-child(3){left:60%;transition-delay:.16s}.blob-btn__blob:nth-child(4){left:90%;transition-delay:.24s}.blob-btn:hover .blob-btn__blob{transform:translateZ(0) scale(1.7)}@supports(filter: url("#goo")){.blob-btn:hover .blob-btn__blob{transform:translateZ(0) scale(1.4)}}@media screen and (max-width: 1000px){.header .text-container{margin-top:-70px;padding:25px;min-height:175px;background-position:center}.header .text-container h1{margin-top:50px;max-width:100%;text-align:center}.header .text-container p{text-align:center;max-width:100%}.header.large .text-container{padding-bottom:0;margin-top:-95px}.header.large .tall-blob{top:120px}.header.large .small-blob{top:148px}.header .tall-blob{top:120px;left:20px;transform:rotate(-45deg);width:150px}.header .small-blob{left:auto;right:-22px;top:150px}#one-column .header .tall-blob{top:200px;left:20px;transform:rotate(-45deg);width:150px;width:192px}#one-column .header .small-blob{left:auto;right:-22px}}@media screen and (max-width: 768px){.header .text-container{background-color:var(--color-primary);min-height:auto;margin-left:0;margin-top:-25px;border-bottom-right-radius:25px;border-bottom-left-radius:25px}.header .text-container h1{margin-top:0}.header.large .text-container{padding-bottom:25px;margin-top:-25px;min-height:auto}.header.large .text-container h1{margin-top:0}.header.large .tall-blob{width:192px}.header.large .small-blob{left:auto;right:-22px;top:145px}#one-column .header .tall-blob{top:114px;left:-10px;transform:rotate(-45deg);width:150px}#one-column .header .small-blob{left:auto;right:-22px;top:145px}table.display-lg tbody td:first-child{background-color:var(--table-bg)}table a:visited,table a{color:var(--table-text-color) !important}}@media(min-width: 700px){#three-column{grid-template-areas:"header header" "body second-column" "third-column third-column" "footer footer"}}

package/dist/img/theme-images/ecn/arrow-2.svg ADDED Viewed

@@ -0,0 +1,4 @@
+<svg width="724" height="218" viewBox="0 0 724 218" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M715.378 26.51L662.973 14.5229L658.222 33.8731L673.209 37.1388L683.388 55.0382L679.026 67.0162L697.077 73.9025L715.378 26.51Z" fill="#3B5F7B"/>
+<path d="M679 46.5L448 172.5L264.5 110L4 208" stroke="#3B5F7B" stroke-width="20"/>
+</svg>

package/dist/img/theme-images/ecn/arrow.svg ADDED Viewed

@@ -0,0 +1,4 @@
+<svg width="781" height="559" viewBox="0 0 781 559" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M772 0L721 17L727 36L741.5 31L759.5 41L762 53.5L781 50L772 0Z" fill="#3B5F7B"/>
+<path d="M751 35L524 404L314.5 306L7 550.5" stroke="#3B5F7B" stroke-width="20"/>
+</svg>

package/dist/img/theme-images/ecn/point.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="58" height="42" viewBox="0 0 58 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.97291 0.52286L57.3782 12.51L25.5 41.5L21.0258 33.5L15.2085 23.1388L0.222363 19.8731L4.97291 0.52286Z" fill="#6C90AC" />
+</svg>