@import"../../routes.css";@import"https://fonts.googleapis.com/css?family=Baloo Thambi";:root{--color-primary: rgba(251, 143, 104, 1) ;--color-secondary: rgba(165, 221, 227, 1);--color-tertiary: rgba(21, 96, 101, 1);--color-quaternary: rgba(255, 242, 236, 1);--color-quinary: rgba(235, 235, 235, 0.8);--color-senary: rgb(235, 235, 235, .4);--color-bg: rgba(246, 246, 246, 1)}:root body[dark-mode-on]{--color-primary: var(--dark-mode-color-primary);--color-secondary: var(--dark-mode-solid-color-dp-1);--color-tertiary: var(--dark-mode-transparent-blue-dp-2);--color-quinary: var(--dark-mode-transparent-blue-dp-1);--color-senary: var(--color-secondary);--color-highlight: var(--dark-mode-grey);--color-highlight-border: var(--dark-mode-grey);--color-bg: var(--dark-mode-color-background);--color-text: var(--dark-mode-main-text);--primary-rgb: 26, 97, 143;--dark-tabs-rgb: 159, 175, 189}body{background-color:var(--color-bg);border-top:none}h2{color:var(--color-pcc-black)}h1,h2,h3,h4,h5,h6{color:var(--color-pcc-black);font-family:"Baloo Thambi",sans-serif;font-weight:500}.header{display:flex;flex-direction:column-reverse}.header .text-container{background:var(--color-secondary);padding:30px 15px 15px}@media(min-width: 768px){.header .text-container h1.reading-culture::before{content:"";margin:0 auto 1rem}.header .text-container h1.writing::before{content:"";margin:0 auto 1rem}.header .text-container h1.listening::before{content:"";margin:0 auto 1rem}.header .text-container h1.presentational-speaking::before{content:"";margin:0 auto 1rem}.header .text-container h1.conversational-speaking::before{content:"";margin:0 auto 1rem}.header .text-container h1:is(.reading-culture,.writing,.listening,.presentational-speaking,.conversational-speaking)::after{content:"";width:80px;height:80px;position:absolute;background-color:hsla(0,0%,100%,.3);top:0;right:0;border-radius:0 0 0 100%}.header .text-container h1::before{display:block;background-size:contain;z-index:3;font-family:FontAwesome;color:var(--color-tertiary);font-size:1.5rem;position:absolute;right:1rem;top:1rem}}.content-body h2{background-color:var(--color-quinary);border-bottom:none;margin:-15px -15px 20px;padding:10px 15px;width:auto}.content-body h2:first-child{margin:-15px -15px 20px}#content-wrapper .content-body,#first-column .content-body{background-color:var(--color-pcc-white);border-bottom:1px solid rgba(var(--black-rgb), 0.2);border-left:2px solid var(--color-tertiary);border-top:none;border-radius:0 0 2px 2px;box-shadow:var(--sm-shadow)}#content-wrapper .content-body:first-child>h2:first-child,#first-column .content-body:first-child>h2:first-child{background-color:var(--color-primary);border-bottom:none;border-image:none;clip-path:polygon(0 0, 90% 0, 85% 50%, 90% 100%, 0 100%);color:var(--color-pcc-black);margin:-15px -15px 20px;padding:10px 15px;width:auto}#content-wrapper .content-body h2:first-child,#first-column .content-body h2:first-child{margin:-15px -15px 30px}#content-wrapper .content-body .video-card,#first-column .content-body .video-card{padding:20px}#second-column{border:none}#second-column .content-body h2{background-color:var(--color-quinary);color:var(--color-pcc-black);margin:-15px -15px 30px;padding:10px 15px;width:auto}.assignments-widget .assignment{background-color:var(--color-senary);border-color:var(--color-secondary);padding-bottom:20px}.assignments-widget .assignment h3{background-color:var(--color-quaternary);color:var(--color-pcc-black)}ul>li::marker{color:var(--color-primary)}.border{background-color:var(--color-senary);border-left:none;border-top:4px solid var(--color-secondary)}.border .border-yellow{border:none}.border .border-yellow::before{background-color:none}blockquote{text-align:left}blockquote::before,blockquote::after{color:var(--color-primary)}blockquote::before{font-size:1.5em;left:0;padding-left:40px;top:-25px}blockquote::after{display:none}.card-horizontal{box-shadow:none;background-color:var(--color-senary);border-top:3px solid var(--color-secondary);padding:8px}.call-out{background-color:var(--color-senary)}.call-out::before{background-color:var(--color-quaternary);border-top:3px solid var(--color-secondary);color:var(--color-pcc-black);padding:10px 0px}.call-out p{text-align:center}.call-out h3{background-color:var(--color-quaternary);border-top:3px solid var(--color-secondary);color:var(--color-pcc-black)}.gallery-wrapper{padding:0 0 16px}.btn,a.btn,.unlock-btn,.hide-gallery,dl.vocab-list button{border:none;background-color:var(--color-secondary);border-radius:10px;box-shadow:var(--sm-shadow);color:var(--color-pcc-black);transition:all .4s linear}.btn:hover,a.btn:hover,.unlock-btn:hover,.hide-gallery:hover,dl.vocab-list button:hover{box-shadow:none;transform:scale(0.95);background-color:var(--color-secondary);color:var(--color-pcc-black)}.btn:visited,a.btn:visited,.unlock-btn:visited,.hide-gallery:visited,dl.vocab-list button:visited{color:var(--color-pcc-black)}.instructions::before{color:var(--color-primary)}.media-container{border:none;background-color:var(--color-senary);border-radius:20px;display:flex;flex-flow:column wrap;max-width:100%;margin:2rem auto;padding:.8rem}.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)}.tabs input:checked+label,.tabs-widget input:checked+label{border-radius:0;background-color:var(--color-quaternary);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)}@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}}.vocab{box-shadow:none;border-radius:15px;background-color:var(--color-quaternary)}.vocab:hover{box-shadow:none}dl.vocab-list dt{border:none;background-color:var(--color-senary);border-radius:20px;position:relative;color:var(--color-pcc-black);cursor:pointer;padding:.6rem .8rem;text-align:left;outline:none;transition:.4s;margin:.3rem 0px}dl.vocab-list dt:hover{background-color:var(--color-quinary)}dl.vocab-list dd{border:none;padding:.6rem .8rem;display:none;overflow:hidden;margin-top:-0.3rem;border-top:none}table caption{color:var(--color-pcc-black)}table.display-lg{width:100%}table th{border:none;background-color:var(--color-quaternary);border-top:3px solid var(--color-secondary);color:var(--color-pcc-black)}@media(min-width: 998px){table thead,table tr,table td{border:1px solid var(--color-pcc-ltgrey)}tr:nth-child(even){background-color:var(--color-senary)}}@media(max-width: 768px){table.display-lg tbody tr td:first-child{background:var(--color-quaternary);color:var(--color-pcc-black)}table.display-lg tbody tr td a{color:var(--color-link-blue)}table.display-lg tbody tr td a:hover{color:var(--color-link-hover)}table.display-lg tbody tr td p{color:var(--color-pcc-black)}}#footer{background-color:var(--color-pcc-white);border-top:none}#video-wrapper .video-card{border-top:1px solid var(--color-tertiary)}#video-wrapper .video-card,.video-widget .video-card{box-shadow:none;background:var(--color-senary);border-top:none;border-radius:20px}#video-wrapper .video-card h2,.video-widget .video-card h2{background-color:rgba(0,0,0,0);border-bottom:2px solid var(--color-secondary);margin-top:0px}#video-wrapper .card-content,.video-widget .card-content h3{min-height:40px;font-weight:400;margin-bottom:0px;margin-top:.8rem;margin-left:10px}[large-text-on] .header .text-container{position:relative}body[dark-mode-on] .text-container{background-color:var(--color-secondary)}body[dark-mode-on] .text-container::after{background-color:var(--color-secondary)}body[dark-mode-on] .text-container::before{background-color:var(--dark-mode-solid-color-dp-1)}body[dark-mode-on] .text-container h1{color:var(--color-text)}body[dark-mode-on] .text-container h1::before{color:var(--dark-mode-color-tertiary)}body[dark-mode-on] .text-container p{color:var(--color-text)}body[dark-mode-on] .assignments-widget .assignment h3{background-color:var(--color-tertiary);border-color:var(--color-primary)}body[dark-mode-on] .assignments-widget .assignment .btn{background-color:var(--color-primary);color:var(--color-pcc-white)}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{border:none;background-color:var(--color-primary);color:var(--color-pcc-white);border-radius:10px;padding:5px 10px}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{color:var(--color-text);background-color:var(--color-primary);transform:scale(0.95)}body[dark-mode-on] #second-column .content-body h2,body[dark-mode-on] #third-column .content-body h2{color:var(--dark-mode-main-text);background-color:var(--dark-mode-color-dp-2)}body[dark-mode-on] .call-out{background-color:var(--color-tertiary)}body[dark-mode-on] .call-out h3{background-color:var(--color-primary);border-top:3px solid var(--color-highlight-border)}body[dark-mode-on] .call-out::before{background-color:var(--color-primary);color:var(--color-text);border-top:3px solid var(--color-highlight-border)}body[dark-mode-on] .tabs input:checked+label{background-color:rgba(var(--dark-tabs-rgb), 0.25);color:var(--dark-mode-main-text);border:0;border-top:2px solid var(--color-highlight)}body[dark-mode-on] .tabs input:checked+label+.tab-panel{background-color:rgba(var(--dark-tabs-rgb), 0.25);border:0}body[dark-mode-on] .tabs input:checked+label+.tab-panel:nth-last-of-type(2){background-color:rgba(var(--dark-tabs-rgb), 0.25)}body[dark-mode-on] .icon-chevron-right::before,body[dark-mode-on] .icon-chevron-left::before{color:var(--dark-mode-color-background)}body[dark-mode-on] .video-card{background-color:var(--dark-mode-color-tr);padding:10px}body[dark-mode-on] .media-container{background-color:var(--dark-mode-color-dp-1)}body[dark-mode-on] table thead,body[dark-mode-on] table tr,body[dark-mode-on] table td{border-color:var(--dark-mode-color-background)}body[dark-mode-on] table th{border-color:var(--color-highlight)}body[dark-mode-on] .border{border-top:4px solid var(--color-highlight)}body[dark-mode-on] .call-out.has-heading :is(h3,h4){color:var(--dark-mode-main-text)}body[dark-mode-on] #content-wrapper .content-body,body[dark-mode-on] #first-column .content-body{border-left:2px solid var(--color-primary)}body[dark-mode-on] #content-wrapper .content-body:first-child>h2:first-child,body[dark-mode-on] #first-column .content-body:first-child>h2:first-child{color:var(--dark-mode-main-text)}body[dark-mode-on] dl.vocab-list dd{background-color:rgba(0,0,0,0)}@media(max-width: 768px){body[dark-mode-on] table.display-lg tbody tr td p{color:var(--dark-mode-main-text)}}body[dark-mode-on] .card-horizontal{background-color:var(--dark-mode-solid-color-dp-2);border-top:3px solid var(--color-highlight-border)}