﻿@import"../../routes.css";@import"https://fonts.googleapis.com/css2?family=Caladea:wght@400;700&family=Ledger&display=swap";:root{--color-primary: rgba(201, 170, 117, 1);--color-secondary: rgba(177, 136, 75, 1);--color-tertiary: rgba(231, 201, 175, 1);--color-quarternary: rgba(213, 202, 201, 1);--color-quinary: rgba(238, 226, 216, 1);--color-bkg: rgba(255, 255, 255, 0.9);--color-bkg-light: rgba(252, 251, 251, 1);--heading-main: "Caladea", serif;--heading-secondary: "Ledger", serif}: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);--dark-mode-yellow: rgba(253, 201, 46, .25)}h1{font-family:var(--heading-main)}h2{font-family:var(--heading-main);color:var(--color-pcc-black)}h3{font-family:var(--heading-secondary);font-weight:500;color:var(--color-pcc-black)}h4{color:var(--color-pcc-black)}body{background:var(--color-bkg);background-size:250px}.header img{border:none;max-height:600px;width:100%}.header .text-container{position:static;background:var(--color-primary);padding:20px 0px;padding-bottom:20px}.header .text-container h1,.header .text-container p{color:var(--color-pcc-white);text-align:center;font-weight:500}.header .text-container p{font-family:var(--heading-secondary)}.content-body{border:none;background:var(--color-pcc-white);box-shadow:var(--reg-shadow)}.content-body h2:first-child{border:none;background-image:url("../../../img/theme-images/music/music_brackets.png");margin:-15px -15px 15px;display:block;width:auto;background-size:cover;background-repeat:no-repeat;background-color:var(--color-pcc-white);padding:15px 15px 0px}.content-body h2+*{border-radius:0px}.content-body ul:not(.assignments-widget),.content-body ol{padding-left:15px}.content-body li::before{margin-left:0}#second-column h2{background-color:var(--color-bkg);background-image:none}#second-column .content-body h2::after{display:none}.content-body .border h2{background-image:none;background-color:rgba(0,0,0,0)}.border{background-color:var(--color-quinary);margin:25px;box-shadow:0 5px var(--color-secondary);border-left:none}.border::after{content:url("../../../img/theme-images/music/treble-cleft.png");float:right;margin-top:-100px;margin-right:0px}.border h3{font-family:var(--heading-secondary);font-weight:500;color:var(--color-pcc-black)}.border.no-cleft::after{display:none;content:none}.border.border-yellow{box-shadow:inset 0 0 0 5px var(--color-primary);background-color:var(--color-pcc-white);background-image:none;padding:25px}.border.border-yellow h3{padding:15px}.border.border-yellow h2{text-align:center;background-color:var(--color-pcc-white);font-weight:400;background-image:none;text-transform:capitalize}.border.border-yellow h2::after{display:none}.border.border-yellow p{text-align:center;padding:15px}.border.border-yellow::before,.border.border-yellow::after{display:none}.icon-assignment::before{font-family:FontAwesome;font-size:2em;color:var(--color-primary);font-weight:900;content:"";opacity:1;display:block}.icon-person::before{font-family:FontAwesome;font-size:2em;color:var(--color-primary);font-weight:900;content:"";opacity:1;display:block}.side-by-side{align-items:center}.side-by-side figure figcaption{text-align:center}.side-by-side-item{background-color:var(--color-bkg)}.side-by-side-item p{padding:25px}.side-by-side-item h3{padding:25px;margin-bottom:-40px}.side-by-side-item figure{background:var(--color-pcc-white)}.card-horizontal-white{background-color:var(--color-pcc-white);border:25px solid var(--color-pcc-white);padding:0px 0px 0px 15px}.card-horizontal-white .card-body{padding-top:25px}.card-horizontal{background-color:var(--color-bkg);justify-content:center;padding:15px}.card-horizontal .card-body{padding:25px}.card-horizontal.lrg-img>.card-img{flex-basis:70%;margin:auto}.card-horizontal.lrg-img>.card-img figure img{margin:0 auto}.card-horizontal.lrg-img>.card-img figure figcaption{text-align:center;border-bottom:none}.card-horizontal.lrg-img>.card-body{flex-basis:30%}#footer{border-top:2px solid var(--color-pcc-white);background-color:var(--color-pcc-white);box-shadow:var(--reg-shadow)}blockquote{color:var(--color-pcc-black);padding:50px;margin:25px;border-radius:10px}blockquote::after{content:"";color:var(--color-primary);transform:rotate(180deg);margin-bottom:-10px}blockquote::before{content:"";color:var(--color-primary);margin-top:-10px}li.assignment{border-top:3px solid var(--color-quarternary)}li.assignment h3{background-color:var(--color-quinary)}.btn,a.btn,.unlock-btn,.hide-gallery,dl.vocab-list button{border:none;background-color:var(--color-tertiary);color:var(--color-pcc-black);transition:.5s}.btn:visited,a.btn:visited,.unlock-btn:visited,.hide-gallery:visited,dl.vocab-list button:visited{color:var(--color-pcc-black)}.btn:hover,a.btn:hover,.unlock-btn:hover,.hide-gallery:hover,dl.vocab-list button:hover{background-color:var(--color-secondary);transition:.5s;color:var(--color-pcc-white)}.call-out,.call-out.has-heading{background-color:var(--color-pcc-white);padding:0 0px 15px;box-shadow:1px 1px 10px rgba(15,15,15,.2);margin:15px}.call-out::before,.call-out h3,.call-out h4,.call-out.has-heading::before,.call-out.has-heading h3,.call-out.has-heading h4{background-color:var(--color-primary);font-family:var(--heading-secondary);font-weight:500;margin:0px}.call-out p,.call-out.has-heading p{padding:15px}.call-out figure img,.call-out.has-heading figure img{margin:0 auto}.call-out figure figcaption,.call-out.has-heading figure figcaption{margin:0 auto}.call-out audio,.call-out.has-heading audio{padding-left:15px}.instructions::before{color:var(--color-tertiary)}table th{background-color:var(--color-quinary);font-family:var(--heading-secondary);color:var(--color-pcc-black)}table thead th{font-weight:500}.video-widget .video-card{background:var(--color-bkg)}.video-card h2:first-child{padding-left:0px;background:rgba(0,0,0,0) none;margin:0px}.video-widget .video-card .card-content h3{font-family:Lato,sans-serif}.instructor-img{padding:0px}.small-symbol{max-width:8%}.textbook-spacing p{margin-top:40px}.textbook-spacing .border p{margin-top:15px}.textbook-spacing figure+figure{margin-top:40px}.textbook-spacing .content-body p:first-of-type{margin-top:0px}.border-white{background-color:var(--color-pcc-white);margin:5px;box-shadow:var(--reg-shadow);border-left:none;padding:25px}.border-white::after{display:none;content:none}img.size-75{max-width:75%}img.size-50{max-width:50%}img.size-40{max-width:40%}table caption{color:var(--color-pcc-black);font-family:var(--heading-secondary)}dl.accordion{margin:25px}dl.accordion dt{border:none;background-color:var(--color-bkg);color:#444;cursor:pointer;padding:18px;text-align:left;outline:none;transition:.4s;margin:5px 0px}dl.accordion dt:hover{background-color:var(--color-quarternary)}dl.accordion dt::after{font-family:"Font Awesome";content:"➕";font-size:13px;color:#777;float:right;margin-left:5px;opacity:1}dl.accordion dt.active::after{font-family:"Font Awesome";opacity:1;content:"➖"}dl.accordion dd{padding:15px 20px 20px;display:none;overflow:hidden;border:1px solid rgba(var(--black-rgb), 0.05);margin-top:-5px;border-top:none}@media(min-width: 700px){#three-column{grid-template-areas:"header header" "body second-column" "third-column third-column" "footer footer"}}@media screen and (max-width: 730px){.card-horizontal{flex-wrap:wrap;justify-content:center;text-align:center}.card-img{display:flex;justify-content:center;margin-top:20px}}@media screen and (max-width: 758px){table.display-lg tbody tr td:first-child{background:var(--color-quinary);font-family:var(--heading-secondary);color:var(--color-pcc-black)}table.display-lg tbody td a{color:var(--color-link-blue)}table.display-lg tbody td a:hover{color:var(--color-link-hover)}}.tabs label,.tabs label:first-of-type,.tabs label:nth-last-of-type(2){border-radius:0;background-color:var(--color-quinary);color:var(--color-pcc-dkgrey);border-bottom:1px solid var(--color-tertiary)}.tabs input:checked+label,.tabs-widget input:checked+label{border-radius:0;background-color:var(--color-primary);border-top:2px solid var(--color-secondary);border-bottom:none}.tabs input:checked+label+.tab-panel,.tabs-widget input:checked+label+.tab-panel,.tabs input:checked+label+.tab-panel:nth-last-of-type(2){border-radius:0;border:none;background-color:var(--color-quaternary);border-bottom:2px solid var(--color-primary)}@media(min-width: 700px){.tabs label:nth-last-of-type(2),.tabs input:checked+label:nth-last-of-type(2),.tabs-widget label:nth-last-of-type(2),.tabs-widget input:checked+label:nth-last-of-type(2){border-radius:0}}body[dark-mode-on] .content-body h2:first-child{background-color:var(--color-primary);background-image:url("../../../img/theme-images/music/music_brackets_dark-mode.png")}body[dark-mode-on] .call-out::before{background-color:var(--dark-mode-color-primary)}body[dark-mode-on] .border::after{content:url("../../../img/theme-images/music/treble-cleft_dark-mode.png")}body[dark-mode-on] h1,body[dark-mode-on] h2,body[dark-mode-on] h3,body[dark-mode-on] h4,body[dark-mode-on] h5,body[dark-mode-on] h6{color:var(--color-text)}body[dark-mode-on] .header .text-container h1,body[dark-mode-on] .header .text-container{background-color:var(--color-secondary)}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{background-color:var(--dark-mode-color-tertiary);border-color:var(--dark-mode-color-tertiary);color:var(--color-pcc-black);border-radius:.3em}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{background-color:var(--dark-mode-color-secondary);border-color:var(--dark-mode-color-secondary);color:var(--dark-mode-main-text)}body[dark-mode-on] .btn:hover:visited,body[dark-mode-on] a.btn:hover:visited,body[dark-mode-on] .unlock-btn:hover:visited,body[dark-mode-on] .hide-gallery:hover:visited,body[dark-mode-on] dl.vocab-list button:hover:visited{color:var(--dark-mode-main-text)}body[dark-mode-on] .btn:visited,body[dark-mode-on] a.btn:visited,body[dark-mode-on] .unlock-btn:visited,body[dark-mode-on] .hide-gallery:visited,body[dark-mode-on] dl.vocab-list button:visited{color:var(--color-pcc-black)}body[dark-mode-on] .border.border-yellow{background-color:rgba(0,0,0,0);border:3px solid var(--dark-mode-yellow)}body[dark-mode-on] .border.border-yellow h3{padding:15px}body[dark-mode-on] blockquote::after{color:var(--color-secondary)}body[dark-mode-on] blockquote::before{color:var(--color-secondary)}body[dark-mode-on] .call-out{background-color:var(--color-quarternary)}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{background-color:var(--color-quarternary);border-bottom:1px solid var(--color-secondary);color:var(--color-pcc-ltgrey)}body[dark-mode-on] .tabs label:nth-last-of-type(2){background-color:var(--color-quarternary);color:var(--color-pcc-ltgrey)}body[dark-mode-on] .video-widget .video-card{background:rgba(0,0,0,0);border-top:1px solid var(--color-secondary);box-shadow:var(--lg-shadow)}body[dark-mode-on] #second-column h2{background-color:rgba(15,23,42,.5)}body[dark-mode-on] #footer{border-top:2px solid var(--color-secondary);background-color:var(--color-primary)}
