@pimaonline/pimaonline-themepack 2.2.1 → 3.0.0

package/LICENSE.md

@@ -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

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

package/dist/css/main.css

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

package/dist/css/themes/ait/styles.css

@@ -0,0 +1 @@
+@import"../../routes.css";@import"https://fonts.googleapis.com/css2?family=Inter&family=Work+Sans&display=swap";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}:root{--color-primary: rgba(228, 201, 136, 1);--color-secondary: rgba(202, 202, 206, 1);--grey-bkg: rgba(240, 240, 240, 1);--dark-grey: rgba(30, 30, 3, 1);--primary-rgb: 228, 201, 136;--secondary-rgb: 202, 202, 206;--btn-hover: rgb(199, 171, 105)}h1{font-family:"Inter",sans-serif;color:var(--color-pcc-white)}h2,h3,h4,h5,h6{font-family:"Work Sans",sans-serif;color:var(--color-pcc-black)}.header .text-container{border-top:4px solid var(--color-primary);border-bottom:4px solid var(--color-primary);background-color:#454545;background-image:linear-gradient(to right, rgba(69, 69, 69, 0.3), rgba(69, 69, 69, 0.8), rgba(69, 69, 69, 0.3)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23d8d8d8' fill-opacity='0.075' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.header .text-container p{color:var(--color-pcc-white)}body{background-color:rgba(var(--secondary-rgb), 0.1)}#content-wrapper .content-body:first-child h2:first-child{background-color:var(--color-primary)}#content-wrapper .content-body:first-child h2:first-child::after{content:"";background-color:var(--dark-grey);width:30%;height:5px;left:0;position:absolute;display:block;margin-top:10px;animation-name:border;animation-duration:1.5s;animation-delay:500ms;animation-fill-mode:forwards}.content-body h2:first-child{background-color:var(--grey-bkg);color:var(--color);margin:-15px -15px 15px -15px;padding-left:15px;padding:10px;width:auto;position:relative}.content-body h2:first-child::after{content:"";background-color:var(--color-primary);width:30%;height:5px;left:0;position:absolute;display:block;margin-top:10px;animation-name:border;animation-duration:1.5s;animation-delay:500ms;animation-fill-mode:forwards}:is(.btn,button,.btn.ext){color:var(--color-pcc-black);background-color:transparent;border:none;border-radius:0;border-bottom:2px solid var(--color-pcc-black)}:is(.btn,button,.btn.ext)::after{content:"";font-family:"FontAwesome";display:"inline-block";font-size:.75em;font-weight:400;margin-left:5px;transition:1s}:is(.btn,button,.btn.ext):hover::after{margin-left:15px;background-color:transparent;transition:1s}button.hide-gallery{padding:5px 15px;background-color:var(--color-primary);border:none;border-radius:0}button.hide-gallery::after{content:" ";width:0;height:0;border-top:18px solid var(--color-pcc-white);border-bottom:18px solid var(--color-pcc-white);border-left:30px solid var(--color-primary);padding:0px;float:right;margin-top:-5px;margin-bottom:-5px;margin-right:-15px}button.hide-gallery:hover{background-color:var(--btn-hover)}button.hide-gallery:hover::after{border-top:18px solid var(--color-pcc-white);border-bottom:18px solid var(--color-pcc-white);border-left:30px solid var(--color-secondary)}#second-column h2{background:transparent;border-top:10px solid var(--color-secondary)}#second-column h2::after{top:0;margin-top:0}#second-column h2::before{content:none}#second-column .border{box-shadow:0px 4px 4px rgba(0,0,0,.25)}#second-column .border h2{width:100%;padding-right:15px}ul>li{list-style-type:disc}ul>li::before{content:"" !important;color:var(--color-pcc-black);display:inline-block;list-style:disc;font-size:.75em;font-weight:400}table th{background-color:var(--color-pcc-black);color:var(--color-pcc-white)}footer{background-color:var(--color-pcc-white);border-top:4px solid var(--color-primary)}li.assignment{background-color:var(--grey-bkg);border-top:none;box-shadow:0px 4px 4px rgba(0,0,0,.25)}li.assignment h3{background-color:rgba(255,255,255,.6);border-bottom:2px solid var(--color-primary)}blockquote::before{color:var(--color-secondary);right:95%}blockquote::after{color:var(--color-secondary);left:95%}.border{background-color:rgba(var(--secondary-rgb), 0.1);border-left:none}.border-yellow::before{display:none}.border-yellow{background-color:rgba(var(--secondary-rgb), 0.1) !important;border-top:none !important}.call-out{background-color:var(--color-pcc-white);box-shadow:0px 4px 4px rgba(0,0,0,.075)}.call-out::before{background-color:var(--color-primary);color:var(--color-pcc-black)}.card-horizontal{background-color:rgba(var(--secondary-rgb), 0.1);padding:25px}.side-by-side{background-color:rgba(var(--secondary-rgb), 0.1);padding:25px}.tabs label{background-color:var(--color-secondary);color:var(--color-pcc-black);border:2px solid var(--grey-bkg);padding:5px}.video-widget{border-top:none}.video-widget .video-card h2{width:auto;margin:-11px -5px 0 -5px;border-top:2px solid var(--color-primary)}.video-widget .video-card:hover{opacity:1;transform:scale(1)}.video-widget:hover .video-card{transform:scale(1)}dl.vocab-list button{background-color:var(--color-primary);color:var(--color-pcc-black);margin-left:5px}dl.vocab-list button:hover{background-color:transparent;color:var(--color-pcc-black)}dl.vocab-list button::after{transition:1s;margin-left:15px}dl.vocab-list dt{background-color:rgba(var(--secondary-rgb), 0.1)}dl.vocab-list dt:hover{background-color:var(--grey-bkg)}@media(min-width: 700px){#three-column{grid-template-areas:"header header" "body second-column" "third-column third-column" "footer footer"}}@keyframes border{from{width:0px;opacity:0}to{width:30%;opacity:1}}

package/dist/css/themes/art/styles.css

@@ -1 +1 @@
-@import"../../routes.css";@import"https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap";h1,h2,h3,h4,h5,h6{color:#000;font-family:"Yeseva One",cursive;font-weight:400}h2{border-bottom:1px solid rgba(51,51,51,.09)}#second-column .content-body>h2:first-child,#second-column .content-body>h3:first-child{font-size:1.122em}body{background-image:linear-gradient(to right, rgba(43, 82, 102, 0.4), rgba(43, 82, 102, 0.4) 25%, rgba(43, 82, 102, 0.3) 25%, rgba(43, 82, 102, 0.3) 50%, rgba(43, 82, 102, 0.25) 50%, rgba(43, 82, 102, 0.25) 75%, rgba(43, 82, 102, 0.2) 75%)}.header .text-container{background:transparent;background-image:none;padding:50px 0;position:static}.header .text-container h1,.header .text-container p{color:#0d0d0d}.header img{border-bottom:1px solid #000}.content-body{background:#fff;border-top:none}.content-body::before,.sidebar-item::before{content:"";display:block;background-image:linear-gradient(to right, #0d0d0d, #0d0d0d 25%, #0d0d0d 25%, #0d0d0d 50%, #0d0d0d 50%, #0d0d0d 75%, #0d0d0d 75%);background-position:0;background-repeat:no-repeat;margin:-10px -10px 0px -10px;height:4px}@media screen and (min-width: 730px){.content-body::before,.sidebar-item::before{margin:-19px -15px 10px -15px}}.border{background-image:linear-gradient(rgba(232, 232, 232, 0.4), rgba(232, 232, 232, 0.2) 15%, rgba(232, 232, 232, 0.1) 30%, white);border-top:1px solid rgba(13,13,13,.4);border-left:none;margin:0 50px}dt,dd{border-left:1px solid rgba(13,13,13,.2);padding-left:5px}figure{background:#fff;box-shadow:0 0 0 1px rgba(13,13,13,.4) inset;border:4px double rgba(13,13,13,.4);padding:25px}figure figcaption{border:none;border-top:1px double rgba(13,13,13,.3);margin-top:5px;padding:5px 0 0 0}figure figcaption p{margin:0}.card-img figure{border:none;box-shadow:none;padding:inherit}#animated-bg{position:fixed;border:none;width:100%;height:100%;top:0;left:0;bottom:0;z-index:-999}li.assignment{background-color:rgba(13,13,13,.03);border-top:1px solid var(--color-primary);border-radius:0px;margin:0;margin-bottom:15px;padding:10px;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:-10px -10px 10px -10px !important;padding:5px 10px}li.assignment::after{border-width:28px 28px 0 0;border-style:solid;border-color:rgba(13,13,13,.08) #fff;bottom:0;box-shadow:0 0px 0px rgba(0,0,0,.03),-1px -1px 1px rgba(0,0,0,.15);content:"";position:absolute;right:0}li.assignment p,li.assignment ol{font-family:"Lora",serif;font-size:.95em}.btn{background:var(--color-primary);border:var(--color-primary);font-family:"Lora",serif;font-size:.95em}.zoom{transition:transform .2s}.zoom:hover{transform:scale(1.02)}
+@import"../../routes.css";@import"https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap";:root{--color-primary: rgba(13, 13, 13, 0.8)}h1,h2,h3,h4,h5,h6{color:#000;font-family:"Yeseva One",cursive;font-weight:400}h2{border-bottom:1px solid rgba(51,51,51,.09)}#second-column .content-body>h2:first-child,#second-column .content-body>h3:first-child{font-size:1.122em}body{background-image:linear-gradient(to right, rgba(43, 82, 102, 0.4), rgba(43, 82, 102, 0.4) 25%, rgba(43, 82, 102, 0.3) 25%, rgba(43, 82, 102, 0.3) 50%, rgba(43, 82, 102, 0.25) 50%, rgba(43, 82, 102, 0.25) 75%, rgba(43, 82, 102, 0.2) 75%)}.side-by-side-item :is(figure,img){width:auto}@media screen and (min-width: 730px){.side-by-side-item :is(figure,img){max-width:100%;margin-left:auto !important}}.header .text-container{background:transparent;background-image:none;padding:50px 0;position:static}.header .text-container h1,.header .text-container p{color:#0d0d0d}.header img{border-bottom:1px solid #000}.content-body{background:#fff;border-top:none}.content-body::before,.sidebar-item::before{content:"";display:block;background-image:linear-gradient(to right, #0d0d0d, #0d0d0d 25%, #0d0d0d 25%, #0d0d0d 50%, #0d0d0d 50%, #0d0d0d 75%, #0d0d0d 75%);background-position:0;background-repeat:no-repeat;margin:-10px -10px 0px -10px;height:4px}@media screen and (min-width: 730px){.content-body::before,.sidebar-item::before{margin:-19px -15px 10px -15px}}.border{background-image:linear-gradient(rgba(232, 232, 232, 0.4), rgba(232, 232, 232, 0.2) 15%, rgba(232, 232, 232, 0.1) 30%, white);border-top:1px solid rgba(13,13,13,.4);border-left:none;margin:0 50px}dt,dd{border-left:1px solid rgba(13,13,13,.2);padding-left:5px}figure{background:#fff;box-shadow:0 0 0 1px rgba(13,13,13,.4) inset;border:4px double rgba(13,13,13,.4);padding:25px}figure figcaption{border:none;border-top:1px double rgba(13,13,13,.3);margin-top:5px;padding:5px 0 0 0}figure figcaption p{margin:0}.card-img figure{border:none;box-shadow:none;padding:inherit}#animated-bg{position:fixed;border:none;width:100%;height:100%;top:0;left:0;bottom:0;z-index:-999}li.assignment{background-color:rgba(13,13,13,.03);border-top:1px solid var(--color-primary);border-radius:0px;margin:0;margin-bottom:15px;padding:10px;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:-10px -10px 10px -10px !important;padding:5px 10px}li.assignment::after{border-width:28px 28px 0 0;border-style:solid;border-color:rgba(13,13,13,.08) #fff;bottom:0;box-shadow:0 0px 0px rgba(0,0,0,.03),-1px -1px 1px rgba(0,0,0,.15);content:"";position:absolute;right:0}li.assignment p,li.assignment ol{font-family:"Lora",serif;font-size:.95em}.btn{background:var(--color-primary);border:var(--color-primary);font-family:"Lora",serif;font-size:.95em}.zoom{transition:transform .2s}.zoom:hover{transform:scale(1.02)}

package/dist/css/themes/business/styles.css

@@ -1 +1 @@
-@import"../../routes.css";@import"https://fonts.googleapis.com/css2?family=Karla:wght@300;400;700&display=swap";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}:root{--color-primary: rgba(0, 120, 170, 1);--color-secondary: rgba(58, 180, 242, 1);--color-tertiary: rgba(230, 230, 230, 1);--color-quaternary: rgba(246, 246, 246, 1);--color-black: rgba(13, 13, 13, 1);--primary-rgb: 0, 120, 170;--secondary-rgb: 58, 180, 242;--tertiary-rgb: 230, 230, 230;--quaternary-rgb: 246, 246, 246;--color-heading-icon: rgba(255, 255, 255, 1)}h1,h2,h3,h4,h5,h6,dt{font-family:"Karla",sans-serif}h2{position:relative;border-bottom:5px solid var(--color-tertiary)}h3{color:var(--color-primary)}h4{border-bottom:var(--color-tertiary)}body{background-color:var(--color-quaternary);border-top:none;margin:0 auto}#content-wrapper .content-body>p{max-width:80%;margin:0 auto 15px}.content-body{position:relative;margin-bottom:20px;background-color:#fff;box-shadow:0px 4px 4px 2px rgba(0,0,0,.08);border-top:none;border-radius:20px 20px 0 0;border-bottom:5px solid var(--color-primary)}.content-body::after{content:"";position:absolute;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='35' viewBox='0 0 40 35' fill='none'%3E%3Crect y='19' width='10' height='16' fill='%230078AA'/%3E%3Crect x='15' y='8' width='10' height='27' fill='%230078AA'/%3E%3Crect x='30' width='10' height='35' fill='%230078AA'/%3E%3C/svg%3E");background-repeat:no-repeat;width:50px;height:30px;bottom:0;right:0}#two-column .content-body:last-child{flex-grow:0}#two-col-widget{grid-row-gap:0px}@media screen and (min-width: 700px){#two-column,#two-col-widget{grid-column-gap:30px}}.header,.footer-gallery{background-color:var(--color-pcc-white);box-shadow:0px 4px 4px 2px rgba(0,0,0,.08);border-top:none;border-radius:20px 20px 0 0}.header{margin:10px auto 30px auto}.header img{grid-area:image;border-bottom:none;border-radius:20px 20px 0px 0px}.header .text-container{grid-area:text;background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));border-right:5px solid var(--color-tertiary);border-radius:0;position:relative}.header .text-container::before{content:"";position:absolute;width:50%;height:90%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='441' height='407' viewBox='0 0 441 407' fill='none'%3E%3Crect y='213' width='121' height='194' fill='%230078AA' fill-opacity='0.2'/%3E%3Crect x='160' y='127' width='121' height='280' fill='%230078AA' fill-opacity='0.2'/%3E%3Crect x='320' width='121' height='407' fill='%230078AA' fill-opacity='0.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;left:50%;bottom:0;z-index:-1}.header .text-container h1,.header .text-container h2,.header .text-container h3,.header .text-container h4,.header .text-container p{color:#fff;text-align:left;padding:0px 25px}@media screen and (min-width: 992px){.header{width:auto;display:grid;grid-auto-rows:auto;grid-template-areas:"text image";grid-template-columns:50%;min-height:300px}.header .text-container{backdrop-filter:blur(2px);border-bottom:none;border-radius:20px 0 0 0;padding:15px 0;position:absolute;top:0;transform:none;height:-webkit-fill-available}.header .text-container::before{width:100%;left:10%}.header img{border-bottom:none;border-top-left-radius:0;height:100%;object-fit:cover}}h2::before{border-radius:20px 20px 0px 0px;color:var(--color-secondary);display:block;height:auto;margin:-15px 0px 15px 0px;min-width:100%;padding:15px 0px;text-align:center;width:-webkit-fill-available;width:100%}h2[class^=icon]{border-radius:20px 20px 0px 0px;color:var(--color-black);margin:30px 0px 20px 0px !important;padding-bottom:15px;text-align:center}h2[class^=icon]::before{margin-right:0}h2[class^=icon]:first-child{margin-top:-15px !important}h2:not([class^=icon]){background-color:transparent;color:var(--color-black);padding:5px 0px;text-align:left}@media screen and (min-width: 500px){h2,h2[class^=icon]{padding:0px;text-align:left}h2::before{border-radius:20px 0px 0px 0px;display:inline-block;margin:0px;min-width:auto;width:2em;margin-left:-15px}}table{margin:10px 0 20px 0}table.display-lg th{background-color:var(--color-black);color:var(--color-quaternary) !important;font-family:"Karla",sans-serif;font-weight:900 !important}table thead,table tr,table td{border:1px solid #c3cedb}table caption{color:#337794}table a:hover,table a:active{color:var(--color-secondary) !important}@media screen and (max-width: 768px){table.display-lg tbody tr td:first-child{background-color:var(--color-black);color:var(--color-quaternary) !important}td p{color:unset}td h2:not([class^=icon]){color:#fff}}@media screen and (min-width: 768px){table thead,tr,td{border:none}tr:nth-child(even){background:rgba(51,51,51,.05)}table.custom-width th:first-child{width:40%}table.custom-width th:nth-child(4){width:20%}table a:link,table a:visited{color:var(--color-secondary) !important}table a:hover,table a:active{color:var(--color-primary) !important}}button{background-color:var(--color-secondary);border:none;color:var(--color-quaternary)}button:hover{background-color:var(--color-primary);color:#fff}a.btn{background-color:transparent;padding:5px 12px;border:2px solid var(--color-black);border-radius:0;text-transform:uppercase;letter-spacing:2px;font-size:.7em;font-weight:bold;color:var(--color-black) !important;margin:10px 0px}a.btn:hover{background-color:var(--color-black);color:#fff !important;border:2px solid var(--color-black)}a:link,a:visited{color:var(--color-primary);font-weight:bold;word-break:break-word}a:hover,a:active{color:#266477}ul li:before{color:var(--color-primary)}ul,ol{margin:0 20px 10px 20px}dt{color:var(--color-primary);font-weight:900}figure{box-shadow:0px 4px 5px 1px rgba(0,0,0,.2);padding:10px}figure img{margin:0 auto !important;width:-webkit-fill-available}figure figcaption{border-bottom:none;font-family:"Rajdhani",sans-serif;font-style:normal;padding:7px 0 5px 0}#second-column figure,#column-widget figure{margin:20px auto !important}#footer{background-color:#fff;box-shadow:0px 4px 4px 2px rgba(0,0,0,.08);border-top:none;border-radius:0 0 20px 20px}#footer>p{color:#337794;font-family:"Lato",sans-serif;font-weight:900;padding:10px}ul.assignments-widget{margin:0;padding:0}li.assignment{background-color:var(--color-quaternary)}li.assignment:is(h2,h3,h4){color:var(--color-primary);background-color:rgba(var(--secondary-rgb), 0.2)}blockquote{background:var(--color-pcc-ltgrey);color:var(--color-pcc-black);font-family:"Karla",sans-serif;font-weight:900;padding:30px}blockquote::before{content:none}blockquote::after{content:none}.border{background-color:rgba(13,13,13,.05);border-left:10px solid var(--color-primary);padding:10px}.border h3{background-color:rgba(36,72,106,.1);padding:10px 10px 5px 10px;text-align:left;margin:-10px -10px 20px !important}.border h4{border-bottom:none;padding:5px 6px 2px 0px;margin:-10px -10px 20px !important}.border a.btn:not(:last-child){margin-bottom:20px}.border-yellow{background-color:rgba(13,13,13,.05) !important;border:none !important;padding:0}.border-yellow::before{content:none}.border-yellow>:is(h2,h3,h4){font-weight:300;background-color:var(--color-black);color:var(--color-quaternary);padding:10px}.border-yellow>p{padding:10px}.call-out{background-color:transparent;border:3px solid rgba(var(--secondary-rgb), 0.5);border-radius:10px;position:relative}.call-out::before{background:transparent;color:var(--color-secondary)}.call-out::after{content:"";position:absolute;border-bottom:3px solid var(--color-primary);width:100px;top:40px;left:0;right:0;margin-left:auto;margin-right:auto}.card-horizontal{position:relative}.card-horizontal .card-body{background-color:rgba(var(--tertiary-rgb), 0.3);border-left:5px solid var(--color-tertiary);padding:15px;align-self:center}.side-by-side-item{position:relative}.side-by-side-item:last-child::after{content:"";position:absolute;width:100px;height:3px;background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));left:0}
+@import"../../routes.css";@import"https://fonts.googleapis.com/css2?family=Karla:wght@300;400;700&display=swap";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}:root{--color-primary: rgba(0, 120, 170, 1);--color-secondary: rgba(58, 180, 242, 1);--color-tertiary: rgba(230, 230, 230, 1);--color-quaternary: rgba(246, 246, 246, 1);--color-black: rgba(13, 13, 13, 1);--primary-rgb: 0, 120, 170;--secondary-rgb: 58, 180, 242;--tertiary-rgb: 230, 230, 230;--quaternary-rgb: 246, 246, 246;--color-heading-icon: rgba(255, 255, 255, 1)}h1,h2,h3,h4,h5,h6,dt{font-family:"Karla",sans-serif}h2{position:relative;border-bottom:5px solid var(--color-tertiary)}h3{color:var(--color-primary)}h4{border-bottom:var(--color-tertiary)}body{background-color:var(--color-quaternary);border-top:none;margin:0 auto}#content-wrapper .content-body>p{max-width:80%;margin:0 auto 15px}.content-body{position:relative;margin-bottom:20px;background-color:#fff;box-shadow:0px 4px 4px 2px rgba(0,0,0,.08);border-top:none;border-radius:20px 20px 0 0;border-bottom:5px solid var(--color-primary)}.content-body::after{content:"";position:absolute;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='35' viewBox='0 0 40 35' fill='none'%3E%3Crect y='19' width='10' height='16' fill='%230078AA'/%3E%3Crect x='15' y='8' width='10' height='27' fill='%230078AA'/%3E%3Crect x='30' width='10' height='35' fill='%230078AA'/%3E%3C/svg%3E");background-repeat:no-repeat;width:50px;height:30px;bottom:0;right:0}#two-column .content-body:last-child{flex-grow:0}#two-col-widget{grid-row-gap:0px}@media screen and (min-width: 700px){#two-column,#two-col-widget{grid-column-gap:30px}}.header,.footer-gallery{background-color:var(--color-pcc-white);box-shadow:0px 4px 4px 2px rgba(0,0,0,.08);border-top:none;border-radius:20px 20px 0 0}.header{margin:10px auto 30px auto}.header img{grid-area:image;border-bottom:none;border-radius:20px 20px 0px 0px}.header .text-container{grid-area:text;background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));border-right:5px solid var(--color-tertiary);border-radius:0;position:relative}.header .text-container::before{content:"";position:absolute;width:50%;height:90%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='441' height='407' viewBox='0 0 441 407' fill='none'%3E%3Crect y='213' width='121' height='194' fill='%230078AA' fill-opacity='0.2'/%3E%3Crect x='160' y='127' width='121' height='280' fill='%230078AA' fill-opacity='0.2'/%3E%3Crect x='320' width='121' height='407' fill='%230078AA' fill-opacity='0.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;left:50%;bottom:0;z-index:-1}.header .text-container h1,.header .text-container h2,.header .text-container h3,.header .text-container h4,.header .text-container p{color:#fff;text-align:left;padding:0px 25px}@media screen and (min-width: 992px){.header{width:auto;display:grid;grid-auto-rows:auto;grid-template-areas:"text image";grid-template-columns:50%;min-height:300px}.header .text-container{backdrop-filter:blur(2px);border-bottom:none;border-radius:20px 0 0 0;padding:15px 0;position:absolute;top:0;transform:none;height:-webkit-fill-available}.header .text-container::before{width:100%;left:10%}.header img{border-bottom:none;border-top-left-radius:0;height:100%;object-fit:cover}}h2::before{border-radius:20px 20px 0px 0px;color:var(--color-secondary);display:block;height:auto;margin:-15px 0px 15px 0px;min-width:100%;padding:15px 0px;text-align:center;width:-webkit-fill-available;width:100%}h2[class^=icon]{border-radius:20px 20px 0px 0px;color:var(--color-black);margin:30px 0px 20px 0px !important;padding-bottom:15px;text-align:center}h2[class^=icon]::before{margin-right:0}h2[class^=icon]:first-child{margin-top:-15px !important}h2:not([class^=icon]){background-color:transparent;color:var(--color-black);padding:5px 0px;text-align:left}@media screen and (min-width: 500px){h2,h2[class^=icon]{padding:0px;text-align:left}h2::before{border-radius:20px 0px 0px 0px;display:inline-block;margin:0px;min-width:auto;width:2em;margin-left:-15px}}table{margin:10px 0 20px 0}table.display-lg th{background-color:var(--color-black);color:var(--color-quaternary) !important;font-family:"Karla",sans-serif;font-weight:900 !important}table thead,table tr,table td{border:1px solid #c3cedb}table caption{color:#337794}table a:hover,table a:active{color:var(--color-secondary)}@media screen and (max-width: 768px){table.display-lg tbody tr td:first-child{background-color:var(--color-black);color:var(--color-quaternary) !important}td p{color:unset}td h2:not([class^=icon]){color:#fff}}@media screen and (min-width: 768px){table thead,tr,td{border:none}tr:nth-child(even){background:rgba(51,51,51,.05)}table.custom-width th:first-child{width:40%}table.custom-width th:nth-child(4){width:20%}table a:link,table a:visited{color:var(--color-secondary)}table a:hover,table a:active{color:var(--color-primary)}}button{background-color:var(--color-secondary);border:none;color:var(--color-quaternary)}button:hover{background-color:var(--color-primary);color:#fff}a.btn{background-color:transparent;padding:5px 12px;border:2px solid var(--color-black);border-radius:0;text-transform:uppercase;letter-spacing:2px;font-size:.7em;font-weight:bold;color:var(--color-black) !important;margin:10px 0px}a.btn:hover{background-color:var(--color-black);color:#fff !important;border:2px solid var(--color-black)}ul li:before{color:var(--color-primary)}ul,ol{margin:0 20px 10px 20px}dt{color:var(--color-primary);font-weight:900}figure{box-shadow:0px 4px 5px 1px rgba(0,0,0,.2);padding:10px}figure img{margin:0 auto !important;width:-webkit-fill-available}figure figcaption{border-bottom:none;font-family:"Rajdhani",sans-serif;font-style:normal;padding:7px 0 5px 0}#second-column figure,#column-widget figure{margin:20px auto !important}#footer{background-color:#fff;box-shadow:0px 4px 4px 2px rgba(0,0,0,.08);border-top:none;border-radius:0 0 20px 20px}#footer>p{color:#337794;font-family:"Lato",sans-serif;font-weight:900;padding:10px}ul.assignments-widget{margin:0;padding:0}li.assignment{background-color:var(--color-quaternary)}li.assignment:is(h2,h3,h4){color:var(--color-primary);background-color:rgba(var(--secondary-rgb), 0.2)}blockquote{background:var(--color-pcc-ltgrey);color:var(--color-pcc-black);font-family:"Karla",sans-serif;font-weight:900;padding:30px}blockquote::before{content:none}blockquote::after{content:none}.border{background-color:rgba(13,13,13,.05);border-left:10px solid var(--color-primary);padding:10px}.border h3{background-color:rgba(36,72,106,.1);padding:10px 10px 5px 10px;text-align:left;margin:-10px -10px 20px !important}.border h4{border-bottom:none;padding:5px 6px 2px 0px;margin:-10px -10px 20px !important}.border a.btn:not(:last-child){margin-bottom:20px}.border-yellow{background-color:rgba(13,13,13,.05) !important;border:none !important;padding:0}.border-yellow::before{content:none}.border-yellow>:is(h2,h3,h4){font-weight:300;background-color:var(--color-black);color:var(--color-quaternary);padding:10px}.border-yellow>p{padding:10px}.call-out{background-color:transparent;border:3px solid rgba(var(--secondary-rgb), 0.5);border-radius:10px;position:relative}.call-out::before{background:transparent;color:var(--color-secondary)}.call-out::after{content:"";position:absolute;border-bottom:3px solid var(--color-primary);width:100px;top:40px;left:0;right:0;margin-left:auto;margin-right:auto}.card-horizontal{position:relative}.card-horizontal .card-body{background-color:rgba(var(--tertiary-rgb), 0.3);border-left:5px solid var(--color-tertiary);padding:15px;align-self:center}.side-by-side-item{position:relative}.side-by-side-item:last-child::after{content:"";position:absolute;width:100px;height:3px;background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));left:0}

package/dist/css/themes/cards/styles.css

@@ -1 +1 @@
-@import"../../routes.css";: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)}body{background-color:rgba(4,85,148,.08);border-top:3px solid var(--color-pcc-primary)}h2{border-bottom:1px solid rgba(51,51,51,.09)}.header img{border-bottom:3px solid var(--color-pcc-primary)}.header .text-container{background:rgba(26,97,143,.7);background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='rgba(4,85,148,1)' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E")}@media screen and (min-width: 998px){.header .text-container{padding:15px 0;position:absolute;top:44%;width:100%}.header .text-container.lower{position:relative;top:0}}.header .text-container h1,.header .text-container h2,.header .text-container h3,.header .text-container h4,.header .text-container p{color:var(--color-pcc-white)}.content-body,.sidebar-item,#footer,#main footer{background-color:var(--color-pcc-white);border-top:3px solid rgba(26,97,143,.9);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)}blockquote::before,blockquote::after{color:var(--color-pcc-primary)}button{background-color:var(--color-pcc-primary);border:none;color:#fff}button:hover{background-color:var(--color-pcc-primary-hover)}table caption{color:var(--color-pcc-primary)}table.display-lg{width:100% !important}table th{background-color:var(--color-pcc-primary);color:var(--color-pcc-white)}@media screen and (max-width: 768px){table.display-lg tbody tr td:first-child{background:var(--color-pcc-primary);color:var(--color-pcc-white)}}#footer>p{color:#005be2}#video-wrapper .video-card{border-top:1px solid rgba(26,97,143,.3)}
+@import"../../routes.css";: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)}:rooter{--color-primary: rgba(26, 97, 143, 1)}body{background-color:rgba(4,85,148,.08);border-top:3px solid var(--color-pcc-primary)}h2{border-bottom:1px solid rgba(51,51,51,.09)}.header img{border-bottom:3px solid var(--color-pcc-primary)}.header .text-container{background:rgba(26,97,143,.7);background-image:url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='rgba(4,85,148,1)' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E")}@media screen and (min-width: 998px){.header .text-container{padding:15px 0;position:absolute;top:44%;width:100%}.header .text-container.lower{position:relative;top:0}}.header .text-container h1,.header .text-container h2,.header .text-container h3,.header .text-container h4,.header .text-container p{color:var(--color-pcc-white)}.content-body,.sidebar-item,#footer,#main footer{background-color:var(--color-pcc-white);border-top:3px solid rgba(26,97,143,.9);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)}blockquote::before,blockquote::after{color:var(--color-pcc-primary)}button{background-color:var(--color-pcc-primary);border:none;color:#fff}button:hover{background-color:var(--color-pcc-primary-hover)}a.btn{color:var(--color-pcc-white)}a.btn:hover{border-color:#1c3957}a.btn:visited{color:var(--color-pcc-white)}table caption{color:var(--color-pcc-primary)}table.display-lg{width:100% !important}table th{background-color:var(--color-pcc-primary);color:var(--color-pcc-white)}@media screen and (max-width: 768px){table.display-lg tbody tr td:first-child{background:var(--color-pcc-primary);color:var(--color-pcc-white)}}#footer>p{color:#005be2}#video-wrapper .video-card{border-top:1px solid rgba(26,97,143,.3)}

package/dist/css/themes/cda/styles.css

@@ -1 +1 @@
-@import"../../routes.css";@import"https://fonts.googleapis.com/css2?family=Klee+One:wght@400;600&display=swap";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}:root{--color-primary: rgba(188, 105, 0, 1);--color-secondary: rgba(71, 98, 107, 1);--color-tertiary: rgba(243, 238, 232, 1);--color-quaternary: rgba(139, 159, 160, 1);--color-black: rgba(13, 13, 13, 1);--primary-rgb: 188, 105, 0;--secondary-rgb: 71, 98, 107;--tertiary-rgb: 243, 238, 232;--quaternary-rgb: 139, 159, 160;--color-white: rgba(255, 255, 255, 1);--btn-hover: rgba(199, 63, 57, 1)}h1{color:var(--color-white)}h1,h2,h3,h4,h5,h6,dt{font-family:"Klee One",cursive}h2{border-bottom:0px}h3{font-weight:900;color:var(--color-secondary)}h4{font-weight:600;border-bottom:var(--color-tertiary);width:fit-content;color:var(--color-primary)}body{background-image:linear-gradient(rgba(var(--secondary-rgb), 0.03), rgba(var(--secondary-rgb), 0.03));background-repeat:repeat;background-size:auto;border-top:none}.content-body{margin-bottom:20px}#two-column .content-body:last-child{flex-grow:0}#two-col-widget{grid-row-gap:0px}@media screen and (min-width: 700px){#two-column,#two-col-widget{grid-column-gap:30px}}.header,.content-body,#footer,.footer-gallery{background-color:var(--color-white);box-shadow:0px 4px 4px 2px rgba(0,0,0,.08);border-top:none;border-radius:20px}.header{margin:10px auto 30px auto}.header img{border-bottom:none;border-radius:20px 20px 0px 0px}.header .text-container{background:rgba(var(--primary-rgb), 0.8);border-radius:0px 0px 20px 20px}.header .text-container:is(h1,h2,h3,h4){color:var(--color-white);text-align:center}.header .text-container p{color:var(--color-white);text-align:center;padding:0px 25px}@media screen and (min-width: 700px){.header .text-container{backdrop-filter:blur(2px);background:rgba(var(--primary-rgb), 0.8);border-bottom:none;border-radius:0px 20px 20px 0px;box-shadow:0px 4px 5px 1px rgba(0,0,0,.2);padding:15px 0;position:absolute;top:50%;transform:translate(0%, -50%);width:80%}.header img{border-bottom:none;border-radius:20px}}h2::before{background-color:var(--color-quaternary);border-radius:20px 20px 0px 0px;color:var(--color-tertiary);display:block;height:auto;margin:-15px 0px 15px 0px;min-width:100%;padding:15px 0px;text-align:center;width:-webkit-fill-available;width:100%}h2[class^=icon]{background-color:var(--color-tertiary);border-bottom:none;border-radius:20px 20px 0px 0px;color:var(--color-primary);margin:-15px -15px 20px -15px !important;padding-bottom:15px;text-align:center}h2[class^=icon]::before{background-color:var(--color-quaternary);color:var(--color-tertiary);margin-right:10px}h2:not([class^=icon]){background-color:transparent;border-bottom:2px solid var(--color-tertiary);color:var(--color-primary);margin:0px 0px 20px 0px !important;padding:5px 0px}@media screen and (min-width: 500px){h2,h2[class^=icon]{padding:0px;text-align:left}h2:before{border-radius:20px 0px 0px 0px;display:inline-block;margin:0px;min-width:auto;width:2em}h2[class^=icon]::before{padding:15px}}table{margin:10px 0 20px 0}table.display-lg th{background-color:var(--color-quaternary);color:var(--color-black) !important;font-family:"Klee One",sans-serif;font-weight:900 !important}table:is(thead,tr,td){border:1px solid var(--color-tertiary)}table caption{color:var(--color-secondary)}table a:link,table a:visited{color:rgba(var(--primary-rgb), 0.7) !important}table table a:hover,table table a:active{color:var(--color-primary) !important}@media screen and (max-width: 768px){table.display-lg tbody tr td:first-child{background-color:rgba(var(--quaternary-rgb), 0.5);color:var(--color-black) !important;font-family:"Klee One",sans-serif;font-weight:700}}@media screen and (min-width: 768px){table thead,tr,td{border:none}tr:nth-child(even){background:rgba(var(--tertiary-rgb), 0.5)}table.custom-width th:first-child{width:40%}table.custom-width th:nth-child(4){width:20%}}button{background-color:var(--color-secondary);border:none;color:var(--color-white)}button:hover{background-color:var(--color-primary);color:var(--color-white)}a.btn{background-color:var(--color-secondary);padding:5px 12px;border:none;border-radius:5px;box-shadow:0 2px 1px var(--color-quaternary);text-transform:uppercase;letter-spacing:2px;font-weight:bold;color:var(--color-tertiary) !important;margin:10px 0px}a.btn:hover{background-color:var(--color-primary);color:var(--color-white) !important;box-shadow:inset 0 2px 1px var(--btn-hover)}a.btn:active{background-color:var(--color-primary);box-shadow:inset 0 2px 2px var(--btn-hover)}a:link,a:visited{color:var(--color-primary);font-weight:bold;word-break:break-word}a:hover,a:active{color:var(--color-secondary)}.easter-egg{position:relative}.easter-egg img{display:block;width:100%;height:auto;animation-name:grow;animation-duration:4s;animation-timing-function:ease-in-out;animation-direction:alternate;animation-iteration-count:infinite}@keyframes grow{0%{transform:scale(0.95)}100%{transform:scale(1)}}ul li:before{color:var(--color-primary)}ul,ol{margin:0 20px 10px 20px}dt{color:var(--color-primary);font-weight:900}figure{box-shadow:0px 4px 5px 1px rgba(0,0,0,.2);padding:10px}figure img{margin:0 auto !important;width:-webkit-fill-available}figure figcaption{border-bottom:none;font-family:"Rajdhani",sans-serif;font-style:normal;padding:7px 0 5px 0}#second-column figure,#column-widget figure{margin:20px auto !important}#footer>p{color:var(--color-secondary);font-family:"Lato",sans-serif;font-weight:900;padding:10px}li.assignment{background-color:var(--color-tertiary)}li.assignment:is(h2,h3,h4){color:var(--color-secondary);background-color:rgba(var(--primary-rgb), 0.3);border-radius:10px 10px 0 0}li.assignment::after{border-width:28px 28px 0 0;border-style:solid;border-color:rgba(13,13,13,.08) #fff;bottom:0;box-shadow:0 0px 0px rgba(0,0,0,.03),-1px -1px 1px rgba(0,0,0,.15);content:"";position:absolute;right:0}blockquote{color:var(--color-secondary);font-family:"Klee One",cursive;font-weight:900}blockquote::before,blockquote::after{color:var(--color-quaternary)}blockquote::before{right:93%;top:-20px}blockquote::after{left:93%;bottom:-20px}@media screen and (min-width: 500px){blockquote::before{right:96%;top:-15px}blockquote::after{left:96%;bottom:-15px}}.border{background-color:var(--color-tertiary);border-left:none;padding:10px;box-shadow:2px 2px 3px 2px rgba(19,78,130,.2);border-radius:0 0 10px 10px}.border h3{text-align:left}.border h4{border-bottom:none}.border a.btn:not(:last-child){margin-bottom:20px}.border-yellow{border-left:none;box-shadow:none}.border-yellow>h2[class^=icon]::before{background-color:transparent;color:var(--color-secondary);margin-right:0;padding:10px}.border-yellow>:is(h2,h2[class^=icon]){background-color:transparent;color:var(--color-secondary)}.call-out{background-color:transparent;border:3px solid rgba(var(--secondary-rgb), 0.5);border-radius:10px;position:relative}.call-out::before{background:transparent;color:var(--color-secondary)}.call-out::after{content:"";position:absolute;border-bottom:3px solid var(--color-primary);width:100px;top:40px;left:0;right:0;margin-left:auto;margin-right:auto}.media-container{border:none}
+@import"../../routes.css";@import"https://fonts.googleapis.com/css2?family=Klee+One:wght@400;600&display=swap";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}:root{--color-primary: rgba(188, 105, 0, 1);--color-secondary: rgba(71, 98, 107, 1);--color-tertiary: rgba(243, 238, 232, 1);--color-quaternary: rgba(139, 159, 160, 1);--color-black: rgba(13, 13, 13, 1);--primary-rgb: 188, 105, 0;--secondary-rgb: 71, 98, 107;--tertiary-rgb: 243, 238, 232;--quaternary-rgb: 139, 159, 160;--color-white: rgba(255, 255, 255, 1);--btn-hover: rgba(199, 63, 57, 1)}h1{color:var(--color-white)}h1,h2,h3,h4,h5,h6,dt{font-family:"Klee One",cursive}h2{border-bottom:0px}h3{font-weight:900;color:var(--color-secondary)}h4{font-weight:600;border-bottom:var(--color-tertiary);width:fit-content;color:var(--color-primary)}body{background-image:linear-gradient(rgba(var(--secondary-rgb), 0.03), rgba(var(--secondary-rgb), 0.03));background-repeat:repeat;background-size:auto;border-top:none}.content-body{margin-bottom:20px}#two-column .content-body:last-child{flex-grow:0}#two-col-widget{grid-row-gap:0px}@media screen and (min-width: 700px){#two-column,#two-col-widget{grid-column-gap:30px}}.header,.content-body,#footer,.footer-gallery{background-color:var(--color-white);box-shadow:0px 4px 4px 2px rgba(0,0,0,.08);border-top:none;border-radius:20px}.header{margin:10px auto 30px auto}.header img{border-bottom:none;border-radius:20px 20px 0px 0px}.header .text-container{background:rgba(var(--primary-rgb), 0.8);border-radius:0px 0px 20px 20px}.header .text-container:is(h1,h2,h3,h4){color:var(--color-white);text-align:center}.header .text-container p{color:var(--color-white);text-align:center;padding:0px 25px}@media screen and (min-width: 700px){.header .text-container{backdrop-filter:blur(2px);background:rgba(var(--primary-rgb), 0.8);border-bottom:none;border-radius:0px 20px 20px 0px;box-shadow:0px 4px 5px 1px rgba(0,0,0,.2);padding:15px 0;position:absolute;top:50%;transform:translate(0%, -50%);width:80%}.header img{border-bottom:none;border-radius:20px}}h2::before{background-color:var(--color-quaternary);border-radius:20px 20px 0px 0px;color:var(--color-tertiary);display:block;height:auto;margin:-15px 0px 15px 0px;min-width:100%;padding:15px 0px;text-align:center;width:-webkit-fill-available;width:100%}h2[class^=icon]{background-color:var(--color-tertiary);border-bottom:none;border-radius:20px 20px 0px 0px;color:var(--color-primary);margin:-15px -15px 20px -15px !important;padding-bottom:15px;text-align:center}h2[class^=icon]::before{background-color:var(--color-quaternary);color:var(--color-tertiary);margin-right:10px}h2:not([class^=icon]){background-color:transparent;border-bottom:2px solid var(--color-tertiary);color:var(--color-primary);margin:0px 0px 20px 0px !important;padding:5px 0px}@media screen and (min-width: 500px){h2,h2[class^=icon]{padding:0px;text-align:left}h2:before{border-radius:20px 0px 0px 0px;display:inline-block;margin:0px;min-width:auto;width:2em}h2[class^=icon]::before{padding:15px}}table{margin:10px 0 20px 0}table.display-lg th{background-color:var(--color-quaternary);color:var(--color-black) !important;font-family:"Klee One",sans-serif;font-weight:900 !important}table:is(thead,tr,td){border:1px solid var(--color-tertiary)}table caption{color:var(--color-secondary)}table table a:hover,table table a:active{color:var(--color-primary)}@media screen and (max-width: 768px){table.display-lg tbody tr td:first-child{background-color:rgba(var(--quaternary-rgb), 0.5);color:var(--color-black) !important;font-family:"Klee One",sans-serif;font-weight:700}}@media screen and (min-width: 768px){table thead,tr,td{border:none}tr:nth-child(even){background:rgba(var(--tertiary-rgb), 0.5)}table.custom-width th:first-child{width:40%}table.custom-width th:nth-child(4){width:20%}}button{background-color:var(--color-secondary);border:none;color:var(--color-white)}button:hover{background-color:var(--color-primary);color:var(--color-white)}a.btn{background-color:var(--color-secondary);padding:5px 12px;border:none;border-radius:5px;box-shadow:0 2px 1px var(--color-quaternary);text-transform:uppercase;letter-spacing:2px;font-weight:bold;color:var(--color-tertiary) !important;margin:10px 0px}a.btn:hover{background-color:var(--color-primary);color:var(--color-white) !important;box-shadow:inset 0 2px 1px var(--btn-hover)}a.btn:active{background-color:var(--color-primary);box-shadow:inset 0 2px 2px var(--btn-hover)}.easter-egg{position:relative}.easter-egg img{display:block;width:100%;height:auto;animation-name:grow;animation-duration:4s;animation-timing-function:ease-in-out;animation-direction:alternate;animation-iteration-count:infinite}@keyframes grow{0%{transform:scale(0.95)}100%{transform:scale(1)}}ul li:before{color:var(--color-primary)}ul,ol{margin:0 20px 10px 20px}dt{color:var(--color-primary);font-weight:900}figure{box-shadow:0px 4px 5px 1px rgba(0,0,0,.2);padding:10px}figure img{margin:0 auto !important;width:-webkit-fill-available}figure figcaption{border-bottom:none;font-family:"Rajdhani",sans-serif;font-style:normal;padding:7px 0 5px 0}#second-column figure,#column-widget figure{margin:20px auto !important}#footer>p{color:var(--color-secondary);font-family:"Lato",sans-serif;font-weight:900;padding:10px}li.assignment{background-color:var(--color-tertiary)}li.assignment:is(h2,h3,h4){color:var(--color-secondary);background-color:rgba(var(--primary-rgb), 0.3);border-radius:10px 10px 0 0}li.assignment::after{border-width:28px 28px 0 0;border-style:solid;border-color:rgba(13,13,13,.08) #fff;bottom:0;box-shadow:0 0px 0px rgba(0,0,0,.03),-1px -1px 1px rgba(0,0,0,.15);content:"";position:absolute;right:0}blockquote{color:var(--color-secondary);font-family:"Klee One",cursive;font-weight:900}blockquote::before,blockquote::after{color:var(--color-quaternary)}blockquote::before{right:93%;top:-20px}blockquote::after{left:93%;bottom:-20px}@media screen and (min-width: 500px){blockquote::before{right:96%;top:-15px}blockquote::after{left:96%;bottom:-15px}}.border{background-color:var(--color-tertiary);border-left:none;padding:10px;box-shadow:2px 2px 3px 2px rgba(19,78,130,.2);border-radius:0 0 10px 10px}.border h3{text-align:left}.border h4{border-bottom:none}.border a.btn:not(:last-child){margin-bottom:20px}.border-yellow{border-left:none;box-shadow:none}.border-yellow>h2[class^=icon]::before{background-color:transparent;color:var(--color-secondary);margin-right:0;padding:10px}.border-yellow>:is(h2,h2[class^=icon]){background-color:transparent;color:var(--color-secondary)}.call-out{background-color:transparent;border:3px solid rgba(var(--secondary-rgb), 0.5);border-radius:10px;position:relative}.call-out::before{background:transparent;color:var(--color-secondary)}.call-out::after{content:"";position:absolute;border-bottom:3px solid var(--color-primary);width:100px;top:40px;left:0;right:0;margin-left:auto;margin-right:auto}.media-container{border:none}

