:root{--font-size-xl:3.052em;--font-size-l:2.441em;--font-size-m:1.953em;--font-size-s:1.563em;--font-size-xs:1.25em;--font-size-xxs:1.125em;--font-size-xxxs:0.9em;--blue:#2F80ED;--blue-text:#4599ED;--blue-bg:#1471EB;--purple:#d86dff;--green:#68B067;--yellow:#FFED8E;--orange:#FF8E6A;--red:#EE4D4F;--grey-light:#7F7F7F;--grey:#595959;--grey-heavy:#3B3B3B;--grey-void:#131111;--off-white:#F2F2F2;--black:#000;--white:#FFF;--shadow-broad:0 2px 4px 0 var(--black);--shadow-shallow:0 0 2px 0 var(--black);--shadow-inset:inset 0px 0px 8px var(--black)}@font-face{font-family:Arcon;src:url(../fonts/arcon-regular-webfont.woff2)format('woff2'),url(../fonts/arcon-regular-webfont.woff)format('woff'),url(../fonts/arcon-regular.otf)format('opentype');font-display:swap}@font-face{font-family:Arcon-Rounded;src:url(../fonts/arcon-rounded-regular-webfont.woff2)format('woff2')url(../fonts/arcon-rounded-regular-webfont.woff)format('woff'),url(../fonts/arcon-rounded-regular)format('opentype');font-display:swap}@font-face{font-family:ClashDisplay;src:url(../fonts/ClashDisplay-Regular.otf)format('opentype');font-display:swap}@font-face{font-family:ClashDisplay;font-weight:500;src:url(../fonts/ClashDisplay-Medium.otf)format('opentype');font-display:swap}@font-face{font-family:ClashDisplay;font-weight:600;src:url(../fonts/ClashDisplay-Semibold.otf)format('opentype');font-display:swap}@font-face{font-family:ClashDisplay;font-weight:700;src:url(../fonts/ClashDisplay-Bold.otf)format('opentype');font-display:swap}@font-face{font-family:FrontageCondensed-Outline;src:url(../fonts/FrontageCondensed-Outline.otf)format('opentype')}@font-face{font-family:BespokeSerif;font-weight:500;src:url(../fonts/BespokeSerif-Medium.woff2)format('woff2');font-display:swap}@font-face{font-family:BespokeSerif;font-weight:500;font-style:italic;src:url(../fonts/BespokeSerif-MediumItalic.woff2)format('woff2');font-display:swap}@font-face{font-family:source code pro;font-weight:200;src:url(../fonts/SourceCodePro-ExtraLight.ttf)}@font-face{font-family:source code pro;font-weight:300;src:url(../fonts/SourceCodePro-Light.ttf)}@font-face{font-family:source code pro;font-weight:400;src:url(../fonts/SourceCodePro-Regular.ttf)}@font-face{font-family:source code pro;font-weight:500;src:url(../fonts/SourceCodePro-Semibold.ttf)}@font-face{font-family:source code pro;font-weight:600;src:url(../fonts/SourceCodePro-Bold.ttf)}@font-face{font-family:source code pro;font-weight:700;src:url(../fonts/SourceCodePro-Black.ttf)}@font-face{font-family:Avenir;font-weight:300;font-display:swap;src:url(../fonts/Avenir-Book.ttf)}@font-face{font-family:Avenir;font-weight:300;font-display:swap;font-style:italic;src:url(../fonts/Avenir-BookOblique-02.ttf)}@font-face{font-family:Avenir;font-weight:600;font-display:swap;src:url(../fonts/Avenir-Heavy-05.ttf)}@font-face{font-family:Avenir;font-weight:600;font-display:swap;font-style:italic;src:url(../fonts/Avenir-HeavyOblique-06.ttf)}@font-face{font-family:Altero;src:url(../fonts/Altero-Regular.otf)format('opentype')}@font-face{font-family:Silkscreen;src:url(../fonts/Silkscreen.eot)format('embedded-opentype'),url(../fonts/Silkscreen.woff2)format('woff2'),url(../fonts/Silkscreen.woff)format('woff'),url(../fonts/Silkscreen.ttf)format('truetype')}@font-face{font-family:Silkscreen;font-weight:700;src:url(../fonts/SilkscreenBold.eot)format('embedded-opentype'),url(../fonts/SilkscreenBold.woff2)format('woff2'),url(../fonts/SilkscreenBold.woff)format('woff'),url(../fonts/SilkscreenBold.ttf)format('truetype')}@font-face{font-family:Silkscreen-Expanded;src:url(../fonts/SilkscreenExpanded.eot)format('embedded-opentype'),url(../fonts/SilkscreenExpanded.woff2)format('woff2'),url(../fonts/SilkscreenExpanded.woff)format('woff'),url(../fonts/SilkscreenExpanded.ttf)format('truetype')}@font-face{font-family:Silkscreen-Expanded;font-weight:700;src:url(../fonts/SilkscreenExpandedBold.eot)format('embedded-opentype'),url(../fonts/SilkscreenExpandedBold.woff2)format('woff2'),url(../fonts/SilkscreenExpandedBold.woff)format('woff'),url(../fonts/SilkscreenExpandedBold.ttf)format('truetype')}.text-center,.is-text-center{text-align:center}.text-right,.is-text-right{text-align:right}.text-left,.is-text-left{text-align:left}body{background-color:#272727;font-size:100%;font-family:Avenir;font-weight:300;max-width:1920px;margin:0 auto!important}a,article a{text-decoration:none;transition:color 200ms ease-in;&:hover { color:var(--blue-text); }}a:has(>img){display:block}article.is-flex-col a:has(>img){flex:1}button,input[type=submit]{cursor:pointer}a.buttonNew,button.buttonNew{display:block;background-color:var(--blue);box-shadow:-4px 4px 0 0 var(--blue-bg);color:var(--off-white);padding:var(--spacing-s)var(--spacing-m);border:none;font-family:clashdisplay,sans-serif;font-weight:500;text-decoration:none;border-radius:5px;cursor:pointer;transition:box-shadow .3s;&:hover { background-color:var(--white); color:var(--blue); }}.home{max-width:1920px;margin:0 auto!important}.is-hidden{display:none!important}.is-hidden-visually{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}@media only screen and (min-width:770px){.is-hidden-desktop{display:none!important}}@media only screen and (max-width:770px){.is-hidden-mobile{display:none!important}}@media only screen and (max-width:900px){.is-hidden-tablet-down{display:none!important}}@media only screen and (max-width:1390px){.only-xxl{display:none!important}}h1,.title-1{font-size:2em;line-height:1.25}@media(min-width:43.75em){h1,.title-1{font-size:2.5em;line-height:1.125}}@media(min-width:56.25em){h1,.title-1{font-size:3em;line-height:1.05}}h2,.title-2{font-size:1.625em;line-height:1.15384615}@media(min-width:43.75em){h2,.title-2{font-size:2em;line-height:1.25}}@media(min-width:56.25em){h2,.title-2{font-size:2.25em;line-height:1.25}}.is-fluid-font{font-size:25px}@media(min-width:768px){.is-fluid-font{font-size:calc(20px + 2vw)}}@media(min-width:1750px){.is-fluid-font{font-size:60px}}.size-1{font-size:var(--font-size-xl)}.size-2{font-size:var(--font-size-l)}.size-3{font-size:var(--font-size-m)}.size-4{font-size:var(--font-size-s)}.size-5{font-size:var(--font-size-xs)}.size-6{font-size:var(--font-size-xxs)}.size-7{font-size:var(--font-size-xxxs)}nav ul li{margin-bottom:0}.no-list-style,.no-list-style ul{list-style:none;margin:0;padding:0}figure{position:relative;margin:0}figure figcaption{background-color:rgba(29,29,29,.72);font-size:14px}@media(min-width:796px){figure figcaption{position:absolute;bottom:0;left:0;right:0}}sup{color:var(--blue-text);font-size:.7rem;font-weight:700}.elementor-widget-image .wp-caption{max-width:100%!important;padding:0}.wp-caption img{width:100%}.article__post-content .wp-caption figcaption.wp-caption-text{font-family:avenir,sans-serif}.is-bold{font-weight:700}.is-italic{font-style:italic}.scp-font,.scp-font *{font-family:Source Code Pro!important}.scp-font.is-semibold{font-weight:500}.scp-font.is-bold{font-weight:600}.scp-font.is-black{font-weight:700}.arcon-font,.arcon-font *{font-family:Arcon!important}.clash-font,.clash-font *{font-family:ClashDisplay!important}.clash-font.is-semibold{font-weight:500}.clash-font.is-bold{font-weight:600}.clash-font.is-black{font-weight:700}.clash-font is-semibold,.clash-font is-semibold *{font-family:altero!important}.silkscreen-font,.silkscreen-font *{font-family:silkscreen!important}.avenir-font,.avenir-font *{font-family:avenir!important}.bespoke-font,.bespoke-font *{font-family:bespokeserif!important;font-weight:500}body,p,span{font-family:Avenir}button{cursor:pointer}.post-content a:link,.woocommerce a:link{color:var(--white);font-weight:700;text-decoration:underline;text-decoration-color:var(--blue-text);text-decoration-thickness:3px}.post-content a:visited{text-decoration-color:var(--grey-light)}.post-content a:hover{background-color:var(--blue-text);color:#fff}.post-content a span{font-weight:600!important}.is-blue{color:var(--blue)!important}.is-blue-text{color:var(--blue-text)!important}.is-purple{color:var(--purple)!important}.is-yellow{color:var(--yellow)!important}.is-orange{color:var(--orange)!important}.is-green{color:var(--green)!important}.is-grey{color:var(--grey)!important}.is-grey-light{color:var(--grey-light)!important}.is-black{color:var(--black)!important}.is-white{color:var(--white)!important}.is-uppercase{text-transform:uppercase}.is-lowercase{text-transform:lowercase}.bg-white{background-color:var(--white)}.bg-black{background-color:var(--black)}.bg-gray-1{background-color:#272727}.bg-gray-2{background-color:#1d1d1d}.bg-gray-3{background-color:#141414}.bg-gray-4{background-color:#3b3b3b}.bg-gray-5{background-color:#131111}.bg-blue{background-color:var(--blue-bg)}.bg-static{background-image:url(https://thetriibe.com/wp-content/uploads/2017/01/dark_static.jpg);background-repeat:repeat}.bg-gradient{background-image:linear-gradient(148.9deg,#050505 16.62%,#454444 100%);background-repeat:no-repeat}.bg-gradient--cool{border-style:solid;border-width:4px;border-image:linear-gradient(90deg,#2f80ed 0%,#a850ff 48%,#3a8eff 100%)1}.shadow-broad{box-shadow:var(--shadow-broad)}.shadow-shallow{box-shadow:var(--shadow-shallow)}.shadow-blue{box-shadow:0 0 10px 4px var(--blue)}.divider{border:1px solid grey}.divider.divider--horizontal{height:0;width:100%;margin-top:var(--spacing-m);margin-bottom:var(--spacing-m)}.divider.divider--vertical{height:auto;width:0;margin-left:var(--spacing-m);margin-right:var(--spacing-m)}.page-content{position:relative;font-family:avenir,sans-serif}.is-open+.page-content{box-shadow:0 -2px 10px black}.no-padding{padding:0}.no-margin{margin:0}.image-fill{height:100%;width:100%;object-fit:cover}.is-block{display:block!important}.is-clipped{overflow:hidden!important}.is-flex{display:flex!important}.is-flex.is-flex-col{flex-direction:column}.is-flex-row{flex-direction:row}.is-flex.space-between{justify-content:space-between}@media only screen and (max-width:760px){.is-flex-mobile{display:flex!important}}.is-grid{display:grid}@media only screen and (min-width:900px){.is-grid-desktop{display:grid}.is-flex-desktop{display:flex!important}.is-flex.is-flex-row--desktop{flex-direction:row}}.is-flex.is-centered-all{justify-content:center;align-items:center}.is-flex.is-centered-row{align-items:center}.is-flex.is-centered-col{justify-content:center}.container{max-width:1200px;margin:0 auto;&.container--narrow { max-width: 1100px; }}.container--front{max-width:1390px;padding:0}@media only screen and (min-width:900px){.container--front{max-width:1390px;padding:4rem 2rem}}.announcement-bar{background-color:#2e80ed;display:flex;align-items:flex-start;justify-content:space-between;padding:.5rem}.announcement-bar__close{background:0 0;border:none;font-size:1.5rem}@media only screen and (min-width:700px){.announcement-bar{align-items:center;justify-content:center;font-size:1.5rem;font-weight:500}.announcement-bar__close{position:absolute;right:25px}}.header--triibe{display:flex;align-items:stretch;justify-content:space-between;background:0 0;background-image:url(https://thetriibe.com/wp-content/uploads/2017/01/dark_static.jpg);background-repeat:repeat;background-size:contain;box-shadow:0 2px 4px black;z-index:9999;position:sticky;top:-1px}.header__item{display:flex;align-items:center}.header__nav ul{display:flex}.header__nav .menu-item a{display:flex;justify-content:center;padding:1rem;text-transform:uppercase;font-family:clashdisplay,sans-serif;font-weight:600;letter-spacing:1px}.header__nav .menu-item:hover a{color:#2f80ed}@media only screen and (max-width:770px){body.fixed .header--triibe{position:fixed;width:100%}.header__item{flex:1}}.logo--header svg{height:40px}.logo--footer svg{height:75px}.logo--footer{margin:2rem 0}.logo{max-width:initial;flex:1}body.fixed{height:100vh;overflow:hidden}.triibe__menu{display:flex;flex-direction:column;gap:1rem}.menu-toggle{width:60px;padding:1rem;font-size:1.5rem;appearance:unset;background:0 0;border:none;color:#fff}.menu-link--new a{position:relative;border-style:solid;border-width:4px;border-image:linear-gradient(90deg,#2f80ed 0%,#a850ff 48%,#3a8eff 100%)1}.menu-link--new a::before{content:"-New-";font-family:altero,sans-serif;font-size:1rem;text-transform:uppercase;position:absolute;top:-30px;right:0;left:0;background:linear-gradient(90deg,#2f80ed 0%,#a850ff 48%,#3a8eff 100%);background-clip:text;color:transparent}.mobile-menu__links{.menu-link--new a { border-style: none; &::before { top: 15px; right: -70px; left: initial; } }}.footer__menu{@media(width <= 770px){.menu-link--new a{margin-top:2rem}}}.header__nav .menu-link--new a{border-style:none;&::before { font-size:0.75rem; text-align:center; top:0; }}.triibe__menu .menu-item{border:none}.triibe__menu .menu-item a{padding:1rem 0;color:#fff}.triibe__menu .menu-item span{font-family:clashdisplay,sans-serif;font-weight:600;font-size:1.5rem;text-transform:uppercase}.triibe__mobile-menu{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999}.mobile-menu__container{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;overflow-y:auto}.mobile-menu__item{padding:.5rem 2rem}.mobile-menu__links{height:auto}.mobile-menu__links>div:after{display:none}.button.button--coronavirus.button--coronavirus{background:#2f80ed;font-weight:500;position:relative;padding:0}.button--coronavirus span{font-size:.85rem}.button--coronavirus svg{fill:#fff;position:absolute;top:13px;bottom:0;height:50px;width:50px;opacity:.35}@media only screen and (min-width:769px){.button.button--coronavirus.button--coronavirus{padding:0 1rem}.button--coronavirus span{font-size:1rem}.button--coronavirus svg{position:initial;margin-right:1rem}}.button--black-summer{flex-direction:column}@media(min-width:768px){.button--black-summer{flex-direction:row}}.triibe__searchbar{display:flex;align-items:stretch;color:#fff;margin:.5rem 0}.searchbar__input{flex:1;border:none}.triibe__searchbar .searchbar__input input[type=search]{width:100%;border:none;background-color:initial;color:#fff;border-width:3px;font-family:source code pro,sans-serif;font-weight:600;padding:1rem}.mobile-menu__item .triibe__searchbar input[type=search]{border:1px solid var(--blue-bg);border-right:none}.searchbar--desktop{height:0;background-color:#141414;transition:all 200ms ease-in;z-index:-1;visibility:hidden;opacity:0}.searchbar--desktop form{height:100%}.searchbar--desktop .triibe__searchbar{height:100%;border:none;margin:0}.searchbar--desktop .searchbar__input input[type=search]{font-size:3rem;background-color:initial;color:var(--white)}input[type=search]:focus{outline:none}.searchbar--desktop.is-open{height:100px;z-index:1;visibility:visible;opacity:1;position:sticky}.search-button{border:none;cursor:pointer;height:100%;width:100%;padding:1rem 2rem;font-size:2rem;margin:0;background-color:#141414}.search-button:focus{outline:none}.search-button i{width:32px}.search-button:hover i{color:var(--blue-bg)}.header__item .button{height:100%;width:100%;display:flex;font-size:1rem;align-items:center;justify-content:center;border:none;padding:0 .5rem}.header__item .button--the-function{background-color:#ff8e6a;color:#fff;outline:none}@media(max-width:900px){.header__item .button--election{display:none}}.mobile-menu__item .button--election{padding:1rem}.is-sponsored-tag{text-align:center;margin-bottom:.5rem}.is-sponsored-tag>span{background:#3c94fd;padding:0 .5rem;border-radius:10px;font-family:source code pro,sans-serif;font-size:12px;color:#fff}.is-sponsored-tag>span{padding:.25rem .5rem;font-size:1rem;color:#fff}.logo--header{max-width:10%;padding:1rem}.menu-link{padding:1rem;text-transform:uppercase;color:#fff;transition:all 300ms ease;font-weight:100}.menu-link:hover{color:#3d95fd!important}.summary__meta .terms a{font-family:clashdisplay,sans-serif;text-transform:uppercase;color:var(--blue-text);font-weight:600}.feature-content .elementor-section.elementor-section-boxed>.elementor-container{max-width:100%}.elementor-section .elementor-container{display:block!important}.feature-gif img{width:100%}.navigation.episodes{padding:20px!important;font-family:Source Code Pro}.episodes a{color:lightgrey}.episode-title{color:grey}.episode-img{height:200px;width:400px;background-repeat:no-repeat;background-size:cover;background-position:50%;box-shadow:0 2px 4px lightgrey}.newsletter-cta__input{flex:1;min-height:50px;width:100%;border:none;border-radius:0}.newsletter-cta__btn{flex:0 0 100px}.shoo{position:absolute;left:-5e3px}.another-life-header{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:1rem;margin-left:2rem}.another-life-header .title{font-size:3rem;text-transform:uppercase;margin:0}.another-life-header .title,.another-life-header .tagline{font-family:Arcon}.page-id-321 .single_post,.page-id-1517 .single_post,.page-id-321 .elementor-container,.page-id-1517 .elementor-container{max-width:100%!important;padding:0}.page-id-1517 #content{margin-top:0}.page-id-1517 .elementor-element-populated{padding:0!important}.page-id-1517 .elementor-widget{margin-bottom:0!important}.page-id-1517 .page_head{display:none!important}body.page-id-2747{background:#000!important}.page-id-2747 .page_head{display:none}.riots-slider .slick-slide-inner{height:350px}.riots-slider .slick-slide-inner img{max-height:100%}.postid-3107 .header{z-index:1000}.first-paragraph::first-letter{font-size:3rem;color:#3d95fd;float:left;line-height:.8;margin-right:.25rem;font-family:source code pro,sans-serif;font-weight:700}#out-west-hero{display:flex;flex-direction:column;align-items:center;justify-content:flex-end}@media only screen and (min-width:800px){#out-west-hero{min-height:800px}#out-west-hero>.elementor-container{width:100%}.ow-img{width:100%;max-width:initial;height:100%;box-shadow:0 2px 4px black!important;border:5px solid #fff!important}.ow-img.rotate-left{transform:rotate(-10deg)scale(1);top:50px}.ow-img.rotate-right{transform:rotate(10deg)scale(1);top:50px}}.history-project{font-family:source code pro,sans-serif}.hp__item{display:flex;flex-direction:column;padding:1rem;background-color:#000;box-shadow:0 2px 4px black}.hp__question{font-weight:200;color:#3d95fd}.ad-4x1{padding-bottom:15%}.sidebar .adsanity-center{display:none}@media only screen and (min-width:800px){.single_post_content .ad-center{display:none}}.ad-row .adsanity-inner{text-align:center}.ad-250x250{margin:2rem 0}.row--skyscraper{height:600px;width:300px}.elementor-4815,.elementor-5455{height:100%;background-image:url(https://thetriibe.com/wp-content/uploads/2019/02/chicago-grid.jpg);background-color:rgba(0,0,0,.85);background-blend-mode:overlay;background-repeat:no-repeat;background-size:cover;background-position:50%}.columns{display:flex}@media only screen and (max-width:700px){.columns{flex-direction:column}}.column{width:100%}@media only screen and (min-width:768px) and (max-width:900px){.column.is-half--tablet{width:50%}.column.is-sixty--tablet{width:60%}.column.is-forty--tablet{width:40%}.column.is-one-third--tablet{width:33.333%}.column.is-two-thirds--tablet{width:66.666%}}@media only screen and (min-width:1260px){.column.is-half--desktop{width:50%}.column.is-sixty--desktop{width:60%}.column.is-forty--desktop{width:40%}.column.is-one-third--desktop{width:33.333%}.column.is-two-thirds--desktop{width:66.666%}}.auto-height{height:auto}.auto-width{width:auto}.post-item{display:flex;color:#fff;margin-bottom:0;position:relative}.post-card-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-m);background-color:#1d1d1d;position:relative}.post-item--card{height:100%}.post-item--card .post-item__thumbnail{height:75px;width:75px;object-fit:cover}.post-item--card .post-item__summary{padding:1rem}.post-item--featured .post-item__thumbnail{height:100%;width:100%;object-fit:cover;aspect-ratio:3/2}@media only screen and (min-width:770px){.post-item--card .post-item__summary{padding:1rem 2rem}}.post-item--card-slim .post-item__thumbnail{height:75px;width:75px}.team-member__title{margin-top:0}.post-item--card-full{flex-direction:column}.post-item--card-full .post-item__thumbnail{height:250px;flex:0 0 75%}.post-item__summary{flex:1;padding:1.5rem;color:#fff}.post-item--card-full .post-item__summary{padding:2rem}.summary__meta{display:flex;justify-content:space-between;color:#569eff;font-size:.75rem}.post-item--related-card{display:block}.post-item--related-card .section-header{font-size:1em}@media only screen and (min-width:770px){.post-item--related-card{display:flex}.post-item--related-card .post-item__thumbnail{max-width:300px;width:100%}.post-item--related-card .section-header{font-size:1.5em}}.pagination__btn{background-color:var(--blue-bg);border:none;padding:.5rem;color:#fff;font-size:1rem;font-weight:700;outline:none;@media only screen and (min-width:770px){padding: 0rem 2rem; height: 100%; } } .pagination__btn--active { background-color: var(--off-white); color: var(--blue); } .pagination__page span { color: #2F80ED; font-weight: 700; } .pagination__btn:hover::after { opacity: 1; } .more-reading__pagination { background-color: #131111; display: flex; justify-content: center; align-items: center; gap: 1rem; position: relative; width: 100%; height: 50px; } @media only screen and (min-width: 770px) { .post-card-grid { grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(3,1fr); gap: var(--spacing-l) } } .summary__title { font-family: 'ClashDisplay',sans-serif; font-weight: 600; font-size: 1.5em; line-height: 1.1; text-transform: none; } .summary__title a { color: white; -o-transition: color 200ms ease-in; transition: color 200ms ease-in; } .summary__title:hover a { color: #2F80ED; } .summary__excerpt { color: #cecece; font-size: 0.875rem; } .post-item--card .summary__title { font-size: 1.15em } .post-item--card-full .summary__title { font-size: 1.5em; margin-top: 0; } .post-item--card-full>a { display: flex; } .post-item--card-large { flex-direction: column; } .post-item--card-large .post-item__thumbnail { height: 250px; width: 50%; } @media only screen and (min-width: 770px) { .post-item--card-large { flex-direction: row; } } .post-item--card__datetime { display: flex; flex-direction: column; align-items: center; flex: 1; padding-top: var(--spacing-l); font-family: 'Source Code Pro',sans-serif; font-weight: 400; color: #2F80ED; } .post-item--card__datetime span { text-transform: uppercase; font-family: 'Source Code Pro',sans-serif; } .post-item--card__datetime .day { font-size: 1.5rem; } .post-item__excerpt { display: none; } .post-card-grid li:nth-child(2n) .post-item--card { background-color: var(--black); } .post-card-grid li:nth-child(2n+1) .post-item--card { background-color: #141414; } .is-reverse-mobile { display: flex; flex-direction: column-reverse; } .entry-date time { font-family: 'Source Code Pro'; text-transform: uppercase; font-weight: bolder; color: #5498f6; margin: 0; font-size: 0.75rem; } .block { position: relative; border-top: 10px solid; border-top-color: #1d1d1d; } .row--ad { padding-left: 0.5rem; padding-right: 0.5rem; background-color: #1e1e1e; } .row--ad .ad-728x90 { margin: 0 auto; height: auto; } .row--ad.skyscraper { padding-left: initial; padding-right: initial; background-color: initial; top: 300px; } .ad-row { position: relative; } .ad-center .ad-row { display: flex; flex-direction: column; align-items: center; } .row--ad .ad-center .ad-row>div { margin-left: 0; margin-right: 0; } .ad-row::before { content: "--advertisement--"; color: grey; font-size: 0.75rem; position: absolute; top: -1rem; font-family: 'Avenir',sans-serif; } .row--ad-header { padding: 0.5rem; padding-top: 1rem; } .row--ad-header::before { top: 0; } @media only screen and (min-width: 760px) { .row--ad .ad-728x90 { margin: 0 auto; padding-top: 1rem; padding-bottom: 1rem; } } @media only screen and (min-width: 800px) { .row.is-flex { display: flex; } .is-reverse-mobile { flex-direction: initial; } .block { border-top: none; box-shadow: 0 2px 4px 0 black; } .container--special .block { margin-top: 1rem; } .row.is-flex .column,.row.is-flex-desktop .column { padding: 2rem; } .row.is-flex+.row.is-flex .column,.row.is-flex-desktop+.row.is-flex-desktop .column { padding-top: 0; } .row .column+.column { padding-left: 0; } } @media only screen and (min-width: 1260px) { .container--special .block { margin-top: 0; } } .section-header { margin: 0; padding: 1rem; border-top: 1px solid #2e80ed; border-bottom: 1px solid #2e80ed; font-family: 'ClashDisplay',sans-serif; font-weight: 600; text-transform: uppercase; background-color: #000; } .section-header--category { padding: 1rem; } .section-header--category .section-header__heading { margin: 0; letter-spacing: 1px; font-family: 'ClashDisplay',sans-serif; font-size: 1.25em; font-weight: 600; text-transform: uppercase; } .section-header--category .section-header__tagline { letter-spacing: 0; margin-bottom: 0; margin-top: 0.25rem; text-transform: none; font-size: 1rem; font-weight: initial; } @media only screen and (min-width: 800px) { .section-header--category { padding: 2rem; } .section-header--category .section-header__heading { font-size: 2em; } .section-header--category .section-header__tagline { font-size: 1.25em; } } .block-header { padding: 1rem; } .block-header p { margin-top: 0.5rem; margin-bottom: 0; } .block-heading { margin-right: 3rem; margin-bottom: 0; margin-top: 0; } @media only screen and (min-width: 700px) { .block-heading { font-size: 2rem; } } .contain-dots { margin-top: 1rem; } @media only screen and (min-width: 900px) { .contain-dots { margin-top: 0; } } .block-main { display: flex; flex-direction: column; } .the-works .block-main { padding: 1rem; } .block-header__tagline { margin: 0; font-size: 1.25rem; } .slide-track { & ol,ul { display: flex; list-style: none; padding: 0; scroll-snap-type: x mandatory; } } .slide-track li { padding-left: 1rem; padding-right: 1rem; } @media only screen and (min-width: 700px) { .slide-track li { padding: 0 2rem; } } @media only screen and (min-width: 800px) { .block-main { flex-direction: row; } .block-header { display: flex; align-items: center; } } .category-search__searchbox { width: 100%; background-color: #141414; border: none; font-size: 1.5em; color: #2F80ED; font-weight: 900; font-family: 'Source Code Pro'; outline: none; padding-top: 1rem; } @media only screen and (min-width: 800px) { .category-search__searchbox { padding-left: 1rem; width: calc(100% - 1rem); font-size: 3em; } } .article--post { padding-top: 2rem; } .article__header { max-width: 1140px; margin: 0 auto; text-align: center; margin-top: 2rem; margin-bottom: 2rem; } .article__title { font-family: 'ClashDisplay',arial,helvetica,sans-serif; text-transform: none; font-weight: 600; color: #fff; margin: 1.55rem 0; } .artice__post-content { font-size: 1.125rem; } .article__post-content p { line-height: 1.35; margin-bottom: 2rem; } .article__post-content .badge p { margin-bottom: 1.25rem; } .article__post-content .row { max-width: 900px; margin-left: auto; margin-right: auto; } .article-wrapper { padding: 1rem; } .article__footer .row { margin-bottom: 2rem; } @media only screen and (min-width: 800px) { .article-wrapper { padding: 2rem; } .article__post-content { font-size: 1.25rem; } .article__post-content p { line-height: 1.35; margin-bottom: 3rem; } } .dots { width: 3em; height: 3em; display: grid; grid-template-rows: repeat(3,1fr); grid-template-columns: repeat(3,1fr); justify-items: center; align-items: center; } .dots>div { width: 0.75em; height: 0.75em; background-color: #2f68b7; border-radius: 0%; animation: fade 1.5s alternate ease-in-out infinite; } .dots>div:nth-of-type(2),.dots>div:nth-of-type(4) { animation-delay: 0.25s; } .dots>div:nth-of-type(3),.dots>div:nth-of-type(5),.dots>div:nth-of-type(7) { animation-delay: 0.5s; } .dots>div:nth-of-type(6),.dots>div:nth-of-type(8) { animation-delay: 0.75s; } .dots>div:nth-of-type(9) { animation-delay: 1s; } @keyframes fade { to { opacity: 0.2; } } .loading-spinner { border: 3px solid var(--blue); border-top-color: var(--white); border-radius: 50%; width: 1em; height: 1em; animation: spin 1s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } .email-capture { background-repeat: no-repeat; background-position: top; background-size: cover; display: flex; height: 350px; } .email-capture__content { display: flex; flex-direction: column; justify-content: space-between; flex: 1; background-color: rgba(0,0,0,0.7); font-family: 'ClashDisplay',sans-serif; font-weight: 600; color: white; padding: 2rem; } .email-capture__tagline { margin-bottom: 1rem; } .email-capture__tagline span { display: block; margin: 0 0 -5px 0; font-size: 2rem; font-family: 'ClashDisplay',sans-serif; } .email-capture__tagline span:last-child { color: #2F80ED; } .email-capture__field { display: flex; flex-direction: column; align-items: stretch; } .email-capture__input { background-color: #272727; color: white; margin-bottom: 1rem; padding: 0.5rem 1rem; border: none; max-width: 100%; } .email-capture__btn { background-color: #2F80ED; color: white; border: none; padding: 0.5rem 2rem; font-size: 1rem; align-self: flex-start; } .btn--text { background: none; text-decoration: underline; } @media only screen and (min-width: 700px) { .email-capture__content { background-color: #000; clip-path: polygon(0 0,25% 0,40% 101%,0% 100%); } .email-capture__tagline span { margin: 0 0 -1rem 0; font-size: 3rem; } .email-capture__field { flex-direction: row; align-items: stretch; } .email-capture__input { padding: 0.5rem 1rem; margin-bottom: 0; margin-right: 1rem; min-width: 250px; } } .footer__social-icons i { font-size: 2em; margin-right: 2rem; } .footer__menu { padding: 0 2rem; align-items: center; } .footer__mission { max-width: 600px; margin: 0 auto; } .footer__menu .menu-item { text-align: center; margin-bottom: 1rem; } .footer__menu .menu-item a { font-family: 'ClashDisplay',arial,sans-serif; font-weight: 600; text-transform: uppercase; font-size: 1.5em; padding: 1rem; display: flex; justify-content: center; } .footer__menu .menu-item a:hover,.footer .footer__social-icons a:hover { color: #2F80ED; } .social_bookmarks a[href*="tiktok.com"] i::before { content: "\e07b" !important; } @media only screen and (min-width: 700px) { .footer__menu .menu { display: flex; align-items: center; } .footer__menu .menu-item { margin-bottom: 0; margin-right: 1rem; } } .label+.event-item { margin-top: 1rem; } .event-item.event-item--shortcode .event-item__image { max-height: 300px; width: 100%; object-fit: cover; object-position: top; } @media only screen and (min-width: 769px) { .event-item.event-item--shortcode .event-item__image { height: 150px; max-width: 150px; } } .event-item--shortcode { display: flex; flex-direction: column; max-width: 700px; margin: 0 auto; } @media only screen and (min-width: 769px) { .event-item--shortcode { flex-direction: row; } } .event-item--shortcode.event-item--upcoming { padding: 0; } .event-item--shortcode .event-item__body { flex: 1; display: flex; flex-direction: column; padding: 1rem; } .event-item--shortcode .title--event-item { font-family: "ClashDisplay",sans-serif; font-weight: 600; font-size: 2rem; color: #fff; } .event-item__info { display: flex; } .is-vote-red { color: #EE4D4F; } .is-vote-blue { color: #96CEFF; } .vote-shortcode { background-color: #000; } .vote-shortcode-body img { height: auto; max-width: 100% !important; width: 100%; } .vote-shortcode-header { margin: 0; font-size: 1.5em; border-top: 1px solid #EE4D4F; border-bottom: 1px solid #EE4D4F; font-family: 'Source Code Pro',sans-serif; text-transform: uppercase; letter-spacing: 5px; background-color: #000; padding: 1rem 1.5rem; font-weight: bold; font-size: 1.5rem"
 } .vote-shortcode:hover,.vote-shortcode:hover .vote-shortcode-header { background-color: #EE4D4F; } .vote-shortcode:hover .vote-shortcode-header { border-top: 1px solid #000; border-bottom: 1px solid #000; } .vote-shortcode:hover .is-vote-red,.vote-shortcode:hover .summary__excerpt { color: #FFF; } @media only screen and (min-width: 800px) { .vote-shortcode-body { display: flex; } .vote-shortcode-body img { object-fit: cover; object-position: center; width: 300px; } } .banner-signup input { border: none; min-width: 300px; } .banner-signup__toggle { display: none; } .author-profile-card { background-color: black; display: flex; margin-bottom: 2em; } .author-profile-card img { width: 300px; height: unset; object-fit: cover; } .author-info { display: flex; flex-direction: column; padding: 1.5em; } .author-info h2 { margin: unset; margin-bottom: 0.25em; } .author-info i { background: #3C3C3C; font-size: 1.75em; border-radius: 3px; margin-right:0.5em; width: 40px; height: 40px; display: flex !important; align-items: center; justify-content: center; } .author-info .fa-instagram { font-size: 2em; } .author-articles { display: flex; flex-direction: column; background-color: #272727; } .author-articles-posts { display: grid; gap: var(--spacing-m); } .author-articles-posts .post-item img { width: 1px; object-fit: cover; flex: 0 0 25%; } @media (max-width: 770px) { .author-articles-posts .post-item img { height: 75px; width: 75px; } } .author-articles-posts .post-item .post-item__summary p a { overflow: hidden; text-overflow: ellipsis; } .author-pagination { display: flex; justify-content: center; margin: 1em; } .author-articles .nav-links ul { display: flex; list-style-type: none; gap: 1rem; margin: 0; padding: 0,}.author-articles .nav-links ul li span.current { padding: 10px 12px;background:#777;border:1px solid #777;display:block;line-height:1;color:#fff}.author-articles .nav-links ul li a{padding:10px 12px;background:#ddd;color:#666;text-decoration:none;border:1px solid #ccc;display:block;line-height:1}.author-articles .nav-links ul li a:hover{background:#999;border-color:#888;color:#fff}.author-articles .nav-links .next,.author-articles .nav-links .prev{background-color:#5498f6;border-color:#5498f6;color:#fff}@media only screen and (max-width:800px){.author-profile-card img{width:100%;object-fit:cover;height:250px}}.woocommerce div.product p.stock{display:none}.tri-color-border::after{content:""}.tri-color-border>div{flex:1;height:8px}.red{background-color:red}.white{background-color:#fff}.blue{background-color:#b3ddf2}#footer{float:none}.slide-track{overflow-x:scroll;overflow-y:hidden;padding:0 1rem;max-width:100%}.is-numbered .summary__title{padding-left:3rem}.pum-container .pum-close{color:#fff!important;font-size:3rem!important;top:-32px!important}.banner-ad{display:flex;flex-direction:column;& p { margin: 0; } @media (width >= 770px) { flex-direction: row; } .banner-ad__image { flex: 0 0 50px; position: relative; display: flex; justify-content: center; @media (width >= 770px) { flex: 0 0 200px; } & img { position: absolute; bottom: 0px; height: auto; width: 150px; @media (width >= 770px) { bottom: 30px; } } } .banner-ad__body { flex: 1; display: flex; align-items: center; justify-content: space-between; }}.to_top{width:40px;height:38px;display:block;border-radius:50%;color:#fff;background:rgba(0,0,0,.2);transition:all .2s ease-out;position:fixed;bottom:20px;right:20px;cursor:pointer;text-align:center;padding-top:2px;display:none;opacity:.4;z-index:99}.to_top:hover{opacity:1}.to_top i{font-size:26px;padding-top:4px}.to_top.hide_totop{display:none!important}.sheknows-infuse-ad-float-left{float:left;margin-right:10px}.sheknows-infuse-ad-float-right{float:right;margin-left:10px}.sheknows-infuse-ad{margin-top:10px;margin-bottom:10px;text-align:center}.sheknows-infuse-ad-callout::before{content:"ADVERTISEMENT";font-size:10px;color:#ccc;display:block;text-align:center;margin-bottom:2px}[sidebarjs],[sidebarjs-backdrop]{top:0;left:0;width:100%;height:100%}[sidebarjs].sidebarjs--left [sidebarjs-container],[sidebarjs].sidebarjs--left{transform:translate(-100%,0)}[sidebarjs].sidebarjs--right [sidebarjs-container],[sidebarjs].sidebarjs--right{transform:translate(100%,0)}[sidebarjs].sidebarjs--left [sidebarjs-container]{box-shadow:2px 0 4px rgba(0,0,0,.2)}[sidebarjs].sidebarjs--right [sidebarjs-container]{box-shadow:-2px 0 4px rgba(0,0,0,.2);margin-left:auto}[sidebarjs-backdrop]{position:absolute;background:#000;opacity:0;transition:opacity .3s ease;will-change:opacity}[sidebarjs-container]{position:relative;z-index:1;display:flex;flex-direction:column;width:90%;max-width:300px;height:100%;background:#fff;transition:transform ease .3s;will-change:transform}[sidebarjs]{position:fixed;z-index:9999;transition:transform 0s ease .3s}[sidebarjs].sidebarjs--is-visible{transform:translate(0,0);transition:transform 0s ease 0s}[sidebarjs].sidebarjs--is-visible [sidebarjs-container]{transform:translate(0,0)}[sidebarjs].sidebarjs--is-moving{transition:none;transform:translate(0,0)}[sidebarjs].sidebarjs--is-moving [sidebarjs-container],[sidebarjs].sidebarjs--is-moving [sidebarjs-backdrop]{transition:none}[sidebarjs-content]{position:relative;width:100%;min-height:100%;transition:width .3s ease}[sidebarjs-content].sidebarjs-content--left{margin-left:auto;margin-right:0}[sidebarjs-content].sidebarjs-content--right{margin-left:0;margin-right:auto}@media(min-width:1025px){[sidebarjs].sidebarjs--responsive{transform:translate(0,0)!important;transition:transform 0s ease 0s;width:300px}[sidebarjs].sidebarjs--responsive [sidebarjs-container]{transform:translate(0,0)!important}[sidebarjs].sidebarjs--responsive.sidebarjs--left{left:0;right:auto}[sidebarjs].sidebarjs--responsive.sidebarjs--left [sidebarjs-container]{box-shadow:1px 0 rgba(0,0,0,.1)}[sidebarjs].sidebarjs--responsive.sidebarjs--right{right:0;left:auto}[sidebarjs].sidebarjs--responsive.sidebarjs--right [sidebarjs-container]{box-shadow:-1px 0 rgba(0,0,0,.1)}[sidebarjs].sidebarjs--responsive [sidebarjs-container]{max-width:none;width:100%;box-shadow:none}[sidebarjs-content]{width:calc(100% - 300px)}[sidebarjs-content].sidebarjs-content--left.sidebarjs-content--right{width:calc(100% - 600px);margin:0 auto}}i[class*=fa-]{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;text-rendering:auto;-moz-osx-font-smoothing:grayscale}.fa-search:before{content:"\f002"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-youtube-play:before{content:"\f16a"}.fa-instagram:before{content:"\f16d"}.triibe-modal{align-items:center;display:none;flex-direction:column;justify-content:center;overflow:hidden;position:fixed;z-index:99999}.triibe-modal.is-active{display:flex;position:fixed}.triibe-modal,.triibe-modal__mask{bottom:0;left:0;position:absolute;right:0;top:0}.triibe-modal__close{position:absolute;top:0;right:0;background-color:#000;color:#fff;font-size:2rem;border:none;padding:.5rem 1rem}.triibe-modal__mask{background-color:rgba(24,24,24,.86)}.triibe-modal__card{position:relative;max-width:650px;display:flex;flex-direction:column;box-shadow:0 2px 10px black;z-index:100}.triibe-modal__card-image img{height:200px;width:100%;object-fit:cover;object-position:center}@media only screen and (min-width:760px){.triibe-modal__card-image.triibe-modal__card-image img{height:275px}}.triibe-modal__card-content-header{margin-top:0}.triibe-modal__card-content,.triibe-modal__card-footer{padding:1rem 2rem}.triibe-modal__card-footer{border-top:1px solid #595959}@media only screen and (min-width:760px){.triibe-modal__card-content,.triibe-modal__card-footer{padding:2rem 30px}}.triibe-modal .email-capture__field{margin-top:1rem}@media only screen and (min-width:760px){.triibe-modal .email-capture__input{width:100%}}@media only screen and (max-width:759px){.triibe-modal__card-content-header{margin-top:0}.triibe-modal__card-image{display:none}.triibe-modal__card-content{background-image:url(https://thetriibe.com/wp-content/uploads/2020/05/chicagos-very-own.png);background-position:50%;background-size:cover;background-blend-mode:overlay;background-color:rgba(0,0,0,.84);padding:2rem}}.newsletter-cta{display:flex;background-color:#000;overflow:hidden}.newsletter-cta img{width:300px;height:min-content;align-self:center;top:16px;left:-23px;position:relative}.newsletter-cta-body{display:flex;flex-direction:column;width:100%}.newsletter-cta-body span{margin:0 0 .5rem}.newsletter-cta-input button,.newsletter-cta-input a.btn.btn--secondary{padding:.5rem 1.5rem;font-size:1rem;color:#fff}.newsletter-cta-input a.btn.btn--secondary:hover{color:var(--blue)}.is-fourty .newsletter-cta img{width:200px}@media only screen and (max-width:800px){.newsletter-cta img{display:none}.newsletter-cta-body{padding:1em}.newsletter-cta-input{flex-direction:column;height:unset;width:100%}.newsletter-cta-input input{margin:0 0 1em}.newsletter-cta-input button,.newsletter-cta-input input{height:40px}}.page-content--subscribe{& .feature-image { height: 550px; object-fit: cover; object-position: center; aspect-ratio: 16 / 9; border-radius: 5px; border: 4px solid var(--off-white) }}.call-to-actions{& .row { gap: calc(var(--spacing-l) * 2); justify-content: center; } & .mobile-toggles { display: flex; gap: var(--spacing-m); justify-content: center; align-items: stretch; & button, a { flex: 1; } } & button, a { background-color: var(--blue); box-shadow: -4px 4px 0 0 var(--blue-bg); color: var(--off-white); padding: var(--spacing-s) var(--spacing-m); border: none; border-radius: 5px; cursor: pointer; transition: box-shadow 0.3s; &:disabled { cursor: not-allowed; } &.success { background-color: var(--green); box-shadow: -4px 4px 0 0 var(--green-bg); } &.toggle { background-color: var(--grey-heavy); color: var(--grey); box-shadow: -4px 4px 0 0 var(--grey); &.active { background-color: var(--blue); color: var(--off-white); box-shadow: 0 0 10px 3px var(--blue-bg); } } &:hover { background-color: var(--white); color: var(--blue); } } & .cta-item { position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; border:4px solid var(--blue); border-radius: 5px; & .weekly-newsletter-form { display: flex; flex-direction: column; gap: 1rem; } & input { background-color: var(--off-white); border: none; border-radius: 2px; } & .cta-item__heading { position: absolute; top: -13%; box-shadow: -4px 4px 0 0 var(--blue); border-radius: 5px; background-color: var(--grey-heavy); padding: var(--spacing-s) var(--spacing-m); } & .cta-item__action { position: absolute; bottom: -5%; width: 100%; text-align: center; } }}.woocommerce{&:has(.woocommerce-MyAccount-navigation) { display:flex; flex-direction:column; padding:var(--spacing-l); & .woocommerce-MyAccount-navigation ul { display:flex; flex-direction:column; align-items:flex-start; gap:var(--spacing-m); list-style:none; padding:0; @media (min-width:760px) { flex-direction:row; justify-content:center; } & a,button { display:block; background-color:var(--blue); box-shadow:-4px 4px 0 0 var(--blue-bg); color:var(--off-white); padding:var(--spacing-s) var(--spacing-m); border:none; font-family:"ClashDisplay",sans-serif; font-weight:500; text-decoration:none; border-radius:5px; cursor:pointer; transition:box-shadow 0.3s; &::before { font-family:"FontAwesome"; margin-right:0.5rem; } &:hover,.is-active & { background-color:var(--white); color:var(--blue); } } & .woocommerce-MyAccount-navigation-link--dashboard a::before { content:"\f0e4"; } & .woocommerce-MyAccount-navigation-link--orders a::before { content:"\f291"; } & .woocommerce-MyAccount-navigation-link--subscriptions a::before { content:"\f021"; } & .woocommerce-MyAccount-navigation-link--downloads a::before { content:"\f019"; } & .woocommerce-MyAccount-navigation-link--edit-address a::before { content:"\f015"; } & .woocommerce-MyAccount-navigation-link--payment-methods a::before { content:"\f09d"; } & .woocommerce-MyAccount-navigation-link--edit-account a::before { content:"\f2bd"; } } & .woocommerce-orders-table { width:100%; background-color:var(--grey-heavy); & thead { background-color:var(--grey-void); } & td { text-align:center; padding:var(--spacing-m) } } }}.box{&.elevated { box-shadow: -4px 4px 0 0 var(--blue); border-radius: 5px; background-color: var(--grey-heavy); } & input { background-color: var(--off-white); border: none; border-radius: 2px; }}.klaviyo-form{width:100%;& h1 span, button { font-family: "ClashDisplay", sans-serif !important; font-weight: 600 !important; } @media (max-width: 760px) { background-color: var(--grey-heavy) !important; & div { background-color: var(--grey-heavy) !important; } }}.woocommerce div.product form.cart .variations{width:auto!important}