@pimaonline/pimaonline-themepack 3.10.13 → 4.0.0

package/README.md

@@ -1,16 +1,14 @@
 # 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.
+The PimaOnline Themepack is a web development toolkit for building online courses within the D2L Brightspace Learning Management System (LMS). The themepack offers multiple and interchangeable themes.
 
 ## Dependencies
 
-- Git
-- Node.js
-  - Gulp
-    - Gulp-sass
-    - Gulp-pug
-    - Gulp-connect
-- jQuery 3.3.1 or newer
+- Node.js ^v20.9.0
+- React ^18.2.0
+- Sass ^1.49.9
+- Typescript ^5.3.3
+- Webpack ^5.91.0
 
 ## How to use
 
@@ -48,23 +46,18 @@ The app will run at `http://localhost:8080`.
 
 ### How to Test Theme Using Local Server
 
-The PimaOnline Themepack uses `gulp-serve` to host a local server. 
+The PimaOnline Themepack uses `webpack-dev-server` to host a local server. 
 
 1. Navigate to `/src/testing-area/` and open any or all  HTML templates, i.e. `one-column`, `two-column`, `three-section`.
 
 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"/>`)
 
-3. In terminal, use `run npm dev` to start the local server.
+3. In terminal, use `npm run dev` to start the local server.
 
 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%")
 
 5. To stop the local server use CTRL+C.
 
-6. Revert all testing area HTML to the original `/cards/styles.scss` link before pushing changes.
-
 ### How to Test Theme in a Live Shell
 
 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.
@@ -79,15 +72,11 @@ The PimaOnline Themepack uses `gulp-serve` to host a local server.
 
 ## 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 dev`: Used for development. Runs a dev server and watch feature.  
 
-`npm run build-dev`: Used for compiling development files only.  
+`npm run build`: Used for compiling `src` into `dist` without running server or watch.
 
-This will compile all `src ` content into `dist`. Also creates duplicate (development only) versions to use for local development only.
+`npm run docs`: Serve documentation and view in a browser, found at http://localhost:3000.
 
 ## Authors
 