package/dist/css/themes/communication/styles.css

@@ -1 +1 @@
-@import"../../routes.css";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;700&display=swap";:root{--color-primary: rgba(23, 74, 124, 1);--color-secondary: rgba(61, 193, 204, 1);--color-tertiary: rgba(196, 40, 144, 1);--color-quaternary: rgba(105, 50, 120, 1);--color-black: rgba(13, 13, 13, 1);--color-white: rgba(255, 255, 255, 1);--color-dkgrey: rgba(61, 61, 61, 1);--color-ltgrey: rgba(245, 245, 245, 1);--primary-rgb: 23, 74, 124;--secondary-rgb: 61, 193, 204;--tertiary-rgb: 196, 40, 144;--quaternary-rgb: 105, 50, 120;--black-rgb: 13, 13, 13;--white-rgb: 255, 255, 255;--dkgrey-rgb: 61, 61, 61;--ltgrey-rgb: 245, 245, 245}h1,h2,h3,h4,h5,h6{font-family:"Outfit",sans-serif;font-weight:400;color:var(--color-dkgrey);border-bottom:none}.header .text-container{border-radius:0 0 10px 10px;background-color:var(--color-black);background-image:none}.header img{border-radius:10px 10px 0 0;border-bottom:none}.header h1,.header h2,.header h3,.header h4,.header p{color:var(--color-white)}body{background:linear-gradient(-45deg, rgba(var(--primary-rgb), 0.1), rgba(var(--secondary-rgb), 0.1), rgba(var(--tertiary-rgb), 0.1), rgba(var(--quaternary-rgb), 0.1));background-size:2000% 2000%;animation:gradient 25s ease infinite;background-repeat:no-repeat;width:100%;height:100%}.content-body{border-radius:10px;background-color:var(--color-ltgrey)}.content-body,.sidebar-item,#footer{position:relative;border:none;background-color:var(--color-ltgrey);border-bottom:1px solid rgba(var(--black-rgb), 0.2);-webkit-shadow:0 8px 8px 0 rgba(var(--black-rgb), 0.03);-o-box-shadow:0 8px 8px 0 rgba(var(--black-rgb), 0.03);-moz-box-shadow:0 8px 8px 0 rgba(var(--black-rgb), 0.03);box-shadow:0 8px 8px 0 rgba(var(--black-rgb), 0.03)}[class^=icon]:first-child::before{background-color:rgba(var(--quaternary-rgb), 0.5);padding:15px 15px 7px 15px;margin-left:-15px}#second-column .content-body:last-child{flex-grow:0}#second-column .content-body:last-child::before{background-image:none}figure img,.side-by-side-item img{margin:0 auto !important}:is(h2,h3,h4):first-child::after{content:"";position:absolute;width:100%;height:60px;left:0;top:0;background-image:-webkit-linear-gradient(115deg, rgba(var(--white-rgb), 0) 20%, rgba(var(--primary-rgb), 0.1) 0);min-height:fit-content}#second-column .content-body :is(h2,h3,h4):first-child{margin-bottom:20px}#second-column .content-body :is(h2,h3,h4):first-child::after{height:45px}.content-body::before,.sidebar-item::before,#footer::before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background-image:linear-gradient(to right, var(--color-primary), var(--color-secondary), var(--color-tertiary), var(--color-quaternary));border-radius:200px 200px 0 0}.btn{background-color:var(--color-dkgrey);border-color:var(--color-dkgrey)}.btn:hover{background-color:var(--color-black);border-color:var(--color-black)}#footer{border-radius:10px;padding:10px 0;margin-bottom:20px}table.display-lg th{background-color:var(--color-primary);text-align:center;vertical-align:middle}blockquote{background-color:rgba(var(--primary-rgb), 0.1);border-radius:10px}blockquote::before{left:0;color:var(--color-primary)}blockquote::after{right:0;color:var(--color-primary)}.border{border-left:none;border-radius:10px;background-color:rgba(var(--primary-rgb), 0.1);position:relative}.border .border-yellow{border-left:none;border-radius:10px;margin:-15px}.border .border-yellow::before{content:"";position:absolute;width:100%;height:30px;left:0;top:-20px;background-image:-webkit-linear-gradient(30deg, rgba(var(--primary-rgb), 0.3) 50%, rgba(var(--white-rgb), 0) 0);min-height:fit-content;border-radius:10px 0 0}.card-horizontal{background-color:rgba(var(--primary-rgb), 0.1);padding:10px;border-radius:10px;border-left:3px solid var(--color-primary)}.side-by-side{background-image:linear-gradient(rgba(var(--primary-rgb), 0.1) 50%, rgba(var(--primary-rgb), 0.3));border-radius:10px;padding:10px 0 0 10px;justify-content:center}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@media screen and (min-width: 998px){.header .text-container{top:auto;bottom:0}}
+@import"../../routes.css";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;700&display=swap";:root{--color-primary: rgba(23, 74, 124, 1);--color-secondary: rgba(61, 193, 204, 1);--color-tertiary: rgba(196, 40, 144, 1);--color-quaternary: rgba(105, 50, 120, 1);--color-black: rgba(13, 13, 13, 1);--color-white: rgba(255, 255, 255, 1);--color-dkgrey: rgba(61, 61, 61, 1);--color-ltgrey: rgba(245, 245, 245, 1);--primary-rgb: 23, 74, 124;--secondary-rgb: 61, 193, 204;--tertiary-rgb: 196, 40, 144;--quaternary-rgb: 105, 50, 120;--black-rgb: 13, 13, 13;--white-rgb: 255, 255, 255;--dkgrey-rgb: 61, 61, 61;--ltgrey-rgb: 245, 245, 245}h1,h2,h3,h4,h5,h6{font-family:"Outfit",sans-serif;font-weight:400;color:var(--color-dkgrey);border-bottom:none}.header .text-container{border-radius:0 0 10px 10px;background-color:var(--color-black);background-image:none}.header img{border-radius:10px 10px 0 0;border-bottom:none}.header h1,.header h2,.header h3,.header h4,.header p{color:var(--color-white)}body{background:linear-gradient(-45deg, rgba(var(--primary-rgb), 0.1), rgba(var(--secondary-rgb), 0.1), rgba(var(--tertiary-rgb), 0.1), rgba(var(--quaternary-rgb), 0.1));background-size:2000% 2000%;animation:gradient 25s ease infinite;background-repeat:no-repeat;width:100%;height:100%}.content-body{border-radius:10px;background-color:var(--color-ltgrey)}.content-body,.sidebar-item,#footer{position:relative;border:none;background-color:var(--color-ltgrey);border-bottom:1px solid rgba(var(--black-rgb), 0.2);-webkit-shadow:0 8px 8px 0 rgba(var(--black-rgb), 0.03);-o-box-shadow:0 8px 8px 0 rgba(var(--black-rgb), 0.03);-moz-box-shadow:0 8px 8px 0 rgba(var(--black-rgb), 0.03);box-shadow:0 8px 8px 0 rgba(var(--black-rgb), 0.03)}[class^=icon]:first-child::before{background-color:rgba(var(--quaternary-rgb), 0.5);padding:15px 15px 7px 15px;margin-left:-15px}#second-column .content-body:last-child{flex-grow:0}#second-column .content-body:last-child::before{background-image:none}figure img,.side-by-side-item img{margin:0 auto !important}:is(h2,h3,h4):first-child::after{content:"";position:absolute;width:100%;height:60px;left:0;top:0;background-image:-webkit-linear-gradient(115deg, rgba(var(--white-rgb), 0) 20%, rgba(var(--primary-rgb), 0.1) 0);min-height:fit-content}#second-column .content-body :is(h2,h3,h4):first-child{margin-bottom:20px}#second-column .content-body :is(h2,h3,h4):first-child::after{height:45px}.content-body::before,.sidebar-item::before,#footer::before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background-image:linear-gradient(to right, var(--color-primary), var(--color-secondary), var(--color-tertiary), var(--color-quaternary));border-radius:200px 200px 0 0}.btn{background-color:var(--color-dkgrey);border-color:var(--color-dkgrey)}.btn:visited{color:var(--color-pcc-white)}.btn:hover{background-color:var(--color-black);border-color:var(--color-black)}#footer{border-radius:10px;padding:10px 0;margin-bottom:20px}table.display-lg th{background-color:var(--color-primary);text-align:center;vertical-align:middle}blockquote{background-color:rgba(var(--primary-rgb), 0.1);border-radius:10px}blockquote::before{left:0;color:var(--color-primary)}blockquote::after{right:0;color:var(--color-primary)}.border{border-left:none;border-radius:10px;background-color:rgba(var(--primary-rgb), 0.1);position:relative}.border .border-yellow{border-left:none;border-radius:10px;margin:-15px}.border .border-yellow::before{content:"";position:absolute;width:100%;height:30px;left:0;top:-20px;background-image:-webkit-linear-gradient(30deg, rgba(var(--primary-rgb), 0.3) 50%, rgba(var(--white-rgb), 0) 0);min-height:fit-content;border-radius:10px 0 0}.card-horizontal{background-color:rgba(var(--primary-rgb), 0.1);padding:10px;border-radius:10px;border-left:3px solid var(--color-primary)}.side-by-side{background-image:linear-gradient(rgba(var(--primary-rgb), 0.1) 50%, rgba(var(--primary-rgb), 0.3));border-radius:10px;padding:10px 0 0 10px;justify-content:center}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@media screen and (min-width: 998px){.header .text-container{top:auto;bottom:0}}

