@import"../../routes.css";@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;500;600;700&display=swap";:root{--color-primary: rgba(4, 85, 148, 1);--color-secondary: rgba(255, 140, 26, 1);--color-secondary-hover: rgba(224, 112, 0, 1);--color-border: rgba(36, 72, 106, .1);--color-border-yellow: rgba(255, 140, 26, .1);--hover-bg: rgb(43, 108, 158);--table-bkg: rgba(195, 206, 219, 1);--primary-rgb: 4, 85, 148;--secondary-rgb: 255, 140, 26}:root body[dark-mode-on]{--color-primary: var(--dark-mode-solid-color-dp-1);--color-secondary: var(--dark-mode-color-primary);--color-secondary-hover: var(--dark-mode-color-secondary);--color-tertiary: var(--dark-mode-color-tertiary);--color-quarternary: var(--dark-mode-color-dp-6);--color-quinary: var(--dark-mode-color-dp-16);--bkg-blue: var(--dark-mode-background-rgb);--color-text: var(--dark-mode-main-text)}body{background-color:rgba(var(--primary-rgb), 0.2);border-top:none}#two-col-widget{grid-row-gap:0px}.header,.content-body,#footer,.footer-gallery{background-color:var(--color-pcc-white);box-shadow:var(--sm-shadow);border-top:none}.header{margin:10px auto 30px}.header img{border-bottom:none}.header .text-container{background:var(--color-pcc-primary);border-bottom:5px solid var(--color-secondary)}.header .text-container p{padding:0px 25px}@media(min-width: 700px){#two-column,#two-col-widget{grid-column-gap:30px}.header .text-container{background:var(--color-pcc-primary);border-bottom:none;border-right:5px solid var(--color-secondary);box-shadow:var(--sm-shadow);padding:15px 0}[large-text-on] .header .text-container{transform:none}}.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{margin-bottom:20px}h1,h2,h3,h4,h5,h6,dt{font-family:Rajdhani,sans-serif}h3,h4,h5,h6{color:var(--color-pcc-primary)}.content-body h2[class^=icon]{background-color:rgba(var(--primary-rgb), 0.5);border-bottom:none;color:var(--color-pcc-white);margin:30px -15px 20px;text-align:center}.content-body h2[class^=icon]:first-child{margin-top:-15px}.content-body h2:not([class^=icon]){background-color:rgba(0,0,0,0);color:var(--color-pcc-primary);margin:0px;padding:5px 0px;text-align:left}.content-body h2::before{color:var(--color-secondary);display:inline;height:auto;min-width:100%;padding:15px 0px;text-align:center;width:-webkit-fill-available;width:100%}h4{font-weight:600;border-bottom:solid 2px var(--color-secondary);width:fit-content}blockquote{font-family:Rajdhani,sans-serif;background-color:rgba(var(--primary-rgb), 0.05)}blockquote::before{color:var(--color-pcc-primary);font-size:1.2em;right:93%;top:-20px}blockquote::after{color:var(--color-pcc-primary);font-size:1.2em;left:93%;bottom:-20px}ul li::marker{color:var(--color-pcc-primary)}ul,ol{margin:0 20px 10px}dt{color:var(--color-pcc-primary);font-weight:900}#footer>p{color:var(--color-pcc-primary);font-family:Rajdhani,sans-serif;font-weight:900;padding:10px}@media(min-width: 500px){blockquote::before{right:96%;top:-15px}blockquote::after{left:96%;bottom:-15px}}iframe{width:100%}figure{box-shadow:var(--sm-shadow);padding:10px}figure figcaption{border-bottom:none;font-family:Rajdhani,sans-serif;font-style:normal;padding:7px 0 5px}#second-column figure,#column-widget figure{margin:20px auto}@media(min-width: 500px){h2{padding:0px;text-align:left}.content-body>h2[class^=icon]{padding:10px;text-align:left}h2[class^=icon]::before{align-items:center;justify-content:center;padding:15px;min-width:50px;width:2em}}button{border:none;background-color:var(--color-secondary);color:var(--color-pcc-primary)}button:hover{background-color:var(--color-secondary-hover)}.btn,a.btn,.unlock-btn,.hide-gallery,dl.vocab-list button{background-color:var(--color-secondary);padding:5px 12px;border-radius:5px;box-shadow:var(--sm-shadow);border:3px solid var(--color-pcc-primary);text-transform:uppercase;letter-spacing:2px;font-weight:bold;color:var(--color-pcc-primary);margin:10px 0px}.btn:hover,a.btn:hover,.unlock-btn:hover,.hide-gallery:hover,dl.vocab-list button:hover{color:var(--color-pcc-primary);background-color:var(--color-secondary-hover);box-shadow:inset 0 2px 1px var(--color-secondary-hover)}.btn:active,a.btn:active,.unlock-btn:active,.hide-gallery:active,dl.vocab-list button:active{background-color:var(--color-secondary);box-shadow:inset var(--sm-shadow)}a.unlock-btn{margin:0 auto}.border a.btn:not(:last-child){margin-bottom:20px}.call-out.has-heading h3,.call-out.has-heading h4{border-bottom:none;width:auto}.border.border-yellow h3{background-color:rgba(0,0,0,0)}table{margin:10px 0 20px;font-weight:400}table.display-lg{width:100% !important}table caption{color:var(--color-pcc-primary)}table th{background-color:var(--table-bkg);color:var(--color-pcc-primary);font-family:Rajdhani,sans-serif}table thead,table tr,table td{border:1px solid var(--table-bkg)}table a:link,table a:visited{color:var(--color-pcc-primary)}table a:hover,table a:active{color:rgba(var(--primary-rgb), 0.7)}table thead th{font-weight:bold}@media(max-width: 768px){table.display-lg tbody tr td:first-child{background-color:var(--table-bkg);color:var(--color-pcc-primary);font-family:Rajdhani,sans-serif}table.display-lg tbody td a{color:var(--color-link-blue)}table.display-lg tbody td a:hover{color:var(--color-link-hover)}}@media(min-width: 768px){table thead,tr,td{border:none}tr:nth-child(even){background:var(--color-pcc-black-tint)}}.border{background-color:var(--color-border);border-left:none;padding:10px;box-shadow:var(--sm-shadow);border-radius:0 0 10px 10px}.border h3{background-color:var(--color-border);padding:10px 10px 5px;text-align:left}.border h4{border-bottom:none;padding:5px 6px 2px 0px}.border-yellow{background-color:var(--color-border-yellow);border-top:2px solid var(--color-border-yellow);padding:15px}.border-yellow::before{border-color:var(--color-border-yellow)}body[dark-mode-on] .header .text-container{background:var(--dark-mode-color-primary);border-color:var(--color-tertiary)}body[dark-mode-on] .header .text-container h1{color:var(--dark-mode-main-text)}body[dark-mode-on] .header .text-container p{color:var(--dark-mode-main-text)}body[dark-mode-on] .control-panel h2:not([class^=icon]){margin:0 0 .5rem}body[dark-mode-on] .btn,body[dark-mode-on] a.btn,body[dark-mode-on] .unlock-btn,body[dark-mode-on] .hide-gallery,body[dark-mode-on] dl.vocab-list button{padding:5px 12px;border-radius:5px;box-shadow:var(--sm-shadow);text-transform:uppercase;letter-spacing:2px;background-color:var(--dark-mode-color-tertiary);border-color:3px solid var(--dark-mode-color-secondary);color:var(--dark-mode-color-background);font-weight:bold;margin:10px 0px}body[dark-mode-on] a.unlock-btn{margin:0 auto}body[dark-mode-on] .border h3{background-color:var(--dark-mode-color-dp-3)}body[dark-mode-on] .btn:hover,body[dark-mode-on] a.btn:hover,body[dark-mode-on] .unlock-btn:hover,body[dark-mode-on] .hide-gallery:hover,body[dark-mode-on] dl.vocab-list button:hover,body[dark-mode-on] button:hover{box-shadow:none;background-color:var(--dark-mode-color-tertiary-hover);border-color:var(--dark-mode-color-secondary-hover);color:var(--dark-mode-color-background)}body[dark-mode-on] dl.vocab-list button{border:3px solid var(--color-pcc-primary)}body[dark-mode-on] .tabs input:checked+label,body[dark-mode-on] .tabs-widget input:checked+label{background-color:var(--color-secondary);color:var(--color-pcc-white)}body[dark-mode-on] .tabs label:first-of-type{background-color:var(--dark-mode-color-dp-2)}body[dark-mode-on] .tabs label{background-color:var(--dark-mode-color-dp-2);border-bottom:1px solid var(--dark-mode-color-dp-2);color:var(--color-pcc-ltgrey)}body[dark-mode-on] .tabs label:nth-last-of-type(2){background-color:var(--dark-mode-color-dp-2);color:var(--color-pcc-ltgrey)}body[dark-mode-on] table.display-lg th{color:var(--color-pcc-white);background-color:var(--dark-mode-color-primary);border:1px solid var(--dark-mode-color-primary)}body[dark-mode-on] h2::before{color:var(--color-tertiary)}body[dark-mode-on] h2:not([class^=icon]){color:var(--dark-mode-main-text);background-color:rgba(0,0,0,0);margin:-5px 0 20px}body[dark-mode-on] table a{color:var(--dark-mode-color-links)}body[dark-mode-on] table a:hover{color:var(--dark-mode-color-links-hover)}body[dark-mode-on] table a:visited{color:var(--dark-mode-color-links-visited)}