@@ -97,4 +86,4 @@ Center for Learning Technology at Pima Community College
 
 [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.
+(C) 2024 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

@@ -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%}}.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}}
+: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);--color-error: rgba(189, 66, 84, 1);--color-pcc-primary-tint1: rgba(4, 85, 148, .1);--color-pcc-primary-tint2: rgba(4, 85, 148, .5);--color-pcc-tertiary-tint: rgba(0, 174, 239, 0.06);--bottom-radius: 0 0 5px 5px;--top-radius: 5px 5px 0 0;--round-radius: 15px;--subtle-radius: 5px;--no-radius: 0px;--no-shadow: none;--sm-shadow: 0 .2rem .2rem rgba(0,0,0,.075);--reg-shadow: 0 .25rem .25rem rgba(0,0,0,.1);--lg-shadow: 0 .25rem .5rem rgba(0,0,0,.25);--slider-bkg: rgba(250, 250, 250, 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}#footer{background-color:var(--color-pcc-white)}#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:var(--no-shadow);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}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{display:block;margin:5px auto;text-decoration:none;background-color:transparent;border:none;color:#005be2}.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%}.text-center{text-align:center}.mce-content-body dl.vocab-list dd{display:block}.mce-content-body .toggle-btn-content,.mce-content-body .footnotes{display:block}.mce-content-body .locked-content{max-height:none}.mce-content-body .locked-content::before{background-image:none;position:relative}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}}ul,ol{list-style-position:outside;margin:20px 0 10px 10px !important;padding:0 0 0 20px}ol li{margin-left:10px;padding-left:5px}ol li::marker{font-weight:700}ul li::marker{font-weight:700}li{margin-bottom:10px}ul li{padding-left:8px;position:relative}li>ul{margin-top:10px !important;margin-bottom:0px !important}li>ol{margin-top:10px !important;margin-bottom:0px !important}li>ul>li{margin-bottom:0}li>ol>li{margin-bottom:0}@media screen and (min-width: 660){li{margin-bottom:8px}}@media screen and (min-width: 768px){ul,ol{margin:10px 0 10px 20px;padding:0 0 0 10px}ol li{margin-left:10px}}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}}.lined-list{max-width:max-content;margin-top:30px !important}.lined-list>li:not(:last-child){border-bottom:.7px solid gray;padding-bottom:10px}.lined-list>li:first-child{border-top:1px solid gray;padding-top:10px}.lined-list>li:last-child{border-bottom:1px solid gray;padding-bottom:10px}.accordion{margin-bottom:15px}.accordion .accordion-item{margin-bottom:15px}.accordion .accordion-title:is(h2,h3,h4,p){background-color:rgba(13,13,13,.07);padding:10px;display:flex;justify-content:space-between;margin:0;border-bottom:2px solid var(--color-pcc-ltgrey)}.accordion .accordion-title:is(h2,h3,h4,p) p{margin:0}.accordion .accordion-title:is(h2,h3,h4,p):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("../img/general/arrow-right-black.svg");content:"";display:inline-block;height:16px;margin-left:5px;width:16px;transition:.2s ease;background-repeat:no-repeat;margin-top:10px}.accordion .arrow-down::after{transform-origin:50% 50%;transform:rotate(90deg);transition:.2s ease}#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:var(--bottom-radius);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:var(--no-radius);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;box-shadow:var(--sm-shadow);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);border-radius:var(--bottom-radius);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-widget,.flip-card-group{display:grid;grid-template-columns:repeat(auto-fit, minmax(16.7rem, 1fr))}.flip-card-widget .flip-card,.flip-card-group .flip-card{background-color:transparent;min-width:100px;min-height:300px;perspective:1000px;display:grid;margin:10px}.flip-card:hover{cursor:pointer}.flip-card-widget.long .flip-card,.flip-card-group.long .flip-card{height:500px}.side-by-side .flip-card{width:-webkit-fill-available;max-width:500px}.side-by-side .flip-card{width:-webkit-fill-available;max-width:500px}.flip-card.text-heavy .front,.flip-card.text-heavy .back{display:block}.flip-card>div{box-shadow:var(--no-shadow)}.flip-card>.inner-card.flip{transform:rotateX(180deg)}.flip-card>.inner-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s}.flip-card>.inner-card>.front{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:auto;box-shadow:var(--reg-shadow);transition:transform .6s,box-shadow .6s}.flip-card>.inner-card>.back{transform:rotateX(180deg);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:auto;box-shadow:var(--reg-shadow);transition:transform .6s,box-shadow .6s}.flip-card>.inner-card .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>.inner-card .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>.inner-card .front .overlay{opacity:1}.flip-card:hover>.inner-card .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:var(--round-radius);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;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:var(--subtle-radius);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:var(--subtle-radius);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>*:not(h2,h3,h4,img,.side-by-side,.card-horizontal,.columns,.horizontal-display,table.display-lg,ul,ol){max-width:700px}[on]#content-wrapper .content-body>:is(ul,ol){margin-left:auto;margin-right:auto;padding-left:110px}[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:var(--bottom-radius);box-shadow:var(--reg-shadow);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:var(--subtle-radius)}@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:4;left:0;top:0}.modal-box .gallery-overlay{position:absolute;height:100%;width:100%;top:0;left:0;z-index:4}.modal-box--image{background:none;position:absolute;width:inherit;height:inherit;max-width:90%;z-index:5;left:50%;transform:translate(-50%, -50%);border:none;margin:0 auto;box-shadow:var(--no-shadow);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:var(--subtle-radius);box-shadow:var(--lg-shadow);height:700px;object-fit:cover}.close-img{font-size:1rem;background-color:#0d0d0d;color:#fff;position:absolute;padding:.6rem 1.1rem;border-radius:var(--round-radius);top:900px;left:50%;z-index:6;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:var(--sm-shadow);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}ul.list-group,ol.list-group{max-width:max-content;border:1px solid gray;border-radius:var(--round-radius);padding:0}ul.list-group .list-group-item,ol.list-group .list-group-item{border-bottom:1px solid gray;position:relative;display:block;padding:10px 15px;text-decoration:none;margin:0}ul.list-group .list-group-item:last-of-type,ol.list-group .list-group-item:last-of-type{border-bottom:none}ul.list-group .list-group-item:hover,ol.list-group .list-group-item:hover{background-color:#f6f6f6}ul.list-group .list-group-item:hover:first-of-type,ol.list-group .list-group-item:hover:first-of-type{border-top-left-radius:var(--round-radius);border-top-right-radius:var(--round-radius)}ul.list-group .list-group-item:hover:last-of-type,ol.list-group .list-group-item:hover:last-of-type{border-bottom-left-radius:var(--round-radius);border-bottom-right-radius:var(--round-radius)}ul.list-group ul>li,ol.list-group ul>li{list-style-type:none}ul.list-group li>ul>li,ol.list-group li>ul>li{list-style-type:disc !important;display:list-item !important}.full-width{max-width:100% !important}.half-width{max-width:50% !important}.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:grid;padding-top:40px}.instructions::before{content:"";font-family:"FontAwesome";font-weight:900;font-size:1.5em;margin-right:10px;opacity:1;color:#2e5e8e;display:block;width:100%}.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:var(--subtle-radius);cursor:pointer;font-size:1rem;font-weight:400;line-height:1.5;padding:5px 10px;width:fit-content;margin:auto;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}.quiz form{background-color:var(--color-pcc-white);z-index:10;display:flex;justify-content:unset;align-items:center;flex-direction:column;padding:40px;border-radius:5px;gap:10px}.instructions.complete+.quiz{display:none}.error-container{color:var(--color-error)}.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:var(--sm-shadow);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}}.slider-widget{position:relative;padding:1rem 1rem 4rem;margin:1rem 0;background-color:var(--slider-bkg)}.slider-widget .slider-arrow{position:absolute;border:none;cursor:pointer;margin:0;padding:0;border-radius:100%;font-size:1rem;width:42px;height:42px;background-color:var(--color-secondary)}.slider-widget .slider-arrow.icon-chevron-left{left:35%;bottom:15px;font-family:"FontAwesome"}.slider-widget .slider-arrow.icon-chevron-right{right:35%;bottom:15px;font-family:"FontAwesome"}.slider-item{height:300px;overflow:auto;padding:15px}.h-400 .slider-item{height:400px}.h-500 .slider-item{height:500px}.slider-dots-bar{display:flex;justify-content:center;margin-top:2.5rem;margin-bottom:1rem}.slider-dot{width:10px;height:10px;border-radius:50%;background-color:var(--color-pcc-ltgrey);margin:0 5px;cursor:pointer}.slider-dot.active{background-color:var(--color-pcc-dkgrey)}@media screen and (min-width: 768px){.slider-widget:not(#second-column .slider-widget){padding:1rem 2rem}.slider-widget:not(#second-column .slider-widget) .slider-arrow.icon-chevron-left{left:-0.5rem;transform:translateY(-50%);top:50%}.slider-widget:not(#second-column .slider-widget) .slider-arrow.icon-chevron-right{right:-0.5rem;transform:translateY(-50%);top:50%}.slider-widget button[class^=icon-chevron-]::before{margin-right:0}}@media screen and (min-width: 1024px){.short-content:not(#second-column .short-content)>div{transform:translateY(25%)}}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,.tabs-widget{display:flex;flex-wrap:wrap;padding:0;margin-bottom:2.2rem;max-width:860px}.tabs input,.tabs-widget input{position:absolute;opacity:0}.tabs input:focus,.tabs-widget input:focus{outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color}.tabs input:checked+label,.tabs-widget input:checked+label{background-color:var(--color-pcc-primary-tint2);color:var(--color-pcc-black);z-index:2;transition:.5s}.tabs input:checked+label:nth-last-of-type(2),.tabs-widget input:checked+label:nth-last-of-type(2){border-radius:0}.tabs input:checked+label+.tab-panel,.tabs-widget input:checked+label+.tab-panel{display:block;z-index:1;border:2px solid var(--color-pcc-primary-tint1)}.tabs input:checked+label+.tab-panel:nth-last-of-type(2),.tabs-widget input:checked+label+.tab-panel:nth-last-of-type(2){border-radius:0 0 var(--subtle-radius) var(--subtle-radius)}.tabs input:checked+label.hide-tab,.tabs-widget input:checked+label.hide-tab{background-color:var(--color-pcc-white);color:var(--color-pcc-black);text-decoration:underline}.tabs label,.tabs-widget label{background-color:var(--color-pcc-primary-tint1);border-bottom:1px solid var(--color-pcc-ltgrey);padding:5px;width:100%;text-align:center;transition:.5s;color:var(--color-pcc-dkgrey)}.tabs label:first-of-type,.tabs-widget label:first-of-type{border-radius:var(--subtle-radius) var(--subtle-radius) 0 0}.tabs label:nth-last-of-type(2),.tabs-widget label:nth-last-of-type(2){border-radius:0 0 var(--subtle-radius) var(--subtle-radius)}.tabs label.hide-tab,.tabs-widget 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,.tabs-widget label{width:fit-content;margin-right:5px;border-radius:var(--subtle-radius) var(--subtle-radius) 0 0}.tabs label:nth-last-of-type(2),.tabs input:checked+label:nth-last-of-type(2),.tabs-widget label:nth-last-of-type(2),.tabs-widget input:checked+label:nth-last-of-type(2){border-radius:var(--subtle-radius) var(--subtle-radius) 0 0}.tab-panel,.tabs input:checked+label+.tab-panel:nth-last-of-type(2),.tabs-widget input:checked+label+.tab-panel:nth-last-of-type(2){order:99;border-radius:0 var(--subtle-radius) var(--subtle-radius) var(--subtle-radius)}}.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:focus: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:hover{color:rgba(58,91,104,.5)}.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:var(--subtle-radius);box-shadow:var(--reg-shadow);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:var(--reg-shadow);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:var(--round-radius);background-color:var(--color-pcc-white);box-shadow:var(--sm-shadow);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:var(--reg-shadow)}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;transition-duration:.3s;transition-property:transform;transform-origin:top left}dl.vocab-list button:hover{cursor:pointer;transform:scale(1.05)}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;border-radius:var(--subtle-radius);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{border-radius:var(--top-radius)}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);border-radius:var(--bottom-radius);margin-top:0;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

@@ -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}
+[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}