package/dist/css/themes/culinary/styles.css

@@ -1 +1 @@
-@import"../../routes.css";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;600;800;900&display=swap";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}html{box-sizing:border-box}body{background-image:linear-gradient(rgba(240, 240, 240, 0.6), rgba(230, 230, 230, 0.6)),url("../../../img/theme-images/culinary/steel-stainless-rotate.jpg");background-repeat:repeat;background-size:300px;font-family:"Lato",Helvetica,sans-serif;font-size:100%;line-height:1.35}.content-body,.header,#footer,.footer-gallery{background-color:var(--color-pcc-white);border-bottom:solid 3px var(--color-pcc-white);border-radius:5px;box-shadow:0 1px 0 #d2d2d2,0 2px 0 #c8c8c8,0 3px 0 #bebebe,0 4px 0 #b4b4b4,0 0 5px rgba(13,13,13,.05),0 1px 3px rgba(13,13,13,.2),0 3px 5px rgba(13,13,13,.2),0 5px 10px rgba(13,13,13,.2),0 10px 10px rgba(13,13,13,.2),0 20px 20px rgba(13,13,13,.2),inset 5px 5px 5px var(--color-pcc-white);text-align:left}#one-column,#two-column,#two-col-widget{grid-row-gap:20px}#two-col-widget{grid-template-rows:auto}#two-column .header,#two-col-widget .header{max-width:1004px}@media screen and (min-width: 700px){#two-column,#two-col-widget{grid-template-columns:minmax(400px, 650px) minmax(280px, 350px);grid-column-gap:25px}}.header{display:grid;grid-auto-rows:10em auto;grid-template-areas:"image" "text";margin-bottom:0px;max-height:375px;max-width:978px;overflow:hidden;padding:1%;width:auto}.header img{grid-area:image;height:100%;max-height:100%;object-fit:cover;width:100%}.header .text-container{grid-area:text;height:auto;margin:auto;padding-bottom:20px}@media screen and (min-width: 730px){.header{width:auto;display:grid;grid-auto-rows:auto;grid-template-areas:"text image";grid-template-columns:minmax(250px, 330px) minmax(455px, 830px);max-height:300px}.header img{height:270px}.header .text-container{padding:0 3%}}.content-body{margin-bottom:20px;padding:10px 20px;z-index:1}.content-body:last-child{margin-bottom:0px}footer{z-index:2}footer #footer{margin-bottom:10px;padding:10px}table .display-lg{border:3px solid var(--color-pcc-primary);margin:0px auto;width:100% !important}table .display-lg thead{background:var(--color-pcc-primary) !important}table tr:nth-child(even){background:rgba(162,176,179,.5)}table caption{font-size:1.4em;font-weight:600;margin:-20px auto .25rem auto}@media screen and (min-width: 550px){table.display-lg{margin:25px auto}}@media screen and (max-width: 768px){table.display-lg tbody tr td:first-child{background:var(--color-pcc-primary)}}blockquote{color:rgba(4,85,148,.6);font-size:1.2em;font-weight:600;margin:30px 30px 40px 30px;padding:0 10px;font-style:italic}blockquote::before{color:var(--color-pcc-primary);content:"";font-family:"FontAwesome";font-size:1.2em;top:-30px}blockquote::after{bottom:-30px;color:var(--color-pcc-primary);content:"";font-family:"FontAwesome";font-size:1.2em}figure{border:6px solid var(--color-pcc-white);border-bottom:none;box-shadow:1px 1px 5px rgba(13,13,13,.25);display:table;margin-left:20px;margin-right:20px}figure figcaption{background-color:var(--color-pcc-white);border-top:none;caption-side:bottom;padding:10px;text-align:center}@media screen and (max-width: 768px){figure{margin:auto}figure figcaption{margin:0px}}.highlight{background-image:linear-gradient(to bottom, #d0d0d0, #d0d0d0);border:2px solid #d0d0d0}.border{background-color:#eff7fb;border-radius:0 10px 10px 0;box-shadow:4px 5px 10px 0px rgba(187,187,187,.5);margin:10px 0px;position:relative}.border:not(:first-child){margin-top:30px}.border::before,.border::after{background:#777;bottom:15px;box-shadow:0 15px 10px #777;content:"";max-width:300px;position:absolute;top:80%;width:50%;z-index:-1}.border::before{left:10px;transform:rotate(-3deg)}.border::after{right:10px;transform:rotate(3deg)}hr{border-bottom:3px solid var(--color-pcc-black);margin:20px}img{margin:0 auto !important}.invite{background-color:#fffdf4;margin:20px 0px}.invite .invite-inner{border:2px solid var(--color-pcc-primary)}.invite h2{text-align:center;text-transform:uppercase;font-weight:700;letter-spacing:2px;margin:5px auto !important}.menu-table{background-color:#fffdf4 !important}.menu-table h2{font-weight:800;text-transform:uppercase;padding-bottom:10px}.menu-table h2::after{border-bottom:3px solid var(--color-pcc-primary);content:"";display:block;margin:0 auto;padding-top:10px;width:20%}.menu-table .menu-table-inner{border:3px solid var(--color-pcc-primary)}.menu-table table{border:none}.menu-table table th{color:var(--color-pcc-primary);background-color:#fffdf4}.menu-table table tr{background:#fffdf4 !important}.menu-table table td:first-child{color:var(--color-pcc-primary) !important}.menu-table table caption{color:var(--color-pcc-primary)}h1,h2,h3,h4,h5,h6{font-family:"Montserrat",sans-serif}h1{padding:10px 0px;letter-spacing:4px;font-size:2em;font-weight:800;text-transform:uppercase}h2,h3,h4{font-weight:600;text-align:left}h2{border-bottom:1px solid rgba(13,13,13,.1);font-size:1.7em;font-weight:600;margin-bottom:10px;margin-top:25px}h3{font-size:1.5em;margin-top:30px}h4{font-size:1.4em}.header h1,.header h2,.header h3,.header p{text-align:center}a:link:not(.fancybox-img-lg){border-bottom:1.5px solid var(--color-pcc-primary);color:var(--color-pcc-primary);font-weight:900;overflow-wrap:break-word;padding:0 2px 2px 2px;text-decoration:none;word-wrap:break-word}a:hover,a:active{background-image:linear-gradient(to bottom, rgba(114, 158, 161, 0.2), rgba(114, 158, 161, 0.2));overflow-wrap:break-word;padding:0 2px 2px 2px;text-decoration:none;word-wrap:break-word}ul li::before{color:var(--color-pcc-primary)}dt{font-weight:900}#video-grid{grid-row-gap:20px}#video-grid .video-card{border-bottom:solid 3px var(--color-pcc-white);border-radius:5px;box-shadow:0 1px 0 #d2d2d2,0 2px 0 #c8c8c8,0 3px 0 #bebebe,0 4px 0 #b4b4b4,0 0 5px rgba(13,13,13,.05),0 1px 3px rgba(13,13,13,.2),0 3px 5px rgba(13,13,13,.2),0 5px 10px rgba(13,13,13,.2),0 10px 10px rgba(13,13,13,.2),0 20px 20px rgba(13,13,13,.2),inset 5px 5px 5px var(--color-pcc-white)}
+@import"../../routes.css";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;600;800;900&display=swap";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}:root{--color-primary: rgba(26, 97, 143, 1)}html{box-sizing:border-box}body{background-image:linear-gradient(rgba(240, 240, 240, 0.6), rgba(230, 230, 230, 0.6)),url("../../../img/theme-images/culinary/steel-stainless-rotate.jpg");background-repeat:repeat;background-size:300px;font-family:"Lato",Helvetica,sans-serif;font-size:100%;line-height:1.35}.content-body,.header,#footer,.footer-gallery{background-color:var(--color-pcc-white);border-bottom:solid 3px var(--color-pcc-white);border-radius:5px;box-shadow:0 1px 0 #d2d2d2,0 2px 0 #c8c8c8,0 3px 0 #bebebe,0 4px 0 #b4b4b4,0 0 5px rgba(13,13,13,.05),0 1px 3px rgba(13,13,13,.2),0 3px 5px rgba(13,13,13,.2),0 5px 10px rgba(13,13,13,.2),0 10px 10px rgba(13,13,13,.2),0 20px 20px rgba(13,13,13,.2),inset 5px 5px 5px var(--color-pcc-white);text-align:left}#one-column,#two-column,#two-col-widget{grid-row-gap:20px}#two-col-widget{grid-template-rows:auto}#two-column .header,#two-col-widget .header{max-width:1004px}@media screen and (min-width: 700px){#two-column,#two-col-widget{grid-template-columns:minmax(400px, 650px) minmax(280px, 350px);grid-column-gap:25px}}.header{display:grid;grid-auto-rows:10em auto;grid-template-areas:"image" "text";margin-bottom:0px;max-height:375px;max-width:978px;overflow:hidden;padding:1%;width:auto}.header img{grid-area:image;height:100%;max-height:100%;object-fit:cover;width:100%}.header .text-container{grid-area:text;height:auto;margin:auto;padding-bottom:20px}@media screen and (min-width: 730px){.header{width:auto;display:grid;grid-auto-rows:auto;grid-template-areas:"text image";grid-template-columns:minmax(250px, 330px) minmax(455px, 830px);max-height:300px}.header img{height:270px}.header .text-container{padding:0 3%}}.content-body{margin-bottom:20px;padding:10px 20px;z-index:1}.content-body:last-child{margin-bottom:0px}footer{z-index:2}footer #footer{margin-bottom:10px;padding:10px}table .display-lg{border:3px solid var(--color-pcc-primary);margin:0px auto;width:100% !important}table .display-lg thead{background:var(--color-pcc-primary) !important}table tr:nth-child(even){background:rgba(162,176,179,.5)}table caption{font-size:1.4em;font-weight:600;margin:-20px auto .25rem auto}@media screen and (min-width: 550px){table.display-lg{margin:25px auto}}@media screen and (max-width: 768px){table.display-lg tbody tr td:first-child{background:var(--color-pcc-primary)}}blockquote{color:rgba(4,85,148,.6);font-size:1.2em;font-weight:600;margin:30px 30px 40px 30px;padding:0 10px;font-style:italic}blockquote::before{color:var(--color-pcc-primary);content:"";font-family:"FontAwesome";font-size:1.2em;top:-30px}blockquote::after{bottom:-30px;color:var(--color-pcc-primary);content:"";font-family:"FontAwesome";font-size:1.2em}figure{border:6px solid var(--color-pcc-white);border-bottom:none;box-shadow:1px 1px 5px rgba(13,13,13,.25);display:table;margin-left:20px;margin-right:20px}figure figcaption{background-color:var(--color-pcc-white);border-top:none;caption-side:bottom;padding:10px;text-align:center}@media screen and (max-width: 768px){figure{margin:auto}figure figcaption{margin:0px}}.highlight{background-image:linear-gradient(to bottom, #d0d0d0, #d0d0d0);border:2px solid #d0d0d0}.border{background-color:#eff7fb;border-radius:0 10px 10px 0;box-shadow:4px 5px 10px 0px rgba(187,187,187,.5);margin:10px 0px;position:relative}.border:not(:first-child){margin-top:30px}.border::before,.border::after{background:#777;bottom:15px;box-shadow:0 15px 10px #777;content:"";max-width:300px;position:absolute;top:80%;width:50%;z-index:-1}.border::before{left:10px;transform:rotate(-3deg)}.border::after{right:10px;transform:rotate(3deg)}hr{border-bottom:3px solid var(--color-pcc-black);margin:20px}img{margin:0 auto !important}.invite{background-color:#fffdf4;margin:20px 0px}.invite .invite-inner{border:2px solid var(--color-pcc-primary)}.invite h2{text-align:center;text-transform:uppercase;font-weight:700;letter-spacing:2px;margin:5px auto !important}.menu-table{background-color:#fffdf4 !important}.menu-table h2{font-weight:800;text-transform:uppercase;padding-bottom:10px}.menu-table h2::after{border-bottom:3px solid var(--color-pcc-primary);content:"";display:block;margin:0 auto;padding-top:10px;width:20%}.menu-table .menu-table-inner{border:3px solid var(--color-pcc-primary)}.menu-table table{border:none}.menu-table table th{color:var(--color-pcc-primary);background-color:#fffdf4}.menu-table table tr{background:#fffdf4 !important}.menu-table table td:first-child{color:var(--color-pcc-primary) !important}.menu-table table caption{color:var(--color-pcc-primary)}h1,h2,h3,h4,h5,h6{font-family:"Montserrat",sans-serif}h1{padding:10px 0px;letter-spacing:4px;font-size:2em;font-weight:800;text-transform:uppercase}h2,h3,h4{font-weight:600;text-align:left}h2{border-bottom:1px solid rgba(13,13,13,.1);font-size:1.7em;font-weight:600;margin-bottom:10px;margin-top:25px}h3{font-size:1.5em;margin-top:30px}h4{font-size:1.4em}.header h1,.header h2,.header h3,.header p{text-align:center}a:link:not(.fancybox-img-lg){border-bottom:1.5px solid var(--color-pcc-primary);color:var(--color-pcc-primary);font-weight:900;overflow-wrap:break-word;padding:0 2px 2px 2px;text-decoration:none;word-wrap:break-word}a.btn:visited{color:var(--color-pcc-white)}ul li::before{color:var(--color-pcc-primary)}dt{font-weight:900}#video-grid{grid-row-gap:20px}#video-grid .video-card{border-bottom:solid 3px var(--color-pcc-white);border-radius:5px;box-shadow:0 1px 0 #d2d2d2,0 2px 0 #c8c8c8,0 3px 0 #bebebe,0 4px 0 #b4b4b4,0 0 5px rgba(13,13,13,.05),0 1px 3px rgba(13,13,13,.2),0 3px 5px rgba(13,13,13,.2),0 5px 10px rgba(13,13,13,.2),0 10px 10px rgba(13,13,13,.2),0 20px 20px rgba(13,13,13,.2),inset 5px 5px 5px var(--color-pcc-white)}

