/*
   Theme Name: Catcoconut
   Theme URI: 
   Author: Elissa
   Author URI: 
   Description: Wordpress Theme
   Version: 1.0
*/
:root{--color-base:#131313;--color-accent:#444444;--color-bg:#ffffff}html{background:var(--color-bg);font-family:proxima-nova,sans-serif;font-size:16px;line-height:1.1;color:var(--color-base)}body{max-width:1200px;padding:12px 12px;margin:0 auto}main{flex:1 0 auto;display:flex;flex-direction:column;margin-bottom:120px}main h1{font-size:1.6em}main h2{font-size:1.4em}main h3{font-size:1.25em}main h4{font-size:1.12em}main h5{font-size:1.05em}main a{font-weight:700}a{text-decoration:none;color:inherit}hr{width:100%;border:2px solid var(--color-base);margin:.67em 0 1em 0}h1{margin:0}h2{margin:0}h3{margin:0}h4{margin:0}h5{margin:0}form *{font-size:inherit;font-family:inherit}.cc-content{overflow:hidden;font-size:12px}.cc-content a{font-weight:inherit;text-decoration:underline;color:#b3427d}.cc-content a:hover{color:#ca5f96}.cc-content figure{float:left;max-width:100%}.cc-content figure img{max-width:100%}.cc-content>*{margin:0 24px;line-height:1.6}.cc-content>hr{margin:1em 0}.page-title{text-align:center;margin-bottom:1em}@media (min-width:800px){html{font-size:24px}body{padding:36px 32px}main h1{font-size:2.2em}main h2{font-size:1.8em}main h3{font-size:1.5em}main h4{font-size:1.25em}main h5{font-size:1.1em}.cc-content{font-size:16px}}.gh-head-inner{display:grid;grid-template-areas:"a" "c" "b";margin:0 4px}.gh-head-brand{grid-area:a}.gh-head-logo{display:flex;flex-direction:column}.gh-head-logo h1{font-size:24px;line-height:120%;font-weight:700;margin:0 0}.gh-head-logo span{font-size:11px;font-weight:400;color:#aaa}.gh-head hr{margin-bottom:.5em}.cc-nav{display:flex;flex-direction:row;justify-content:center;padding-top:.6em;font-size:18px;font-weight:400}.cc-nav a{display:inline-block}.cc-nav>span~span::before{content:"•";padding-left:.25em;padding-right:.25em}.cc-nav.primary{grid-area:b}.cc-nav.secondary{grid-area:c}.cc-nav.dot{padding-left:.25em;padding-right:.25em}.cc-comic-header-nav{display:flex;flex-direction:column;font-size:14px}.cc-comic-header-nav>.cc-nav{display:inline}@media (min-width:800px){.gh-head-inner{grid-template-areas:"a c c" "a b b";margin:0 12px}.gh-head-logo h1{font-size:36px}.gh-head-logo span{font-size:16px}.gh-head hr{margin-bottom:40px}.cc-nav{padding-top:.6em;font-size:32px}.cc-comic-header-nav{flex-direction:row;justify-content:center;font-size:28px}}@media (max-width:799px){.cc-comic-header-nav{align-items:center}.cc-nav.dot{display:none}}.cc-home-items{display:flex;flex-direction:column;width:100%;margin:auto;text-align:center;align-items:center;font-size:24px}.cc-home-items>*{display:flex;flex-direction:column;flex-shrink:1;width:100%;margin-top:0;margin-bottom:.75em}.cc-home-items .title{display:flex;align-items:center;justify-content:center;height:2.5em;font-weight:700}.cc-home-items .image{display:block;width:50%;height:300px;overflow:hidden;margin:auto;background-size:cover;background-position-x:center;background-position-y:30%}.cc-front-page{font-size:16px;margin-bottom:1.75em}.cc-front-page p{margin:0 16px}.cc-front-page a{text-decoration:none}.signup-form{font-size:16px;margin:auto}.signup-form>*{margin:.5em 0}.signup-main{display:flex;flex-direction:row}.signup-email{width:15em;padding:.25em .5em;font-size:.8em}.signup-email:active,.signup-email:focus{border-color:inherit}.signup-form button{padding:0 .75em;font-size:.8em}.signup-form p{font-style:italic}.signup-form button{border:none;background-color:none}.signup-form>.error,.signup-form>.loading,.signup-form>.success{display:none}.signup-form.error>.error,.signup-form.loading>.loading,.signup-form.success>.success{display:block}@media (min-width:800px){.cc-home-items{flex-direction:row;font-size:32px}.cc-home-items .image{width:90%;height:600px}.cc-front-page{font-size:32px}.signup-form{margin:unset;font-size:24px}}.about-comic{display:flex;flex-direction:column;margin:auto}.about-comic>*{margin:8px auto;width:80%}.about-comic-image img{display:block;width:75%;margin:auto}.about-comic-content{text-align:left;font-size:14px;line-height:1.6}.about-comic-content h1,.about-comic-content h2,.about-comic-content h3,.about-comic-content h4,.about-comic-content h5{text-align:center;padding-bottom:.8em;line-height:1}.about-comic-content p{color:var(--color-accent);margin:0}.about-comic-content hr{margin:1.8em 0}@media (min-width:800px){.about-comic{flex-direction:row;width:80%}.about-comic>*{margin:16px;width:50%}.about-comic-content{font-size:18px}}.comic-banner{text-align:center}.comic-banner img{width:auto;height:120px}.comic-nav{position:sticky;background-color:var(--color-bg);top:0;padding:.3em 0;padding-bottom:.75em;z-index:2;font-size:16px}.comic-nav>*{display:flex;flex-direction:row;align-items:center;height:100%}.comic-nav select{height:100%;padding:0 .5em;margin-left:.5em}.comic-nav a{font-weight:unset}#cc-comic1-container{display:grid;grid-template-columns:64px 1fr 64px;margin:auto}.comic1{display:block;max-width:100%;cursor:pointer}#comic1-next,#comic1-prev{display:flex;align-items:center;justify-content:center;position:relative;width:64px;flex-shrink:0;padding-bottom:20px;font-size:64px;font-weight:700;cursor:pointer}#cc-comic2-container{text-align:center}.comic2{display:block;min-height:200px;max-width:100%;margin:auto;margin-bottom:32px}@media (min-width:800px){.comic-banner img{width:auto;height:224px}.comic-nav{display:flex;flex-direction:row;justify-content:center;align-items:center;height:1.25em;font-size:28px}.comic-nav>span~span::before{content:"•";padding-left:.4em;padding-right:.4em}}@media (max-width:799px){.comic-nav{display:grid;grid-template-areas:"d d" "b c";top:-2.25em}.comic-nav>*{margin:.4em auto}#cc-comic1-container{display:block}#comic1-next,#comic1-prev{display:none}}.news-container{display:grid;grid-template-columns:1fr 180px}.news-item{padding:0 8px;margin-bottom:40px;font-size:12px}.news-item img{max-width:100%}.news-title{margin-bottom:2px}.news-date{color:var(--color-accent);margin-bottom:16px}.news-feature-image{display:block}.news-content{margin:0 4px;padding-top:8px}.news-recent{line-height:125%;font-size:14px}.news-recent>h2{margin-bottom:24px;text-align:center}.news-recent-title{display:block;font-weight:700}.news-recent-date{display:block;margin-bottom:24px;color:var(--color-accent);font-size:12px}@media (min-width:800px){.news-feed{margin-right:24px}.news-item{padding:0 20px;font-size:14px}.news-content{margin:0 24px;padding-top:24px}}@media (max-width:799px){.news-container{display:block}.news-recent{display:none}}.cc-gallery-container{margin:0 1.5em}.cc-gallery{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;column-gap:6%}.cc-gallery figure{display:flex;flex-direction:row;justify-content:center;overflow:hidden;aspect-ratio:1;padding:0;margin:12% 0;border:#444 1px solid;border-radius:4px;cursor:pointer}.cc-gallery figure>*{width:100%;height:auto;object-fit:cover}.cc-gallery-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.75);cursor:pointer}.cc-gallery-modal img{width:100%;height:auto;object-fit:contain;margin:2.5%}@media (min-width:800px){.cc-gallery{grid-template-columns:1fr 1fr 1fr}}.cc-patreon-hub>.cc-content{padding:0;font-size:16px}.cc-patreon-hub figure{display:block;width:100%;margin:1em 0}.cc-patreon-hub figure>img{display:block;margin:auto}.cc-patreon-user-status{overflow:hidden;margin-top:6px;margin-bottom:6px;text-align:center;font-size:12px}.cc-patreon-user-status .patreon-responsive-button-wrapper{padding-top:8px;padding-bottom:8px}.cc-patreon-links{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.cc-patreon-links>div{position:relative;margin:1em 1em;width:80%}.cc-patreon-links img{width:100%;height:100%}.cc-patreon-links a{display:block}.cc-patreon-links .cc-patreon-locked{position:absolute}.cc-patreon-gallery-content{display:flex;flex-direction:column;align-items:center}.cc-patreon-gallery{display:flex;flex-direction:column;position:relative}.cc-patreon-gallery.locked{opacity:66%}#patreon-gallery-filter{position:sticky;top:0;padding:.4em 1em;background-color:var(--color-bg);font-size:20px}#patreon-gallery-filter-label{text-align:center;display:none}#patreon-gallery-filter-buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:.4em;font-size:18px;color:var(--color-accent)}#patreon-gallery-filter-buttons>*{flex-shrink:0;padding:.35em .5em;cursor:pointer;font-weight:600}.cc-patreon-gallery.locked #patreon-gallery-filter-buttons>*{cursor:default}#patreon-gallery-filter-buttons>.active{position:relative;font-weight:800;cursor:default}#patreon-gallery-filter-buttons>.active:before{content:"»";position:absolute;left:-.35em}.cc-patreon-gallery .cc-gallery figure{aspect-ratio:1.24;margin:10% 0}.cc-patreon-gallery.locked figure{cursor:unset}#patreon-gallery-images figure>div{background-color:#ccc;cursor:unset}.cc-patreon-gallery>.locked-overlay{background:linear-gradient(#ffffff00,var(--color-bg));position:absolute;top:0;bottom:0;left:0;right:0;margin:0;pointer-events:none}@media (min-width:800px){.cc-patreon-hub>.cc-content{padding:0 2em;font-size:20px}.cc-patreon-user-status{margin-top:16px;margin-bottom:16px;font-size:18px}.cc-patreon-user-status .patreon-responsive-button-wrapper{transform:scale(1.75);padding-top:18px;padding-bottom:18px}.cc-patreon-links{flex-direction:row}.cc-patreon-links>div{width:36%}.cc-patreon-gallery-content{font-size:20px}.cc-patreon-gallery{flex-direction:row}#patreon-gallery-filter{flex:6em;flex-shrink:0;flex-grow:0;align-self:flex-start;overflow-x:hidden;overflow-y:auto;word-break:break-word;padding:1.75em 1em;font-size:32px}#patreon-gallery-filter-label{display:block}#patreon-gallery-filter-buttons{flex-direction:column;flex-wrap:nowrap;font-size:24px}}.post-item{padding:0 8px;margin-bottom:40px;font-size:12px}.post-item img{max-width:100%}.post-title{margin-bottom:2px}.post-date{color:var(--color-accent);margin-bottom:16px}.post-feature-image{display:block}.post-content{margin:0 4px;padding-top:8px}@media (min-width:800px){.post-item{padding:0 20px;font-size:14px}.post-content{margin:0 24px;padding-top:24px}}
/*# sourceMappingURL=style.css.map */