.collection-hero__inner{display:flex;flex-direction:column}.collection-hero--with-image .collection-hero__inner{margin-bottom:0;padding-bottom:2rem}@media screen and (min-width: 750px){.collection-hero.collection-hero--with-image{padding:calc(4rem + var(--page-width-margin)) 0 calc(4rem + var(--page-width-margin));overflow:hidden}.collection-hero--with-image .collection-hero__inner{padding-bottom:0}}.collection-hero__text-wrapper{flex-basis:100%}@media screen and (min-width: 750px){.collection-hero{padding:0}.collection-hero__inner{align-items:center;flex-direction:row;padding-bottom:0}}.collection-hero__title{margin:2.5rem 0}.collection-hero__title+.collection-hero__description{margin-top:1.5rem;margin-bottom:1.5rem;font-size:1.6rem;line-height:calc(1 + .5 / var(--font-body-scale))}@media screen and (min-width: 750px){.collection-hero__title+.collection-hero__description{font-size:1.8rem;margin-top:2rem;margin-bottom:2rem}.collection-hero__description,.collection-hero--with-image .collection-hero__description{max-width:100%}}.collection-hero--with-image .collection-hero__title{margin:0}.collection-hero--with-image .collection-hero__text-wrapper{padding:5rem 0 4rem}.collection-hero__image-container{border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}@media screen and (max-width: 749px){.collection-hero__image-container{height:20rem}}@media screen and (min-width: 750px){.collection-hero--with-image .collection-hero__text-wrapper{padding:4rem 2rem 4rem 0;flex-basis:50%}.collection-hero__image-container{align-self:stretch;flex:1 0 50%;margin-left:3rem;min-height:20rem}}.CategoryTable{overflow:hidden;border:unset;transition:all .5s ease}.CategoryTable table tr:first-child{background:#eef7fd}@media (min-width: 1025px){.CategoryTable{max-height:65px;border:1px solid #000}.CategoryTable.shown{max-height:none}}.CategoryTable-Button{display:flex;justify-content:space-between;width:100%;align-items:center;padding:5px 20px;font-size:11px;background:none;border:none;cursor:pointer}@media (min-width: 1025px){.CategoryTable-Button{min-height:44px}}.CategoryTable-ButtonImg{height:42px;width:47px;margin-right:10px}.CategoryTable-ButtonInfo{display:inline-block;margin-right:20px;font-size:16px;text-align:start}.CategoryTable-ButtonInfoContainer{display:flex;align-items:center;font-size:16px}.CategoryTable-SwipeIcon:after,.CategoryTable-CrossIcon:after,.CategoryTable-MobileIcon:after,.CategoryTable-Icon:after{display:inline-block;font-family:webfont;font-weight:400;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.CategoryTable-Icon{display:block;margin-left:20px;font-size:20px;color:#f89726;transition:all .5s ease}.CategoryTable-Icon:after{content:"\2713"}.CategoryTable-Content{padding:0 30px 20px}@media (max-width: 1085px){.CategoryTable-Content table{width:80%}}.CategoryTable-Content{display:flex;flex-direction:row;align-items:center}.CategoryTable-LinkContainer{margin:auto}@media (min-width: 1025px){.CategoryTable-LinkContainer{margin-left:45px}}.blog-quizLink{margin-bottom:40px;display:flex;padding-top:5px}.blog-quizLink img{width:unset;margin:auto}.CategoryDetails{display:flex;justify-content:space-between;order:unset}@media (min-width: 1025px){.CategoryDetails{min-height:120px}}@media (min-width: 1025px){.CategoryDetails-withImage{min-height:290px}}.CategoryDetails-Buttons{margin-top:25px}@media (min-width: 1025px){.CategoryDetails-Buttons{display:none}}.CategoryDetails-Description{display:flex;flex-direction:column;justify-content:center;line-height:170%;min-width:65%;max-width:100%;padding-bottom:25px}.CategoryDetails-Picture{mix-blend-mode:multiply;height:100%;min-width:30%;background:none}.CategoryDetails-Picture img{border:none}.berkey-system-comparison-table-note{margin:0 0 10px}.CategoryTable-LinkContainer{position:relative}.blog-quizLink{display:block;position:absolute;top:-100px;right:-100px;width:280px;text-align:right;text-decoration:none;padding:0 0 0 20px;text-transform:uppercase}.blog-quizLink img{border:0}@media (min-width: 1025px){.blog-quizLink{top:-100px}}@media (max-width: 1240px){.blog-quizLink{right:-50px}}@media (max-width: 1175px){.blog-quizLink{right:-20px;width:210px}}@media (max-width: 1024px){.blog-quizLink{width:280px}}.blog-quizLink span{display:block}.blog-quizLink .take-quiz-span{display:block;margin:30px 0 0}@media (max-width: 1025px){.CategoryTable{display:none}.CategoryTable.shown{display:block}.CategoryTable-Button,.CategoryDetails-Description,.CategoryDetails-Picture{display:none}.CategoryTable-Content table{width:100%}.CategoryTable-Content{flex-direction:column}.CategoryTable-LinkContainer{display:block;width:100%;text-align:center}.blog-quizLink{display:inline-block;position:relative;top:auto;right:auto;margin:40px 0 0}.CategoryDetails-Buttons{display:grid;width:100%}.CategoryDetails-Buttons button{display:inline-block}.CategoryDetails-Buttons>div{justify-self:start;grid-row-start:1}.CategoryDetails-Buttons button{justify-self:end;grid-row-start:1}.CategoryDetails-Buttons .CategoryDetails-Button{border:none;background:none;cursor:pointer}.CategoryDetails-Buttons .CategoryDetails-Button img{border:none;background:none;width:25px}}@media (max-width: 700px){#categoryTableBerkeySystems .berkey-system-comparison-table-note{overflow:auto}#categoryTableBerkeySystems .Table-Wrapper{width:600px}#categoryTableBerkeySystems.CategoryTable{overflow:auto}#categoryTableBerkeySystems .CmsBlock-Wrapper{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-collection-hero.css.map */