package/dist/css/themes/ece/styles.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap";@import"../../routes.css";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}:root{--color-primary: rgba(226, 175, 253, 1);--color-secondary: rgba(242, 190, 92, 1);--color-tertiary: rgba(63, 48, 102, 1);--color-quaternary: rgba(197, 156, 252, 1);--primary-rgb: 226, 175, 253;--secondary-rgb: 242, 190, 92;--tertiary-rgb: 63, 48, 102;--quaternary-rgb: 197, 156, 252;--color-heading-icon: rgba(255, 255, 255, 1)}h1,h2,h3,h4,h5,h6,dt{font-family:"Patrick Hand",cursive}h2{border-bottom:0px}h3{font-weight:900;color:var(--color-tertiary)}h4{font-weight:600;border-bottom:var(--color-tertiary);width:fit-content;color:var(--color-quaternary)}body{background-color:rgba(var(--tertiary-rgb), 0.05);border-top:none}.content-body{margin-bottom:20px}#two-col-widget{grid-row-gap:0px}@media screen and (min-width: 700px){#two-column,#two-col-widget{grid-column-gap:30px}}.header,.content-body,#footer,.footer-gallery{background-color:var(--color-pcc-white);box-shadow:0px 4px 4px 2px rgba(0,0,0,.08);border-top:none;border-radius:20px}.header{margin:10px auto 30px auto}.header img{border-bottom:none;border-radius:20px 20px 0px 0px}.header .text-container{background:rgba(var(--secondary-rgb), 0.8);border-radius:0px 0px 20px 20px}.header .text-container :is(h1,h2,h3,h4,p){color:var(--color-tertiary);text-align:center}.header .text-container p{padding:0px 25px}@media screen and (min-width: 1024px){.header .text-container{backdrop-filter:blur(2px);background:rgba(var(--secondary-rgb), 0.8);border-bottom:none;border-radius:0px 20px 20px 0px;box-shadow:0px 4px 5px 1px rgba(0,0,0,.2);padding:15px 0;position:absolute;top:75%;transform:translate(0%, -50%);width:80%}.header img{border-bottom:none;border-radius:20px}}h2::before{background-color:var(--color-quaternary);border-radius:20px 20px 0px 0px;color:var(--color-tertiary);display:block;height:auto;margin:-15px 0px 15px 0px;min-width:100%;padding:15px 0px;text-align:center;width:-webkit-fill-available;width:100%}h2[class^=icon]{background-color:rgba(var(--primary-rgb), 0.3);border-bottom:none;border-radius:20px 20px 0px 0px;color:var(--color-tertiary);margin:30px -15px 20px -15px !important;padding-bottom:15px;text-align:center}h2[class^=icon]:first-child{margin-top:-15px !important}h2:not([class^=icon]){background-color:transparent;color:var(--color-tertiary);margin:0px !important;padding:5px 0px;text-align:left}@media screen and (min-width: 500px){h2,h2[class^=icon]{padding:0px;text-align:left}h2::before{border-radius:20px 0px 0px 0px;display:inline-block;margin:0px;padding:15px;min-width:auto;width:2em}}table{margin:10px 0 20px 0}table.display-lg th{background-color:rgba(var(--secondary-rgb), 0.3);color:var(--color-pcc-black) !important;font-family:"Mali",sans-serif;font-weight:900 !important}table thead,table tr,table td{border:1px solid var(--color-pcc-ltgrey)}table caption{color:var(--color-pcc-primary)}table a:link,table a:visited{color:var(--color-pcc-primary) !important}table a:hover,table a:active{color:rgba(4,85,148,.7) !important}@media screen and (max-width: 768px){table.display-lg tbody tr td:first-child{background-color:var(--color-primary);color:var(--color-tertiary) !important;font-family:"Mali",cursive}}@media screen and (min-width: 768px){table thead,tr,td{border:none}tr:nth-child(even){background:rgba(51,51,51,.05)}table.custom-width th:first-child{width:40%}table.custom-width th:nth-child(4){width:20%}}button{background-color:var(--color-secondary);border:none;color:var(--color-quaternary)}button:hover{background-color:var(--color-primary);color:var(--color-pcc-white)}a.btn{background-color:rgba(var(--secondary-rgb), 0.8);padding:5px 12px;border-radius:5px;border:none;box-shadow:0 2px 1px #a4a6ad;text-transform:uppercase;letter-spacing:2px;font-weight:bold;color:var(--color-tertiary);margin:10px 0px}a.btn:hover{background-color:var(--color-secondary);color:var(--color-tertiary) !important}a.btn:active{background-color:var(--color-secondary)}a:link,a:visited{color:var(--color-tertiary);font-weight:bold;word-break:break-word}a:hover,a:active{color:#266477}dl.vocab-list button{background-color:var(--color-secondary);color:var(--color-tertiary)}dl.vocab-list button:hover{background-color:var(--color-tertiary);color:var(--color-pcc-white)}.easter-egg{position:relative}.easter-egg img{display:block;width:100%;height:auto;animation-name:grow;animation-duration:4s;animation-timing-function:ease-in-out;animation-direction:alternate;animation-iteration-count:infinite}@keyframes grow{0%{transform:scale(0.95)}100%{transform:scale(1)}}ul li:before{color:var(--color-tertiary)}ul,ol{margin:0 20px 10px 20px}dt{color:var(--color-tertiary);font-weight:900}figure{box-shadow:0px 4px 5px 1px rgba(0,0,0,.2);padding:10px}figure img{margin:0 auto !important;width:-webkit-fill-available}figure figcaption{border-bottom:none;font-style:normal;padding:7px 0 5px 0}#second-column figure,#column-widget figure{margin:20px auto !important}#footer>p{color:var(--color-tertiary);font-family:"Lato",sans-serif;font-weight:900;padding:10px}li.assignment{background-color:rgba(13,13,13,.08);border-top:none;border-radius:0px;margin:0;margin-bottom:15px;padding:10px;transition:.3s}li.assignment :is(h2,h3,h4){background-color:rgba(0,0,0,.03);margin:-10px -10px 10px -10px !important;padding:5px 10px}blockquote{color:var(--color-tertiary);font-family:"Mali",cursive;font-weight:300}blockquote::before,blockquote::after{color:var(--color-quaternary)}blockquote::before{right:93%;top:-20px}blockquote::after{left:93%;bottom:-20px}@media screen and (min-width: 500px){blockquote::before{right:96%;top:-15px}blockquote::after{left:96%;bottom:-15px}}.border{background-color:rgba(var(--secondary-rgb), 0.3);border-left:none;padding:10px;box-shadow:2px 2px 3px 2px rgba(19,78,130,.2);border-radius:0 0 10px 10px}.border a.btn:not(:last-child){margin-bottom:20px}.border-yellow{background-color:rgba(187,207,215,.5) !important;border-top:2px solid var(--color-secondary) !important;border-left:none;padding:5px}.border-yellow::before{border-color:var(--color-pcc-ltgrey)}.call-out{background-color:transparent;border:3px solid rgba(var(--secondary-rgb), 0.5);border-radius:10px;position:relative}.call-out::before{background:transparent;color:var(--color-tertiary)}.call-out::after{content:"";position:absolute;border-bottom:3px solid var(--color-primary);width:100px;top:40px;left:0;right:0;margin-left:auto;margin-right:auto}.card-horizontal{position:relative}.card-horizontal .card-body{padding:30px 0 0 30px}.card-horizontal .card-img{padding:0 30px 0 0}.media-container{position:relative;border:none}.media-container .media-object{border-radius:10px}
+@import"https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap";@import"../../routes.css";:root{--color-pcc-primary: rgba(4, 85, 148, 1);--color-pcc-secondary: rgba(247, 144, 45, 1);--color-pcc-tertiary: rgba(0, 174, 239, 1);--color-pcc-black: rgba(13, 13, 13, 1);--color-pcc-dkgrey: rgba(128, 128, 128, 1);--color-pcc-ltgrey: rgba(227, 227, 227, 1);--color-pcc-primary-hover: rgba(3, 64, 111, 1);--color-pcc-secondary-hover: rgba(236, 119, 9, 1);--color-pcc-tertiary-hover: rgba(0, 146, 199, 1);--color-pcc-white: rgba(255, 255, 255, 1)}:root{--color-primary: rgba(226, 175, 253, 1);--color-secondary: rgba(242, 190, 92, 1);--color-tertiary: rgba(63, 48, 102, 1);--color-quaternary: rgba(197, 156, 252, 1);--primary-rgb: 226, 175, 253;--secondary-rgb: 242, 190, 92;--tertiary-rgb: 63, 48, 102;--quaternary-rgb: 197, 156, 252;--color-heading-icon: rgba(255, 255, 255, 1)}h1,h2,h3,h4,h5,h6,dt{font-family:"Patrick Hand",cursive}h2{border-bottom:0px}h3{font-weight:900;color:var(--color-tertiary)}h4{font-weight:600;border-bottom:var(--color-tertiary);width:fit-content;color:var(--color-quaternary)}body{background-color:rgba(var(--tertiary-rgb), 0.05);border-top:none}.content-body{margin-bottom:20px}#two-col-widget{grid-row-gap:0px}@media screen and (min-width: 700px){#two-column,#two-col-widget{grid-column-gap:30px}}.header,.content-body,#footer,.footer-gallery{background-color:var(--color-pcc-white);box-shadow:0px 4px 4px 2px rgba(0,0,0,.08);border-top:none;border-radius:20px}.header{margin:10px auto 30px auto}.header img{border-bottom:none;border-radius:20px 20px 0px 0px}.header .text-container{background:rgba(var(--secondary-rgb), 0.8);border-radius:0px 0px 20px 20px}.header .text-container :is(h1,h2,h3,h4,p){color:var(--color-tertiary);text-align:center}.header .text-container p{padding:0px 25px}@media screen and (min-width: 1024px){.header .text-container{backdrop-filter:blur(2px);background:rgba(var(--secondary-rgb), 0.8);border-bottom:none;border-radius:0px 20px 20px 0px;box-shadow:0px 4px 5px 1px rgba(0,0,0,.2);padding:15px 0;position:absolute;top:75%;transform:translate(0%, -50%);width:80%}.header img{border-bottom:none;border-radius:20px}}h2::before{background-color:var(--color-quaternary);border-radius:20px 20px 0px 0px;color:var(--color-tertiary);display:block;height:auto;margin:-15px 0px 15px 0px;min-width:100%;padding:15px 0px;text-align:center;width:-webkit-fill-available;width:100%}h2[class^=icon]{background-color:rgba(var(--primary-rgb), 0.3);border-bottom:none;border-radius:20px 20px 0px 0px;color:var(--color-tertiary);margin:30px -15px 20px -15px !important;padding-bottom:15px;text-align:center}h2[class^=icon]:first-child{margin-top:-15px !important}h2:not([class^=icon]){background-color:transparent;color:var(--color-tertiary);margin:0px !important;padding:5px 0px;text-align:left}@media screen and (min-width: 500px){h2,h2[class^=icon]{padding:0px;text-align:left}h2::before{border-radius:20px 0px 0px 0px;display:inline-block;margin:0px;padding:15px;min-width:auto;width:2em}}table{margin:10px 0 20px 0}table.display-lg th{background-color:rgba(var(--secondary-rgb), 0.3);color:var(--color-pcc-black) !important;font-family:"Mali",sans-serif;font-weight:900 !important}table thead,table tr,table td{border:1px solid var(--color-pcc-ltgrey)}table caption{color:var(--color-pcc-primary)}table a:link,table a:visited{color:var(--color-pcc-primary)}table a:hover,table a:active{color:rgba(4,85,148,.7)}@media screen and (max-width: 768px){table.display-lg tbody tr td:first-child{background-color:var(--color-primary);color:var(--color-tertiary) !important;font-family:"Mali",cursive}}@media screen and (min-width: 768px){table thead,tr,td{border:none}tr:nth-child(even){background:rgba(51,51,51,.05)}table.custom-width th:first-child{width:40%}table.custom-width th:nth-child(4){width:20%}}button{background-color:var(--color-secondary);border:none;color:var(--color-quaternary)}button:hover{background-color:var(--color-primary);color:var(--color-pcc-white)}a.btn{background-color:rgba(var(--secondary-rgb), 0.8);padding:5px 12px;border-radius:5px;border:none;box-shadow:0 2px 1px #a4a6ad;text-transform:uppercase;letter-spacing:2px;font-weight:bold;color:var(--color-tertiary);margin:10px 0px}a.btn:hover{background-color:var(--color-secondary);color:var(--color-tertiary) !important}a.btn:active{background-color:var(--color-secondary)}dl.vocab-list button{background-color:var(--color-secondary);color:var(--color-tertiary)}dl.vocab-list button:hover{background-color:var(--color-tertiary);color:var(--color-pcc-white)}.easter-egg{position:relative}.easter-egg img{display:block;width:100%;height:auto;animation-name:grow;animation-duration:4s;animation-timing-function:ease-in-out;animation-direction:alternate;animation-iteration-count:infinite}@keyframes grow{0%{transform:scale(0.95)}100%{transform:scale(1)}}ul li:before{color:var(--color-tertiary)}ul,ol{margin:0 20px 10px 20px}dt{color:var(--color-tertiary);font-weight:900}figure{box-shadow:0px 4px 5px 1px rgba(0,0,0,.2);padding:10px}figure img{margin:0 auto !important;width:-webkit-fill-available}figure figcaption{border-bottom:none;font-style:normal;padding:7px 0 5px 0}#second-column figure,#column-widget figure{margin:20px auto !important}#footer>p{color:var(--color-tertiary);font-family:"Lato",sans-serif;font-weight:900;padding:10px}li.assignment{background-color:rgba(13,13,13,.08);border-top:none;border-radius:0px;margin:0;margin-bottom:15px;padding:10px;transition:.3s}li.assignment :is(h2,h3,h4){background-color:rgba(0,0,0,.03);margin:-10px -10px 10px -10px !important;padding:5px 10px}blockquote{color:var(--color-tertiary);font-family:"Mali",cursive;font-weight:300}blockquote::before,blockquote::after{color:var(--color-quaternary)}blockquote::before{right:93%;top:-20px}blockquote::after{left:93%;bottom:-20px}@media screen and (min-width: 500px){blockquote::before{right:96%;top:-15px}blockquote::after{left:96%;bottom:-15px}}.border{background-color:rgba(var(--secondary-rgb), 0.3);border-left:none;padding:10px;box-shadow:2px 2px 3px 2px rgba(19,78,130,.2);border-radius:0 0 10px 10px}.border a.btn:not(:last-child){margin-bottom:20px}.border-yellow{background-color:rgba(187,207,215,.5) !important;border-top:2px solid var(--color-secondary) !important;border-left:none;padding:5px}.border-yellow::before{border-color:var(--color-pcc-ltgrey)}.call-out{background-color:transparent;border:3px solid rgba(var(--secondary-rgb), 0.5);border-radius:10px;position:relative}.call-out::before{background:transparent;color:var(--color-tertiary)}.call-out::after{content:"";position:absolute;border-bottom:3px solid var(--color-primary);width:100px;top:40px;left:0;right:0;margin-left:auto;margin-right:auto}.card-horizontal{position:relative}.card-horizontal .card-body{padding:30px 0 0 30px}.card-horizontal .card-img{padding:0 30px 0 0}.media-container{position:relative;border:none}.media-container .media-object{border-radius:10px}