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

@pimaonline/pimaonline-themepack 2.4.1 → 3.10.11

Files changed (94) 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,14 +1,8 @@
 # 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.
+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.
-## Version
-2.4.1
-## What's included
-### Dependencies
+## Dependencies
 - Git
 - Node.js
@@ -18,89 +12,82 @@ The PimaOnline Themepack is a web development toolkit for building online course
     - 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.
+## How to use
-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
+Add a theme's CSS in the `<head>` of your document. `/cards/` may be replaced with another theme.
-Stylesheets are created using individual scss modules, then minified and compiled into main.css
+```
+<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@pimaonline/pimaonline-themepack/dist/css/themes/cards/styles.css">
+```
-#### **\_grid.scss**
+Add the latest jQuery and the themepack's JavaScript into the `<head>` of the document ensuring the `defer` attribute is used.
-Contains all styles that makeup a page’s grid. The two main web layout models used are CSS Grid and Flexbox.
+```
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js" defer></script>
-#### **\_typography.scss**
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@pimaonline/pimaonline-themepack/dist/js/scripts2.js" defer></script>
+```
-Contains all typography/font styles, excluding type colors.
+## Development
-#### **\_widgets.scss**
+Fork this repository, clone it, and install all necessary dependencies using `npm install`.
-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.
+```
+$ git clone https://github.com/YOUR_USERNAME/pimaonline-themepack.git
+$ cd pimaonline-themepack
+$ npm install
+```
-#### **\_variables.scss**
+Start the server
-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.
+```
+$ npm run dev
+```
-#### **\_legacy.scss**
+The app will run at `http://localhost:8080`.
-Contains legacy (deprecated) code for courses that are still in use but use code developed prior to the latest version.
+### How to Test Theme Using Local Server
-#### **main.scss**
+The PimaOnline Themepack uses `gulp-serve` to host a local server.
-Used to include all individual scss files, and to compile them to a single css file.
+1. Navigate to `/src/testing-area/` and open any or all  HTML templates, i.e. `one-column`, `two-column`, `three-section`.
-#### **routes.scss**
+2. Change the `styles` link from `cards` to your theme’s SCSS folder. (e.g. from `<link rel="stylesheet" href="../../dist/css-dev/themes/cards/styles.css"/>` to `<link rel="stylesheet" href="../../dist/css-dev/themes/[course]/styles.css"/>`)
-Used to route main.css, font-awesome, and include character set for delivery to individual themes.
+3. In terminal, use `run npm dev` to start the local server.
-### CSS
+4. In a browser, go to http://localhost:8080. Find theme layouts in the `/src/testing-area/` folder here as well.
+    ![Local host step 1](../_images/themepack/localhost-1.jpg ":size=60%")
+    ![Local host step 2](../_images/themepack/localhost-2.jpg ":size=60%")
+    ![Local host step 3](../_images/themepack/localhost-3.jpg ":size=60%")
-CSS is created by compiling from scss files. Note: Do not edit css, instead edit scss and compile.
+5. To stop the local server use CTRL+C.
-#### **main.css**
+6. Revert all testing area HTML to the original `/cards/styles.scss` link before pushing changes.
-Contains compiled and merged rules of our scss styles.
+### How to Test Theme in a Live Shell
-#### **routes.css**
+1. Open Dreamweaver and connect to the `WD_testing_environment` course on D2L. Create a folder inside your sandbox and label it with the name of the new theme.
-Used to route main.css, font-awesome, and include character set for delivery to individual themes.
+2. Inside the  new folder, create an HTML document and paste in the HTML for any layout. Find and copy the code from [Pima Online Webdocs](https://pimaonline-webdocs.netlify.app/getting-started).
-### CSS-dev
+3. Replace `/cards/styles.css` with the new theme's css path.
-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.
+4. Save and put the new folder including the files inside.
-### JavaScript
+5. Review the theme in the live D2L shell to confirm all custom styles display correctly.
-`scripts2.js` The latest version of scripts. Contains all JavaScript and jQuery code.
+## Terminal commands
-`scripts.js` Depracated version of scripts. Do not use, this file is here for legacy courses.
+`npm run dev`: Used for development.
-`jumpTo.js` Now depracated. Keep for legacy courses. Contains a script for jump-to links.
+`npm run build`: Used for compiling production files only.
-### 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.
+This will compile all `src` content into `dist`. This is the final step needed prior to deployment.
-## Plugins
+`npm run build-dev`: Used for compiling development files only.
-Plugins are 3rd party assets that are imported and used to add functionality.
+This will compile all `src ` content into `dist`. Also creates duplicate (development only) versions to use for local development only.
 ## Authors
@@ -108,4 +95,6 @@ Center for Learning Technology at Pima Community College
 ## License
-Code is released under the MIT 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%}}.hanging-indent{padding-left:2.7rem;text-indent:-2.7rem}.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}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}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}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:1.75rem;font-weight:900;line-height:1.15;margin-bottom:5px;margin-top:0}h2{font-size:1.3rem;font-weight:800;line-height:1.25;margin-bottom:20px;margin-top:45px}h3{font-size:1.15rem;font-weight:700;line-height:1.3;margin-bottom:5px;margin-top:35px}h4{font-size:1.1rem;font-weight:500;line-height:1.3;margin-bottom:5px;margin-top:15px}h4:first-child{margin-top:0px}h5{color:#000;font-size:1.05rem;font-weight:500;line-height:1.3;margin-bottom:5px;margin-top:30px}h6{color:#000;font-size:1rem;font-weight:400;line-height:1.3;margin-bottom:5px;margin-top:30px}p{color:#000;font-size:1rem;letter-spacing:-0.002em;line-height:1.35;margin:0 0 15px 0}p.lead{font-size:1.1rem;font-weight:400;letter-spacing:-0.002em}.font-size-h3{font-size:1.15rem;line-height:1.3;margin-bottom:5px;margin-top:30px}.font-size-h4{font-size:1.1rem;line-height:1.3;margin-bottom:5px;margin-top:15px}.header .text-container p{font-size:1.1rem}blockquote{font-family:"Lato",sans-serif;font-size:1.1rem}.call-out::before{font-size:1.1rem !important}@media(min-width: 768px){h1{font-size:1.9rem;line-height:1.25}h2{font-size:1.4rem;line-height:1.25}h3{font-size:1.2rem;line-height:1.25}.font-size-h3{font-size:1.18rem;line-height:1.25}h4{font-size:1.15rem;line-height:1.25}h5{font-size:1.1rem;line-height:1.25}h6{font-size:1rem;line-height:1.25}.card-horizontal{display:flex;align-items:center}}@media(min-width: 1024px){h1{font-size:2rem;line-height:1.25}h2{font-size:1.5rem;line-height:1.3}h3{font-size:1.25rem;line-height:1.3;margin-bottom:10px}h4{font-size:1.15rem;line-height:1.3}h5{font-size:1.1rem;line-height:1.3}h6{font-size:1rem;line-height:1.3}.header .text-container p{font-size:1.2rem}}.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}#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{margin:0;margin-left:-15px;padding-right:10px}li.assignment ol li{padding-left:0px}li.assignment ul{margin:0;padding-right:10px}li.assignment ul li{padding-left:5px}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%}}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}.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}.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}.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}}.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}}:root{--clear-black: rgba(0, 0, 0, 0.7)}.flip-card-group{display:grid;grid-template-columns:repeat(auto-fit, minmax(16.7rem, 1fr))}.flip-card-group .flip-card{background-color:transparent;min-width:300px;min-height:300px;perspective:1000px;display:grid;margin:10px}.flip-card:hover{cursor:pointer}.flip-card-group.long .flip-card{height:500px}.side-by-side .flip-card{width:-webkit-fill-available;max-width:500px}.flip-card>div.flip{transform:rotateX(180deg)}.flip-card>div{position:relative;width:100%;height:100%;transform-style:preserve-3d;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:transform .6s}.flip-card>div>div{position:absolute;width:-webkit-fill-available;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;padding:0 20px;overflow-y:scroll}.flip-card>div .back{transform:rotateX(180deg);height:100%;overflow-y:scroll;backface-visibility:hidden;position:absolute}.flip-card>div .front .overlay{opacity:0;display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--clear-black);color:#fff;transition:opacity .3s,transform .6s;z-index:2}.flip-card>div .back .overlay{opacity:0;display:flex;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0;background-color:var(--clear-black);color:#fff;transition:opacity .3s,transform .6s;z-index:2}.flip-card:hover>div .front .overlay{opacity:1}.flip-card:hover>div .back .overlay{opacity:1}.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}[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}.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}}.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))}}.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.info-table{display:grid;grid-template-columns:minmax(100px, max-content) minmax(150px, max-content);column-gap:1rem}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}.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}.locked-content{background-image:linear-gradient(white, rgba(255, 255, 255, 0));position:relative;overflow:hidden;max-height:200px;transition:max-height .3s ease}.locked-content.open{max-height:100%}.locked-content.open::before{content:none}#CourseLockBtn{cursor:pointer}.locked-content::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 70%, white 100%);z-index:1}.instructions{position:relative;margin-top:0px;z-index:4;text-align:center;margin-right:auto;margin-left:auto;display:flex;justify-content:center;flex-wrap:wrap;padding-top:40px}.instructions::before{content:"";font-family:"FontAwesome";font-weight:900;font-size:1.5em;margin-right:10px;opacity:1;color:#2e5e8e}.instructions h4{width:100%}.instructions.complete{display:none}.unlock-btn:hover{cursor:pointer;background-color:#1c3957;color:#fff;text-decoration:none}.unlock-btn{background-color:#2e5e8e;display:block;color:#fff;border:3px solid #2e5e8e;border-radius:.3em;cursor:pointer;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}.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}.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}}.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}}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%}.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}.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}#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)}}.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}}

package/dist/css/plugins/alt-icons.css ADDED Viewed

	@@ -0,0 +1 @@
1	+ [class^=bi-]:before{font-family:"bootstrap-icons";margin-right:10px}[class^=ri-]:before{font-family:"remixicon";margin-right:10px}[class^=bi-],[class^=ri-]{font-family:unset !important}