Headlines

1 month ago

Ara's Favorite Tech of 2017

2

Ara's Favorite Tech of 2017

It's been a year with a lot of fun tech in it, but the amount that's passed through my hands is relatively small compared to my colleagues. So many new phones and an explosion of smart home devices have meant that there's never a moment technology is not touching our lives. There are some new toys that have grown near and dear to my heart, and I'm here to share them with you.

Samsung Galaxy S8

I miss carrying this phone every day. I miss its tall home screen while I'm browsing Twitter or typing out articles at the bar. I miss its gentle curves as it sat in my pocket. I miss its remarkable camera and whip-quick responsiveness … the GS8 wormed its way into my heart for the two months the SIM card in it worked, and if I could carrier unlock it, it's what I'd be rocking each and every day. It made my themes look better and helped me get more done.

$729 Buy now

Samsung LevelOn Pro

I've been on the Bluetooth bandwagon for years, but usually settled for cheaper, more compact models that can easily hang around my neck. This year, I was given a nibble of posher, active noise canceling headphones, and I AM NEVER GOING BACK. The Samsung LevelOn Pros fit beautifully, block plenty of noise even without ANC turned on, and the touchpad controls are heaven. Being able to smoothly shift the volume up for a section you need blasting or down during the commercials on a broadcast is addictive and I miss it terribly when I return to my compact headphones, mashing the volume buttons like a Neanderthal.

$167 Buy Now

TicHome Mini

Ever since I laid hands on a Google Home, I've had one desire: I want a battery powered model so I can take it from room to room without having to reboot and re-cast whatever I was listening to. Enter the TicHome Mini, which is about the size of a Google Home Mini, with a single down-facing speaker, four easy-to-spot and use buttons for volume, commands, and power/muting. The battery lasts about 6 hours away from a charger, but that's fine, because it still needs your home's Wi-Fi so you won't be going too far with it. It uses the same Micro-USB that most Android peripherals still use, so you won't be hunting down a proprietary charger like the original Google Home uses. If you've got a kid who'll want to bring Google into a pillow fort for Disney storytelling or bring it to their bedroom for help during homework, then a TicHome Mini should be great, and the IPX6 splash resistance means that it should hopefully stand up to a rough and tumble household.

$99 Buy Now

Movies Anywhere

I've been a fan of Disney Movies Anywhere since it came to Android years ago, and this year came the next big jump for the service: getting other studios on board. Enter Movies Anywhere, which drops the Disney name and adds four other major studios. If you still buy movies — and I know that club is shrinking — the first thing you should do if you think you want to buy one is go check the Movies Anywhere app to see if it's supported. If it is, you can now comparison shop between the four digital stores and any stores selling DVD/Digital combo packs and see who had the best deal. If it's not supported, buy a different movie.

Buy Now

Disney Emoji Blitz

I don't have the time or the console/proper PC to invest in more hard-core gaming, but I confess that in the last year and a half, I have developed a slight addiction to a mobile game that should surprise absolutely no one: Disney Emoji Blitz. It's a match-three game that uses Disney character emoji rather than gems or candy as the pieces. Even better, every emoji you unlock in the game is added to the Emoji Blitz Keyboard you can use to share Disney Emoji with your friends and family online. I'll be the first to admit the Emoji Blitz keyboard needs some work, especially in regards to the thousands of object emoji that have been unlocked over 18 months of gameplay and item challenges. Speaking of challenges, Disney Emoji Blitz has increased the frequency and variety of the challenges it presents, going from about one a month to about one a week. In a year, there's only been one bad event, and there have been dozens of new and useful emoji added, including expansions for Little Mermaid and the current Frozen expansion event.

Download

Phonster X

Pockets on women's jeans are becoming increasingly incompatible with modern smartphones, and while there may be less conspicuous holster options out there, the Phonster X sets a statement while comfortably holding your phone, wallet, keys, and maybe some mints or pepper spray. There are basically two models of shoulder phone holsters on the market: the LD West and the Phonster X. The LD West has the straps snap directly to the elastic holster straps. The Phoster X features four loops on the underside of each pouch, which are looped through the snap-secured non-elastic backstraps. By having non-elastic straps, the Phonster X doesn't bounce around quite so much while jogging or dancing, and the swiveling loops on the pouches help the holster lie better against your body. They're not for everyone, but they are for me. Fewer people mess with a girl wearing a holster, even if it's not packing a gun.

$109 Buy Now

.tabs { position: absolute; right: 0; z-index: 20; } #ctBoc .article-body-wrap ul.primary li a:link, #ctBoc .article-body-wrap ul.primary li a.active, #ctBoc .article-body-wrap ul.primary li a:active, #ctBoc .article-body-wrap ul.primary li a:visited, #ctBoc .article-body-wrap ul.primary li a:hover, #ctBoc .article-body-wrap ul.primary li.active a, #ctBoc .article ul.primary li a:link, #ctBoc .article ul.primary li a.active, #ctBoc .article ul.primary li a:active, #ctBoc .article ul.primary li a:visited, #ctBoc .article ul.primary li a:hover, #ctBoc .article ul.primary li.active a { border-radius: 0 0 8px 8px; border-width: 0; } #page-wrap { width: 100%; } #page { background: none; } #ctBoc .article-body-wrap { margin-top: 0; } .node, .node-published, .node-unpublished { background: #f9f9f9; } @media all and (max-width: 1350px) and (min-width: 768px) { #ctBoc .article-body-wrap { padding: 0; } } /* FONTS */ @font-face { font-family: 'geomanist-light'; src: url('../sites/all/fonts/geomanist-extralight.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'geomanist-regular'; src: url('../sites/all/fonts/geomanist-regular.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'geomanist-book'; src: url('../sites/all/fonts/geomanist-book.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'geomanist-medium'; src: url('../sites/all/fonts/geomanist-medium.otf'); font-weight: normal; font-style: normal; } .article-body h2, .article-body p, .article-body ul, .article-body ul li { font-family: "geomanist-regular",Helvetica,Arial,sans-serif; font-weight: normal; letter-spacing: 0; line-height: 1.352; } #content > .container, #ctBoc .article-body .container.wide { max-width: 100%; padding: 0; } #ctBoc .article-body__section--narrow, #ctBoc .article-body .narrow { padding: 0 20px; } /* TITLE */ /* TITLE BACKGROUND */ #ctBoc .article .article-body__section--wide.ggtitle { max-width: 100%; } #ctBoc .article-body-wrap .article-body .ggtitle p, #ctBoc .article .article-body .ggtitle p { margin: 0; } #ctBoc .article-body-wrap .ggtitle img, #ctBoc .article .ggtitle img { width: 100%; } /* SUBTITLE */ #ctBoc .ggtitle h2 { color: #fff; font-size: 4vw; font-style: italic; left: 53%; margin: 0; position: absolute; right: 25px; text-align: left; text-shadow: .25vw .25vw #000; top: 37.6vw; } /* SITE LOGO SPLITTER */ .article-body .ggsite { display: table; margin: 75px auto; position: relative; width: auto; } .article-body .ggsite img { max-height: 100px; max-width: 200px; height: auto; width: auto; } #ctBoc .article-body-wrap .ggsite:before, #ctBoc .article-body-wrap .ggsite:after, #ctBoc .article .ggsite:before, #ctBoc .article .ggsite:after { background: #ddd; content: ""; height: 1px; position: absolute; right: calc(100% + 50px); top: 50%; width: 50vw; } #ctBoc .article-body-wrap .ggsite:after, #ctBoc .article .ggsite:after { left: calc(100% + 50px); } .article-body .ggtitle + .wide + .narrow p, .article-body .ggtitle + .wide + .article-body__section--narrow p { color: #474747; line-height: 1.75; text-align: center; } @media all and (max-width: 500px) { .article-body .ggsite { margin: 35px auto; } } /* HERO BLOCK */ #ctBoc .article-body-wrap .gghero, #ctBoc .article .gghero { background: #999; color: #fff; margin: 115px 0 90px; max-width: 100%; padding: 40px 20px; position: relative; } #ctBoc .article-body-wrap .gghero.gghero-color-1, #ctBoc .article .gghero.gghero-color-1 { background: #c62827; } #ctBoc .article-body-wrap .gghero.gghero-color-2, #ctBoc .article .gghero.gghero-color-2 { background: #ae1558; } #ctBoc .article-body-wrap .gghero.gghero-color-3, #ctBoc .article .gghero.gghero-color-3 { background: #6b1c9b; } #ctBoc .article-body-wrap .gghero.gghero-color-4, #ctBoc .article .gghero.gghero-color-4 { background: #4527a1; } #ctBoc .article-body-wrap .gghero.gghero-color-5, #ctBoc .article .gghero.gghero-color-5 { background: #1a2380; } #ctBoc .article-body-wrap .gghero.gghero-color-6, #ctBoc .article .gghero.gghero-color-6 { background: #03589b; } #ctBoc .article-body-wrap .gghero.gghero-color-7, #ctBoc .article .gghero.gghero-color-7 { background: #144786; } #ctBoc .article-body-wrap .gghero.gghero-color-8, #ctBoc .article .gghero.gghero-color-8 { background: #148571; } #ctBoc .article-body-wrap .gghero.gghero-color-9, #ctBoc .article .gghero.gghero-color-9 { background: #1b5d1f; } #ctBoc .article-body-wrap .gghero.gghero-color-10, #ctBoc .article .gghero.gghero-color-10 { background: #3d8522; } #ctBoc .article-body-wrap .gghero p:first-of-type, #ctBoc .article .gghero p:first-of-type { display: flex; height: 100%; max-width: 560px; position: absolute; right: 50%; top: -50px; width: 50%; } #ctBoc .article-body-wrap .gghero img, #ctBoc .article .gghero img { height: 100%; margin: auto; object-fit: contain; width: 100%; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article-body-wrap .gghero h2 ~ p, #ctBoc .article-body-wrap .gghero ul, #ctBoc .article .gghero h2, #ctBoc .article .gghero h2 ~ p, #ctBoc .article .gghero ul { margin-left: calc(50% + 20px); max-width: 540px; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article .gghero h2 { color: #fff; font-size: 45px; text-align: left; } #ctBoc .article-body-wrap .gghero p, #ctBoc .article .gghero p { } #ctBoc .article-body-wrap .gghero h2 + p, #ctBoc .article .gghero h2 + p { color: rgba(255,255,255,0.75); margin-bottom: 25px; } #ctBoc .article-body-wrap .gghero h2 + p a, #ctBoc .article .gghero h2 + p a { border: none; box-shadow: none; color: inherit; } #ctBoc .article-body-wrap .gghero h2 + p a:hover, #ctBoc .article .gghero h2 + p a:hover { color: #fff; text-decoration: underline; } #ctBoc .article-body-wrap .gghero ul, #ctBoc .article .gghero ul { border-top: 1px solid rgba(255,255,255,0.25); margin: 0 -20px 50px calc(50% + 15px); max-width: 550px; overflow: scroll; padding-top: 30px; position: relative; white-space: nowrap; } #ctBoc .article-body-wrap .gghero ul li, #ctBoc .article .gghero ul li { box-sizing: border-box; color: rgba(255,255,255,0.75); display: inline-block; font-size: 75%; min-width: 100px; margin: 0 -5px 0 0; padding: 0 5px; vertical-align: top; white-space: normal; } #ctBoc .article-body-wrap .gghero ul li:before, #ctBoc .article .gghero ul li:before { display: none; } #ctBoc .article-body-wrap .gghero ul li strong, #ctBoc .article .gghero ul li strong { color: #fff; display: block; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(2), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(2) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(2), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(2) ~ li { width: 50%; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(3), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(3) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(3), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(3) ~ li { width: calc(100% / 3); } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(4), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(4) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(4), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(4) ~ li { width: 25%; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(5), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(5) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(5), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(5) ~ li { width: 20%; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(6), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(6) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(6), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(6) ~ li { width: calc(100% / 6); } #ctBoc .article-body-wrap .gghero h2 +p ~ p:last-of-type, #ctBoc .article .gghero h2 +p ~ p:last-of-type { font-size: 48px; color: #fff; } #ctBoc .article-body-wrap .gghero a.cta.shop, #ctBoc .article .gghero a.cta.shop { box-shadow: none; font: 45% "geomanist-medium",Helvetica,Arial,sans-serif; margin: 0 0 20px 5px; padding: 15px 25px; text-transform: uppercase; vertical-align: 7px; } #ctBoc .article-body-wrap .gghero a.cta.shop:before, #ctBoc .article .gghero a.cta.shop:before { display: none; } /* no image */ #ctBoc .article-body-wrap .gghero h2:first-child, #ctBoc .article-body-wrap .gghero h2:first-child + *, #ctBoc .article-body-wrap .gghero h2:first-child ~ *, #ctBoc .article .gghero h2:first-child, #ctBoc .article .gghero h2:first-child + *, #ctBoc .article .gghero h2:first-child ~ * { margin-left: auto; margin-right: auto; max-width: 600px; text-align: center; } #ctBoc .article-body-wrap .gghero h2:only-child, #ctBoc .article .gghero h2:only-child { margin: 0 auto; } @media all and (max-width: 800px) { #ctBoc .article-body-wrap .gghero, #ctBoc .article .gghero { margin: 150px 0 30px; } #ctBoc .article-body-wrap .gghero p:first-of-type, #ctBoc .article .gghero p:first-of-type { height: 100%; margin-top: -150px; max-width: 100%; position: relative; right: 0; top: 0; width: 100%; } #ctBoc .article-body-wrap .gghero p:first-of-type img, #ctBoc .article .gghero p:first-of-type img { max-height: 500px; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article-body-wrap .gghero h2 ~ p, #ctBoc .article-body-wrap .gghero ul, #ctBoc .article .gghero h2, #ctBoc .article .gghero h2 ~ p, #ctBoc .article .gghero ul { margin-left: 30px; margin-right: 30px; max-width: 100%; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article .gghero h2 { margin-top: 45px; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article-body-wrap .gghero p:last-of-type, #ctBoc .article .gghero h2, #ctBoc .article .gghero p:last-of-type { text-align: center; } #ctBoc .article-body-wrap .gghero ul li, #ctBoc .article .gghero ul li { font-size: 90%; } } /* SUB OPTIONS */ #ctBoc .article-body-wrap .container.narrow.ggsubs, #ctBoc .article .narrow.ggsubs { display: flex; flex-wrap: wrap; margin: auto; max-width: 1200px; } #ctBoc .article-body-wrap .ggsub, #ctBoc .article .ggsub { background: #fff; box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1); box-sizing: border-box; flex: 1 1 calc(50% - 40px); margin: 20px; padding-bottom: 100px; position: relative; transition: 0.25s; } #ctBoc .article-body-wrap .ggsub:hover, #ctBoc .article .ggsub:hover { box-shadow: 0 6px 10px 3px rgba(0,0,0,0.1); } #ctBoc .article-body-wrap .ggsub p:first-of-type, #ctBoc .article .ggsub p:first-of-type { display: flex; height: 560px; margin: 0; } #ctBoc .article-body-wrap .ggsub img, #ctBoc .article .ggsub img, .article-body .ggsub img, .article-body .ggsub img.image-large, .article-body .ggsub img.image-xlarge, .article-body .ggsub p img.image-large:only-child, .article-body .ggsub p a img.image-large:only-child, .article-body .ggsub p img.image-xlarge:only-child, .article-body .ggsub p a img.image-xlarge:only-child { height: 100%; object-fit: cover; width: 100%; } #ctBoc .article-body-wrap .ggsub h2, #ctBoc .article .ggsub h2 { color: #363636; font: 32px "geomanist-book",Helvetica,Arial,sans-serif; margin: 60px 60px 30px; text-align: center; } #ctBoc .article-body-wrap .ggsub h2 + p, #ctBoc .article .ggsub h2 + p { color: #898989; margin: 30px 60px 60px; text-align: center; } #ctBoc .article-body-wrap .ggsub p:last-of-type, #ctBoc .article .ggsub p:last-of-type { bottom: 25px; color: #363636; display: block; font-size: 32px; left: 50%; margin: 0 auto; position: absolute; text-align: center; transform: translate(-50%,0); width: calc(100% - 40px); } #ctBoc .article-body-wrap .ggsub a.cta.shop, #ctBoc .article .ggsub a.cta.shop { font: 18px "geomanist-medium",Helvetica,Arial,sans-serif; margin: 0 0 20px 5px; padding: 15px 25px; text-transform: uppercase; vertical-align: 7px; } #ctBoc .article-body-wrap .ggsub a.cta.shop:before, #ctBoc .article .ggsub a.cta.shop:before { display: none; } /* Odd Number End Subs */ @media all and (min-width: 801px) { #ctBoc .article-body-wrap .ggsubs > .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .ggsubs > .ggsub:last-of-type:nth-of-type(odd) { padding-left: 50%; } #ctBoc .article-body-wrap .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:first-of-type, #ctBoc .article .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:first-of-type { position: absolute; height: 100%; left: 0; padding-bottom: 0; top: 0; width: 50%; } #ctBoc .article-body-wrap .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:last-of-type, #ctBoc .article .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:last-of-type { left: calc(75% + 10px); } } @media all and (max-width: 1240px) { #ctBoc .article-body-wrap .ggsub p:first-of-type, #ctBoc .article .ggsub p:first-of-type { height: calc(50vw - 60px); } } @media all and (max-width: 800px) { #ctBoc .article-body-wrap .container:not(.expando) .ggsub, #ctBoc .article .article-body__section:not(.expando) .ggsub { flex: 1 1 100%; padding-bottom: 20px; } #ctBoc .article-body-wrap .container:not(.expando) .ggsub p:first-of-type, #ctBoc .article .article-body__section:not(.expando) .ggsub p:first-of-type { height: calc(66vw - 40px); } #ctBoc .article-body-wrap .container:not(.expando) .ggsub p:last-of-type, #ctBoc .article .article-body__section:not(.expando) .ggsub p:last-of-type { bottom: auto; left: auto; position: relative; transform: none; } } @media all and (max-width: 600px) { #ctBoc .article-body-wrap .ggsub, #ctBoc .article .ggsub { margin: 10px; } #ctBoc .article-body-wrap .ggsub h2, #ctBoc .article .ggsub h2 { margin: 30px 30px 20px; } #ctBoc .article-body-wrap .ggsub h2 + p, #ctBoc .article .ggsub h2 + p { margin: 20px 30px 30px; } } /* EXPANDOPRESTO */ #ctBoc .article-body-wrap .narrow.expando, #ctBoc .article .narrow.expando { max-width: 1200px; overflow: hidden; } #ctBoc .article-body-wrap .expando input, #ctBoc .article .expando input { cursor: pointer; display: table; height: 60px; left: 50%; opacity: 0; position: absolute; top: 0; transform: translate(-50%,0); width: 350px; z-index: 1; } #ctBoc .article-body-wrap .expando input + p, #ctBoc .article .expando input + p { display: table; height: 60px; margin: 0 auto; position: relative; transition: 1s; } #ctBoc .article-body-wrap .expando input + p:before, #ctBoc .article-body-wrap .expando input + p:after, #ctBoc .article .expando input + p:before, #ctBoc .article .expando input + p:after { bottom: 0; border: 2px solid; border-radius: 50%; content: "|"; font-size: 20px; height: 30px; left: 50%; line-height: 32.5px; position: absolute; text-align: center; transform: translate(-50%,0); transition: 1s; width: 30px; } #ctBoc .article-body-wrap .expando input + p:before, #ctBoc .article .expando input + p:before { border-color: transparent; transform: translate(-50%,0) rotate(90deg); } #ctBoc .article-body-wrap .expando input ~ .expander, #ctBoc .article .expando input ~ .expander { display: flex; max-height: 0px; transition: 2s; } #ctBoc .article-body-wrap .expando input:checked + p, #ctBoc .article .expando input:checked + p { margin-top: -25px; } #ctBoc .article-body-wrap .expando input:checked + p:before, #ctBoc .article-body-wrap .expando input:checked + p:after, #ctBoc .article .expando input:checked + p:before, #ctBoc .article .expando input:checked + p:after { line-height: 31px; } #ctBoc .article-body-wrap .expando input:checked + p:before, #ctBoc .article .expando input:checked + p:before { transform: translate(-50%,0) rotate(-45deg); } #ctBoc .article-body-wrap .expando input:checked + p:after, #ctBoc .article .expando input:checked + p:after { transform: translate(-50%,0) rotate(045deg); } #ctBoc .article-body-wrap .expando input:checked ~ .expander, #ctBoc .article .expando input:checked ~ .expander { max-height: 10000px; transition: 5s; } #ctBoc .article-body-wrap .expander, #ctBoc .article .expander { display: flex; flex-wrap: wrap; } /* Expansion blocks */ #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { padding-bottom: 60px; } #ctBoc .article-body-wrap .expando .ggsub p:first-of-type, #ctBoc .article .expando .ggsub p:first-of-type { padding-bottom: 66%; } #ctBoc .article-body-wrap .expando .ggsub h2, #ctBoc .article .expando .ggsub h2 { font-size: 200%; margin: 30px; } #ctBoc .article-body-wrap .expando .ggsub h2 + p:not(:last-of-type), #ctBoc .article .expando .ggsub h2 + p:not(:last-of-type) { display: none; } #ctBoc .article-body-wrap .expando .ggsub p:last-of-type, #ctBoc .article .expando .ggsub p:last-of-type { bottom: 5px; font-size: 200%; } #ctBoc .article-body-wrap .expando .ggsub a.cta.shop, #ctBoc .article .expando .ggsub a.cta.shop { font-size: 55%; vertical-align: 4px; } #ctBoc .article-body-wrap .expander > ul, #ctBoc .article .expander > ul { column-count: 2; column-gap: 40px; margin: 20px auto; max-width: 800px } #ctBoc .article-body-wrap .expander > ul li, #ctBoc .article .expander > ul li { padding: 20px 0 0; } #ctBoc .article-body-wrap .expander > ul li:before, #ctBoc .article .expander > ul li:before { display: none; } #ctBoc .article-body-wrap .expander > ul li a, #ctBoc .article .expander > ul li a { color: #484848; } #ctBoc .article-body-wrap .expander > ul li a:hover, #ctBoc .article .expander > ul li a:hover { color: #72b825; text-decoration: underline; } @media all and (min-width: 1201px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { width: calc(25% - 40px); } #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3) ~ .ggsub:nth-of-type(-n+3), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6) ~ .ggsub:nth-of-type(-n+6), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9) ~ .ggsub:nth-of-type(-n+9), #ctBoc .article-body-wrap .expando .ggsub:nth-of-type(3):nth-last-of-type(3), #ctBoc .article-body-wrap .expando .ggsub:nth-of-type(3):nth-last-of-type(3) ~ .ggsub, #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3) ~ .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3) ~ .ggsub:nth-of-type(-n+3), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6) ~ .ggsub:nth-of-type(-n+6), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9) ~ .ggsub:nth-of-type(-n+9), #ctBoc .article .expando .ggsub:nth-of-type(3):nth-last-of-type(3), #ctBoc .article .expando .ggsub:nth-of-type(3):nth-last-of-type(3) ~ .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3) ~ .ggsub { width: calc(100% / 3 - 40px); } #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(5), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(5) + .ggsub, #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(5), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(5) + .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub { width: calc(50% - 40px); } } @media all and (max-width: 1200px) and (min-width: 801px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { width: calc(100% / 3 - 40px); } #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2) ~ .ggsub:nth-of-type(-n+2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1) ~ .ggsub:nth-of-type(-n+4), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2) ~ .ggsub:nth-of-type(-n+2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1) ~ .ggsub:nth-of-type(-n+4), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub { width: calc(50% - 40px); } } @media all and (max-width: 800px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { width: calc(50% - 40px); } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) { padding-left: 50%; width: calc(100% - 40px); } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd) p:first-of-type, #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) p:first-of-type { position: absolute; height: 100%; left: 0; padding-bottom: 0; top: 0; width: 50%; } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd) p:last-of-type, #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) p:last-of-type { left: calc(75% + 10px); } } @media all and (max-width: 600px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { padding-bottom: 70px; width: calc(50% - 20px); } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) { padding-left: 50%; width: calc(100% - 20px); } #ctBoc .article-body-wrap .expando .ggsub h2, #ctBoc .article .expando .ggsub h2 { font-size: 150%; margin: 10px 20px; } #ctBoc .article-body-wrap .expando .ggsub p:last-of-type, #ctBoc .article .expando .ggsub p:last-of-type { font-size: 175%; } #ctBoc .article-body-wrap .expando .ggsub a.cta.shop, #ctBoc .article .expando .ggsub a.cta.shop { font-size: 66%; padding: 10px 15px; vertical-align: 2px; } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) { padding-top: 10px; } #ctBoc .article-body-wrap .expander > ul, #ctBoc .article .expander > ul { column-count: 1; } } @media all and (max-width: 480px) { #ctBoc .article-body-wrap .expando .ggsub p:last-of-type, #ctBoc .article .expando .ggsub p:last-of-type { font-size: 150%; } #ctBoc .article-body-wrap .expando .ggsub a.cta.shop, #ctBoc .article .expando .ggsub a.cta.shop { margin: 0 0 20px; padding: 10px; } } .fb_like_and_share { margin-top: 25px; } /* SEASONAL */ /* body { background: #31334a; } body.im .header__brand, body.im .top-header__brand, body.im .article-body p.ggsite img { filter: brightness(59%) invert(1) sepia(1) hue-rotate(190deg); } body.wp .top-header__brand { filter: invert(1); } #ctBoc .ggtitle h2 { color: #fff; text-shadow: .25vw .25vw #000; } .header, .swiper-container, .recent-posts, #page-top, .recent-posts .topics, .header__navigation-item, .top-header--scrolled .top-header-inner, .nav-drawer__header, .top-header-inner { background: #28293b; color: #fff; } .header__navigation-item a, .header__navigation-item--icon a, .header__navigation-item--icon button, .header__navigation-item--special a, .header__navigation-item--special button, .header__navigation-item--icon a:hover, .header__navigation-item--icon button:hover, .header__navigation-item--special a:hover, .header__navigation-item--special button:hover, .top-header__offer, .top-header__offer a, .top-header__navigation-item a, .top-header__navigation-item button, .top-header--scrolled .top-header__navigation-item a, .top-header--scrolled .top-header__navigation-item button { color: #fff; } #header-navigation-right>ul>li, .header #navigation ul ul, .header #header-navigation-right ul ul { border-color: #684fb4; } #header-navigation-left li, #header-navigation-right>ul>li { border-color: #684fb4 !important; } .header:after, .header #navigation ul li:hover, .header #navigation ul li.active, .header .header-navigation ul>li:hover, .header .header-navigation ul>li.active, .header #header-navigation-right .search.active, .navigation-right .menu ul li:hover a, .navigation-right .menu ul li.hover a, .navigation-right .menu ul li.hover-f a, .header #header-navigation-right ul ul li:hover a, .header #navigation ul ul li:hover a, .top-header__navigation-item a:focus, .top-header__navigation-item a:hover, .top-header__navigation-item button:focus, .top-header__navigation-item button:hover, .top-header__drawer-toggle, .top-header--scrolled .top-header__drawer-toggle, body.cb .header .logo:before { background: #747ba9; color: #fff; } .article-body .ggsite img { filter: sepia(0.5) hue-rotate(190deg); } body.im p.ggsite { background: #31334a; padding: 10px 20px; } #ctBoc a.cta.shop, #ctBoc ul.cta.shop { background-color: #ebde76; border: none; color: #000; } #ctBoc a.cta.shop:hover, #ctBoc ul.cta.shop:hover { background-color: #41d9ff; } #ctBoc .article-body-wrap .gghero.gghero-color-1, #ctBoc .article .gghero.gghero-color-1 { background: #28293b; } #ctBoc .article-body-wrap .gghero.gghero-color-2, #ctBoc .article-body-wrap .gghero.gghero-color-10, #ctBoc .article .gghero.gghero-color-2, #ctBoc .article .gghero.gghero-color-10 { background: #373e59; } #ctBoc .article-body-wrap .gghero.gghero-color-3, #ctBoc .article-body-wrap .gghero.gghero-color-9, #ctBoc .article .gghero.gghero-color-3, #ctBoc .article .gghero.gghero-color-9 { background: #46587a; } #ctBoc .article-body-wrap .gghero.gghero-color-4, #ctBoc .article-body-wrap .gghero.gghero-color-8, #ctBoc .article .gghero.gghero-color-4, #ctBoc .article .gghero.gghero-color-8 { background: #507499; } #ctBoc .article-body-wrap .gghero.gghero-color-5, #ctBoc .article-body-wrap .gghero.gghero-color-7, #ctBoc .article .gghero.gghero-color-5, #ctBoc .article .gghero.gghero-color-7 { background: #5697b8; } #ctBoc .article-body-wrap .gghero.gghero-color-6, #ctBoc .article .gghero.gghero-color-6 { background: #5ac0d7; } */ /* WC Seasonal */ body.wp { background: #ca1878; } body.wp .top-header__brand { filter: invert(1); } .wp #ctBoc .ggtitle h2 { text-shadow: .25vw .25vw #911458; } .wp .header, .wp .swiper-container, .wp .recent-posts, .wp #page-top, .wp .recent-posts .topics, .wp .header__navigation-item, .wp .top-header--scrolled .top-header-inner, .wp .nav-drawer__header, .wp .top-header-inner { background: #732978; color: #fff; } .wp .header__navigation-item a, .wp .header__navigation-item--icon a, .wp .header__navigation-item--icon button, .wp .header__navigation-item--special a, .wp .header__navigation-item--special button, .wp .header__navigation-item--icon a:hover, .wp .header__navigation-item--icon button:hover, .wp .header__navigation-item--special a:hover, .wp .header__navigation-item--special button:hover, .wp .top-header__offer, .wp .top-header__offer a, .wp .top-header__navigation-item a, .wp .top-header__navigation-item button, .wp .top-header--scrolled .top-header__navigation-item a, .wp .top-header--scrolled .top-header__navigation-item button { color: #fff; } .wp #header-navigation-right>ul>li, .wp .header #navigation ul ul, .wp .header #header-navigation-right ul ul { border-color: #684fb4; } .wp #header-navigation-left li, .wp #header-navigation-right>ul>li { border-color: #684fb4 !important; } .wp .header:after, .wp .header #navigation ul li:hover, .wp .header #navigation ul li.active, .wp .header .header-navigation ul>li:hover, .wp .header .header-navigation ul>li.active, .wp .header #header-navigation-right .search.active, .wp .navigation-right .menu ul li:hover a, .wp .navigation-right .menu ul li.hover a, .wp .navigation-right .menu ul li.hover-f a, .wp .header #header-navigation-right ul ul li:hover a, .wp .header #navigation ul ul li:hover a, .wp .top-header__navigation-item a:focus, .wp .top-header__navigation-item a:hover, .wp .top-header__navigation-item button:focus, .wp .top-header__navigation-item button:hover, .wp .top-header__drawer-toggle, .wp .top-header--scrolled .top-header__drawer-toggle { background: #943b73; color: #fff; } .wp .article-body .ggsite img { filter: sepia(0.5) hue-rotate(260deg); } .wp #ctBoc a.cta.shop, .wp #ctBoc ul.cta.shop { background-color: #caa4f1; border: none; color: #000; } .wp #ctBoc a.cta.shop:hover, .wp #ctBoc ul.cta.shop:hover { background-color: #b178e9; color: #fff; opacity: 1; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-1, .wp #ctBoc .article .gghero.gghero-color-1 { background: #943b73; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-2, .wp #ctBoc .article-body-wrap .gghero.gghero-color-10, .wp #ctBoc .article .gghero.gghero-color-2, .wp #ctBoc .article .gghero.gghero-color-10 { background: #a63f82; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-3, .wp #ctBoc .article-body-wrap .gghero.gghero-color-9, .wp #ctBoc .article .gghero.gghero-color-3, .wp #ctBoc .article .gghero.gghero-color-9 { background: #b84290; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-4, .wp #ctBoc .article-body-wrap .gghero.gghero-color-8, .wp #ctBoc .article .gghero.gghero-color-4, .wp #ctBoc .article .gghero.gghero-color-8 { background: #c7449d; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-5, .wp #ctBoc .article-body-wrap .gghero.gghero-color-7, .wp #ctBoc .article .gghero.gghero-color-5, .wp #ctBoc .article .gghero.gghero-color-7 { background: #d645ab; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-6, .wp #ctBoc .article .gghero.gghero-color-6 { background: #e946bb; } /* AC Seasonal */ body.ac { background: #1b9580; } body.ac .top-header__brand { filter: invert(1); } .ac #ctBoc .ggtitle h2 { text-shadow: .25vw .25vw #105662; } .ac .header, .ac .swiper-container, .ac .recent-posts, .ac #page-top, .ac .recent-posts .topics, .ac .header__navigation-item, .ac .top-header--scrolled .top-header-inner, .ac .nav-drawer__header, .ac .top-header-inner { background: #105662; color: #fff; } .ac .header__navigation-item a, .ac .header__navigation-item--icon a, .ac .header__navigation-item--icon button, .ac .header__navigation-item--special a, .ac .header__navigation-item--special button, .ac .header__navigation-item--icon a:hover, .ac .header__navigation-item--icon button:hover, .ac .header__navigation-item--special a:hover, .ac .header__navigation-item--special button:hover, .ac .top-header__offer, .ac .top-header__offer a, .ac .top-header__navigation-item a, .ac .top-header__navigation-item button, .ac .top-header--scrolled .top-header__navigation-item a, .ac .top-header--scrolled .top-header__navigation-item button { color: #fff; } .ac #header-navigation-right>ul>li, .ac .header #navigation ul ul, .ac .header #header-navigation-right ul ul { border-color: #1b7b7a; } .ac #header-navigation-left li, .ac #header-navigation-right>ul>li { border-color: #1b7b7a !important; } .ac .header:after, .ac .header #navigation ul li:hover, .ac .header #navigation ul li.active, .ac .header .header-navigation ul>li:hover, .ac .header .header-navigation ul>li.active, .ac .header #header-navigation-right .search.active, .ac .navigation-right .menu ul li:hover a, .ac .navigation-right .menu ul li.hover a, .ac .navigation-right .menu ul li.hover-f a, .ac .header #header-navigation-right ul ul li:hover a, .ac .header #navigation ul ul li:hover a, .ac .top-header__navigation-item a:focus, .ac .top-header__navigation-item a:hover, .ac .top-header__navigation-item button:focus, .ac .top-header__navigation-item button:hover, .ac .top-header__drawer-toggle, .ac .top-header--scrolled .top-header__drawer-toggle { background: #1b7b7a; color: #fff; } .ac .article-body .ggsite img { filter: sepia(0.5) hue-rotate(135deg); } .ac #ctBoc a.cta.shop, .ac #ctBoc ul.cta.shop { background-color: #ca205e; border: none; color: #fff; } .ac #ctBoc a.cta.shop:hover, .ac #ctBoc ul.cta.shop:hover { background-color: #98274f; color: #fff; opacity: 1; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-1, .ac #ctBoc .article .gghero.gghero-color-1 { background: #127d6d; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-2, .ac #ctBoc .article-body-wrap .gghero.gghero-color-10, .ac #ctBoc .article .gghero.gghero-color-2, .ac #ctBoc .article .gghero.gghero-color-10 { background: #148774; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-3, .ac #ctBoc .article-body-wrap .gghero.gghero-color-9, .ac #ctBoc .article .gghero.gghero-color-3, .ac #ctBoc .article .gghero.gghero-color-9 { background: #158c76; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-4, .ac #ctBoc .article-body-wrap .gghero.gghero-color-8, .ac #ctBoc .article .gghero.gghero-color-4, .ac #ctBoc .article .gghero.gghero-color-8 { background: #179179; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-5, .ac #ctBoc .article-body-wrap .gghero.gghero-color-7, .ac #ctBoc .article .gghero.gghero-color-5, .ac #ctBoc .article .gghero.gghero-color-7 { background: #1a967b; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-6, .ac #ctBoc .article .gghero.gghero-color-6 { background: #1d9e7f; } /* IM Seasonal */ body.im { background: #ffd011; } /* body.im .top-header__brand { filter: invert(1); } .im #ctBoc .ggtitle h2 { text-shadow: .25vw .25vw #c83b44; } .im .header, .im .swiper-container, .im .recent-posts, .im #page-top, .im .recent-posts .topics, .im .header__navigation-item, .im .top-header--scrolled .top-header-inner, .im .nav-drawer__header, .im .top-header-inner { background: #732978; color: #fff; } .im .header__navigation-item a, .im .header__navigation-item--icon a, .im .header__navigation-item--icon button, .im .header__navigation-item--special a, .im .header__navigation-item--special button, .im .header__navigation-item--icon a:hover, .im .header__navigation-item--icon button:hover, .im .header__navigation-item--special a:hover, .im .header__navigation-item--special button:hover, .im .top-header__offer, .im .top-header__offer a, .im .top-header__navigation-item a, .im .top-header__navigation-item button, .im .top-header--scrolled .top-header__navigation-item a, .im .top-header--scrolled .top-header__navigation-item button { color: #fff; } .im #header-navigation-right>ul>li, .im .header #navigation ul ul, .im .header #header-navigation-right ul ul { border-color: #684fb4; } .im #header-navigation-left li, .im #header-navigation-right>ul>li { border-color: #684fb4 !important; } .im .header:after, .im .header #navigation ul li:hover, .im .header #navigation ul li.imtive, .im .header .header-navigation ul>li:hover, .im .header .header-navigation ul>li.imtive, .im .header #header-navigation-right .search.imtive, .im .navigation-right .menu ul li:hover a, .im .navigation-right .menu ul li.hover a, .im .navigation-right .menu ul li.hover-f a, .im .header #header-navigation-right ul ul li:hover a, .im .header #navigation ul ul li:hover a, .im .top-header__navigation-item a:focus, .im .top-header__navigation-item a:hover, .im .top-header__navigation-item button:focus, .im .top-header__navigation-item button:hover, .im .top-header__drawer-toggle, .im .top-header--scrolled .top-header__drawer-toggle { background: #943b73; color: #fff; } .im .article-body .ggsite img { filter: sepia(0.5) hue-rotate(260deg); } */ body.im p.ggsite { background: #FFD600; padding: 10px 20px; } .im #ctBoc a.cta.shop, .im #ctBoc ul.cta.shop { background-color: #ff3f4c; border: none; color: #000; } .im #ctBoc a.cta.shop:hover, .im #ctBoc ul.cta.shop:hover { background-color: #c83b44; color: #fff; opacity: 1; } .im #ctBoc .article-body-wrap .gghero.gghero-color-1, .im #ctBoc .article .gghero.gghero-color-1 { background: #ffd80f; } .im #ctBoc .article-body-wrap .gghero.gghero-color-2, .im #ctBoc .article-body-wrap .gghero.gghero-color-10, .im #ctBoc .article .gghero.gghero-color-2, .im #ctBoc .article .gghero.gghero-color-10 { background: #fcc51e; } .im #ctBoc .article-body-wrap .gghero.gghero-color-3, .im #ctBoc .article-body-wrap .gghero.gghero-color-9, .im #ctBoc .article .gghero.gghero-color-3, .im #ctBoc .article .gghero.gghero-color-9 { background: #f7b42d; } .im #ctBoc .article-body-wrap .gghero.gghero-color-4, .im #ctBoc .article-body-wrap .gghero.gghero-color-8, .im #ctBoc .article .gghero.gghero-color-4, .im #ctBoc .article .gghero.gghero-color-8 { background: #f5a73b; } .im #ctBoc .article-body-wrap .gghero.gghero-color-5, .im #ctBoc .article-body-wrap .gghero.gghero-color-7, .im #ctBoc .article .gghero.gghero-color-5, .im #ctBoc .article .gghero.gghero-color-7 { background: #f09f48; } .im #ctBoc .article-body-wrap .gghero.gghero-color-6, .im #ctBoc .article .gghero.gghero-color-6 { background: #ed9a54; } .im #ctBoc .article-body-wrap .gghero h2, .im #ctBoc .article-body-wrap .gghero h2 +p ~ p:last-of-type, .im #ctBoc .article .gghero h2, .im #ctBoc .article .gghero h2 +p ~ p:last-of-type { color: #000 } .im #ctBoc .article-body-wrap .gghero h2 + p, .im #ctBoc .article .gghero h2 + p { color: rgba(0,0,0,0.75) } /*-->*/ /*-->*/ //-->

Read more and comment

 
1 month ago

The Best Universal Remotes

9

You don't have to go too far to find a really good universal remote control. And, in fact, you've got some really options.

Remote controls, as a general rule, suck. It's not a matter of your device — stereo, TV, set-top box, whatever — having a good remote. It's more of "OK, which is the least worst?" ... and "How many do I have to keep on hand?"

Universal remotes changed all that. Though for years and years they also were a source of frustration. Were all of your devices supported? Was there any way to update the remote for new devices? How hard was it to program? Just how well (or poorly) would all of this work?

That was then. This is now. Universal remotes are good again. And there's really only one company whose remotes I'd turn to. That's Logitech and its Harmony system.

And there are a number of options — and price points — to consider. Let's take a look.

The basics of Logitech Harmony

Here's Harmony in a nutshell:

The Harmony Hub: This is a hub that connects to your Wifi and makes all the things work. It connects to the internet so you'll always have access to the latest device profiles. It also does Bluetooth control, which can be important for things like Apple TV and Android TV boxes. And it also does old-school infrared controls, and it has extenders that you can connect to make sure that all of your devices are within sight, even if you want to keep the hub hidden away somewhere.

The Harmony app: This is how you'll set up all your devices and activities. And you can control various smart devices through it as well. While it's maybe a little slower to use than I'd like, it's also methodical in the setup process, making what used to be a complicated task into something anyone can do. It also lets you control everything via your phone or tablet, if that's how you roll.

The Harmony remotes: Logitech has a number of remotes of various degrees of sophistication, and at various price points. Some are simple and (relatively) inexpensive, while others have touchscreens. Both have their merits.

Smart assistant integration: Logitech Harmony also works with Amazon Alexa and Google Assistant (and that means Google Home), so you can control things with your voice, if that's how you roll. Note that it is not compatible with

Let's take a closer look at what I think you should be taking a closer look at:

Logitech Harmony Hub

If you're only going to get one thing, get this. It's the heart of the Harmony system. And while I'd still recommend getting an actual Harmony remote control, you can do a lot with just the hub.

For starters, it's the one thing that links all the other things together. That's kind of important. It also lets you control everything from the Harmony app, which is available on Android and on iOS.

And it's the thing that talks to Amazon Alexa and Google Assistant. You'll at the very least want this, and it's only about $80.

See at Amazon

Logitech Harmony Companion

The Harmony Companion is certainly more than a bare-bones basic universal remote. And while it's certainly not inexpensive, at about $133, you get a whole lot here.

First and foremost, you get the Hub. So that's covered. And then you get a beautiful universal remote. It's still probably the most nicely designed product in my home — and that's including smartphones.

If you want to go cheaper, there's the Harmony Smart Control. But I'd spring the extra money for the Companion for this reason — it has dedicated buttons for smart devices like lights and plugs. That's great future proofing if you're not already using those things — and it's an excellent silent way to turn off the lights at night if you already are.

If you ask me which remote to get, this is the one I recommend.

See at Amazon

Logitech Harmony Elite

This remote control is ridiculous. As in ridiculously cool. It's not nearly as svelte as the Harmony Companion, and it's more expensive. (It lists at about $350, but big discounts aren't uncommon — I'm currently seeing it 25 percent off.) But Logitech also has crammed a touchscreen in here.

What's so important about the touchscreen? For one, it's a totally different paradigm for controlling things. While I'm not at all interested in only using my phone as a remote, when you've got a mash-up like this it opens a lot of doors.

It also makes things easier. Instead of guessing which activity button turns on the TV and which one launches the Xbox and which one switches things over for the Nintendo Switch — it's all there, using words and stuff. So kids can use it more easily. Grown-ups can use it more easily.

And I'm a huge fan of the one-touch access to things like my Sonos favorites. Wanna start up some music? It's literally just a swipe and a touch away. No loading up apps.

Plus this has the Harmony Hub included and a bunch of home control buttons. If you want the best of the best, this is what you get.

See at Amazon

Read more and comment

 
1 month ago

Google Pixel Buds UK review: A second opinion

7
Google Pixel Buds

Google's smart earbuds are a decent proof of concept, but at £159 they're a really tough sell.

With the removal of the headphone jack from this year's Pixel phones it's pretty clear Google expects buyers to go wireless for their mobile audio needs. And if you're sticking within the Google ecosystem, the company is hoping to tempt you with a set of Bluetooth buds, nestled within a carpet-clad charging case, for £159.

Naturally, Google Assistant is a major selling point for the Pixel Buds, with the ability to instantly interact with Google via a touch, instead of using the "OK Google" keyword, and hear replies instantly and privately. Notification reading is another big value-add, offering a hands-free way to fire off message replies without pulling out your phone.

On the whole, the Pixel Buds are at least competent at everything they try to do. But after a few days of use, it's clear to me that this is ultimately a "version 1.0" product. The Pixel Buds are promising, with occasional flickers of brilliance. But they're also criminally overpriced, particularly in the UK, while suffering from a few classic early adopter gripes.

See at Google Store

Pixel Buds

The Pixel Buds ship, and are designed to be lugged around in, their fabric-coated charging case. This rounded-off clamshell case is around the size of a small power bank, with a magnetic clasp that (so far) has held securely in place whether the Buds are carried in a pocket or bag. Overall, it has the look of an even smaller Google Home Mini.

Although this material gives the case a unique look, it remains to be seen how well the carpet-like texture will stand the test of time, and that's not the only durability concern around what is ultimately a soft plastic clamshell. On the inside, there's a flimsy plastic hinge keeping this thing in one piece — likely a failure point in the future, even with the added strength of that carpet-textured backing.

The Pixel Buds live inside a tiny carpet-clad case that looks good, though with some durability concerns.

(If it does break, Google doesn't sell the case separately, so barring a helpful customer service agent you'll likely need to stump up the full asking price for a new set of Pixel Buds.)

The Buds themselves plug easily into the recesses inside the case, connecting them to an internal battery capable of providing up to an extra day of juice. After almost a week of use, I've been impressed with the longevity of the entire Buds-plus-case package. Unless you're taking multiple long-haul flights without docking the Buds in their case, battery life probably won't be an issue.

The earbuds themselves have large, rounded drums, with touch input enabled on the right bud, and a fabric cord holding them together. To keep everything secure in the case, you'll need to double-loop this around the inside of the clamshell, which is a little awkward on the first few tries, but it gets easier with practice.

Also slightly awkward: the way the Pixel Buds fit in your ears. The fit isn't as snug as other earbuds with rubber tips, and I often felt like they were in danger of falling out — even though they never did. That's because the connecting cord can be adjusted into a loop via an adjustable toggle, holding them securely in the ear.

This fit is best described as just weird. It's not terrible, and it's easy to see why a conventional design might not work well with touch-enabled earbuds that are heavy, because of large internal batteries. But if you're expecting the Pixel Buds to be as comfortable as your favorite set of neckbuds, you'll be disappointed.

Pixel Buds

The best word for the in-ear feel of the Pixel Buds is just weird.

Opening the case and removing the Buds kicks off Google's Bluetooth Fast Pairing. With your Android phone unlocked nearby, Play Services detects the Pixel Buds and kicks off the setup process, introducing you to the Buds and all their various features. It's still Bluetooth, so managing multiple devices is a little painful. You need to either unpair the Buds from the first device, or make sure it's out of range first, before pairing with the second device. (There's also a button inside the case which you can use to force the Buds into pairing mode.)

This is a fringe case — Google clearly expects most people to use this product with one phone and just one phone. And for what it's worth, in my experience the Pixel Buds rank pretty low on the Bluetooth frustration scale.

Google clearly expects most people to use this product with just one phone.

I used the Pixel Buds interchangeably with my Pixel 2 XL and an HTC U11+, and most of their functionality worked seamlessly across both devices. Audio quality was pretty good, with ample volume, clarity and and bass. (Without tweaking EQ levels at all, the Buds were a little bass-heavy, but not excessively so.) The Pixel Buds also work well for voice calls, which came through loud and clear, even in less than ideal conditions.

Other features, like Google Assistant and notification reading, worked great on both phones. Long-pressing the right earbud activates Google Assistant instantly, and releasing tells Google you're done talking, so responses are always super-quick. Google Assistant on your phone is doing the heavy lifting though, so you'll need a reliable data connection to get the most out of this feature.

Touch input on the Pixel Buds also works great for pausing music with a single tap, or adjusting volume with a swipe. You can't quickly change tracks — but that's where Google Assistant comes in. More complex requests, like skipping ahead or playing a specific track, are easy to perform (not to mention extremely quick) via voice.

Pixel Buds

As for notifications, you'll get alerts as normal through the Pixel Buds, occasionally with extra information like the sender name for messages. A double-tap then lets you hear the full message, and then compose a reply via voice. If you ignore a few messages in a row from the same place, Assistant is smart enough to stop interrupting your music with subsequent alerts.

The only awkwardness I've come across with this touch input is while re-docking the Buds back into their case. It's easy to accidentally start playing whatever you just stopped listening to with an unintentional tap. (That's a small part of the general fiddliness that goes with docking the Buds into the case and double-looping the cord.)

Notifications in your ear, and Google Assistant in an instant.

Unlike Andrew Martonik, I didn't find notifications to be particularly bothersome with the Pixel Buds, and the additional context that notification reading gives was actually useful for me. I was also much more inclined to use Assistant for various tasks while using the Pixel Buds, compared to when I just had my phone on me. (It also helps that you look like less of a dork talking into an earpiece then you do saying "OK Google" at a phone.)

The utility of Assistant in your ears at all times will depend on how much you're bought into the Google ecosystem, as well as whether you own other connected home or entertainment gadgets like smart bulbs, Chromecast or Google Home. For me, it was a nice bit of added convenience, but hardly a game-changer.

We're still in early adopter territory here.

The one big feature that's exclusive to Pixel phones is voice translation, which hooks into the Google Translate app on your phone to form a slightly clunky present-day version of Star Trek's Universal Translator. You speak, they speak, and the Pixel Buds (and your phone) makes sure you can both understand each other. The big caveat here is that you still need to have your phone out for all this to work, and there's a lot of awkward waiting while Google works its magic. My Pixel Buds arrived too late to go with me on a two-week stint in Taiwan, which would've been an ideal test for this feature. Even so, in some casual testing in French and German, translation on the Pixel Buds isn't the seamless experience some will have been hoping for. (Nor is it the killer app Google tried to pitch it as during the October 4 announcement event.)

Pixel Buds charging from Pixel 2

There are a lot of positives to take away from the Pixel Buds: the sound quality is good. (You'd hope so, for the asking price.) Google Assistant is extremely quick, though the overall value here will depend on your affinity for talking to technology. And I'm onboard with having Google read back my notifications to me, even if translation is (for now) a non-starter. What needs to improve is the elegance of the overall package. Having to squish a piece of cord around your ear to hold the Buds in place isn't ideal, nor is the level of comfort from earpieces that don't fit particularly snugly in the ear. And the case, though attractive on the outside, looks flimsy, and docking the earbuds and cord inside can be fiddly.

So we're still in early adopter territory here, and for most people the Pixel Buds won't be worth anywhere near the current £159 asking price. If money is no object, or if you must experience notifications in your ear, or fool around with the translation features, then go ahead and splash your cash. The rest of us can probably find better Bluetooth buds elsewhere — or wait for the Pixel Buds to get a price cut in the coming months.

See at Google Store

Read more and comment

 
1 month ago

Tom's favorite tech of 2017

4

Tom's Favorite Tech of 2017

2017 was big year for me. At the beginning of the year, I was living in Texas, working and administrative job and completing my Bachelor's of Science in Information Technology. It's the end of the year, and I'm living in Indiana, working an IT job during the day and writing for Android Central at night (and sleeping...sometime). The tech I've used has changed drastically over the course of the year, as my needs and tastes have changed. Here's what I'm using at the end of 2017, and I hope to be using most of it at the end of 2018.

Google Pixel 2 XL

While I'm disappointed by the lack of a headphone jack, everything else about this phone is exactly what I want. I personally love the display, the software is rock solid, and the battery life is fantastic. I'm looking forward to getting some great pictures and video with this camera and seeing what new software features 2018 will bring.

$849 Buy now

Bowers & Wilkins PX headphones

These headphones are simply awesome. The best feature for me is the fact that they charge and can receive audio over USB-C, but they can also remember up to 8 Bluetooth devices and use the ole reliable 3.5mm plug. More than that, they sound fantastic, have great noise cancellation and smart features and the battery lasts forever. If you're in the market for a good pair of over-ear headphones, be sure to give these a listen.

$399 Buy Now

Google Pixelbook

Chromebooks are great for their normally low price, but an expensive Chromebook can be even better. The Pixelbook is just as glorious to use as a tablet as using it as a normal laptop, Chrome OS is dead simple to use, and Android app support make this one of the best companion devices out there.

$999 Buy Now

Xbox One X

I'm actually still playing on my One S, but I intend to get the One X sometime in the new year. What Microsoft achieved with this device is nothing short of amazing. Anyone who has built a gaming PC can attest to how much space and money you need for a system that can play games at 4K with 60 frames per second, and the One X is both tiny and less expensive than a great graphics card alone. I can't wait to use an Xbox One X.

$499 Buy Now

Optoma GT80 Darbee projector

This is part of the reason I'm not in a rush to get the Xbox One X. I bought this projector when I moved into my current apartment, and it's been great to use. Games are smooth, and open world games are a treat on a 150-inch "screen." 4K projectors are starting to come down in price, but I'd like to hold onto this one as long as I can.

$749 Buy Now

Nintendo Switch

This is another device I don't actually own myself, but in the time I've spent playing my nephew's Switch I know it'll be something I buy for myself. I'm personally waiting until a proper Pokemon release before buying my own Switch, but the idea of playing Doom on the go is super appealing as well.

$299 Buy Now

.tabs { position: absolute; right: 0; z-index: 20; } #ctBoc .article-body-wrap ul.primary li a:link, #ctBoc .article-body-wrap ul.primary li a.active, #ctBoc .article-body-wrap ul.primary li a:active, #ctBoc .article-body-wrap ul.primary li a:visited, #ctBoc .article-body-wrap ul.primary li a:hover, #ctBoc .article-body-wrap ul.primary li.active a, #ctBoc .article ul.primary li a:link, #ctBoc .article ul.primary li a.active, #ctBoc .article ul.primary li a:active, #ctBoc .article ul.primary li a:visited, #ctBoc .article ul.primary li a:hover, #ctBoc .article ul.primary li.active a { border-radius: 0 0 8px 8px; border-width: 0; } #page-wrap { width: 100%; } #page { background: none; } #ctBoc .article-body-wrap { margin-top: 0; } .node, .node-published, .node-unpublished { background: #f9f9f9; } @media all and (max-width: 1350px) and (min-width: 768px) { #ctBoc .article-body-wrap { padding: 0; } } /* FONTS */ @font-face { font-family: 'geomanist-light'; src: url('../sites/all/fonts/geomanist-extralight.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'geomanist-regular'; src: url('../sites/all/fonts/geomanist-regular.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'geomanist-book'; src: url('../sites/all/fonts/geomanist-book.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'geomanist-medium'; src: url('../sites/all/fonts/geomanist-medium.otf'); font-weight: normal; font-style: normal; } .article-body h2, .article-body p, .article-body ul, .article-body ul li { font-family: "geomanist-regular",Helvetica,Arial,sans-serif; font-weight: normal; letter-spacing: 0; line-height: 1.352; } #content > .container, #ctBoc .article-body .container.wide { max-width: 100%; padding: 0; } #ctBoc .article-body__section--narrow, #ctBoc .article-body .narrow { padding: 0 20px; } /* TITLE */ /* TITLE BACKGROUND */ #ctBoc .article .article-body__section--wide.ggtitle { max-width: 100%; } #ctBoc .article-body-wrap .article-body .ggtitle p, #ctBoc .article .article-body .ggtitle p { margin: 0; } #ctBoc .article-body-wrap .ggtitle img, #ctBoc .article .ggtitle img { width: 100%; } /* SUBTITLE */ #ctBoc .ggtitle h2 { color: #fff; font-size: 4vw; font-style: italic; left: 53%; margin: 0; position: absolute; right: 25px; text-align: left; text-shadow: .25vw .25vw #000; top: 37.6vw; } /* SITE LOGO SPLITTER */ .article-body .ggsite { display: table; margin: 75px auto; position: relative; width: auto; } .article-body .ggsite img { max-height: 100px; max-width: 200px; height: auto; width: auto; } #ctBoc .article-body-wrap .ggsite:before, #ctBoc .article-body-wrap .ggsite:after, #ctBoc .article .ggsite:before, #ctBoc .article .ggsite:after { background: #ddd; content: ""; height: 1px; position: absolute; right: calc(100% + 50px); top: 50%; width: 50vw; } #ctBoc .article-body-wrap .ggsite:after, #ctBoc .article .ggsite:after { left: calc(100% + 50px); } .article-body .ggtitle + .wide + .narrow p, .article-body .ggtitle + .wide + .article-body__section--narrow p { color: #474747; line-height: 1.75; text-align: center; } @media all and (max-width: 500px) { .article-body .ggsite { margin: 35px auto; } } /* HERO BLOCK */ #ctBoc .article-body-wrap .gghero, #ctBoc .article .gghero { background: #999; color: #fff; margin: 115px 0 90px; max-width: 100%; padding: 40px 20px; position: relative; } #ctBoc .article-body-wrap .gghero.gghero-color-1, #ctBoc .article .gghero.gghero-color-1 { background: #c62827; } #ctBoc .article-body-wrap .gghero.gghero-color-2, #ctBoc .article .gghero.gghero-color-2 { background: #ae1558; } #ctBoc .article-body-wrap .gghero.gghero-color-3, #ctBoc .article .gghero.gghero-color-3 { background: #6b1c9b; } #ctBoc .article-body-wrap .gghero.gghero-color-4, #ctBoc .article .gghero.gghero-color-4 { background: #4527a1; } #ctBoc .article-body-wrap .gghero.gghero-color-5, #ctBoc .article .gghero.gghero-color-5 { background: #1a2380; } #ctBoc .article-body-wrap .gghero.gghero-color-6, #ctBoc .article .gghero.gghero-color-6 { background: #03589b; } #ctBoc .article-body-wrap .gghero.gghero-color-7, #ctBoc .article .gghero.gghero-color-7 { background: #144786; } #ctBoc .article-body-wrap .gghero.gghero-color-8, #ctBoc .article .gghero.gghero-color-8 { background: #148571; } #ctBoc .article-body-wrap .gghero.gghero-color-9, #ctBoc .article .gghero.gghero-color-9 { background: #1b5d1f; } #ctBoc .article-body-wrap .gghero.gghero-color-10, #ctBoc .article .gghero.gghero-color-10 { background: #3d8522; } #ctBoc .article-body-wrap .gghero p:first-of-type, #ctBoc .article .gghero p:first-of-type { display: flex; height: 100%; max-width: 560px; position: absolute; right: 50%; top: -50px; width: 50%; } #ctBoc .article-body-wrap .gghero img, #ctBoc .article .gghero img { height: 100%; margin: auto; object-fit: contain; width: 100%; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article-body-wrap .gghero h2 ~ p, #ctBoc .article-body-wrap .gghero ul, #ctBoc .article .gghero h2, #ctBoc .article .gghero h2 ~ p, #ctBoc .article .gghero ul { margin-left: calc(50% + 20px); max-width: 540px; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article .gghero h2 { color: #fff; font-size: 45px; text-align: left; } #ctBoc .article-body-wrap .gghero p, #ctBoc .article .gghero p { } #ctBoc .article-body-wrap .gghero h2 + p, #ctBoc .article .gghero h2 + p { color: rgba(255,255,255,0.75); margin-bottom: 25px; } #ctBoc .article-body-wrap .gghero h2 + p a, #ctBoc .article .gghero h2 + p a { border: none; box-shadow: none; color: inherit; } #ctBoc .article-body-wrap .gghero h2 + p a:hover, #ctBoc .article .gghero h2 + p a:hover { color: #fff; text-decoration: underline; } #ctBoc .article-body-wrap .gghero ul, #ctBoc .article .gghero ul { border-top: 1px solid rgba(255,255,255,0.25); margin: 0 -20px 50px calc(50% + 15px); max-width: 550px; overflow: scroll; padding-top: 30px; position: relative; white-space: nowrap; } #ctBoc .article-body-wrap .gghero ul li, #ctBoc .article .gghero ul li { box-sizing: border-box; color: rgba(255,255,255,0.75); display: inline-block; font-size: 75%; min-width: 100px; margin: 0 -5px 0 0; padding: 0 5px; vertical-align: top; white-space: normal; } #ctBoc .article-body-wrap .gghero ul li:before, #ctBoc .article .gghero ul li:before { display: none; } #ctBoc .article-body-wrap .gghero ul li strong, #ctBoc .article .gghero ul li strong { color: #fff; display: block; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(2), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(2) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(2), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(2) ~ li { width: 50%; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(3), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(3) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(3), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(3) ~ li { width: calc(100% / 3); } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(4), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(4) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(4), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(4) ~ li { width: 25%; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(5), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(5) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(5), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(5) ~ li { width: 20%; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(6), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(6) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(6), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(6) ~ li { width: calc(100% / 6); } #ctBoc .article-body-wrap .gghero h2 +p ~ p:last-of-type, #ctBoc .article .gghero h2 +p ~ p:last-of-type { font-size: 48px; color: #fff; } #ctBoc .article-body-wrap .gghero a.cta.shop, #ctBoc .article .gghero a.cta.shop { box-shadow: none; font: 45% "geomanist-medium",Helvetica,Arial,sans-serif; margin: 0 0 20px 5px; padding: 15px 25px; text-transform: uppercase; vertical-align: 7px; } #ctBoc .article-body-wrap .gghero a.cta.shop:before, #ctBoc .article .gghero a.cta.shop:before { display: none; } /* no image */ #ctBoc .article-body-wrap .gghero h2:first-child, #ctBoc .article-body-wrap .gghero h2:first-child + *, #ctBoc .article-body-wrap .gghero h2:first-child ~ *, #ctBoc .article .gghero h2:first-child, #ctBoc .article .gghero h2:first-child + *, #ctBoc .article .gghero h2:first-child ~ * { margin-left: auto; margin-right: auto; max-width: 600px; text-align: center; } #ctBoc .article-body-wrap .gghero h2:only-child, #ctBoc .article .gghero h2:only-child { margin: 0 auto; } @media all and (max-width: 800px) { #ctBoc .article-body-wrap .gghero, #ctBoc .article .gghero { margin: 150px 0 30px; } #ctBoc .article-body-wrap .gghero p:first-of-type, #ctBoc .article .gghero p:first-of-type { height: 100%; margin-top: -150px; max-width: 100%; position: relative; right: 0; top: 0; width: 100%; } #ctBoc .article-body-wrap .gghero p:first-of-type img, #ctBoc .article .gghero p:first-of-type img { max-height: 500px; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article-body-wrap .gghero h2 ~ p, #ctBoc .article-body-wrap .gghero ul, #ctBoc .article .gghero h2, #ctBoc .article .gghero h2 ~ p, #ctBoc .article .gghero ul { margin-left: 30px; margin-right: 30px; max-width: 100%; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article .gghero h2 { margin-top: 45px; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article-body-wrap .gghero p:last-of-type, #ctBoc .article .gghero h2, #ctBoc .article .gghero p:last-of-type { text-align: center; } #ctBoc .article-body-wrap .gghero ul li, #ctBoc .article .gghero ul li { font-size: 90%; } } /* SUB OPTIONS */ #ctBoc .article-body-wrap .container.narrow.ggsubs, #ctBoc .article .narrow.ggsubs { display: flex; flex-wrap: wrap; margin: auto; max-width: 1200px; } #ctBoc .article-body-wrap .ggsub, #ctBoc .article .ggsub { background: #fff; box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1); box-sizing: border-box; flex: 1 1 calc(50% - 40px); margin: 20px; padding-bottom: 100px; position: relative; transition: 0.25s; } #ctBoc .article-body-wrap .ggsub:hover, #ctBoc .article .ggsub:hover { box-shadow: 0 6px 10px 3px rgba(0,0,0,0.1); } #ctBoc .article-body-wrap .ggsub p:first-of-type, #ctBoc .article .ggsub p:first-of-type { display: flex; height: 560px; margin: 0; } #ctBoc .article-body-wrap .ggsub img, #ctBoc .article .ggsub img, .article-body .ggsub img, .article-body .ggsub img.image-large, .article-body .ggsub img.image-xlarge, .article-body .ggsub p img.image-large:only-child, .article-body .ggsub p a img.image-large:only-child, .article-body .ggsub p img.image-xlarge:only-child, .article-body .ggsub p a img.image-xlarge:only-child { height: 100%; object-fit: cover; width: 100%; } #ctBoc .article-body-wrap .ggsub h2, #ctBoc .article .ggsub h2 { color: #363636; font: 32px "geomanist-book",Helvetica,Arial,sans-serif; margin: 60px 60px 30px; text-align: center; } #ctBoc .article-body-wrap .ggsub h2 + p, #ctBoc .article .ggsub h2 + p { color: #898989; margin: 30px 60px 60px; text-align: center; } #ctBoc .article-body-wrap .ggsub p:last-of-type, #ctBoc .article .ggsub p:last-of-type { bottom: 25px; color: #363636; display: block; font-size: 32px; left: 50%; margin: 0 auto; position: absolute; text-align: center; transform: translate(-50%,0); width: calc(100% - 40px); } #ctBoc .article-body-wrap .ggsub a.cta.shop, #ctBoc .article .ggsub a.cta.shop { font: 18px "geomanist-medium",Helvetica,Arial,sans-serif; margin: 0 0 20px 5px; padding: 15px 25px; text-transform: uppercase; vertical-align: 7px; } #ctBoc .article-body-wrap .ggsub a.cta.shop:before, #ctBoc .article .ggsub a.cta.shop:before { display: none; } /* Odd Number End Subs */ @media all and (min-width: 801px) { #ctBoc .article-body-wrap .ggsubs > .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .ggsubs > .ggsub:last-of-type:nth-of-type(odd) { padding-left: 50%; } #ctBoc .article-body-wrap .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:first-of-type, #ctBoc .article .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:first-of-type { position: absolute; height: 100%; left: 0; padding-bottom: 0; top: 0; width: 50%; } #ctBoc .article-body-wrap .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:last-of-type, #ctBoc .article .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:last-of-type { left: calc(75% + 10px); } } @media all and (max-width: 1240px) { #ctBoc .article-body-wrap .ggsub p:first-of-type, #ctBoc .article .ggsub p:first-of-type { height: calc(50vw - 60px); } } @media all and (max-width: 800px) { #ctBoc .article-body-wrap .container:not(.expando) .ggsub, #ctBoc .article .article-body__section:not(.expando) .ggsub { flex: 1 1 100%; padding-bottom: 20px; } #ctBoc .article-body-wrap .container:not(.expando) .ggsub p:first-of-type, #ctBoc .article .article-body__section:not(.expando) .ggsub p:first-of-type { height: calc(66vw - 40px); } #ctBoc .article-body-wrap .container:not(.expando) .ggsub p:last-of-type, #ctBoc .article .article-body__section:not(.expando) .ggsub p:last-of-type { bottom: auto; left: auto; position: relative; transform: none; } } @media all and (max-width: 600px) { #ctBoc .article-body-wrap .ggsub, #ctBoc .article .ggsub { margin: 10px; } #ctBoc .article-body-wrap .ggsub h2, #ctBoc .article .ggsub h2 { margin: 30px 30px 20px; } #ctBoc .article-body-wrap .ggsub h2 + p, #ctBoc .article .ggsub h2 + p { margin: 20px 30px 30px; } } /* EXPANDOPRESTO */ #ctBoc .article-body-wrap .narrow.expando, #ctBoc .article .narrow.expando { max-width: 1200px; overflow: hidden; } #ctBoc .article-body-wrap .expando input, #ctBoc .article .expando input { cursor: pointer; display: table; height: 60px; left: 50%; opacity: 0; position: absolute; top: 0; transform: translate(-50%,0); width: 350px; z-index: 1; } #ctBoc .article-body-wrap .expando input + p, #ctBoc .article .expando input + p { display: table; height: 60px; margin: 0 auto; position: relative; transition: 1s; } #ctBoc .article-body-wrap .expando input + p:before, #ctBoc .article-body-wrap .expando input + p:after, #ctBoc .article .expando input + p:before, #ctBoc .article .expando input + p:after { bottom: 0; border: 2px solid; border-radius: 50%; content: "|"; font-size: 20px; height: 30px; left: 50%; line-height: 32.5px; position: absolute; text-align: center; transform: translate(-50%,0); transition: 1s; width: 30px; } #ctBoc .article-body-wrap .expando input + p:before, #ctBoc .article .expando input + p:before { border-color: transparent; transform: translate(-50%,0) rotate(90deg); } #ctBoc .article-body-wrap .expando input ~ .expander, #ctBoc .article .expando input ~ .expander { display: flex; max-height: 0px; transition: 2s; } #ctBoc .article-body-wrap .expando input:checked + p, #ctBoc .article .expando input:checked + p { margin-top: -25px; } #ctBoc .article-body-wrap .expando input:checked + p:before, #ctBoc .article-body-wrap .expando input:checked + p:after, #ctBoc .article .expando input:checked + p:before, #ctBoc .article .expando input:checked + p:after { line-height: 31px; } #ctBoc .article-body-wrap .expando input:checked + p:before, #ctBoc .article .expando input:checked + p:before { transform: translate(-50%,0) rotate(-45deg); } #ctBoc .article-body-wrap .expando input:checked + p:after, #ctBoc .article .expando input:checked + p:after { transform: translate(-50%,0) rotate(045deg); } #ctBoc .article-body-wrap .expando input:checked ~ .expander, #ctBoc .article .expando input:checked ~ .expander { max-height: 10000px; transition: 5s; } #ctBoc .article-body-wrap .expander, #ctBoc .article .expander { display: flex; flex-wrap: wrap; } /* Expansion blocks */ #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { padding-bottom: 60px; } #ctBoc .article-body-wrap .expando .ggsub p:first-of-type, #ctBoc .article .expando .ggsub p:first-of-type { padding-bottom: 66%; } #ctBoc .article-body-wrap .expando .ggsub h2, #ctBoc .article .expando .ggsub h2 { font-size: 200%; margin: 30px; } #ctBoc .article-body-wrap .expando .ggsub h2 + p:not(:last-of-type), #ctBoc .article .expando .ggsub h2 + p:not(:last-of-type) { display: none; } #ctBoc .article-body-wrap .expando .ggsub p:last-of-type, #ctBoc .article .expando .ggsub p:last-of-type { bottom: 5px; font-size: 200%; } #ctBoc .article-body-wrap .expando .ggsub a.cta.shop, #ctBoc .article .expando .ggsub a.cta.shop { font-size: 55%; vertical-align: 4px; } #ctBoc .article-body-wrap .expander > ul, #ctBoc .article .expander > ul { column-count: 2; column-gap: 40px; margin: 20px auto; max-width: 800px } #ctBoc .article-body-wrap .expander > ul li, #ctBoc .article .expander > ul li { padding: 20px 0 0; } #ctBoc .article-body-wrap .expander > ul li:before, #ctBoc .article .expander > ul li:before { display: none; } #ctBoc .article-body-wrap .expander > ul li a, #ctBoc .article .expander > ul li a { color: #484848; } #ctBoc .article-body-wrap .expander > ul li a:hover, #ctBoc .article .expander > ul li a:hover { color: #72b825; text-decoration: underline; } @media all and (min-width: 1201px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { width: calc(25% - 40px); } #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3) ~ .ggsub:nth-of-type(-n+3), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6) ~ .ggsub:nth-of-type(-n+6), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9) ~ .ggsub:nth-of-type(-n+9), #ctBoc .article-body-wrap .expando .ggsub:nth-of-type(3):nth-last-of-type(3), #ctBoc .article-body-wrap .expando .ggsub:nth-of-type(3):nth-last-of-type(3) ~ .ggsub, #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3) ~ .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3) ~ .ggsub:nth-of-type(-n+3), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6) ~ .ggsub:nth-of-type(-n+6), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9) ~ .ggsub:nth-of-type(-n+9), #ctBoc .article .expando .ggsub:nth-of-type(3):nth-last-of-type(3), #ctBoc .article .expando .ggsub:nth-of-type(3):nth-last-of-type(3) ~ .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3) ~ .ggsub { width: calc(100% / 3 - 40px); } #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(5), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(5) + .ggsub, #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(5), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(5) + .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub { width: calc(50% - 40px); } } @media all and (max-width: 1200px) and (min-width: 801px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { width: calc(100% / 3 - 40px); } #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2) ~ .ggsub:nth-of-type(-n+2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1) ~ .ggsub:nth-of-type(-n+4), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2) ~ .ggsub:nth-of-type(-n+2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1) ~ .ggsub:nth-of-type(-n+4), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub { width: calc(50% - 40px); } } @media all and (max-width: 800px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { width: calc(50% - 40px); } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) { padding-left: 50%; width: calc(100% - 40px); } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd) p:first-of-type, #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) p:first-of-type { position: absolute; height: 100%; left: 0; padding-bottom: 0; top: 0; width: 50%; } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd) p:last-of-type, #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) p:last-of-type { left: calc(75% + 10px); } } @media all and (max-width: 600px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { padding-bottom: 70px; width: calc(50% - 20px); } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) { padding-left: 50%; width: calc(100% - 20px); } #ctBoc .article-body-wrap .expando .ggsub h2, #ctBoc .article .expando .ggsub h2 { font-size: 150%; margin: 10px 20px; } #ctBoc .article-body-wrap .expando .ggsub p:last-of-type, #ctBoc .article .expando .ggsub p:last-of-type { font-size: 175%; } #ctBoc .article-body-wrap .expando .ggsub a.cta.shop, #ctBoc .article .expando .ggsub a.cta.shop { font-size: 66%; padding: 10px 15px; vertical-align: 2px; } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) { padding-top: 10px; } #ctBoc .article-body-wrap .expander > ul, #ctBoc .article .expander > ul { column-count: 1; } } @media all and (max-width: 480px) { #ctBoc .article-body-wrap .expando .ggsub p:last-of-type, #ctBoc .article .expando .ggsub p:last-of-type { font-size: 150%; } #ctBoc .article-body-wrap .expando .ggsub a.cta.shop, #ctBoc .article .expando .ggsub a.cta.shop { margin: 0 0 20px; padding: 10px; } } .fb_like_and_share { margin-top: 25px; } /* SEASONAL */ /* body { background: #31334a; } body.im .header__brand, body.im .top-header__brand, body.im .article-body p.ggsite img { filter: brightness(59%) invert(1) sepia(1) hue-rotate(190deg); } body.wp .top-header__brand { filter: invert(1); } #ctBoc .ggtitle h2 { color: #fff; text-shadow: .25vw .25vw #000; } .header, .swiper-container, .recent-posts, #page-top, .recent-posts .topics, .header__navigation-item, .top-header--scrolled .top-header-inner, .nav-drawer__header, .top-header-inner { background: #28293b; color: #fff; } .header__navigation-item a, .header__navigation-item--icon a, .header__navigation-item--icon button, .header__navigation-item--special a, .header__navigation-item--special button, .header__navigation-item--icon a:hover, .header__navigation-item--icon button:hover, .header__navigation-item--special a:hover, .header__navigation-item--special button:hover, .top-header__offer, .top-header__offer a, .top-header__navigation-item a, .top-header__navigation-item button, .top-header--scrolled .top-header__navigation-item a, .top-header--scrolled .top-header__navigation-item button { color: #fff; } #header-navigation-right>ul>li, .header #navigation ul ul, .header #header-navigation-right ul ul { border-color: #684fb4; } #header-navigation-left li, #header-navigation-right>ul>li { border-color: #684fb4 !important; } .header:after, .header #navigation ul li:hover, .header #navigation ul li.active, .header .header-navigation ul>li:hover, .header .header-navigation ul>li.active, .header #header-navigation-right .search.active, .navigation-right .menu ul li:hover a, .navigation-right .menu ul li.hover a, .navigation-right .menu ul li.hover-f a, .header #header-navigation-right ul ul li:hover a, .header #navigation ul ul li:hover a, .top-header__navigation-item a:focus, .top-header__navigation-item a:hover, .top-header__navigation-item button:focus, .top-header__navigation-item button:hover, .top-header__drawer-toggle, .top-header--scrolled .top-header__drawer-toggle, body.cb .header .logo:before { background: #747ba9; color: #fff; } .article-body .ggsite img { filter: sepia(0.5) hue-rotate(190deg); } body.im p.ggsite { background: #31334a; padding: 10px 20px; } #ctBoc a.cta.shop, #ctBoc ul.cta.shop { background-color: #ebde76; border: none; color: #000; } #ctBoc a.cta.shop:hover, #ctBoc ul.cta.shop:hover { background-color: #41d9ff; } #ctBoc .article-body-wrap .gghero.gghero-color-1, #ctBoc .article .gghero.gghero-color-1 { background: #28293b; } #ctBoc .article-body-wrap .gghero.gghero-color-2, #ctBoc .article-body-wrap .gghero.gghero-color-10, #ctBoc .article .gghero.gghero-color-2, #ctBoc .article .gghero.gghero-color-10 { background: #373e59; } #ctBoc .article-body-wrap .gghero.gghero-color-3, #ctBoc .article-body-wrap .gghero.gghero-color-9, #ctBoc .article .gghero.gghero-color-3, #ctBoc .article .gghero.gghero-color-9 { background: #46587a; } #ctBoc .article-body-wrap .gghero.gghero-color-4, #ctBoc .article-body-wrap .gghero.gghero-color-8, #ctBoc .article .gghero.gghero-color-4, #ctBoc .article .gghero.gghero-color-8 { background: #507499; } #ctBoc .article-body-wrap .gghero.gghero-color-5, #ctBoc .article-body-wrap .gghero.gghero-color-7, #ctBoc .article .gghero.gghero-color-5, #ctBoc .article .gghero.gghero-color-7 { background: #5697b8; } #ctBoc .article-body-wrap .gghero.gghero-color-6, #ctBoc .article .gghero.gghero-color-6 { background: #5ac0d7; } */ /* WC Seasonal */ body.wp { background: #ca1878; } body.wp .top-header__brand { filter: invert(1); } .wp #ctBoc .ggtitle h2 { text-shadow: .25vw .25vw #911458; } .wp .header, .wp .swiper-container, .wp .recent-posts, .wp #page-top, .wp .recent-posts .topics, .wp .header__navigation-item, .wp .top-header--scrolled .top-header-inner, .wp .nav-drawer__header, .wp .top-header-inner { background: #732978; color: #fff; } .wp .header__navigation-item a, .wp .header__navigation-item--icon a, .wp .header__navigation-item--icon button, .wp .header__navigation-item--special a, .wp .header__navigation-item--special button, .wp .header__navigation-item--icon a:hover, .wp .header__navigation-item--icon button:hover, .wp .header__navigation-item--special a:hover, .wp .header__navigation-item--special button:hover, .wp .top-header__offer, .wp .top-header__offer a, .wp .top-header__navigation-item a, .wp .top-header__navigation-item button, .wp .top-header--scrolled .top-header__navigation-item a, .wp .top-header--scrolled .top-header__navigation-item button { color: #fff; } .wp #header-navigation-right>ul>li, .wp .header #navigation ul ul, .wp .header #header-navigation-right ul ul { border-color: #684fb4; } .wp #header-navigation-left li, .wp #header-navigation-right>ul>li { border-color: #684fb4 !important; } .wp .header:after, .wp .header #navigation ul li:hover, .wp .header #navigation ul li.active, .wp .header .header-navigation ul>li:hover, .wp .header .header-navigation ul>li.active, .wp .header #header-navigation-right .search.active, .wp .navigation-right .menu ul li:hover a, .wp .navigation-right .menu ul li.hover a, .wp .navigation-right .menu ul li.hover-f a, .wp .header #header-navigation-right ul ul li:hover a, .wp .header #navigation ul ul li:hover a, .wp .top-header__navigation-item a:focus, .wp .top-header__navigation-item a:hover, .wp .top-header__navigation-item button:focus, .wp .top-header__navigation-item button:hover, .wp .top-header__drawer-toggle, .wp .top-header--scrolled .top-header__drawer-toggle { background: #943b73; color: #fff; } .wp .article-body .ggsite img { filter: sepia(0.5) hue-rotate(260deg); } .wp #ctBoc a.cta.shop, .wp #ctBoc ul.cta.shop { background-color: #caa4f1; border: none; color: #000; } .wp #ctBoc a.cta.shop:hover, .wp #ctBoc ul.cta.shop:hover { background-color: #b178e9; color: #fff; opacity: 1; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-1, .wp #ctBoc .article .gghero.gghero-color-1 { background: #943b73; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-2, .wp #ctBoc .article-body-wrap .gghero.gghero-color-10, .wp #ctBoc .article .gghero.gghero-color-2, .wp #ctBoc .article .gghero.gghero-color-10 { background: #a63f82; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-3, .wp #ctBoc .article-body-wrap .gghero.gghero-color-9, .wp #ctBoc .article .gghero.gghero-color-3, .wp #ctBoc .article .gghero.gghero-color-9 { background: #b84290; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-4, .wp #ctBoc .article-body-wrap .gghero.gghero-color-8, .wp #ctBoc .article .gghero.gghero-color-4, .wp #ctBoc .article .gghero.gghero-color-8 { background: #c7449d; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-5, .wp #ctBoc .article-body-wrap .gghero.gghero-color-7, .wp #ctBoc .article .gghero.gghero-color-5, .wp #ctBoc .article .gghero.gghero-color-7 { background: #d645ab; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-6, .wp #ctBoc .article .gghero.gghero-color-6 { background: #e946bb; } /* AC Seasonal */ body.ac { background: #1b9580; } body.ac .top-header__brand { filter: invert(1); } .ac #ctBoc .ggtitle h2 { text-shadow: .25vw .25vw #105662; } .ac .header, .ac .swiper-container, .ac .recent-posts, .ac #page-top, .ac .recent-posts .topics, .ac .header__navigation-item, .ac .top-header--scrolled .top-header-inner, .ac .nav-drawer__header, .ac .top-header-inner { background: #105662; color: #fff; } .ac .header__navigation-item a, .ac .header__navigation-item--icon a, .ac .header__navigation-item--icon button, .ac .header__navigation-item--special a, .ac .header__navigation-item--special button, .ac .header__navigation-item--icon a:hover, .ac .header__navigation-item--icon button:hover, .ac .header__navigation-item--special a:hover, .ac .header__navigation-item--special button:hover, .ac .top-header__offer, .ac .top-header__offer a, .ac .top-header__navigation-item a, .ac .top-header__navigation-item button, .ac .top-header--scrolled .top-header__navigation-item a, .ac .top-header--scrolled .top-header__navigation-item button { color: #fff; } .ac #header-navigation-right>ul>li, .ac .header #navigation ul ul, .ac .header #header-navigation-right ul ul { border-color: #1b7b7a; } .ac #header-navigation-left li, .ac #header-navigation-right>ul>li { border-color: #1b7b7a !important; } .ac .header:after, .ac .header #navigation ul li:hover, .ac .header #navigation ul li.active, .ac .header .header-navigation ul>li:hover, .ac .header .header-navigation ul>li.active, .ac .header #header-navigation-right .search.active, .ac .navigation-right .menu ul li:hover a, .ac .navigation-right .menu ul li.hover a, .ac .navigation-right .menu ul li.hover-f a, .ac .header #header-navigation-right ul ul li:hover a, .ac .header #navigation ul ul li:hover a, .ac .top-header__navigation-item a:focus, .ac .top-header__navigation-item a:hover, .ac .top-header__navigation-item button:focus, .ac .top-header__navigation-item button:hover, .ac .top-header__drawer-toggle, .ac .top-header--scrolled .top-header__drawer-toggle { background: #1b7b7a; color: #fff; } .ac .article-body .ggsite img { filter: sepia(0.5) hue-rotate(135deg); } .ac #ctBoc a.cta.shop, .ac #ctBoc ul.cta.shop { background-color: #ca205e; border: none; color: #fff; } .ac #ctBoc a.cta.shop:hover, .ac #ctBoc ul.cta.shop:hover { background-color: #98274f; color: #fff; opacity: 1; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-1, .ac #ctBoc .article .gghero.gghero-color-1 { background: #127d6d; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-2, .ac #ctBoc .article-body-wrap .gghero.gghero-color-10, .ac #ctBoc .article .gghero.gghero-color-2, .ac #ctBoc .article .gghero.gghero-color-10 { background: #148774; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-3, .ac #ctBoc .article-body-wrap .gghero.gghero-color-9, .ac #ctBoc .article .gghero.gghero-color-3, .ac #ctBoc .article .gghero.gghero-color-9 { background: #158c76; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-4, .ac #ctBoc .article-body-wrap .gghero.gghero-color-8, .ac #ctBoc .article .gghero.gghero-color-4, .ac #ctBoc .article .gghero.gghero-color-8 { background: #179179; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-5, .ac #ctBoc .article-body-wrap .gghero.gghero-color-7, .ac #ctBoc .article .gghero.gghero-color-5, .ac #ctBoc .article .gghero.gghero-color-7 { background: #1a967b; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-6, .ac #ctBoc .article .gghero.gghero-color-6 { background: #1d9e7f; } /* IM Seasonal */ body.im { background: #ffd011; } /* body.im .top-header__brand { filter: invert(1); } .im #ctBoc .ggtitle h2 { text-shadow: .25vw .25vw #c83b44; } .im .header, .im .swiper-container, .im .recent-posts, .im #page-top, .im .recent-posts .topics, .im .header__navigation-item, .im .top-header--scrolled .top-header-inner, .im .nav-drawer__header, .im .top-header-inner { background: #732978; color: #fff; } .im .header__navigation-item a, .im .header__navigation-item--icon a, .im .header__navigation-item--icon button, .im .header__navigation-item--special a, .im .header__navigation-item--special button, .im .header__navigation-item--icon a:hover, .im .header__navigation-item--icon button:hover, .im .header__navigation-item--special a:hover, .im .header__navigation-item--special button:hover, .im .top-header__offer, .im .top-header__offer a, .im .top-header__navigation-item a, .im .top-header__navigation-item button, .im .top-header--scrolled .top-header__navigation-item a, .im .top-header--scrolled .top-header__navigation-item button { color: #fff; } .im #header-navigation-right>ul>li, .im .header #navigation ul ul, .im .header #header-navigation-right ul ul { border-color: #684fb4; } .im #header-navigation-left li, .im #header-navigation-right>ul>li { border-color: #684fb4 !important; } .im .header:after, .im .header #navigation ul li:hover, .im .header #navigation ul li.imtive, .im .header .header-navigation ul>li:hover, .im .header .header-navigation ul>li.imtive, .im .header #header-navigation-right .search.imtive, .im .navigation-right .menu ul li:hover a, .im .navigation-right .menu ul li.hover a, .im .navigation-right .menu ul li.hover-f a, .im .header #header-navigation-right ul ul li:hover a, .im .header #navigation ul ul li:hover a, .im .top-header__navigation-item a:focus, .im .top-header__navigation-item a:hover, .im .top-header__navigation-item button:focus, .im .top-header__navigation-item button:hover, .im .top-header__drawer-toggle, .im .top-header--scrolled .top-header__drawer-toggle { background: #943b73; color: #fff; } .im .article-body .ggsite img { filter: sepia(0.5) hue-rotate(260deg); } */ body.im p.ggsite { background: #FFD600; padding: 10px 20px; } .im #ctBoc a.cta.shop, .im #ctBoc ul.cta.shop { background-color: #ff3f4c; border: none; color: #000; } .im #ctBoc a.cta.shop:hover, .im #ctBoc ul.cta.shop:hover { background-color: #c83b44; color: #fff; opacity: 1; } .im #ctBoc .article-body-wrap .gghero.gghero-color-1, .im #ctBoc .article .gghero.gghero-color-1 { background: #ffd80f; } .im #ctBoc .article-body-wrap .gghero.gghero-color-2, .im #ctBoc .article-body-wrap .gghero.gghero-color-10, .im #ctBoc .article .gghero.gghero-color-2, .im #ctBoc .article .gghero.gghero-color-10 { background: #fcc51e; } .im #ctBoc .article-body-wrap .gghero.gghero-color-3, .im #ctBoc .article-body-wrap .gghero.gghero-color-9, .im #ctBoc .article .gghero.gghero-color-3, .im #ctBoc .article .gghero.gghero-color-9 { background: #f7b42d; } .im #ctBoc .article-body-wrap .gghero.gghero-color-4, .im #ctBoc .article-body-wrap .gghero.gghero-color-8, .im #ctBoc .article .gghero.gghero-color-4, .im #ctBoc .article .gghero.gghero-color-8 { background: #f5a73b; } .im #ctBoc .article-body-wrap .gghero.gghero-color-5, .im #ctBoc .article-body-wrap .gghero.gghero-color-7, .im #ctBoc .article .gghero.gghero-color-5, .im #ctBoc .article .gghero.gghero-color-7 { background: #f09f48; } .im #ctBoc .article-body-wrap .gghero.gghero-color-6, .im #ctBoc .article .gghero.gghero-color-6 { background: #ed9a54; } .im #ctBoc .article-body-wrap .gghero h2, .im #ctBoc .article-body-wrap .gghero h2 +p ~ p:last-of-type, .im #ctBoc .article .gghero h2, .im #ctBoc .article .gghero h2 +p ~ p:last-of-type { color: #000 } .im #ctBoc .article-body-wrap .gghero h2 + p, .im #ctBoc .article .gghero h2 + p { color: rgba(0,0,0,0.75) } /*-->*/ /*-->*/ //-->

Read more and comment

 
1 month ago

Best Replacement Bands for Fitbit Charge 2

2

What are the best replacement bands for Fitbit Charge 2?

We all know how awesome the Fitbit Charge 2 is, but the bands can be pretty underwhelming — depending on your taste and sense of style.

There are a number of super creative alternatives out there, though, that can really make a statement. Here are some favorites!

HUMENN Bands for Fitbit Charge 2

If you're looking for a replacement band with minimal, simply yet stylish feel, then check out the Fitbit Charge 2 classic fitness replacement band from HUMENN.

While the band bares a striking resemblance to the original Fitbit band, the HUMENN band comes made with a durable elastomer material and surgical-grade stainless steel buckles. You can easily adjust the tracker band to fit your wrist, and if you're not thrilled with the product, there's a 30-day money-back guarantee.

The HUMENN band comes in a number of colors, including black, blue, blush brown, gray, plum, pink, orange, teal, and white. You can even pick up all the colors in a value-pack, or pick up certain packs of three and four with different color combos. This particular band on its own will cost you around $6.

See at Amazon

bayite Leather Fitbit Charge 2 band

Leather is always a smart fashion-forward choice for accessories, outfits, you name it – so it's no doubt that this highly rated leather band from byite is a solid option to consider for your Fitbit Charge 2!

Designed with genuine leather, the bayite band pairs perfectly with your Charge 2. The buckle is made with stainless steel for a secure clasp, while the band comes with a 1-year warranty incase anything happens.

You can pick up your bayite leather band in black, brown, coffee brown, gold, navy, olive brown, and silver for around $13 (so there will totally be a color that'll catch your eye!)

See at Amazon

Gold Swirl Scroll Charge 2 Bracelet

If you're a fan of the bling and are looking to class up your Fitbit Charge 2 with a little extra glitz n' glam, then take a peek at the beauty that is the Gold Swirl Scroll Charge 2 Bracelet from Etsy!

Handmade, gold-plated spacers with ornate detail instantly turns your Charge 2 into a top-of-the-line piece of jewelry. If you're someone who isn't a big fan of wearing tech on your wrist, and you prefer the most classic jewelry look, the Gold Swirl Scroll will probably be your BFF.

If you're not a fan of the gold, then we recommend checking out the rest of the FabFitBracelets Etsy shops for some silver and bronze alternatives! You can pick up the Gold Swirl Scroll Charge 2 Bracelet for around $23.

See at Etsy

Wearlizer Milanese Loop band

Classic, elegant, and perfect for day-to-day use, the Wearlizer Milanese Loop band adjusts to effortlessly fit around your wrist while pairing precisely with your Fitbit Charge 2.

The Wearlizer is made with a flexible stainless steel mesh material, and because of the lack of clasp, it's very easy to adjust and make the band comfortable. If you're not thrilled with the quality of the band – although it has a nearly 5-star rating on Amazon – then you can return the Charge 2 replacement without any hassle.

The Wearlizer comes in five different, classic colors, including black, gold, rose gold, pink gold, and silver for around $16.

See at Amazon

bayite Stainless Steel band

Keep things simple and timeless with the bayite Stainless Steel band for your Fitbit Charge 2 that looks and feels like a standard wristwatch band.

Designed with a high-quality, durable stainless steel, the bayite band can be easily adjusted to fit wrists of almost any size. With the double-button clasp and butterfly enclosure, you won't have to worry about your tracker ever sliding off of your wrist either!

You can pick from four different colors, including silver, black, gold, and rose gold. Prices range from between $13 to $16.

See at Amazon

AK Fitbit Charge 2 Band

If you're someone who likes a bit of a sportier looking watch band that also functions as a fantastically breathable workout buddy, then we recommend taking a look at the reasonably-priced AK Fitbit Charge 2 Band.

Designed with a soft, bendable silicone, and adjustable enough to fit wrists of almost any size, the AK Fitbit Charge 2 Band is not only functional, but fashionable. The buckle is stainless steel and the band itself is 100% waterproof, making it the ideal accessory for working out and building up a sweat!

The band comes in six different, vibrant colors, including pink and black, blue and black, green and black, gray and black, red and black, and white and black – and with the AK Fitbit Charge 2 Band costing around $13, why not pick up one in every color?

See at Amazon

So, what do you think?

Is there a watch band on our list that sticks out to you? Or do you have the perfect replacement that you've been using non-stop? Let us know in the comments below!

Update December 2017: This list still has the best of the best, low-cost Fitbit Charge 2 options out there!

Read more and comment

 
1 month ago

Alex's Favorite Tech of 2017

25

Alex's Favorite Tech of 2017

The past year has brought us bountiful quantities of new gadgets, and not just in the smartphone space. Whether it's the tech I use to do my job, to relax at the end of a busy day, or to capture special occasions and everyday moments, 2017 has been a year of many upgrades for me. So here, presented below for your perusal, are a few of my favorite tech-related things for 2017. Cast your eyes on the high-quality toys below.

Google Pixel 2 XL

The Pixel 2 XL has one or two screen issues, and isn't as pretty as Samsung's current Android lineup. But ultimately I don't care — for me, the Pixel 2 XL is the best Android phone you can buy right now. The larger of the two 2017 Pixels gets the basics right, and delivers the best software experience on any Android phone, and a world-beating camera to boot. (Seriously. This phone has ruined pretty much every other smartphone camera for me.) Software and imaging are two areas that are really hard to excel at, and major reasons why the Pixel 2 XL should be your next phone.

It's expensive for sure, but with Google's promise of swift software updates for three years, the 2 XL should have a long life ahead of it.

From $849 Buy Now

Panasonic DC-GH5

OK, so this one is a big purchase, but Panasonic's GH5 has probably been the most important addition to my tech loadout in 2017. Almost everything you'll see on the Android Central YouTube channel since August was shot on the GH5. It's a camera which can caputre phenomenal footage (with the right lens, of course), backed up by software features that feel in step with the way professional and semi-professional users want to shoot.

In particular, Panasonic's (slightly clunky but still great) mobile app has been indispensible to me, offering an easy way to control most functions to the camera remotely via my phone.

$1998 Buy Now

Google Home

Had I not reviewed Google Home shortly after it launched in the UK this year, I probably would've let it pass me by. I wasn't hugely interested in a connected smart speaker, but little by little, Google Home — the full-sized model, not the smaller, cheaper "Mini" has won me over. It's a quick and easy Chromecast target for music or podcasts, with a surprisingly great (and surprisingly room-filling) little speaker lurking within

Like everything with Google Assistant built in, Google Home is going to get better with time, and many of the early teething problems with Home have now been worked out. Google Home Mini is great for cheaply building out a network of speakers, but the original, big Google Home is the one to get if you want superior sound quality at a non-outrageous price.

$129 Buy Now

RAVPower 26800mAh PD Power Bank

Sometimes you want a slim portable battery that you can carry around in a jeans pocket. Other times you just want all of the power, and RAVPower's 26,800mAh portable cell fits the bill for multiple phone refills, and even a full refill of a USB-C-enabled laptop. If you're going to be traveling, and don't want to worry about constantly refilling a portable battery as well as all your various gadgets, this battery is worth a look.

It has three ouputs, and it'll charge devices over the USB Power Delivery standard, with a total combined output of 5.5A. That's a lot of juice.

$50 Buy Now

Razer Blade (14-inch)

Having managed almost five years without a laptop upgrade, this year I made the jump from an aging 2012 MacBook Air to a Razer Blade — mainly for video editing reasons. The Blade packs a ton of power (with the expected battery sacrifices, of course), and the included NVIDIA GTX 1060 GPU makes the blade just as great at video editing and other visually intensive work as it is at gaming.

$2099 Buy Now

Samsung Gear Sport

With Android Wear continuing to stagnate in 2017, it's been really hard to track down a decent, good-looking, non-gigantic, Android-compatible smartwatch — at least until Samsung recently launched the Gear Sport. The company's latest wearable is a sort of follow-up to 2015's Gear S2, with a smaller form factor, improved water resistance specs, faster software and improved battery life.

The sleek design and easily interchangeable straps mean the Gear Sport doesn't look out of place alongside a tracksuit or smarter attire. And in the grander scheme of watch prices, you're not shelling out a whole lot of cash .

$298 Buy Now

.tabs { position: absolute; right: 0; z-index: 20; } #ctBoc .article-body-wrap ul.primary li a:link, #ctBoc .article-body-wrap ul.primary li a.active, #ctBoc .article-body-wrap ul.primary li a:active, #ctBoc .article-body-wrap ul.primary li a:visited, #ctBoc .article-body-wrap ul.primary li a:hover, #ctBoc .article-body-wrap ul.primary li.active a, #ctBoc .article ul.primary li a:link, #ctBoc .article ul.primary li a.active, #ctBoc .article ul.primary li a:active, #ctBoc .article ul.primary li a:visited, #ctBoc .article ul.primary li a:hover, #ctBoc .article ul.primary li.active a { border-radius: 0 0 8px 8px; border-width: 0; } #page-wrap { width: 100%; } #page { background: none; } #ctBoc .article-body-wrap { margin-top: 0; } .node, .node-published, .node-unpublished { background: #f9f9f9; } @media all and (max-width: 1350px) and (min-width: 768px) { #ctBoc .article-body-wrap { padding: 0; } } /* FONTS */ @font-face { font-family: 'geomanist-light'; src: url('../sites/all/fonts/geomanist-extralight.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'geomanist-regular'; src: url('../sites/all/fonts/geomanist-regular.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'geomanist-book'; src: url('../sites/all/fonts/geomanist-book.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'geomanist-medium'; src: url('../sites/all/fonts/geomanist-medium.otf'); font-weight: normal; font-style: normal; } .article-body h2, .article-body p, .article-body ul, .article-body ul li { font-family: "geomanist-regular",Helvetica,Arial,sans-serif; font-weight: normal; letter-spacing: 0; line-height: 1.352; } #content > .container, #ctBoc .article-body .container.wide { max-width: 100%; padding: 0; } #ctBoc .article-body__section--narrow, #ctBoc .article-body .narrow { padding: 0 20px; } /* TITLE */ /* TITLE BACKGROUND */ #ctBoc .article .article-body__section--wide.ggtitle { max-width: 100%; } #ctBoc .article-body-wrap .article-body .ggtitle p, #ctBoc .article .article-body .ggtitle p { margin: 0; } #ctBoc .article-body-wrap .ggtitle img, #ctBoc .article .ggtitle img { width: 100%; } /* SUBTITLE */ #ctBoc .ggtitle h2 { color: #fff; font-size: 4vw; font-style: italic; left: 53%; margin: 0; position: absolute; right: 25px; text-align: left; text-shadow: .25vw .25vw #000; top: 37.6vw; } /* SITE LOGO SPLITTER */ .article-body .ggsite { display: table; margin: 75px auto; position: relative; width: auto; } .article-body .ggsite img { max-height: 100px; max-width: 200px; height: auto; width: auto; } #ctBoc .article-body-wrap .ggsite:before, #ctBoc .article-body-wrap .ggsite:after, #ctBoc .article .ggsite:before, #ctBoc .article .ggsite:after { background: #ddd; content: ""; height: 1px; position: absolute; right: calc(100% + 50px); top: 50%; width: 50vw; } #ctBoc .article-body-wrap .ggsite:after, #ctBoc .article .ggsite:after { left: calc(100% + 50px); } .article-body .ggtitle + .wide + .narrow p, .article-body .ggtitle + .wide + .article-body__section--narrow p { color: #474747; line-height: 1.75; text-align: center; } @media all and (max-width: 500px) { .article-body .ggsite { margin: 35px auto; } } /* HERO BLOCK */ #ctBoc .article-body-wrap .gghero, #ctBoc .article .gghero { background: #999; color: #fff; margin: 115px 0 90px; max-width: 100%; padding: 40px 20px; position: relative; } #ctBoc .article-body-wrap .gghero.gghero-color-1, #ctBoc .article .gghero.gghero-color-1 { background: #c62827; } #ctBoc .article-body-wrap .gghero.gghero-color-2, #ctBoc .article .gghero.gghero-color-2 { background: #ae1558; } #ctBoc .article-body-wrap .gghero.gghero-color-3, #ctBoc .article .gghero.gghero-color-3 { background: #6b1c9b; } #ctBoc .article-body-wrap .gghero.gghero-color-4, #ctBoc .article .gghero.gghero-color-4 { background: #4527a1; } #ctBoc .article-body-wrap .gghero.gghero-color-5, #ctBoc .article .gghero.gghero-color-5 { background: #1a2380; } #ctBoc .article-body-wrap .gghero.gghero-color-6, #ctBoc .article .gghero.gghero-color-6 { background: #03589b; } #ctBoc .article-body-wrap .gghero.gghero-color-7, #ctBoc .article .gghero.gghero-color-7 { background: #144786; } #ctBoc .article-body-wrap .gghero.gghero-color-8, #ctBoc .article .gghero.gghero-color-8 { background: #148571; } #ctBoc .article-body-wrap .gghero.gghero-color-9, #ctBoc .article .gghero.gghero-color-9 { background: #1b5d1f; } #ctBoc .article-body-wrap .gghero.gghero-color-10, #ctBoc .article .gghero.gghero-color-10 { background: #3d8522; } #ctBoc .article-body-wrap .gghero p:first-of-type, #ctBoc .article .gghero p:first-of-type { display: flex; height: 100%; max-width: 560px; position: absolute; right: 50%; top: -50px; width: 50%; } #ctBoc .article-body-wrap .gghero img, #ctBoc .article .gghero img { height: 100%; margin: auto; object-fit: contain; width: 100%; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article-body-wrap .gghero h2 ~ p, #ctBoc .article-body-wrap .gghero ul, #ctBoc .article .gghero h2, #ctBoc .article .gghero h2 ~ p, #ctBoc .article .gghero ul { margin-left: calc(50% + 20px); max-width: 540px; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article .gghero h2 { color: #fff; font-size: 45px; text-align: left; } #ctBoc .article-body-wrap .gghero p, #ctBoc .article .gghero p { } #ctBoc .article-body-wrap .gghero h2 + p, #ctBoc .article .gghero h2 + p { color: rgba(255,255,255,0.75); margin-bottom: 25px; } #ctBoc .article-body-wrap .gghero h2 + p a, #ctBoc .article .gghero h2 + p a { border: none; box-shadow: none; color: inherit; } #ctBoc .article-body-wrap .gghero h2 + p a:hover, #ctBoc .article .gghero h2 + p a:hover { color: #fff; text-decoration: underline; } #ctBoc .article-body-wrap .gghero ul, #ctBoc .article .gghero ul { border-top: 1px solid rgba(255,255,255,0.25); margin: 0 -20px 50px calc(50% + 15px); max-width: 550px; overflow: scroll; padding-top: 30px; position: relative; white-space: nowrap; } #ctBoc .article-body-wrap .gghero ul li, #ctBoc .article .gghero ul li { box-sizing: border-box; color: rgba(255,255,255,0.75); display: inline-block; font-size: 75%; min-width: 100px; margin: 0 -5px 0 0; padding: 0 5px; vertical-align: top; white-space: normal; } #ctBoc .article-body-wrap .gghero ul li:before, #ctBoc .article .gghero ul li:before { display: none; } #ctBoc .article-body-wrap .gghero ul li strong, #ctBoc .article .gghero ul li strong { color: #fff; display: block; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(2), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(2) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(2), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(2) ~ li { width: 50%; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(3), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(3) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(3), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(3) ~ li { width: calc(100% / 3); } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(4), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(4) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(4), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(4) ~ li { width: 25%; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(5), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(5) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(5), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(5) ~ li { width: 20%; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(6), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(6) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(6), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(6) ~ li { width: calc(100% / 6); } #ctBoc .article-body-wrap .gghero h2 +p ~ p:last-of-type, #ctBoc .article .gghero h2 +p ~ p:last-of-type { font-size: 48px; color: #fff; } #ctBoc .article-body-wrap .gghero a.cta.shop, #ctBoc .article .gghero a.cta.shop { box-shadow: none; font: 45% "geomanist-medium",Helvetica,Arial,sans-serif; margin: 0 0 20px 5px; padding: 15px 25px; text-transform: uppercase; vertical-align: 7px; } #ctBoc .article-body-wrap .gghero a.cta.shop:before, #ctBoc .article .gghero a.cta.shop:before { display: none; } /* no image */ #ctBoc .article-body-wrap .gghero h2:first-child, #ctBoc .article-body-wrap .gghero h2:first-child + *, #ctBoc .article-body-wrap .gghero h2:first-child ~ *, #ctBoc .article .gghero h2:first-child, #ctBoc .article .gghero h2:first-child + *, #ctBoc .article .gghero h2:first-child ~ * { margin-left: auto; margin-right: auto; max-width: 600px; text-align: center; } #ctBoc .article-body-wrap .gghero h2:only-child, #ctBoc .article .gghero h2:only-child { margin: 0 auto; } @media all and (max-width: 800px) { #ctBoc .article-body-wrap .gghero, #ctBoc .article .gghero { margin: 150px 0 30px; } #ctBoc .article-body-wrap .gghero p:first-of-type, #ctBoc .article .gghero p:first-of-type { height: 100%; margin-top: -150px; max-width: 100%; position: relative; right: 0; top: 0; width: 100%; } #ctBoc .article-body-wrap .gghero p:first-of-type img, #ctBoc .article .gghero p:first-of-type img { max-height: 500px; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article-body-wrap .gghero h2 ~ p, #ctBoc .article-body-wrap .gghero ul, #ctBoc .article .gghero h2, #ctBoc .article .gghero h2 ~ p, #ctBoc .article .gghero ul { margin-left: 30px; margin-right: 30px; max-width: 100%; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article .gghero h2 { margin-top: 45px; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article-body-wrap .gghero p:last-of-type, #ctBoc .article .gghero h2, #ctBoc .article .gghero p:last-of-type { text-align: center; } #ctBoc .article-body-wrap .gghero ul li, #ctBoc .article .gghero ul li { font-size: 90%; } } /* SUB OPTIONS */ #ctBoc .article-body-wrap .container.narrow.ggsubs, #ctBoc .article .narrow.ggsubs { display: flex; flex-wrap: wrap; margin: auto; max-width: 1200px; } #ctBoc .article-body-wrap .ggsub, #ctBoc .article .ggsub { background: #fff; box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1); box-sizing: border-box; flex: 1 1 calc(50% - 40px); margin: 20px; padding-bottom: 100px; position: relative; transition: 0.25s; } #ctBoc .article-body-wrap .ggsub:hover, #ctBoc .article .ggsub:hover { box-shadow: 0 6px 10px 3px rgba(0,0,0,0.1); } #ctBoc .article-body-wrap .ggsub p:first-of-type, #ctBoc .article .ggsub p:first-of-type { display: flex; height: 560px; margin: 0; } #ctBoc .article-body-wrap .ggsub img, #ctBoc .article .ggsub img, .article-body .ggsub img, .article-body .ggsub img.image-large, .article-body .ggsub img.image-xlarge, .article-body .ggsub p img.image-large:only-child, .article-body .ggsub p a img.image-large:only-child, .article-body .ggsub p img.image-xlarge:only-child, .article-body .ggsub p a img.image-xlarge:only-child { height: 100%; object-fit: cover; width: 100%; } #ctBoc .article-body-wrap .ggsub h2, #ctBoc .article .ggsub h2 { color: #363636; font: 32px "geomanist-book",Helvetica,Arial,sans-serif; margin: 60px 60px 30px; text-align: center; } #ctBoc .article-body-wrap .ggsub h2 + p, #ctBoc .article .ggsub h2 + p { color: #898989; margin: 30px 60px 60px; text-align: center; } #ctBoc .article-body-wrap .ggsub p:last-of-type, #ctBoc .article .ggsub p:last-of-type { bottom: 25px; color: #363636; display: block; font-size: 32px; left: 50%; margin: 0 auto; position: absolute; text-align: center; transform: translate(-50%,0); width: calc(100% - 40px); } #ctBoc .article-body-wrap .ggsub a.cta.shop, #ctBoc .article .ggsub a.cta.shop { font: 18px "geomanist-medium",Helvetica,Arial,sans-serif; margin: 0 0 20px 5px; padding: 15px 25px; text-transform: uppercase; vertical-align: 7px; } #ctBoc .article-body-wrap .ggsub a.cta.shop:before, #ctBoc .article .ggsub a.cta.shop:before { display: none; } /* Odd Number End Subs */ @media all and (min-width: 801px) { #ctBoc .article-body-wrap .ggsubs > .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .ggsubs > .ggsub:last-of-type:nth-of-type(odd) { padding-left: 50%; } #ctBoc .article-body-wrap .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:first-of-type, #ctBoc .article .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:first-of-type { position: absolute; height: 100%; left: 0; padding-bottom: 0; top: 0; width: 50%; } #ctBoc .article-body-wrap .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:last-of-type, #ctBoc .article .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:last-of-type { left: calc(75% + 10px); } } @media all and (max-width: 1240px) { #ctBoc .article-body-wrap .ggsub p:first-of-type, #ctBoc .article .ggsub p:first-of-type { height: calc(50vw - 60px); } } @media all and (max-width: 800px) { #ctBoc .article-body-wrap .container:not(.expando) .ggsub, #ctBoc .article .article-body__section:not(.expando) .ggsub { flex: 1 1 100%; padding-bottom: 20px; } #ctBoc .article-body-wrap .container:not(.expando) .ggsub p:first-of-type, #ctBoc .article .article-body__section:not(.expando) .ggsub p:first-of-type { height: calc(66vw - 40px); } #ctBoc .article-body-wrap .container:not(.expando) .ggsub p:last-of-type, #ctBoc .article .article-body__section:not(.expando) .ggsub p:last-of-type { bottom: auto; left: auto; position: relative; transform: none; } } @media all and (max-width: 600px) { #ctBoc .article-body-wrap .ggsub, #ctBoc .article .ggsub { margin: 10px; } #ctBoc .article-body-wrap .ggsub h2, #ctBoc .article .ggsub h2 { margin: 30px 30px 20px; } #ctBoc .article-body-wrap .ggsub h2 + p, #ctBoc .article .ggsub h2 + p { margin: 20px 30px 30px; } } /* EXPANDOPRESTO */ #ctBoc .article-body-wrap .narrow.expando, #ctBoc .article .narrow.expando { max-width: 1200px; overflow: hidden; } #ctBoc .article-body-wrap .expando input, #ctBoc .article .expando input { cursor: pointer; display: table; height: 60px; left: 50%; opacity: 0; position: absolute; top: 0; transform: translate(-50%,0); width: 350px; z-index: 1; } #ctBoc .article-body-wrap .expando input + p, #ctBoc .article .expando input + p { display: table; height: 60px; margin: 0 auto; position: relative; transition: 1s; } #ctBoc .article-body-wrap .expando input + p:before, #ctBoc .article-body-wrap .expando input + p:after, #ctBoc .article .expando input + p:before, #ctBoc .article .expando input + p:after { bottom: 0; border: 2px solid; border-radius: 50%; content: "|"; font-size: 20px; height: 30px; left: 50%; line-height: 32.5px; position: absolute; text-align: center; transform: translate(-50%,0); transition: 1s; width: 30px; } #ctBoc .article-body-wrap .expando input + p:before, #ctBoc .article .expando input + p:before { border-color: transparent; transform: translate(-50%,0) rotate(90deg); } #ctBoc .article-body-wrap .expando input ~ .expander, #ctBoc .article .expando input ~ .expander { display: flex; max-height: 0px; transition: 2s; } #ctBoc .article-body-wrap .expando input:checked + p, #ctBoc .article .expando input:checked + p { margin-top: -25px; } #ctBoc .article-body-wrap .expando input:checked + p:before, #ctBoc .article-body-wrap .expando input:checked + p:after, #ctBoc .article .expando input:checked + p:before, #ctBoc .article .expando input:checked + p:after { line-height: 31px; } #ctBoc .article-body-wrap .expando input:checked + p:before, #ctBoc .article .expando input:checked + p:before { transform: translate(-50%,0) rotate(-45deg); } #ctBoc .article-body-wrap .expando input:checked + p:after, #ctBoc .article .expando input:checked + p:after { transform: translate(-50%,0) rotate(045deg); } #ctBoc .article-body-wrap .expando input:checked ~ .expander, #ctBoc .article .expando input:checked ~ .expander { max-height: 10000px; transition: 5s; } #ctBoc .article-body-wrap .expander, #ctBoc .article .expander { display: flex; flex-wrap: wrap; } /* Expansion blocks */ #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { padding-bottom: 60px; } #ctBoc .article-body-wrap .expando .ggsub p:first-of-type, #ctBoc .article .expando .ggsub p:first-of-type { padding-bottom: 66%; } #ctBoc .article-body-wrap .expando .ggsub h2, #ctBoc .article .expando .ggsub h2 { font-size: 200%; margin: 30px; } #ctBoc .article-body-wrap .expando .ggsub h2 + p:not(:last-of-type), #ctBoc .article .expando .ggsub h2 + p:not(:last-of-type) { display: none; } #ctBoc .article-body-wrap .expando .ggsub p:last-of-type, #ctBoc .article .expando .ggsub p:last-of-type { bottom: 5px; font-size: 200%; } #ctBoc .article-body-wrap .expando .ggsub a.cta.shop, #ctBoc .article .expando .ggsub a.cta.shop { font-size: 55%; vertical-align: 4px; } #ctBoc .article-body-wrap .expander > ul, #ctBoc .article .expander > ul { column-count: 2; column-gap: 40px; margin: 20px auto; max-width: 800px } #ctBoc .article-body-wrap .expander > ul li, #ctBoc .article .expander > ul li { padding: 20px 0 0; } #ctBoc .article-body-wrap .expander > ul li:before, #ctBoc .article .expander > ul li:before { display: none; } #ctBoc .article-body-wrap .expander > ul li a, #ctBoc .article .expander > ul li a { color: #484848; } #ctBoc .article-body-wrap .expander > ul li a:hover, #ctBoc .article .expander > ul li a:hover { color: #72b825; text-decoration: underline; } @media all and (min-width: 1201px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { width: calc(25% - 40px); } #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3) ~ .ggsub:nth-of-type(-n+3), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6) ~ .ggsub:nth-of-type(-n+6), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9) ~ .ggsub:nth-of-type(-n+9), #ctBoc .article-body-wrap .expando .ggsub:nth-of-type(3):nth-last-of-type(3), #ctBoc .article-body-wrap .expando .ggsub:nth-of-type(3):nth-last-of-type(3) ~ .ggsub, #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3) ~ .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3) ~ .ggsub:nth-of-type(-n+3), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6) ~ .ggsub:nth-of-type(-n+6), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9) ~ .ggsub:nth-of-type(-n+9), #ctBoc .article .expando .ggsub:nth-of-type(3):nth-last-of-type(3), #ctBoc .article .expando .ggsub:nth-of-type(3):nth-last-of-type(3) ~ .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3) ~ .ggsub { width: calc(100% / 3 - 40px); } #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(5), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(5) + .ggsub, #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(5), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(5) + .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub { width: calc(50% - 40px); } } @media all and (max-width: 1200px) and (min-width: 801px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { width: calc(100% / 3 - 40px); } #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2) ~ .ggsub:nth-of-type(-n+2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1) ~ .ggsub:nth-of-type(-n+4), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2) ~ .ggsub:nth-of-type(-n+2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1) ~ .ggsub:nth-of-type(-n+4), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub { width: calc(50% - 40px); } } @media all and (max-width: 800px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { width: calc(50% - 40px); } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) { padding-left: 50%; width: calc(100% - 40px); } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd) p:first-of-type, #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) p:first-of-type { position: absolute; height: 100%; left: 0; padding-bottom: 0; top: 0; width: 50%; } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd) p:last-of-type, #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) p:last-of-type { left: calc(75% + 10px); } } @media all and (max-width: 600px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { padding-bottom: 70px; width: calc(50% - 20px); } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) { padding-left: 50%; width: calc(100% - 20px); } #ctBoc .article-body-wrap .expando .ggsub h2, #ctBoc .article .expando .ggsub h2 { font-size: 150%; margin: 10px 20px; } #ctBoc .article-body-wrap .expando .ggsub p:last-of-type, #ctBoc .article .expando .ggsub p:last-of-type { font-size: 175%; } #ctBoc .article-body-wrap .expando .ggsub a.cta.shop, #ctBoc .article .expando .ggsub a.cta.shop { font-size: 66%; padding: 10px 15px; vertical-align: 2px; } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) { padding-top: 10px; } #ctBoc .article-body-wrap .expander > ul, #ctBoc .article .expander > ul { column-count: 1; } } @media all and (max-width: 480px) { #ctBoc .article-body-wrap .expando .ggsub p:last-of-type, #ctBoc .article .expando .ggsub p:last-of-type { font-size: 150%; } #ctBoc .article-body-wrap .expando .ggsub a.cta.shop, #ctBoc .article .expando .ggsub a.cta.shop { margin: 0 0 20px; padding: 10px; } } .fb_like_and_share { margin-top: 25px; } /* SEASONAL */ /* body { background: #31334a; } body.im .header__brand, body.im .top-header__brand, body.im .article-body p.ggsite img { filter: brightness(59%) invert(1) sepia(1) hue-rotate(190deg); } body.wp .top-header__brand { filter: invert(1); } #ctBoc .ggtitle h2 { color: #fff; text-shadow: .25vw .25vw #000; } .header, .swiper-container, .recent-posts, #page-top, .recent-posts .topics, .header__navigation-item, .top-header--scrolled .top-header-inner, .nav-drawer__header, .top-header-inner { background: #28293b; color: #fff; } .header__navigation-item a, .header__navigation-item--icon a, .header__navigation-item--icon button, .header__navigation-item--special a, .header__navigation-item--special button, .header__navigation-item--icon a:hover, .header__navigation-item--icon button:hover, .header__navigation-item--special a:hover, .header__navigation-item--special button:hover, .top-header__offer, .top-header__offer a, .top-header__navigation-item a, .top-header__navigation-item button, .top-header--scrolled .top-header__navigation-item a, .top-header--scrolled .top-header__navigation-item button { color: #fff; } #header-navigation-right>ul>li, .header #navigation ul ul, .header #header-navigation-right ul ul { border-color: #684fb4; } #header-navigation-left li, #header-navigation-right>ul>li { border-color: #684fb4 !important; } .header:after, .header #navigation ul li:hover, .header #navigation ul li.active, .header .header-navigation ul>li:hover, .header .header-navigation ul>li.active, .header #header-navigation-right .search.active, .navigation-right .menu ul li:hover a, .navigation-right .menu ul li.hover a, .navigation-right .menu ul li.hover-f a, .header #header-navigation-right ul ul li:hover a, .header #navigation ul ul li:hover a, .top-header__navigation-item a:focus, .top-header__navigation-item a:hover, .top-header__navigation-item button:focus, .top-header__navigation-item button:hover, .top-header__drawer-toggle, .top-header--scrolled .top-header__drawer-toggle, body.cb .header .logo:before { background: #747ba9; color: #fff; } .article-body .ggsite img { filter: sepia(0.5) hue-rotate(190deg); } body.im p.ggsite { background: #31334a; padding: 10px 20px; } #ctBoc a.cta.shop, #ctBoc ul.cta.shop { background-color: #ebde76; border: none; color: #000; } #ctBoc a.cta.shop:hover, #ctBoc ul.cta.shop:hover { background-color: #41d9ff; } #ctBoc .article-body-wrap .gghero.gghero-color-1, #ctBoc .article .gghero.gghero-color-1 { background: #28293b; } #ctBoc .article-body-wrap .gghero.gghero-color-2, #ctBoc .article-body-wrap .gghero.gghero-color-10, #ctBoc .article .gghero.gghero-color-2, #ctBoc .article .gghero.gghero-color-10 { background: #373e59; } #ctBoc .article-body-wrap .gghero.gghero-color-3, #ctBoc .article-body-wrap .gghero.gghero-color-9, #ctBoc .article .gghero.gghero-color-3, #ctBoc .article .gghero.gghero-color-9 { background: #46587a; } #ctBoc .article-body-wrap .gghero.gghero-color-4, #ctBoc .article-body-wrap .gghero.gghero-color-8, #ctBoc .article .gghero.gghero-color-4, #ctBoc .article .gghero.gghero-color-8 { background: #507499; } #ctBoc .article-body-wrap .gghero.gghero-color-5, #ctBoc .article-body-wrap .gghero.gghero-color-7, #ctBoc .article .gghero.gghero-color-5, #ctBoc .article .gghero.gghero-color-7 { background: #5697b8; } #ctBoc .article-body-wrap .gghero.gghero-color-6, #ctBoc .article .gghero.gghero-color-6 { background: #5ac0d7; } */ /* WC Seasonal */ body.wp { background: #ca1878; } body.wp .top-header__brand { filter: invert(1); } .wp #ctBoc .ggtitle h2 { text-shadow: .25vw .25vw #911458; } .wp .header, .wp .swiper-container, .wp .recent-posts, .wp #page-top, .wp .recent-posts .topics, .wp .header__navigation-item, .wp .top-header--scrolled .top-header-inner, .wp .nav-drawer__header, .wp .top-header-inner { background: #732978; color: #fff; } .wp .header__navigation-item a, .wp .header__navigation-item--icon a, .wp .header__navigation-item--icon button, .wp .header__navigation-item--special a, .wp .header__navigation-item--special button, .wp .header__navigation-item--icon a:hover, .wp .header__navigation-item--icon button:hover, .wp .header__navigation-item--special a:hover, .wp .header__navigation-item--special button:hover, .wp .top-header__offer, .wp .top-header__offer a, .wp .top-header__navigation-item a, .wp .top-header__navigation-item button, .wp .top-header--scrolled .top-header__navigation-item a, .wp .top-header--scrolled .top-header__navigation-item button { color: #fff; } .wp #header-navigation-right>ul>li, .wp .header #navigation ul ul, .wp .header #header-navigation-right ul ul { border-color: #684fb4; } .wp #header-navigation-left li, .wp #header-navigation-right>ul>li { border-color: #684fb4 !important; } .wp .header:after, .wp .header #navigation ul li:hover, .wp .header #navigation ul li.active, .wp .header .header-navigation ul>li:hover, .wp .header .header-navigation ul>li.active, .wp .header #header-navigation-right .search.active, .wp .navigation-right .menu ul li:hover a, .wp .navigation-right .menu ul li.hover a, .wp .navigation-right .menu ul li.hover-f a, .wp .header #header-navigation-right ul ul li:hover a, .wp .header #navigation ul ul li:hover a, .wp .top-header__navigation-item a:focus, .wp .top-header__navigation-item a:hover, .wp .top-header__navigation-item button:focus, .wp .top-header__navigation-item button:hover, .wp .top-header__drawer-toggle, .wp .top-header--scrolled .top-header__drawer-toggle { background: #943b73; color: #fff; } .wp .article-body .ggsite img { filter: sepia(0.5) hue-rotate(260deg); } .wp #ctBoc a.cta.shop, .wp #ctBoc ul.cta.shop { background-color: #caa4f1; border: none; color: #000; } .wp #ctBoc a.cta.shop:hover, .wp #ctBoc ul.cta.shop:hover { background-color: #b178e9; color: #fff; opacity: 1; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-1, .wp #ctBoc .article .gghero.gghero-color-1 { background: #943b73; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-2, .wp #ctBoc .article-body-wrap .gghero.gghero-color-10, .wp #ctBoc .article .gghero.gghero-color-2, .wp #ctBoc .article .gghero.gghero-color-10 { background: #a63f82; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-3, .wp #ctBoc .article-body-wrap .gghero.gghero-color-9, .wp #ctBoc .article .gghero.gghero-color-3, .wp #ctBoc .article .gghero.gghero-color-9 { background: #b84290; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-4, .wp #ctBoc .article-body-wrap .gghero.gghero-color-8, .wp #ctBoc .article .gghero.gghero-color-4, .wp #ctBoc .article .gghero.gghero-color-8 { background: #c7449d; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-5, .wp #ctBoc .article-body-wrap .gghero.gghero-color-7, .wp #ctBoc .article .gghero.gghero-color-5, .wp #ctBoc .article .gghero.gghero-color-7 { background: #d645ab; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-6, .wp #ctBoc .article .gghero.gghero-color-6 { background: #e946bb; } /* AC Seasonal */ body.ac { background: #1b9580; } body.ac .top-header__brand { filter: invert(1); } .ac #ctBoc .ggtitle h2 { text-shadow: .25vw .25vw #105662; } .ac .header, .ac .swiper-container, .ac .recent-posts, .ac #page-top, .ac .recent-posts .topics, .ac .header__navigation-item, .ac .top-header--scrolled .top-header-inner, .ac .nav-drawer__header, .ac .top-header-inner { background: #105662; color: #fff; } .ac .header__navigation-item a, .ac .header__navigation-item--icon a, .ac .header__navigation-item--icon button, .ac .header__navigation-item--special a, .ac .header__navigation-item--special button, .ac .header__navigation-item--icon a:hover, .ac .header__navigation-item--icon button:hover, .ac .header__navigation-item--special a:hover, .ac .header__navigation-item--special button:hover, .ac .top-header__offer, .ac .top-header__offer a, .ac .top-header__navigation-item a, .ac .top-header__navigation-item button, .ac .top-header--scrolled .top-header__navigation-item a, .ac .top-header--scrolled .top-header__navigation-item button { color: #fff; } .ac #header-navigation-right>ul>li, .ac .header #navigation ul ul, .ac .header #header-navigation-right ul ul { border-color: #1b7b7a; } .ac #header-navigation-left li, .ac #header-navigation-right>ul>li { border-color: #1b7b7a !important; } .ac .header:after, .ac .header #navigation ul li:hover, .ac .header #navigation ul li.active, .ac .header .header-navigation ul>li:hover, .ac .header .header-navigation ul>li.active, .ac .header #header-navigation-right .search.active, .ac .navigation-right .menu ul li:hover a, .ac .navigation-right .menu ul li.hover a, .ac .navigation-right .menu ul li.hover-f a, .ac .header #header-navigation-right ul ul li:hover a, .ac .header #navigation ul ul li:hover a, .ac .top-header__navigation-item a:focus, .ac .top-header__navigation-item a:hover, .ac .top-header__navigation-item button:focus, .ac .top-header__navigation-item button:hover, .ac .top-header__drawer-toggle, .ac .top-header--scrolled .top-header__drawer-toggle { background: #1b7b7a; color: #fff; } .ac .article-body .ggsite img { filter: sepia(0.5) hue-rotate(135deg); } .ac #ctBoc a.cta.shop, .ac #ctBoc ul.cta.shop { background-color: #ca205e; border: none; color: #fff; } .ac #ctBoc a.cta.shop:hover, .ac #ctBoc ul.cta.shop:hover { background-color: #98274f; color: #fff; opacity: 1; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-1, .ac #ctBoc .article .gghero.gghero-color-1 { background: #127d6d; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-2, .ac #ctBoc .article-body-wrap .gghero.gghero-color-10, .ac #ctBoc .article .gghero.gghero-color-2, .ac #ctBoc .article .gghero.gghero-color-10 { background: #148774; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-3, .ac #ctBoc .article-body-wrap .gghero.gghero-color-9, .ac #ctBoc .article .gghero.gghero-color-3, .ac #ctBoc .article .gghero.gghero-color-9 { background: #158c76; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-4, .ac #ctBoc .article-body-wrap .gghero.gghero-color-8, .ac #ctBoc .article .gghero.gghero-color-4, .ac #ctBoc .article .gghero.gghero-color-8 { background: #179179; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-5, .ac #ctBoc .article-body-wrap .gghero.gghero-color-7, .ac #ctBoc .article .gghero.gghero-color-5, .ac #ctBoc .article .gghero.gghero-color-7 { background: #1a967b; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-6, .ac #ctBoc .article .gghero.gghero-color-6 { background: #1d9e7f; } /* IM Seasonal */ body.im { background: #ffd011; } /* body.im .top-header__brand { filter: invert(1); } .im #ctBoc .ggtitle h2 { text-shadow: .25vw .25vw #c83b44; } .im .header, .im .swiper-container, .im .recent-posts, .im #page-top, .im .recent-posts .topics, .im .header__navigation-item, .im .top-header--scrolled .top-header-inner, .im .nav-drawer__header, .im .top-header-inner { background: #732978; color: #fff; } .im .header__navigation-item a, .im .header__navigation-item--icon a, .im .header__navigation-item--icon button, .im .header__navigation-item--special a, .im .header__navigation-item--special button, .im .header__navigation-item--icon a:hover, .im .header__navigation-item--icon button:hover, .im .header__navigation-item--special a:hover, .im .header__navigation-item--special button:hover, .im .top-header__offer, .im .top-header__offer a, .im .top-header__navigation-item a, .im .top-header__navigation-item button, .im .top-header--scrolled .top-header__navigation-item a, .im .top-header--scrolled .top-header__navigation-item button { color: #fff; } .im #header-navigation-right>ul>li, .im .header #navigation ul ul, .im .header #header-navigation-right ul ul { border-color: #684fb4; } .im #header-navigation-left li, .im #header-navigation-right>ul>li { border-color: #684fb4 !important; } .im .header:after, .im .header #navigation ul li:hover, .im .header #navigation ul li.imtive, .im .header .header-navigation ul>li:hover, .im .header .header-navigation ul>li.imtive, .im .header #header-navigation-right .search.imtive, .im .navigation-right .menu ul li:hover a, .im .navigation-right .menu ul li.hover a, .im .navigation-right .menu ul li.hover-f a, .im .header #header-navigation-right ul ul li:hover a, .im .header #navigation ul ul li:hover a, .im .top-header__navigation-item a:focus, .im .top-header__navigation-item a:hover, .im .top-header__navigation-item button:focus, .im .top-header__navigation-item button:hover, .im .top-header__drawer-toggle, .im .top-header--scrolled .top-header__drawer-toggle { background: #943b73; color: #fff; } .im .article-body .ggsite img { filter: sepia(0.5) hue-rotate(260deg); } */ body.im p.ggsite { background: #FFD600; padding: 10px 20px; } .im #ctBoc a.cta.shop, .im #ctBoc ul.cta.shop { background-color: #ff3f4c; border: none; color: #000; } .im #ctBoc a.cta.shop:hover, .im #ctBoc ul.cta.shop:hover { background-color: #c83b44; color: #fff; opacity: 1; } .im #ctBoc .article-body-wrap .gghero.gghero-color-1, .im #ctBoc .article .gghero.gghero-color-1 { background: #ffd80f; } .im #ctBoc .article-body-wrap .gghero.gghero-color-2, .im #ctBoc .article-body-wrap .gghero.gghero-color-10, .im #ctBoc .article .gghero.gghero-color-2, .im #ctBoc .article .gghero.gghero-color-10 { background: #fcc51e; } .im #ctBoc .article-body-wrap .gghero.gghero-color-3, .im #ctBoc .article-body-wrap .gghero.gghero-color-9, .im #ctBoc .article .gghero.gghero-color-3, .im #ctBoc .article .gghero.gghero-color-9 { background: #f7b42d; } .im #ctBoc .article-body-wrap .gghero.gghero-color-4, .im #ctBoc .article-body-wrap .gghero.gghero-color-8, .im #ctBoc .article .gghero.gghero-color-4, .im #ctBoc .article .gghero.gghero-color-8 { background: #f5a73b; } .im #ctBoc .article-body-wrap .gghero.gghero-color-5, .im #ctBoc .article-body-wrap .gghero.gghero-color-7, .im #ctBoc .article .gghero.gghero-color-5, .im #ctBoc .article .gghero.gghero-color-7 { background: #f09f48; } .im #ctBoc .article-body-wrap .gghero.gghero-color-6, .im #ctBoc .article .gghero.gghero-color-6 { background: #ed9a54; } .im #ctBoc .article-body-wrap .gghero h2, .im #ctBoc .article-body-wrap .gghero h2 +p ~ p:last-of-type, .im #ctBoc .article .gghero h2, .im #ctBoc .article .gghero h2 +p ~ p:last-of-type { color: #000 } .im #ctBoc .article-body-wrap .gghero h2 + p, .im #ctBoc .article .gghero h2 + p { color: rgba(0,0,0,0.75) } /*-->*/ /*-->*/ //-->

Read more and comment

 
1 month ago

Google Wifi vs. Orbi vs. Eero vs. Amplifi: Which mesh system should you buy?

54

There are some great mesh systems to choose from; which is the right one for you?

Most people don't put enough thought into their wireless router. The way your house is laid out and how its built matter, as do things like spreading the signal across multiple floors or if you have to plug things in at one end but need good Wi-Fi at the other. Of course, we all want our Wi-Fi to be fast and are quick to fuss when it's not, even if it's our own fault.

This is where Wireless Mesh networking comes into play. While there are cases where one central wireless access point that sends out a powerful signal in all directions is perfect, there are also plenty of cases where a mesh system is better. Here are some tips to help you decide if you're not yet sure which way to go:

Router vs. Mesh Networking: What's best for your home Wi-Fi network?

If you're going to go with a mesh system, you're then faced with the question of which you should buy. None of them are cheap and most of us don't want to perform a few multiple-hundred dollar experiments. We're going to look at four popular models and give you some information so you can make the right choice.

Google Wifi

Google has a vested interest in everyone being on the internet, and they've made a great wireless mesh system to help make it happen no matter where in your house you happen to be sitting. Google Wifi is fast, easy to setup, and even easier to get into the settings thanks to their smartphone app.

Pros

  • It looks good — this matters because ideally, you'll have the satellites out in the open where everyone can see them.
    • Constant updates
    • Setup is so easy it's almost automatic

Cons

  • Few advanced features
  • Requires a Google account and a smartphone to set up and use
  • If you lose a connection to the internet, settings and options are very limited

If you use Google products, you'll probably love Google Wifi. Everything about the product will be familiar, from the way it looks to the way the app works.

Setup is simple. Power up one of the units and connect it to your modem, then download the app (there's a card enclosed in the box that points you in the right direction). You'll get a notification that starts the process with a single tap, then walks you through setting up the other two and gives performance tips.

Each unit covers about 1,200 square feet with a strong signal and moving through your house switches you from one to the next seamlessly. The app has some features like being able to prioritize one device over the others for a set amount of time (perfect for streaming HD video) or parental controls but lacks advanced networking features like dedicated port forwarding. The biggest drawback is what happens if you lose your internet connection — you have very limited access to the settings as they are hosted on your online Google account.

Perhaps the biggest draw of Google Wifi is the prompt updates. They're seamless and a proper update schedule means your network is more secure even if they aren't always filled with new features. Check it out at Best Buy for $299.

See at Best Buy

Orbi

Netgear's Orbi isn't really a mesh wireless system, but it acts the same way and extends your network by using satellite units. Those sattellites just aren't connected to each other, only the base. It is a tri-band system that will give you fast newtork speeds everywhere in your house, which is what really matters.

Pros

  • No account required
  • No speed loss from mesh forwarding
  • The base and satellitle are pre-programmed to work together

Cons

  • It's big
  • It's expensive if you need a second sattellite
  • Setup can be confusing because there are so many options

First things first — if you need advanced settings on your Wi-Fi network and want a mesh(-like) system, Orbi is the one you want to buy no questions asked. Using your web browser to log into the router brings you to the familiar Netgear setup and admin page that you're probably already familiar with, including options that no other consumer mesh product offers like advanced QoS and forwarding.

With that out of the way, the Orbi system has one other thing going for it that might make a difference — no speed loss because of bi-directional communication. Orbi uses a dedicated band for communication between the units, while some other consumer mesh products use the same band your network data does, which causes a 50% loss in throughput for each "hop." This isn't noticeable for most of us as it's still faster than data can be processed after the loss, but it could make a difference when transferring large files or streaming data insde your network.

There are also two things that aren't great — the sheer size of each unit (easily 3 times bigger than the others on this list) and the price. A two-pack costs about $300, and if you need another satellite for a large home, it will cost about $150.

See at Amazon

eero

eero was one of the first consumer-grade mesh wireless systems, and it's even better with the 2017 revision for most people. Like the Orbi, it's a true tri-band mesh system with a dedicated band for communication between devices, but the units themselves are small and look good.

Pros

  • Can use an unlimited amount of beacons
  • Each beacon looks great
  • Easy and secure setup

Cons

  • Beacons have no Ethernet ports
  • Requires a smartphone to set up
  • Limited settings

The eero system is my personal favorite, even though I'm embedded in the Google ecosystem. I'm not recommending it over any of the others, though, because what I liked was the polish of the app and the hardware compared to the competition while using the 2016 model. Things have come a long way for all manufacturers since.

With that out of the way, there is a lot to like about eero. It delivers a fast network even at an extreme distance due to it's dedicated communication band and ability to use as many beacons as you need, and it still looks great with a wonderful smartphone app. Though we do need to mention (once again) that the potential speed loss of not having a tri-band system isn't something you're ever likely to notice. But the great app is.

Set up is also a breeze, and almost as easy as Google Wifi's method. Install the app (and you have to use an app) and it walks you through the entire process using friendly, easy to understand language. If you aren't familiar with networking terms you'll appreciate the friendly touch, and if you are, you'll appreciate how well the company breaks it down for those that aren't.

An eero system is a little more expensive though, with a three-pack (one base and two beacons) costing about $350. And like Google Wifi, there aren't enough settings to satisfy extreme users. One other thing — the beacons don't have any Ethernet ports so if you were planning to run a cable to your entertainment stand or game console, you'll need to run it back the base where there is one spare. Pricing starts around $349.

See at Amazon

Amplifi HD

The Amplifi HD looks different from the other products on this list and installs a little differently — each satellite plugs directly into a wall outlet rather than use a cord and plug. This makes is easier to find a place for them or harder, depending on where you need them. It delivers good, strong whole-house Wi-Fi like the other products on this list.

Pros

  • Five Gigabit Ethernet ports on the base like a traditional router
  • Smartphone app or account not required
  • More advanced settings than eero or Google Wifi

Cons

  • Satellites are large and require mounting on a wall outlet
  • Satellites have no Ethernet ports
  • Satellites aren't as attractive as the competition (but are interesting to some)

The Amplifi HD boasts a 20,000-square-foot coverage area from a single base and two satellites. Our testing leads us to believe it, as a usable signal extended further down the street than we thought possible. That's enough reason for some of us to buy it — you might also be able to have great Wi-Fi in your workshop or any outbuilding (or share Wi-Fi with your neighbor). Part of this is because of the unique satellite configuration. Rather than a smallish puck designed to sit on a table somewhere, each is a tall, two-piece wand that needs to be plugged directly into an outlet.

There's also a coolness factor missing from the others on our list with Amplifi's touchscreen display on the base that can monitor network speeds or show the time (it can also be shut off). This can be quite handy if the base is set somewhere like a desk in a home office and can double as a clock, besides having access to some user settings. Speaking of settings, you'll find more advanced ones on the Amplifi HD than you will on Google Wifi or eero, but not as many as the Orbi. It's a good balance for the average home user with something like a dedicated media server.

One thing to consider here is that the Amplifi HD isn't exactly childproof. The satellites will be plugged in where a curious little one can reach them and look interesting enough to make sure they notice them. The are two-piece units held together by a strong magnet so they won't be harmed if someone grabs the antenna and tugs on it, but electricity and toddlers don't mix. If you don't have little ones crawling or walking around you might like the look, though. Pricing starts around $311.

See at Amazon

Our verdict

It depends a lot on what you're looking for. If you want the most plug-and-play model, Google Wifi is one of those gems that anyone can install. It's also the cheapest option, though a Google account is required and internet access almost a must (and absolutely required for setup). Eero is what you'll need if you need extra beacons, but while they look great there don't have any Ethernet ports for your TV or Xbox. Orbi is great for someone running a server or has other needs for advanced QoS and forwarding options, but is big, bulky and expensive. Finally, Amplifi covers your house, yard and maybe even your neighbor but isn't perfect for homes with small children.

Each has plenty going for it, as well as some drawbacks. Most things are that way. Hopefully this helps you make the right decision and you'll just be able to enjoy the great Wi-Fi all over your house.

Read more and comment

 
1 month ago

Deal: Get a Gear 360 and Gear VR for just $199

1

Available only on Friday, December 8.

Samsung's Galaxy S8 and Note 8 are two of the best phones released in 2017, and while the devices are solid enough on their own, one of the big draws for buying Samsung over other brands is that you get access to the company's 'galaxy' of compatible accessories.

The Gear 360 and Gear VR received hardware updates this year, and as part of its ongoing "12 days of joy" promotion, Samsung is letting buyers snag both accessories for just $199.

To get the deal, head to Samsung's site and you'll see that you can now buy the Gear 360 for $199 compared to its regular price of $229. When you add the 360 to your cart, you'll be able to get the Gear VR for free – a value on its own of $129. The Gear VR comes with an included controller, and you can use it to view any photos or videos that you capture with the Gear 360 in addition to any other virtual reality content that's available for it.

This deal is only available for today, December 8, so make sure you act fast if you want to get in on it before it's gone.

See at Samsung

Read more and comment

 
1 month ago

Jerry's Favorite Tech of 2017

9

Jerry's Favorite Tech of 2017

2017 is just about finished, and that means it's time to do the last-minute holiday shopping that you promised yourself you wouldn't wait for the last minute to do again. While we can't brave the cold and wait in lines with you, we can help sort through the endless amount of cool stuff you'll find online for any special people in your life. Here are a handful of things I loved from 2017 to help.

BlackBerry KEYone

Call it BlackBerry's comeback or a return to basics or any of the other buzzwords used to describe the KEYone from BlackBerry, but it still will be the best phone you can buy with a keyboard. And it's a great keyboard, featuring BlackBerry's familiar caps and function key mapping as well as a touch sensor that supports gestures.

Besides the keyboard, it's an all-around great phone, too. It might not be as sexy as a Pixel or Galaxy phone, but it's dependable, secure, and will last all day on a single charge. Oh — it has access to all the apps in Google's Play Store, too.

If you are looking for a new phone for someone special (including your special self!) it's totally worth looking at the KEYone. Especially if there is any work to be done on the phone in between all the Facebooking and playing games.

From $422 Buy Now

Google Pixelbook

The Pixelbook isn't just another Chromebook. And with a $1,000 price, it shouldn't be. It's Google's vision of where mobile is heading when you're using a big screen and imagine it as a cross between a laptop and a tablet. And it's great in both roles, featuring all the security and ease-of-use of a Chromebook with Android app support in a package that's as easy to use in "tablet" mode as an iPad is.

Complete with outstanding current-generation hardware, it's also one of the best-built laptops you're likely to find. Pair it with the Google Pixelbook Pen, and prepare yourself for something you've never experienced before.

$From 999 Buy Now

Wolfenstein II: The New Colossus

Make America Nazi-free Again. #NoMoreNazis

$40 Buy Now

Lego Jerry Garcia

I'm usually not the type that helps a company cash in on a dead celebrity, but pairing the one and only Jerry Garcia and Lego calls for some rule-bending here. There's not much to say except it's Lego and Jerry Garcia, which makes it the perfect toy for almost anyone. Keep on Truckin', Jerry.

$15 Buy Now

Fender Mustang GT 40 Modeling Guitar Amp

You don't have to spend over $1,000 on a modeling amp for your favorite guitarist. The Mustang GT 40 from Fender isn't going to bring enough oompf to create that wall of noise for a concert, but it's perfect for practicing or just playing with friends. Over 100 presets and Wi-Fi capability to download more mean that almost any type of sound will come from the speaker, and I was able to replace a rack of pedals while jamming at home with the GT 40. Highly recommend for anyone who wants to try modeling through their amp and doesn't want to break the bank.

$250 Buy Now

HTC Vive

VR is the future of gaming, and that's coming from someone who was the biggest skeptic out there until I tried it. And I think the HTC Vive is the best way to get started. It's comfortable and easy to set up, and has a long list of great games on Steam or through Viveport. It's also a great way for anyone who happens to have mobility issues to see the world that isn't exactly accessible to them!

$600 Buy Now

.tabs { position: absolute; right: 0; z-index: 20; } #ctBoc .article-body-wrap ul.primary li a:link, #ctBoc .article-body-wrap ul.primary li a.active, #ctBoc .article-body-wrap ul.primary li a:active, #ctBoc .article-body-wrap ul.primary li a:visited, #ctBoc .article-body-wrap ul.primary li a:hover, #ctBoc .article-body-wrap ul.primary li.active a, #ctBoc .article ul.primary li a:link, #ctBoc .article ul.primary li a.active, #ctBoc .article ul.primary li a:active, #ctBoc .article ul.primary li a:visited, #ctBoc .article ul.primary li a:hover, #ctBoc .article ul.primary li.active a { border-radius: 0 0 8px 8px; border-width: 0; } #page-wrap { width: 100%; } #page { background: none; } #ctBoc .article-body-wrap { margin-top: 0; } .node, .node-published, .node-unpublished { background: #f9f9f9; } @media all and (max-width: 1350px) and (min-width: 768px) { #ctBoc .article-body-wrap { padding: 0; } } /* FONTS */ @font-face { font-family: 'geomanist-light'; src: url('../sites/all/fonts/geomanist-extralight.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'geomanist-regular'; src: url('../sites/all/fonts/geomanist-regular.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'geomanist-book'; src: url('../sites/all/fonts/geomanist-book.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'geomanist-medium'; src: url('../sites/all/fonts/geomanist-medium.otf'); font-weight: normal; font-style: normal; } .article-body h2, .article-body p, .article-body ul, .article-body ul li { font-family: "geomanist-regular",Helvetica,Arial,sans-serif; font-weight: normal; letter-spacing: 0; line-height: 1.352; } #content > .container, #ctBoc .article-body .container.wide { max-width: 100%; padding: 0; } #ctBoc .article-body__section--narrow, #ctBoc .article-body .narrow { padding: 0 20px; } /* TITLE */ /* TITLE BACKGROUND */ #ctBoc .article .article-body__section--wide.ggtitle { max-width: 100%; } #ctBoc .article-body-wrap .article-body .ggtitle p, #ctBoc .article .article-body .ggtitle p { margin: 0; } #ctBoc .article-body-wrap .ggtitle img, #ctBoc .article .ggtitle img { width: 100%; } /* SUBTITLE */ #ctBoc .ggtitle h2 { color: #fff; font-size: 4vw; font-style: italic; left: 53%; margin: 0; position: absolute; right: 25px; text-align: left; text-shadow: .25vw .25vw #000; top: 37.6vw; } /* SITE LOGO SPLITTER */ .article-body .ggsite { display: table; margin: 75px auto; position: relative; width: auto; } .article-body .ggsite img { max-height: 100px; max-width: 200px; height: auto; width: auto; } #ctBoc .article-body-wrap .ggsite:before, #ctBoc .article-body-wrap .ggsite:after, #ctBoc .article .ggsite:before, #ctBoc .article .ggsite:after { background: #ddd; content: ""; height: 1px; position: absolute; right: calc(100% + 50px); top: 50%; width: 50vw; } #ctBoc .article-body-wrap .ggsite:after, #ctBoc .article .ggsite:after { left: calc(100% + 50px); } .article-body .ggtitle + .wide + .narrow p, .article-body .ggtitle + .wide + .article-body__section--narrow p { color: #474747; line-height: 1.75; text-align: center; } @media all and (max-width: 500px) { .article-body .ggsite { margin: 35px auto; } } /* HERO BLOCK */ #ctBoc .article-body-wrap .gghero, #ctBoc .article .gghero { background: #999; color: #fff; margin: 115px 0 90px; max-width: 100%; padding: 40px 20px; position: relative; } #ctBoc .article-body-wrap .gghero.gghero-color-1, #ctBoc .article .gghero.gghero-color-1 { background: #c62827; } #ctBoc .article-body-wrap .gghero.gghero-color-2, #ctBoc .article .gghero.gghero-color-2 { background: #ae1558; } #ctBoc .article-body-wrap .gghero.gghero-color-3, #ctBoc .article .gghero.gghero-color-3 { background: #6b1c9b; } #ctBoc .article-body-wrap .gghero.gghero-color-4, #ctBoc .article .gghero.gghero-color-4 { background: #4527a1; } #ctBoc .article-body-wrap .gghero.gghero-color-5, #ctBoc .article .gghero.gghero-color-5 { background: #1a2380; } #ctBoc .article-body-wrap .gghero.gghero-color-6, #ctBoc .article .gghero.gghero-color-6 { background: #03589b; } #ctBoc .article-body-wrap .gghero.gghero-color-7, #ctBoc .article .gghero.gghero-color-7 { background: #144786; } #ctBoc .article-body-wrap .gghero.gghero-color-8, #ctBoc .article .gghero.gghero-color-8 { background: #148571; } #ctBoc .article-body-wrap .gghero.gghero-color-9, #ctBoc .article .gghero.gghero-color-9 { background: #1b5d1f; } #ctBoc .article-body-wrap .gghero.gghero-color-10, #ctBoc .article .gghero.gghero-color-10 { background: #3d8522; } #ctBoc .article-body-wrap .gghero p:first-of-type, #ctBoc .article .gghero p:first-of-type { display: flex; height: 100%; max-width: 560px; position: absolute; right: 50%; top: -50px; width: 50%; } #ctBoc .article-body-wrap .gghero img, #ctBoc .article .gghero img { height: 100%; margin: auto; object-fit: contain; width: 100%; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article-body-wrap .gghero h2 ~ p, #ctBoc .article-body-wrap .gghero ul, #ctBoc .article .gghero h2, #ctBoc .article .gghero h2 ~ p, #ctBoc .article .gghero ul { margin-left: calc(50% + 20px); max-width: 540px; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article .gghero h2 { color: #fff; font-size: 45px; text-align: left; } #ctBoc .article-body-wrap .gghero p, #ctBoc .article .gghero p { } #ctBoc .article-body-wrap .gghero h2 + p, #ctBoc .article .gghero h2 + p { color: rgba(255,255,255,0.75); margin-bottom: 25px; } #ctBoc .article-body-wrap .gghero h2 + p a, #ctBoc .article .gghero h2 + p a { border: none; box-shadow: none; color: inherit; } #ctBoc .article-body-wrap .gghero h2 + p a:hover, #ctBoc .article .gghero h2 + p a:hover { color: #fff; text-decoration: underline; } #ctBoc .article-body-wrap .gghero ul, #ctBoc .article .gghero ul { border-top: 1px solid rgba(255,255,255,0.25); margin: 0 -20px 50px calc(50% + 15px); max-width: 550px; overflow: scroll; padding-top: 30px; position: relative; white-space: nowrap; } #ctBoc .article-body-wrap .gghero ul li, #ctBoc .article .gghero ul li { box-sizing: border-box; color: rgba(255,255,255,0.75); display: inline-block; font-size: 75%; min-width: 100px; margin: 0 -5px 0 0; padding: 0 5px; vertical-align: top; white-space: normal; } #ctBoc .article-body-wrap .gghero ul li:before, #ctBoc .article .gghero ul li:before { display: none; } #ctBoc .article-body-wrap .gghero ul li strong, #ctBoc .article .gghero ul li strong { color: #fff; display: block; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(2), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(2) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(2), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(2) ~ li { width: 50%; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(3), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(3) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(3), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(3) ~ li { width: calc(100% / 3); } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(4), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(4) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(4), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(4) ~ li { width: 25%; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(5), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(5) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(5), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(5) ~ li { width: 20%; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(6), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(6) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(6), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(6) ~ li { width: calc(100% / 6); } #ctBoc .article-body-wrap .gghero h2 +p ~ p:last-of-type, #ctBoc .article .gghero h2 +p ~ p:last-of-type { font-size: 48px; color: #fff; } #ctBoc .article-body-wrap .gghero a.cta.shop, #ctBoc .article .gghero a.cta.shop { box-shadow: none; font: 45% "geomanist-medium",Helvetica,Arial,sans-serif; margin: 0 0 20px 5px; padding: 15px 25px; text-transform: uppercase; vertical-align: 7px; } #ctBoc .article-body-wrap .gghero a.cta.shop:before, #ctBoc .article .gghero a.cta.shop:before { display: none; } /* no image */ #ctBoc .article-body-wrap .gghero h2:first-child, #ctBoc .article-body-wrap .gghero h2:first-child + *, #ctBoc .article-body-wrap .gghero h2:first-child ~ *, #ctBoc .article .gghero h2:first-child, #ctBoc .article .gghero h2:first-child + *, #ctBoc .article .gghero h2:first-child ~ * { margin-left: auto; margin-right: auto; max-width: 600px; text-align: center; } #ctBoc .article-body-wrap .gghero h2:only-child, #ctBoc .article .gghero h2:only-child { margin: 0 auto; } @media all and (max-width: 800px) { #ctBoc .article-body-wrap .gghero, #ctBoc .article .gghero { margin: 150px 0 30px; } #ctBoc .article-body-wrap .gghero p:first-of-type, #ctBoc .article .gghero p:first-of-type { height: 100%; margin-top: -150px; max-width: 100%; position: relative; right: 0; top: 0; width: 100%; } #ctBoc .article-body-wrap .gghero p:first-of-type img, #ctBoc .article .gghero p:first-of-type img { max-height: 500px; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article-body-wrap .gghero h2 ~ p, #ctBoc .article-body-wrap .gghero ul, #ctBoc .article .gghero h2, #ctBoc .article .gghero h2 ~ p, #ctBoc .article .gghero ul { margin-left: 30px; margin-right: 30px; max-width: 100%; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article .gghero h2 { margin-top: 45px; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article-body-wrap .gghero p:last-of-type, #ctBoc .article .gghero h2, #ctBoc .article .gghero p:last-of-type { text-align: center; } #ctBoc .article-body-wrap .gghero ul li, #ctBoc .article .gghero ul li { font-size: 90%; } } /* SUB OPTIONS */ #ctBoc .article-body-wrap .container.narrow.ggsubs, #ctBoc .article .narrow.ggsubs { display: flex; flex-wrap: wrap; margin: auto; max-width: 1200px; } #ctBoc .article-body-wrap .ggsub, #ctBoc .article .ggsub { background: #fff; box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1); box-sizing: border-box; flex: 1 1 calc(50% - 40px); margin: 20px; padding-bottom: 100px; position: relative; transition: 0.25s; } #ctBoc .article-body-wrap .ggsub:hover, #ctBoc .article .ggsub:hover { box-shadow: 0 6px 10px 3px rgba(0,0,0,0.1); } #ctBoc .article-body-wrap .ggsub p:first-of-type, #ctBoc .article .ggsub p:first-of-type { display: flex; height: 560px; margin: 0; } #ctBoc .article-body-wrap .ggsub img, #ctBoc .article .ggsub img, .article-body .ggsub img, .article-body .ggsub img.image-large, .article-body .ggsub img.image-xlarge, .article-body .ggsub p img.image-large:only-child, .article-body .ggsub p a img.image-large:only-child, .article-body .ggsub p img.image-xlarge:only-child, .article-body .ggsub p a img.image-xlarge:only-child { height: 100%; object-fit: cover; width: 100%; } #ctBoc .article-body-wrap .ggsub h2, #ctBoc .article .ggsub h2 { color: #363636; font: 32px "geomanist-book",Helvetica,Arial,sans-serif; margin: 60px 60px 30px; text-align: center; } #ctBoc .article-body-wrap .ggsub h2 + p, #ctBoc .article .ggsub h2 + p { color: #898989; margin: 30px 60px 60px; text-align: center; } #ctBoc .article-body-wrap .ggsub p:last-of-type, #ctBoc .article .ggsub p:last-of-type { bottom: 25px; color: #363636; display: block; font-size: 32px; left: 50%; margin: 0 auto; position: absolute; text-align: center; transform: translate(-50%,0); width: calc(100% - 40px); } #ctBoc .article-body-wrap .ggsub a.cta.shop, #ctBoc .article .ggsub a.cta.shop { font: 18px "geomanist-medium",Helvetica,Arial,sans-serif; margin: 0 0 20px 5px; padding: 15px 25px; text-transform: uppercase; vertical-align: 7px; } #ctBoc .article-body-wrap .ggsub a.cta.shop:before, #ctBoc .article .ggsub a.cta.shop:before { display: none; } /* Odd Number End Subs */ @media all and (min-width: 801px) { #ctBoc .article-body-wrap .ggsubs > .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .ggsubs > .ggsub:last-of-type:nth-of-type(odd) { padding-left: 50%; } #ctBoc .article-body-wrap .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:first-of-type, #ctBoc .article .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:first-of-type { position: absolute; height: 100%; left: 0; padding-bottom: 0; top: 0; width: 50%; } #ctBoc .article-body-wrap .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:last-of-type, #ctBoc .article .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:last-of-type { left: calc(75% + 10px); } } @media all and (max-width: 1240px) { #ctBoc .article-body-wrap .ggsub p:first-of-type, #ctBoc .article .ggsub p:first-of-type { height: calc(50vw - 60px); } } @media all and (max-width: 800px) { #ctBoc .article-body-wrap .container:not(.expando) .ggsub, #ctBoc .article .article-body__section:not(.expando) .ggsub { flex: 1 1 100%; padding-bottom: 20px; } #ctBoc .article-body-wrap .container:not(.expando) .ggsub p:first-of-type, #ctBoc .article .article-body__section:not(.expando) .ggsub p:first-of-type { height: calc(66vw - 40px); } #ctBoc .article-body-wrap .container:not(.expando) .ggsub p:last-of-type, #ctBoc .article .article-body__section:not(.expando) .ggsub p:last-of-type { bottom: auto; left: auto; position: relative; transform: none; } } @media all and (max-width: 600px) { #ctBoc .article-body-wrap .ggsub, #ctBoc .article .ggsub { margin: 10px; } #ctBoc .article-body-wrap .ggsub h2, #ctBoc .article .ggsub h2 { margin: 30px 30px 20px; } #ctBoc .article-body-wrap .ggsub h2 + p, #ctBoc .article .ggsub h2 + p { margin: 20px 30px 30px; } } /* EXPANDOPRESTO */ #ctBoc .article-body-wrap .narrow.expando, #ctBoc .article .narrow.expando { max-width: 1200px; overflow: hidden; } #ctBoc .article-body-wrap .expando input, #ctBoc .article .expando input { cursor: pointer; display: table; height: 60px; left: 50%; opacity: 0; position: absolute; top: 0; transform: translate(-50%,0); width: 350px; z-index: 1; } #ctBoc .article-body-wrap .expando input + p, #ctBoc .article .expando input + p { display: table; height: 60px; margin: 0 auto; position: relative; transition: 1s; } #ctBoc .article-body-wrap .expando input + p:before, #ctBoc .article-body-wrap .expando input + p:after, #ctBoc .article .expando input + p:before, #ctBoc .article .expando input + p:after { bottom: 0; border: 2px solid; border-radius: 50%; content: "|"; font-size: 20px; height: 30px; left: 50%; line-height: 32.5px; position: absolute; text-align: center; transform: translate(-50%,0); transition: 1s; width: 30px; } #ctBoc .article-body-wrap .expando input + p:before, #ctBoc .article .expando input + p:before { border-color: transparent; transform: translate(-50%,0) rotate(90deg); } #ctBoc .article-body-wrap .expando input ~ .expander, #ctBoc .article .expando input ~ .expander { display: flex; max-height: 0px; transition: 2s; } #ctBoc .article-body-wrap .expando input:checked + p, #ctBoc .article .expando input:checked + p { margin-top: -25px; } #ctBoc .article-body-wrap .expando input:checked + p:before, #ctBoc .article-body-wrap .expando input:checked + p:after, #ctBoc .article .expando input:checked + p:before, #ctBoc .article .expando input:checked + p:after { line-height: 31px; } #ctBoc .article-body-wrap .expando input:checked + p:before, #ctBoc .article .expando input:checked + p:before { transform: translate(-50%,0) rotate(-45deg); } #ctBoc .article-body-wrap .expando input:checked + p:after, #ctBoc .article .expando input:checked + p:after { transform: translate(-50%,0) rotate(045deg); } #ctBoc .article-body-wrap .expando input:checked ~ .expander, #ctBoc .article .expando input:checked ~ .expander { max-height: 10000px; transition: 5s; } #ctBoc .article-body-wrap .expander, #ctBoc .article .expander { display: flex; flex-wrap: wrap; } /* Expansion blocks */ #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { padding-bottom: 60px; } #ctBoc .article-body-wrap .expando .ggsub p:first-of-type, #ctBoc .article .expando .ggsub p:first-of-type { padding-bottom: 66%; } #ctBoc .article-body-wrap .expando .ggsub h2, #ctBoc .article .expando .ggsub h2 { font-size: 200%; margin: 30px; } #ctBoc .article-body-wrap .expando .ggsub h2 + p:not(:last-of-type), #ctBoc .article .expando .ggsub h2 + p:not(:last-of-type) { display: none; } #ctBoc .article-body-wrap .expando .ggsub p:last-of-type, #ctBoc .article .expando .ggsub p:last-of-type { bottom: 5px; font-size: 200%; } #ctBoc .article-body-wrap .expando .ggsub a.cta.shop, #ctBoc .article .expando .ggsub a.cta.shop { font-size: 55%; vertical-align: 4px; } #ctBoc .article-body-wrap .expander > ul, #ctBoc .article .expander > ul { column-count: 2; column-gap: 40px; margin: 20px auto; max-width: 800px } #ctBoc .article-body-wrap .expander > ul li, #ctBoc .article .expander > ul li { padding: 20px 0 0; } #ctBoc .article-body-wrap .expander > ul li:before, #ctBoc .article .expander > ul li:before { display: none; } #ctBoc .article-body-wrap .expander > ul li a, #ctBoc .article .expander > ul li a { color: #484848; } #ctBoc .article-body-wrap .expander > ul li a:hover, #ctBoc .article .expander > ul li a:hover { color: #72b825; text-decoration: underline; } @media all and (min-width: 1201px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { width: calc(25% - 40px); } #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3) ~ .ggsub:nth-of-type(-n+3), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6) ~ .ggsub:nth-of-type(-n+6), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9) ~ .ggsub:nth-of-type(-n+9), #ctBoc .article-body-wrap .expando .ggsub:nth-of-type(3):nth-last-of-type(3), #ctBoc .article-body-wrap .expando .ggsub:nth-of-type(3):nth-last-of-type(3) ~ .ggsub, #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3) ~ .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3) ~ .ggsub:nth-of-type(-n+3), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6) ~ .ggsub:nth-of-type(-n+6), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9) ~ .ggsub:nth-of-type(-n+9), #ctBoc .article .expando .ggsub:nth-of-type(3):nth-last-of-type(3), #ctBoc .article .expando .ggsub:nth-of-type(3):nth-last-of-type(3) ~ .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3) ~ .ggsub { width: calc(100% / 3 - 40px); } #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(5), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(5) + .ggsub, #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(5), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(5) + .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub { width: calc(50% - 40px); } } @media all and (max-width: 1200px) and (min-width: 801px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { width: calc(100% / 3 - 40px); } #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2) ~ .ggsub:nth-of-type(-n+2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1) ~ .ggsub:nth-of-type(-n+4), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2) ~ .ggsub:nth-of-type(-n+2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1) ~ .ggsub:nth-of-type(-n+4), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub { width: calc(50% - 40px); } } @media all and (max-width: 800px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { width: calc(50% - 40px); } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) { padding-left: 50%; width: calc(100% - 40px); } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd) p:first-of-type, #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) p:first-of-type { position: absolute; height: 100%; left: 0; padding-bottom: 0; top: 0; width: 50%; } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd) p:last-of-type, #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) p:last-of-type { left: calc(75% + 10px); } } @media all and (max-width: 600px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { padding-bottom: 70px; width: calc(50% - 20px); } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) { padding-left: 50%; width: calc(100% - 20px); } #ctBoc .article-body-wrap .expando .ggsub h2, #ctBoc .article .expando .ggsub h2 { font-size: 150%; margin: 10px 20px; } #ctBoc .article-body-wrap .expando .ggsub p:last-of-type, #ctBoc .article .expando .ggsub p:last-of-type { font-size: 175%; } #ctBoc .article-body-wrap .expando .ggsub a.cta.shop, #ctBoc .article .expando .ggsub a.cta.shop { font-size: 66%; padding: 10px 15px; vertical-align: 2px; } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) { padding-top: 10px; } #ctBoc .article-body-wrap .expander > ul, #ctBoc .article .expander > ul { column-count: 1; } } @media all and (max-width: 480px) { #ctBoc .article-body-wrap .expando .ggsub p:last-of-type, #ctBoc .article .expando .ggsub p:last-of-type { font-size: 150%; } #ctBoc .article-body-wrap .expando .ggsub a.cta.shop, #ctBoc .article .expando .ggsub a.cta.shop { margin: 0 0 20px; padding: 10px; } } .fb_like_and_share { margin-top: 25px; } /* SEASONAL */ /* body { background: #31334a; } body.im .header__brand, body.im .top-header__brand, body.im .article-body p.ggsite img { filter: brightness(59%) invert(1) sepia(1) hue-rotate(190deg); } body.wp .top-header__brand { filter: invert(1); } #ctBoc .ggtitle h2 { color: #fff; text-shadow: .25vw .25vw #000; } .header, .swiper-container, .recent-posts, #page-top, .recent-posts .topics, .header__navigation-item, .top-header--scrolled .top-header-inner, .nav-drawer__header, .top-header-inner { background: #28293b; color: #fff; } .header__navigation-item a, .header__navigation-item--icon a, .header__navigation-item--icon button, .header__navigation-item--special a, .header__navigation-item--special button, .header__navigation-item--icon a:hover, .header__navigation-item--icon button:hover, .header__navigation-item--special a:hover, .header__navigation-item--special button:hover, .top-header__offer, .top-header__offer a, .top-header__navigation-item a, .top-header__navigation-item button, .top-header--scrolled .top-header__navigation-item a, .top-header--scrolled .top-header__navigation-item button { color: #fff; } #header-navigation-right>ul>li, .header #navigation ul ul, .header #header-navigation-right ul ul { border-color: #684fb4; } #header-navigation-left li, #header-navigation-right>ul>li { border-color: #684fb4 !important; } .header:after, .header #navigation ul li:hover, .header #navigation ul li.active, .header .header-navigation ul>li:hover, .header .header-navigation ul>li.active, .header #header-navigation-right .search.active, .navigation-right .menu ul li:hover a, .navigation-right .menu ul li.hover a, .navigation-right .menu ul li.hover-f a, .header #header-navigation-right ul ul li:hover a, .header #navigation ul ul li:hover a, .top-header__navigation-item a:focus, .top-header__navigation-item a:hover, .top-header__navigation-item button:focus, .top-header__navigation-item button:hover, .top-header__drawer-toggle, .top-header--scrolled .top-header__drawer-toggle, body.cb .header .logo:before { background: #747ba9; color: #fff; } .article-body .ggsite img { filter: sepia(0.5) hue-rotate(190deg); } body.im p.ggsite { background: #31334a; padding: 10px 20px; } #ctBoc a.cta.shop, #ctBoc ul.cta.shop { background-color: #ebde76; border: none; color: #000; } #ctBoc a.cta.shop:hover, #ctBoc ul.cta.shop:hover { background-color: #41d9ff; } #ctBoc .article-body-wrap .gghero.gghero-color-1, #ctBoc .article .gghero.gghero-color-1 { background: #28293b; } #ctBoc .article-body-wrap .gghero.gghero-color-2, #ctBoc .article-body-wrap .gghero.gghero-color-10, #ctBoc .article .gghero.gghero-color-2, #ctBoc .article .gghero.gghero-color-10 { background: #373e59; } #ctBoc .article-body-wrap .gghero.gghero-color-3, #ctBoc .article-body-wrap .gghero.gghero-color-9, #ctBoc .article .gghero.gghero-color-3, #ctBoc .article .gghero.gghero-color-9 { background: #46587a; } #ctBoc .article-body-wrap .gghero.gghero-color-4, #ctBoc .article-body-wrap .gghero.gghero-color-8, #ctBoc .article .gghero.gghero-color-4, #ctBoc .article .gghero.gghero-color-8 { background: #507499; } #ctBoc .article-body-wrap .gghero.gghero-color-5, #ctBoc .article-body-wrap .gghero.gghero-color-7, #ctBoc .article .gghero.gghero-color-5, #ctBoc .article .gghero.gghero-color-7 { background: #5697b8; } #ctBoc .article-body-wrap .gghero.gghero-color-6, #ctBoc .article .gghero.gghero-color-6 { background: #5ac0d7; } */ /* WC Seasonal */ body.wp { background: #ca1878; } body.wp .top-header__brand { filter: invert(1); } .wp #ctBoc .ggtitle h2 { text-shadow: .25vw .25vw #911458; } .wp .header, .wp .swiper-container, .wp .recent-posts, .wp #page-top, .wp .recent-posts .topics, .wp .header__navigation-item, .wp .top-header--scrolled .top-header-inner, .wp .nav-drawer__header, .wp .top-header-inner { background: #732978; color: #fff; } .wp .header__navigation-item a, .wp .header__navigation-item--icon a, .wp .header__navigation-item--icon button, .wp .header__navigation-item--special a, .wp .header__navigation-item--special button, .wp .header__navigation-item--icon a:hover, .wp .header__navigation-item--icon button:hover, .wp .header__navigation-item--special a:hover, .wp .header__navigation-item--special button:hover, .wp .top-header__offer, .wp .top-header__offer a, .wp .top-header__navigation-item a, .wp .top-header__navigation-item button, .wp .top-header--scrolled .top-header__navigation-item a, .wp .top-header--scrolled .top-header__navigation-item button { color: #fff; } .wp #header-navigation-right>ul>li, .wp .header #navigation ul ul, .wp .header #header-navigation-right ul ul { border-color: #684fb4; } .wp #header-navigation-left li, .wp #header-navigation-right>ul>li { border-color: #684fb4 !important; } .wp .header:after, .wp .header #navigation ul li:hover, .wp .header #navigation ul li.active, .wp .header .header-navigation ul>li:hover, .wp .header .header-navigation ul>li.active, .wp .header #header-navigation-right .search.active, .wp .navigation-right .menu ul li:hover a, .wp .navigation-right .menu ul li.hover a, .wp .navigation-right .menu ul li.hover-f a, .wp .header #header-navigation-right ul ul li:hover a, .wp .header #navigation ul ul li:hover a, .wp .top-header__navigation-item a:focus, .wp .top-header__navigation-item a:hover, .wp .top-header__navigation-item button:focus, .wp .top-header__navigation-item button:hover, .wp .top-header__drawer-toggle, .wp .top-header--scrolled .top-header__drawer-toggle { background: #943b73; color: #fff; } .wp .article-body .ggsite img { filter: sepia(0.5) hue-rotate(260deg); } .wp #ctBoc a.cta.shop, .wp #ctBoc ul.cta.shop { background-color: #caa4f1; border: none; color: #000; } .wp #ctBoc a.cta.shop:hover, .wp #ctBoc ul.cta.shop:hover { background-color: #b178e9; color: #fff; opacity: 1; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-1, .wp #ctBoc .article .gghero.gghero-color-1 { background: #943b73; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-2, .wp #ctBoc .article-body-wrap .gghero.gghero-color-10, .wp #ctBoc .article .gghero.gghero-color-2, .wp #ctBoc .article .gghero.gghero-color-10 { background: #a63f82; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-3, .wp #ctBoc .article-body-wrap .gghero.gghero-color-9, .wp #ctBoc .article .gghero.gghero-color-3, .wp #ctBoc .article .gghero.gghero-color-9 { background: #b84290; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-4, .wp #ctBoc .article-body-wrap .gghero.gghero-color-8, .wp #ctBoc .article .gghero.gghero-color-4, .wp #ctBoc .article .gghero.gghero-color-8 { background: #c7449d; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-5, .wp #ctBoc .article-body-wrap .gghero.gghero-color-7, .wp #ctBoc .article .gghero.gghero-color-5, .wp #ctBoc .article .gghero.gghero-color-7 { background: #d645ab; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-6, .wp #ctBoc .article .gghero.gghero-color-6 { background: #e946bb; } /* AC Seasonal */ body.ac { background: #1b9580; } body.ac .top-header__brand { filter: invert(1); } .ac #ctBoc .ggtitle h2 { text-shadow: .25vw .25vw #105662; } .ac .header, .ac .swiper-container, .ac .recent-posts, .ac #page-top, .ac .recent-posts .topics, .ac .header__navigation-item, .ac .top-header--scrolled .top-header-inner, .ac .nav-drawer__header, .ac .top-header-inner { background: #105662; color: #fff; } .ac .header__navigation-item a, .ac .header__navigation-item--icon a, .ac .header__navigation-item--icon button, .ac .header__navigation-item--special a, .ac .header__navigation-item--special button, .ac .header__navigation-item--icon a:hover, .ac .header__navigation-item--icon button:hover, .ac .header__navigation-item--special a:hover, .ac .header__navigation-item--special button:hover, .ac .top-header__offer, .ac .top-header__offer a, .ac .top-header__navigation-item a, .ac .top-header__navigation-item button, .ac .top-header--scrolled .top-header__navigation-item a, .ac .top-header--scrolled .top-header__navigation-item button { color: #fff; } .ac #header-navigation-right>ul>li, .ac .header #navigation ul ul, .ac .header #header-navigation-right ul ul { border-color: #1b7b7a; } .ac #header-navigation-left li, .ac #header-navigation-right>ul>li { border-color: #1b7b7a !important; } .ac .header:after, .ac .header #navigation ul li:hover, .ac .header #navigation ul li.active, .ac .header .header-navigation ul>li:hover, .ac .header .header-navigation ul>li.active, .ac .header #header-navigation-right .search.active, .ac .navigation-right .menu ul li:hover a, .ac .navigation-right .menu ul li.hover a, .ac .navigation-right .menu ul li.hover-f a, .ac .header #header-navigation-right ul ul li:hover a, .ac .header #navigation ul ul li:hover a, .ac .top-header__navigation-item a:focus, .ac .top-header__navigation-item a:hover, .ac .top-header__navigation-item button:focus, .ac .top-header__navigation-item button:hover, .ac .top-header__drawer-toggle, .ac .top-header--scrolled .top-header__drawer-toggle { background: #1b7b7a; color: #fff; } .ac .article-body .ggsite img { filter: sepia(0.5) hue-rotate(135deg); } .ac #ctBoc a.cta.shop, .ac #ctBoc ul.cta.shop { background-color: #ca205e; border: none; color: #fff; } .ac #ctBoc a.cta.shop:hover, .ac #ctBoc ul.cta.shop:hover { background-color: #98274f; color: #fff; opacity: 1; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-1, .ac #ctBoc .article .gghero.gghero-color-1 { background: #127d6d; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-2, .ac #ctBoc .article-body-wrap .gghero.gghero-color-10, .ac #ctBoc .article .gghero.gghero-color-2, .ac #ctBoc .article .gghero.gghero-color-10 { background: #148774; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-3, .ac #ctBoc .article-body-wrap .gghero.gghero-color-9, .ac #ctBoc .article .gghero.gghero-color-3, .ac #ctBoc .article .gghero.gghero-color-9 { background: #158c76; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-4, .ac #ctBoc .article-body-wrap .gghero.gghero-color-8, .ac #ctBoc .article .gghero.gghero-color-4, .ac #ctBoc .article .gghero.gghero-color-8 { background: #179179; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-5, .ac #ctBoc .article-body-wrap .gghero.gghero-color-7, .ac #ctBoc .article .gghero.gghero-color-5, .ac #ctBoc .article .gghero.gghero-color-7 { background: #1a967b; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-6, .ac #ctBoc .article .gghero.gghero-color-6 { background: #1d9e7f; } /* IM Seasonal */ body.im { background: #ffd011; } /* body.im .top-header__brand { filter: invert(1); } .im #ctBoc .ggtitle h2 { text-shadow: .25vw .25vw #c83b44; } .im .header, .im .swiper-container, .im .recent-posts, .im #page-top, .im .recent-posts .topics, .im .header__navigation-item, .im .top-header--scrolled .top-header-inner, .im .nav-drawer__header, .im .top-header-inner { background: #732978; color: #fff; } .im .header__navigation-item a, .im .header__navigation-item--icon a, .im .header__navigation-item--icon button, .im .header__navigation-item--special a, .im .header__navigation-item--special button, .im .header__navigation-item--icon a:hover, .im .header__navigation-item--icon button:hover, .im .header__navigation-item--special a:hover, .im .header__navigation-item--special button:hover, .im .top-header__offer, .im .top-header__offer a, .im .top-header__navigation-item a, .im .top-header__navigation-item button, .im .top-header--scrolled .top-header__navigation-item a, .im .top-header--scrolled .top-header__navigation-item button { color: #fff; } .im #header-navigation-right>ul>li, .im .header #navigation ul ul, .im .header #header-navigation-right ul ul { border-color: #684fb4; } .im #header-navigation-left li, .im #header-navigation-right>ul>li { border-color: #684fb4 !important; } .im .header:after, .im .header #navigation ul li:hover, .im .header #navigation ul li.imtive, .im .header .header-navigation ul>li:hover, .im .header .header-navigation ul>li.imtive, .im .header #header-navigation-right .search.imtive, .im .navigation-right .menu ul li:hover a, .im .navigation-right .menu ul li.hover a, .im .navigation-right .menu ul li.hover-f a, .im .header #header-navigation-right ul ul li:hover a, .im .header #navigation ul ul li:hover a, .im .top-header__navigation-item a:focus, .im .top-header__navigation-item a:hover, .im .top-header__navigation-item button:focus, .im .top-header__navigation-item button:hover, .im .top-header__drawer-toggle, .im .top-header--scrolled .top-header__drawer-toggle { background: #943b73; color: #fff; } .im .article-body .ggsite img { filter: sepia(0.5) hue-rotate(260deg); } */ body.im p.ggsite { background: #FFD600; padding: 10px 20px; } .im #ctBoc a.cta.shop, .im #ctBoc ul.cta.shop { background-color: #ff3f4c; border: none; color: #000; } .im #ctBoc a.cta.shop:hover, .im #ctBoc ul.cta.shop:hover { background-color: #c83b44; color: #fff; opacity: 1; } .im #ctBoc .article-body-wrap .gghero.gghero-color-1, .im #ctBoc .article .gghero.gghero-color-1 { background: #ffd80f; } .im #ctBoc .article-body-wrap .gghero.gghero-color-2, .im #ctBoc .article-body-wrap .gghero.gghero-color-10, .im #ctBoc .article .gghero.gghero-color-2, .im #ctBoc .article .gghero.gghero-color-10 { background: #fcc51e; } .im #ctBoc .article-body-wrap .gghero.gghero-color-3, .im #ctBoc .article-body-wrap .gghero.gghero-color-9, .im #ctBoc .article .gghero.gghero-color-3, .im #ctBoc .article .gghero.gghero-color-9 { background: #f7b42d; } .im #ctBoc .article-body-wrap .gghero.gghero-color-4, .im #ctBoc .article-body-wrap .gghero.gghero-color-8, .im #ctBoc .article .gghero.gghero-color-4, .im #ctBoc .article .gghero.gghero-color-8 { background: #f5a73b; } .im #ctBoc .article-body-wrap .gghero.gghero-color-5, .im #ctBoc .article-body-wrap .gghero.gghero-color-7, .im #ctBoc .article .gghero.gghero-color-5, .im #ctBoc .article .gghero.gghero-color-7 { background: #f09f48; } .im #ctBoc .article-body-wrap .gghero.gghero-color-6, .im #ctBoc .article .gghero.gghero-color-6 { background: #ed9a54; } .im #ctBoc .article-body-wrap .gghero h2, .im #ctBoc .article-body-wrap .gghero h2 +p ~ p:last-of-type, .im #ctBoc .article .gghero h2, .im #ctBoc .article .gghero h2 +p ~ p:last-of-type { color: #000 } .im #ctBoc .article-body-wrap .gghero h2 + p, .im #ctBoc .article .gghero h2 + p { color: rgba(0,0,0,0.75) } /*-->*/ /*-->*/ //-->

Read more and comment

 
1 month ago

Harish's Favorite Tech of 2017

1

Harish's Favorite Tech of 2017

2017 turned out to be a very interesting year for tech — budget phones got much better, and flagships continued to push boundaries with bezel-less displays and significantly-improved cameras. I got to try out a ton of phones and accessories, and ended up buying a whole lot of gear I'll probably not use all that much.

From phones to accessories and hardware, these are my favorite things of 2017.

Galaxy Note 8

Samsung didn't put a foot wrong this year. The Galaxy Note 8 has everything you need in a phone, and then some. With a gorgeous Super AMOLED panel with minimal bezels, excellent dual rear cameras (with OIS on both sensors!), beefy internals, sleek design, and S Pen, the Note 8 is the complete package. This is the phone to beat going into 2018.

$923 Buy now

Xiaomi Mi A1

At the other end of the spectrum is Xiaomi's Mi A1. The first in the new wave of Android One devices, the Mi A1 punches significantly above its weight. The phone has a 5.5-inch Full HD panel, Snapdragon 625, 4GB of RAM, 64GB storage, dual 12MP rear cameras, and a 3000mAh battery. All this and the promise of quick updates for under $250, and it's easy to see why the Mi A1 is such an easy recommendation.

$226 Buy Now

Google Home

A year after its debut, Google Home continues to be a great option if you're looking for an internet-connected speaker. Assistant has picked up a ton of new features, including the ability to set reminders (finally). With the device now selling for just $79, there's no reason not to get one.

$79 Buy Now

Marshall Stanmore Multi-Room

I bought the Stanmore three years ago, and it continues to be one of my best audio purchases. Marshall rolled out an updated variant of the Stanmore a few months ago, which has the same great sound and retro flair, but with a slew of new connectivity options: Wi-Fi, Chromecast built-in, AirPlay, and Spotify Connect in addition to Bluetooth and a 3.5mm jack. It's $100 costlier than the Bluetooth-enabled version of the Stanmore, but it's worth the investment.

$450 Buy Now

Sphero R2-D2

If you're interested in Star Wars, you should take a look at Sphero's app-controlled R2-D2. The attention to detail is astonishing — particularly when you consider the fact that it costs $125. It also comes with an integrated speaker, flashing lights at the front and rear, and a ton of programmable actions.

$125 Buy Now

Sony MDR-1000X

The MDR-1000X is just as good as Bose's QC-35 at blocking out sound, and offers much better audio quality. The build quality is also better, you get a durable carrying case, and playback controls on the left earcup. A no-brainer if you travel a lot.

$289 Buy Now

Mi Robot Vacuum

I bought Xiaomi's Mi Robot Vacuum on a whim, and it turned out to be a great purchase. The vacuum has the same motor as a Roomba 980, and comes with a navigation system that automatically maps out the interior of your house. You can control it from your phone, set automated cleaning schedules, and monitor it in real-time as it cleans your house. How cool is that?

$319 Buy Now

Zotac Magnus EN1070

My primary PC is running a GTX 1080, and I picked up a Magnus EN1070 a few months ago to as a living room gaming machine. I needed a beefy PC in a compact form factor, and the Magnus EN1070 is ideal in that regard. The device is barely larger than my router, but it comes with a 2.7GHz Kaby Lake Core i5-7500T CPU, GeForce GTX 1070, slots for two SSDs (one M.2 and one 2.5-inch), up to 32GB of DDR4 RAM, two HDMI 2.0 out, USB-C port, USB 3.1 Gen2 port, and two USB 3.0 ports. And you get Wi-Fi ac as well as Bluetooth 4.2.

I ended up buying a barebones edition and slotting in 8GB of RAM, a Samsung 960 Evo M.2 SSD, and a 1TB mechanical drive. You're looking at around $1,500 including the memory and storage, but it is absolutely worth it.

$1,099 Buy Now

ASUS RT-AC5300

I'm not sold on mesh networking yet, and until there's a beefier option available, I'm continuing with ASUS' arachnid-wannabe RT-AC5300. I switched to a Gigabit internet plan six months ago, and upgraded from my trusty AC1900-class RT-AC87. The AC5300 has excellent range, insane throughput, four Gigabit Ethernet ports, and two 5GHz bands. I managed to significantly increase the throughput to my work machine — going from 300Mbps to around 500Mbps — with the AC5300.

$297 Buy Now

Yeelight LED bulbs

Yi Technology's Yeelight LED bulbs effectively undercut Hue while still offering a similar feature-set. The main differentiator is that you don't need a centralized hub to get started with the Yeelight bulbs, significantly lowering the barrier to entry. You can also control the bulbs via either Alexa or Google Assistant.

$25 Buy Now

.tabs { position: absolute; right: 0; z-index: 20; } #ctBoc .article-body-wrap ul.primary li a:link, #ctBoc .article-body-wrap ul.primary li a.active, #ctBoc .article-body-wrap ul.primary li a:active, #ctBoc .article-body-wrap ul.primary li a:visited, #ctBoc .article-body-wrap ul.primary li a:hover, #ctBoc .article-body-wrap ul.primary li.active a, #ctBoc .article ul.primary li a:link, #ctBoc .article ul.primary li a.active, #ctBoc .article ul.primary li a:active, #ctBoc .article ul.primary li a:visited, #ctBoc .article ul.primary li a:hover, #ctBoc .article ul.primary li.active a { border-radius: 0 0 8px 8px; border-width: 0; } #page-wrap { width: 100%; } #page { background: none; } #ctBoc .article-body-wrap { margin-top: 0; } .node, .node-published, .node-unpublished { background: #f9f9f9; } @media all and (max-width: 1350px) and (min-width: 768px) { #ctBoc .article-body-wrap { padding: 0; } } /* FONTS */ @font-face { font-family: 'geomanist-light'; src: url('../sites/all/fonts/geomanist-extralight.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'geomanist-regular'; src: url('../sites/all/fonts/geomanist-regular.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'geomanist-book'; src: url('../sites/all/fonts/geomanist-book.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'geomanist-medium'; src: url('../sites/all/fonts/geomanist-medium.otf'); font-weight: normal; font-style: normal; } .article-body h2, .article-body p, .article-body ul, .article-body ul li { font-family: "geomanist-regular",Helvetica,Arial,sans-serif; font-weight: normal; letter-spacing: 0; line-height: 1.352; } #content > .container, #ctBoc .article-body .container.wide { max-width: 100%; padding: 0; } #ctBoc .article-body__section--narrow, #ctBoc .article-body .narrow { padding: 0 20px; } /* TITLE */ /* TITLE BACKGROUND */ #ctBoc .article .article-body__section--wide.ggtitle { max-width: 100%; } #ctBoc .article-body-wrap .article-body .ggtitle p, #ctBoc .article .article-body .ggtitle p { margin: 0; } #ctBoc .article-body-wrap .ggtitle img, #ctBoc .article .ggtitle img { width: 100%; } /* SUBTITLE */ #ctBoc .ggtitle h2 { color: #fff; font-size: 4vw; font-style: italic; left: 53%; margin: 0; position: absolute; right: 25px; text-align: left; text-shadow: .25vw .25vw #000; top: 37.6vw; } /* SITE LOGO SPLITTER */ .article-body .ggsite { display: table; margin: 75px auto; position: relative; width: auto; } .article-body .ggsite img { max-height: 100px; max-width: 200px; height: auto; width: auto; } #ctBoc .article-body-wrap .ggsite:before, #ctBoc .article-body-wrap .ggsite:after, #ctBoc .article .ggsite:before, #ctBoc .article .ggsite:after { background: #ddd; content: ""; height: 1px; position: absolute; right: calc(100% + 50px); top: 50%; width: 50vw; } #ctBoc .article-body-wrap .ggsite:after, #ctBoc .article .ggsite:after { left: calc(100% + 50px); } .article-body .ggtitle + .wide + .narrow p, .article-body .ggtitle + .wide + .article-body__section--narrow p { color: #474747; line-height: 1.75; text-align: center; } @media all and (max-width: 500px) { .article-body .ggsite { margin: 35px auto; } } /* HERO BLOCK */ #ctBoc .article-body-wrap .gghero, #ctBoc .article .gghero { background: #999; color: #fff; margin: 115px 0 90px; max-width: 100%; padding: 40px 20px; position: relative; } #ctBoc .article-body-wrap .gghero.gghero-color-1, #ctBoc .article .gghero.gghero-color-1 { background: #c62827; } #ctBoc .article-body-wrap .gghero.gghero-color-2, #ctBoc .article .gghero.gghero-color-2 { background: #ae1558; } #ctBoc .article-body-wrap .gghero.gghero-color-3, #ctBoc .article .gghero.gghero-color-3 { background: #6b1c9b; } #ctBoc .article-body-wrap .gghero.gghero-color-4, #ctBoc .article .gghero.gghero-color-4 { background: #4527a1; } #ctBoc .article-body-wrap .gghero.gghero-color-5, #ctBoc .article .gghero.gghero-color-5 { background: #1a2380; } #ctBoc .article-body-wrap .gghero.gghero-color-6, #ctBoc .article .gghero.gghero-color-6 { background: #03589b; } #ctBoc .article-body-wrap .gghero.gghero-color-7, #ctBoc .article .gghero.gghero-color-7 { background: #144786; } #ctBoc .article-body-wrap .gghero.gghero-color-8, #ctBoc .article .gghero.gghero-color-8 { background: #148571; } #ctBoc .article-body-wrap .gghero.gghero-color-9, #ctBoc .article .gghero.gghero-color-9 { background: #1b5d1f; } #ctBoc .article-body-wrap .gghero.gghero-color-10, #ctBoc .article .gghero.gghero-color-10 { background: #3d8522; } #ctBoc .article-body-wrap .gghero p:first-of-type, #ctBoc .article .gghero p:first-of-type { display: flex; height: 100%; max-width: 560px; position: absolute; right: 50%; top: -50px; width: 50%; } #ctBoc .article-body-wrap .gghero img, #ctBoc .article .gghero img { height: 100%; margin: auto; object-fit: contain; width: 100%; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article-body-wrap .gghero h2 ~ p, #ctBoc .article-body-wrap .gghero ul, #ctBoc .article .gghero h2, #ctBoc .article .gghero h2 ~ p, #ctBoc .article .gghero ul { margin-left: calc(50% + 20px); max-width: 540px; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article .gghero h2 { color: #fff; font-size: 45px; text-align: left; } #ctBoc .article-body-wrap .gghero p, #ctBoc .article .gghero p { } #ctBoc .article-body-wrap .gghero h2 + p, #ctBoc .article .gghero h2 + p { color: rgba(255,255,255,0.75); margin-bottom: 25px; } #ctBoc .article-body-wrap .gghero h2 + p a, #ctBoc .article .gghero h2 + p a { border: none; box-shadow: none; color: inherit; } #ctBoc .article-body-wrap .gghero h2 + p a:hover, #ctBoc .article .gghero h2 + p a:hover { color: #fff; text-decoration: underline; } #ctBoc .article-body-wrap .gghero ul, #ctBoc .article .gghero ul { border-top: 1px solid rgba(255,255,255,0.25); margin: 0 -20px 50px calc(50% + 15px); max-width: 550px; overflow: scroll; padding-top: 30px; position: relative; white-space: nowrap; } #ctBoc .article-body-wrap .gghero ul li, #ctBoc .article .gghero ul li { box-sizing: border-box; color: rgba(255,255,255,0.75); display: inline-block; font-size: 75%; min-width: 100px; margin: 0 -5px 0 0; padding: 0 5px; vertical-align: top; white-space: normal; } #ctBoc .article-body-wrap .gghero ul li:before, #ctBoc .article .gghero ul li:before { display: none; } #ctBoc .article-body-wrap .gghero ul li strong, #ctBoc .article .gghero ul li strong { color: #fff; display: block; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(2), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(2) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(2), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(2) ~ li { width: 50%; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(3), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(3) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(3), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(3) ~ li { width: calc(100% / 3); } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(4), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(4) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(4), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(4) ~ li { width: 25%; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(5), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(5) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(5), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(5) ~ li { width: 20%; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(6), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(6) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(6), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(6) ~ li { width: calc(100% / 6); } #ctBoc .article-body-wrap .gghero h2 +p ~ p:last-of-type, #ctBoc .article .gghero h2 +p ~ p:last-of-type { font-size: 48px; color: #fff; } #ctBoc .article-body-wrap .gghero a.cta.shop, #ctBoc .article .gghero a.cta.shop { box-shadow: none; font: 45% "geomanist-medium",Helvetica,Arial,sans-serif; margin: 0 0 20px 5px; padding: 15px 25px; text-transform: uppercase; vertical-align: 7px; } #ctBoc .article-body-wrap .gghero a.cta.shop:before, #ctBoc .article .gghero a.cta.shop:before { display: none; } /* no image */ #ctBoc .article-body-wrap .gghero h2:first-child, #ctBoc .article-body-wrap .gghero h2:first-child + *, #ctBoc .article-body-wrap .gghero h2:first-child ~ *, #ctBoc .article .gghero h2:first-child, #ctBoc .article .gghero h2:first-child + *, #ctBoc .article .gghero h2:first-child ~ * { margin-left: auto; margin-right: auto; max-width: 600px; text-align: center; } #ctBoc .article-body-wrap .gghero h2:only-child, #ctBoc .article .gghero h2:only-child { margin: 0 auto; } @media all and (max-width: 800px) { #ctBoc .article-body-wrap .gghero, #ctBoc .article .gghero { margin: 150px 0 30px; } #ctBoc .article-body-wrap .gghero p:first-of-type, #ctBoc .article .gghero p:first-of-type { height: 100%; margin-top: -150px; max-width: 100%; position: relative; right: 0; top: 0; width: 100%; } #ctBoc .article-body-wrap .gghero p:first-of-type img, #ctBoc .article .gghero p:first-of-type img { max-height: 500px; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article-body-wrap .gghero h2 ~ p, #ctBoc .article-body-wrap .gghero ul, #ctBoc .article .gghero h2, #ctBoc .article .gghero h2 ~ p, #ctBoc .article .gghero ul { margin-left: 30px; margin-right: 30px; max-width: 100%; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article .gghero h2 { margin-top: 45px; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article-body-wrap .gghero p:last-of-type, #ctBoc .article .gghero h2, #ctBoc .article .gghero p:last-of-type { text-align: center; } #ctBoc .article-body-wrap .gghero ul li, #ctBoc .article .gghero ul li { font-size: 90%; } } /* SUB OPTIONS */ #ctBoc .article-body-wrap .container.narrow.ggsubs, #ctBoc .article .narrow.ggsubs { display: flex; flex-wrap: wrap; margin: auto; max-width: 1200px; } #ctBoc .article-body-wrap .ggsub, #ctBoc .article .ggsub { background: #fff; box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1); box-sizing: border-box; flex: 1 1 calc(50% - 40px); margin: 20px; padding-bottom: 100px; position: relative; transition: 0.25s; } #ctBoc .article-body-wrap .ggsub:hover, #ctBoc .article .ggsub:hover { box-shadow: 0 6px 10px 3px rgba(0,0,0,0.1); } #ctBoc .article-body-wrap .ggsub p:first-of-type, #ctBoc .article .ggsub p:first-of-type { display: flex; height: 560px; margin: 0; } #ctBoc .article-body-wrap .ggsub img, #ctBoc .article .ggsub img, .article-body .ggsub img, .article-body .ggsub img.image-large, .article-body .ggsub img.image-xlarge, .article-body .ggsub p img.image-large:only-child, .article-body .ggsub p a img.image-large:only-child, .article-body .ggsub p img.image-xlarge:only-child, .article-body .ggsub p a img.image-xlarge:only-child { height: 100%; object-fit: cover; width: 100%; } #ctBoc .article-body-wrap .ggsub h2, #ctBoc .article .ggsub h2 { color: #363636; font: 32px "geomanist-book",Helvetica,Arial,sans-serif; margin: 60px 60px 30px; text-align: center; } #ctBoc .article-body-wrap .ggsub h2 + p, #ctBoc .article .ggsub h2 + p { color: #898989; margin: 30px 60px 60px; text-align: center; } #ctBoc .article-body-wrap .ggsub p:last-of-type, #ctBoc .article .ggsub p:last-of-type { bottom: 25px; color: #363636; display: block; font-size: 32px; left: 50%; margin: 0 auto; position: absolute; text-align: center; transform: translate(-50%,0); width: calc(100% - 40px); } #ctBoc .article-body-wrap .ggsub a.cta.shop, #ctBoc .article .ggsub a.cta.shop { font: 18px "geomanist-medium",Helvetica,Arial,sans-serif; margin: 0 0 20px 5px; padding: 15px 25px; text-transform: uppercase; vertical-align: 7px; } #ctBoc .article-body-wrap .ggsub a.cta.shop:before, #ctBoc .article .ggsub a.cta.shop:before { display: none; } /* Odd Number End Subs */ @media all and (min-width: 801px) { #ctBoc .article-body-wrap .ggsubs > .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .ggsubs > .ggsub:last-of-type:nth-of-type(odd) { padding-left: 50%; } #ctBoc .article-body-wrap .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:first-of-type, #ctBoc .article .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:first-of-type { position: absolute; height: 100%; left: 0; padding-bottom: 0; top: 0; width: 50%; } #ctBoc .article-body-wrap .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:last-of-type, #ctBoc .article .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:last-of-type { left: calc(75% + 10px); } } @media all and (max-width: 1240px) { #ctBoc .article-body-wrap .ggsub p:first-of-type, #ctBoc .article .ggsub p:first-of-type { height: calc(50vw - 60px); } } @media all and (max-width: 800px) { #ctBoc .article-body-wrap .container:not(.expando) .ggsub, #ctBoc .article .article-body__section:not(.expando) .ggsub { flex: 1 1 100%; padding-bottom: 20px; } #ctBoc .article-body-wrap .container:not(.expando) .ggsub p:first-of-type, #ctBoc .article .article-body__section:not(.expando) .ggsub p:first-of-type { height: calc(66vw - 40px); } #ctBoc .article-body-wrap .container:not(.expando) .ggsub p:last-of-type, #ctBoc .article .article-body__section:not(.expando) .ggsub p:last-of-type { bottom: auto; left: auto; position: relative; transform: none; } } @media all and (max-width: 600px) { #ctBoc .article-body-wrap .ggsub, #ctBoc .article .ggsub { margin: 10px; } #ctBoc .article-body-wrap .ggsub h2, #ctBoc .article .ggsub h2 { margin: 30px 30px 20px; } #ctBoc .article-body-wrap .ggsub h2 + p, #ctBoc .article .ggsub h2 + p { margin: 20px 30px 30px; } } /* EXPANDOPRESTO */ #ctBoc .article-body-wrap .narrow.expando, #ctBoc .article .narrow.expando { max-width: 1200px; overflow: hidden; } #ctBoc .article-body-wrap .expando input, #ctBoc .article .expando input { cursor: pointer; display: table; height: 60px; left: 50%; opacity: 0; position: absolute; top: 0; transform: translate(-50%,0); width: 350px; z-index: 1; } #ctBoc .article-body-wrap .expando input + p, #ctBoc .article .expando input + p { display: table; height: 60px; margin: 0 auto; position: relative; transition: 1s; } #ctBoc .article-body-wrap .expando input + p:before, #ctBoc .article-body-wrap .expando input + p:after, #ctBoc .article .expando input + p:before, #ctBoc .article .expando input + p:after { bottom: 0; border: 2px solid; border-radius: 50%; content: "|"; font-size: 20px; height: 30px; left: 50%; line-height: 32.5px; position: absolute; text-align: center; transform: translate(-50%,0); transition: 1s; width: 30px; } #ctBoc .article-body-wrap .expando input + p:before, #ctBoc .article .expando input + p:before { border-color: transparent; transform: translate(-50%,0) rotate(90deg); } #ctBoc .article-body-wrap .expando input ~ .expander, #ctBoc .article .expando input ~ .expander { display: flex; max-height: 0px; transition: 2s; } #ctBoc .article-body-wrap .expando input:checked + p, #ctBoc .article .expando input:checked + p { margin-top: -25px; } #ctBoc .article-body-wrap .expando input:checked + p:before, #ctBoc .article-body-wrap .expando input:checked + p:after, #ctBoc .article .expando input:checked + p:before, #ctBoc .article .expando input:checked + p:after { line-height: 31px; } #ctBoc .article-body-wrap .expando input:checked + p:before, #ctBoc .article .expando input:checked + p:before { transform: translate(-50%,0) rotate(-45deg); } #ctBoc .article-body-wrap .expando input:checked + p:after, #ctBoc .article .expando input:checked + p:after { transform: translate(-50%,0) rotate(045deg); } #ctBoc .article-body-wrap .expando input:checked ~ .expander, #ctBoc .article .expando input:checked ~ .expander { max-height: 10000px; transition: 5s; } #ctBoc .article-body-wrap .expander, #ctBoc .article .expander { display: flex; flex-wrap: wrap; } /* Expansion blocks */ #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { padding-bottom: 60px; } #ctBoc .article-body-wrap .expando .ggsub p:first-of-type, #ctBoc .article .expando .ggsub p:first-of-type { padding-bottom: 66%; } #ctBoc .article-body-wrap .expando .ggsub h2, #ctBoc .article .expando .ggsub h2 { font-size: 200%; margin: 30px; } #ctBoc .article-body-wrap .expando .ggsub h2 + p:not(:last-of-type), #ctBoc .article .expando .ggsub h2 + p:not(:last-of-type) { display: none; } #ctBoc .article-body-wrap .expando .ggsub p:last-of-type, #ctBoc .article .expando .ggsub p:last-of-type { bottom: 5px; font-size: 200%; } #ctBoc .article-body-wrap .expando .ggsub a.cta.shop, #ctBoc .article .expando .ggsub a.cta.shop { font-size: 55%; vertical-align: 4px; } #ctBoc .article-body-wrap .expander > ul, #ctBoc .article .expander > ul { column-count: 2; column-gap: 40px; margin: 20px auto; max-width: 800px } #ctBoc .article-body-wrap .expander > ul li, #ctBoc .article .expander > ul li { padding: 20px 0 0; } #ctBoc .article-body-wrap .expander > ul li:before, #ctBoc .article .expander > ul li:before { display: none; } #ctBoc .article-body-wrap .expander > ul li a, #ctBoc .article .expander > ul li a { color: #484848; } #ctBoc .article-body-wrap .expander > ul li a:hover, #ctBoc .article .expander > ul li a:hover { color: #72b825; text-decoration: underline; } @media all and (min-width: 1201px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { width: calc(25% - 40px); } #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3) ~ .ggsub:nth-of-type(-n+3), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6) ~ .ggsub:nth-of-type(-n+6), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9) ~ .ggsub:nth-of-type(-n+9), #ctBoc .article-body-wrap .expando .ggsub:nth-of-type(3):nth-last-of-type(3), #ctBoc .article-body-wrap .expando .ggsub:nth-of-type(3):nth-last-of-type(3) ~ .ggsub, #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3) ~ .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3) ~ .ggsub:nth-of-type(-n+3), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6) ~ .ggsub:nth-of-type(-n+6), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9) ~ .ggsub:nth-of-type(-n+9), #ctBoc .article .expando .ggsub:nth-of-type(3):nth-last-of-type(3), #ctBoc .article .expando .ggsub:nth-of-type(3):nth-last-of-type(3) ~ .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3) ~ .ggsub { width: calc(100% / 3 - 40px); } #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(5), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(5) + .ggsub, #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(5), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(5) + .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub { width: calc(50% - 40px); } } @media all and (max-width: 1200px) and (min-width: 801px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { width: calc(100% / 3 - 40px); } #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2) ~ .ggsub:nth-of-type(-n+2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1) ~ .ggsub:nth-of-type(-n+4), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2) ~ .ggsub:nth-of-type(-n+2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1) ~ .ggsub:nth-of-type(-n+4), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub { width: calc(50% - 40px); } } @media all and (max-width: 800px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { width: calc(50% - 40px); } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) { padding-left: 50%; width: calc(100% - 40px); } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd) p:first-of-type, #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) p:first-of-type { position: absolute; height: 100%; left: 0; padding-bottom: 0; top: 0; width: 50%; } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd) p:last-of-type, #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) p:last-of-type { left: calc(75% + 10px); } } @media all and (max-width: 600px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { padding-bottom: 70px; width: calc(50% - 20px); } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) { padding-left: 50%; width: calc(100% - 20px); } #ctBoc .article-body-wrap .expando .ggsub h2, #ctBoc .article .expando .ggsub h2 { font-size: 150%; margin: 10px 20px; } #ctBoc .article-body-wrap .expando .ggsub p:last-of-type, #ctBoc .article .expando .ggsub p:last-of-type { font-size: 175%; } #ctBoc .article-body-wrap .expando .ggsub a.cta.shop, #ctBoc .article .expando .ggsub a.cta.shop { font-size: 66%; padding: 10px 15px; vertical-align: 2px; } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) { padding-top: 10px; } #ctBoc .article-body-wrap .expander > ul, #ctBoc .article .expander > ul { column-count: 1; } } @media all and (max-width: 480px) { #ctBoc .article-body-wrap .expando .ggsub p:last-of-type, #ctBoc .article .expando .ggsub p:last-of-type { font-size: 150%; } #ctBoc .article-body-wrap .expando .ggsub a.cta.shop, #ctBoc .article .expando .ggsub a.cta.shop { margin: 0 0 20px; padding: 10px; } } .fb_like_and_share { margin-top: 25px; } /* SEASONAL */ /* body { background: #31334a; } body.im .header__brand, body.im .top-header__brand, body.im .article-body p.ggsite img { filter: brightness(59%) invert(1) sepia(1) hue-rotate(190deg); } body.wp .top-header__brand { filter: invert(1); } #ctBoc .ggtitle h2 { color: #fff; text-shadow: .25vw .25vw #000; } .header, .swiper-container, .recent-posts, #page-top, .recent-posts .topics, .header__navigation-item, .top-header--scrolled .top-header-inner, .nav-drawer__header, .top-header-inner { background: #28293b; color: #fff; } .header__navigation-item a, .header__navigation-item--icon a, .header__navigation-item--icon button, .header__navigation-item--special a, .header__navigation-item--special button, .header__navigation-item--icon a:hover, .header__navigation-item--icon button:hover, .header__navigation-item--special a:hover, .header__navigation-item--special button:hover, .top-header__offer, .top-header__offer a, .top-header__navigation-item a, .top-header__navigation-item button, .top-header--scrolled .top-header__navigation-item a, .top-header--scrolled .top-header__navigation-item button { color: #fff; } #header-navigation-right>ul>li, .header #navigation ul ul, .header #header-navigation-right ul ul { border-color: #684fb4; } #header-navigation-left li, #header-navigation-right>ul>li { border-color: #684fb4 !important; } .header:after, .header #navigation ul li:hover, .header #navigation ul li.active, .header .header-navigation ul>li:hover, .header .header-navigation ul>li.active, .header #header-navigation-right .search.active, .navigation-right .menu ul li:hover a, .navigation-right .menu ul li.hover a, .navigation-right .menu ul li.hover-f a, .header #header-navigation-right ul ul li:hover a, .header #navigation ul ul li:hover a, .top-header__navigation-item a:focus, .top-header__navigation-item a:hover, .top-header__navigation-item button:focus, .top-header__navigation-item button:hover, .top-header__drawer-toggle, .top-header--scrolled .top-header__drawer-toggle, body.cb .header .logo:before { background: #747ba9; color: #fff; } .article-body .ggsite img { filter: sepia(0.5) hue-rotate(190deg); } body.im p.ggsite { background: #31334a; padding: 10px 20px; } #ctBoc a.cta.shop, #ctBoc ul.cta.shop { background-color: #ebde76; border: none; color: #000; } #ctBoc a.cta.shop:hover, #ctBoc ul.cta.shop:hover { background-color: #41d9ff; } #ctBoc .article-body-wrap .gghero.gghero-color-1, #ctBoc .article .gghero.gghero-color-1 { background: #28293b; } #ctBoc .article-body-wrap .gghero.gghero-color-2, #ctBoc .article-body-wrap .gghero.gghero-color-10, #ctBoc .article .gghero.gghero-color-2, #ctBoc .article .gghero.gghero-color-10 { background: #373e59; } #ctBoc .article-body-wrap .gghero.gghero-color-3, #ctBoc .article-body-wrap .gghero.gghero-color-9, #ctBoc .article .gghero.gghero-color-3, #ctBoc .article .gghero.gghero-color-9 { background: #46587a; } #ctBoc .article-body-wrap .gghero.gghero-color-4, #ctBoc .article-body-wrap .gghero.gghero-color-8, #ctBoc .article .gghero.gghero-color-4, #ctBoc .article .gghero.gghero-color-8 { background: #507499; } #ctBoc .article-body-wrap .gghero.gghero-color-5, #ctBoc .article-body-wrap .gghero.gghero-color-7, #ctBoc .article .gghero.gghero-color-5, #ctBoc .article .gghero.gghero-color-7 { background: #5697b8; } #ctBoc .article-body-wrap .gghero.gghero-color-6, #ctBoc .article .gghero.gghero-color-6 { background: #5ac0d7; } */ /* WC Seasonal */ body.wp { background: #ca1878; } body.wp .top-header__brand { filter: invert(1); } .wp #ctBoc .ggtitle h2 { text-shadow: .25vw .25vw #911458; } .wp .header, .wp .swiper-container, .wp .recent-posts, .wp #page-top, .wp .recent-posts .topics, .wp .header__navigation-item, .wp .top-header--scrolled .top-header-inner, .wp .nav-drawer__header, .wp .top-header-inner { background: #732978; color: #fff; } .wp .header__navigation-item a, .wp .header__navigation-item--icon a, .wp .header__navigation-item--icon button, .wp .header__navigation-item--special a, .wp .header__navigation-item--special button, .wp .header__navigation-item--icon a:hover, .wp .header__navigation-item--icon button:hover, .wp .header__navigation-item--special a:hover, .wp .header__navigation-item--special button:hover, .wp .top-header__offer, .wp .top-header__offer a, .wp .top-header__navigation-item a, .wp .top-header__navigation-item button, .wp .top-header--scrolled .top-header__navigation-item a, .wp .top-header--scrolled .top-header__navigation-item button { color: #fff; } .wp #header-navigation-right>ul>li, .wp .header #navigation ul ul, .wp .header #header-navigation-right ul ul { border-color: #684fb4; } .wp #header-navigation-left li, .wp #header-navigation-right>ul>li { border-color: #684fb4 !important; } .wp .header:after, .wp .header #navigation ul li:hover, .wp .header #navigation ul li.active, .wp .header .header-navigation ul>li:hover, .wp .header .header-navigation ul>li.active, .wp .header #header-navigation-right .search.active, .wp .navigation-right .menu ul li:hover a, .wp .navigation-right .menu ul li.hover a, .wp .navigation-right .menu ul li.hover-f a, .wp .header #header-navigation-right ul ul li:hover a, .wp .header #navigation ul ul li:hover a, .wp .top-header__navigation-item a:focus, .wp .top-header__navigation-item a:hover, .wp .top-header__navigation-item button:focus, .wp .top-header__navigation-item button:hover, .wp .top-header__drawer-toggle, .wp .top-header--scrolled .top-header__drawer-toggle { background: #943b73; color: #fff; } .wp .article-body .ggsite img { filter: sepia(0.5) hue-rotate(260deg); } .wp #ctBoc a.cta.shop, .wp #ctBoc ul.cta.shop { background-color: #caa4f1; border: none; color: #000; } .wp #ctBoc a.cta.shop:hover, .wp #ctBoc ul.cta.shop:hover { background-color: #b178e9; color: #fff; opacity: 1; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-1, .wp #ctBoc .article .gghero.gghero-color-1 { background: #943b73; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-2, .wp #ctBoc .article-body-wrap .gghero.gghero-color-10, .wp #ctBoc .article .gghero.gghero-color-2, .wp #ctBoc .article .gghero.gghero-color-10 { background: #a63f82; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-3, .wp #ctBoc .article-body-wrap .gghero.gghero-color-9, .wp #ctBoc .article .gghero.gghero-color-3, .wp #ctBoc .article .gghero.gghero-color-9 { background: #b84290; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-4, .wp #ctBoc .article-body-wrap .gghero.gghero-color-8, .wp #ctBoc .article .gghero.gghero-color-4, .wp #ctBoc .article .gghero.gghero-color-8 { background: #c7449d; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-5, .wp #ctBoc .article-body-wrap .gghero.gghero-color-7, .wp #ctBoc .article .gghero.gghero-color-5, .wp #ctBoc .article .gghero.gghero-color-7 { background: #d645ab; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-6, .wp #ctBoc .article .gghero.gghero-color-6 { background: #e946bb; } /* AC Seasonal */ body.ac { background: #1b9580; } body.ac .top-header__brand { filter: invert(1); } .ac #ctBoc .ggtitle h2 { text-shadow: .25vw .25vw #105662; } .ac .header, .ac .swiper-container, .ac .recent-posts, .ac #page-top, .ac .recent-posts .topics, .ac .header__navigation-item, .ac .top-header--scrolled .top-header-inner, .ac .nav-drawer__header, .ac .top-header-inner { background: #105662; color: #fff; } .ac .header__navigation-item a, .ac .header__navigation-item--icon a, .ac .header__navigation-item--icon button, .ac .header__navigation-item--special a, .ac .header__navigation-item--special button, .ac .header__navigation-item--icon a:hover, .ac .header__navigation-item--icon button:hover, .ac .header__navigation-item--special a:hover, .ac .header__navigation-item--special button:hover, .ac .top-header__offer, .ac .top-header__offer a, .ac .top-header__navigation-item a, .ac .top-header__navigation-item button, .ac .top-header--scrolled .top-header__navigation-item a, .ac .top-header--scrolled .top-header__navigation-item button { color: #fff; } .ac #header-navigation-right>ul>li, .ac .header #navigation ul ul, .ac .header #header-navigation-right ul ul { border-color: #1b7b7a; } .ac #header-navigation-left li, .ac #header-navigation-right>ul>li { border-color: #1b7b7a !important; } .ac .header:after, .ac .header #navigation ul li:hover, .ac .header #navigation ul li.active, .ac .header .header-navigation ul>li:hover, .ac .header .header-navigation ul>li.active, .ac .header #header-navigation-right .search.active, .ac .navigation-right .menu ul li:hover a, .ac .navigation-right .menu ul li.hover a, .ac .navigation-right .menu ul li.hover-f a, .ac .header #header-navigation-right ul ul li:hover a, .ac .header #navigation ul ul li:hover a, .ac .top-header__navigation-item a:focus, .ac .top-header__navigation-item a:hover, .ac .top-header__navigation-item button:focus, .ac .top-header__navigation-item button:hover, .ac .top-header__drawer-toggle, .ac .top-header--scrolled .top-header__drawer-toggle { background: #1b7b7a; color: #fff; } .ac .article-body .ggsite img { filter: sepia(0.5) hue-rotate(135deg); } .ac #ctBoc a.cta.shop, .ac #ctBoc ul.cta.shop { background-color: #ca205e; border: none; color: #fff; } .ac #ctBoc a.cta.shop:hover, .ac #ctBoc ul.cta.shop:hover { background-color: #98274f; color: #fff; opacity: 1; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-1, .ac #ctBoc .article .gghero.gghero-color-1 { background: #127d6d; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-2, .ac #ctBoc .article-body-wrap .gghero.gghero-color-10, .ac #ctBoc .article .gghero.gghero-color-2, .ac #ctBoc .article .gghero.gghero-color-10 { background: #148774; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-3, .ac #ctBoc .article-body-wrap .gghero.gghero-color-9, .ac #ctBoc .article .gghero.gghero-color-3, .ac #ctBoc .article .gghero.gghero-color-9 { background: #158c76; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-4, .ac #ctBoc .article-body-wrap .gghero.gghero-color-8, .ac #ctBoc .article .gghero.gghero-color-4, .ac #ctBoc .article .gghero.gghero-color-8 { background: #179179; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-5, .ac #ctBoc .article-body-wrap .gghero.gghero-color-7, .ac #ctBoc .article .gghero.gghero-color-5, .ac #ctBoc .article .gghero.gghero-color-7 { background: #1a967b; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-6, .ac #ctBoc .article .gghero.gghero-color-6 { background: #1d9e7f; } /* IM Seasonal */ body.im { background: #ffd011; } /* body.im .top-header__brand { filter: invert(1); } .im #ctBoc .ggtitle h2 { text-shadow: .25vw .25vw #c83b44; } .im .header, .im .swiper-container, .im .recent-posts, .im #page-top, .im .recent-posts .topics, .im .header__navigation-item, .im .top-header--scrolled .top-header-inner, .im .nav-drawer__header, .im .top-header-inner { background: #732978; color: #fff; } .im .header__navigation-item a, .im .header__navigation-item--icon a, .im .header__navigation-item--icon button, .im .header__navigation-item--special a, .im .header__navigation-item--special button, .im .header__navigation-item--icon a:hover, .im .header__navigation-item--icon button:hover, .im .header__navigation-item--special a:hover, .im .header__navigation-item--special button:hover, .im .top-header__offer, .im .top-header__offer a, .im .top-header__navigation-item a, .im .top-header__navigation-item button, .im .top-header--scrolled .top-header__navigation-item a, .im .top-header--scrolled .top-header__navigation-item button { color: #fff; } .im #header-navigation-right>ul>li, .im .header #navigation ul ul, .im .header #header-navigation-right ul ul { border-color: #684fb4; } .im #header-navigation-left li, .im #header-navigation-right>ul>li { border-color: #684fb4 !important; } .im .header:after, .im .header #navigation ul li:hover, .im .header #navigation ul li.imtive, .im .header .header-navigation ul>li:hover, .im .header .header-navigation ul>li.imtive, .im .header #header-navigation-right .search.imtive, .im .navigation-right .menu ul li:hover a, .im .navigation-right .menu ul li.hover a, .im .navigation-right .menu ul li.hover-f a, .im .header #header-navigation-right ul ul li:hover a, .im .header #navigation ul ul li:hover a, .im .top-header__navigation-item a:focus, .im .top-header__navigation-item a:hover, .im .top-header__navigation-item button:focus, .im .top-header__navigation-item button:hover, .im .top-header__drawer-toggle, .im .top-header--scrolled .top-header__drawer-toggle { background: #943b73; color: #fff; } .im .article-body .ggsite img { filter: sepia(0.5) hue-rotate(260deg); } */ body.im p.ggsite { background: #FFD600; padding: 10px 20px; } .im #ctBoc a.cta.shop, .im #ctBoc ul.cta.shop { background-color: #ff3f4c; border: none; color: #000; } .im #ctBoc a.cta.shop:hover, .im #ctBoc ul.cta.shop:hover { background-color: #c83b44; color: #fff; opacity: 1; } .im #ctBoc .article-body-wrap .gghero.gghero-color-1, .im #ctBoc .article .gghero.gghero-color-1 { background: #ffd80f; } .im #ctBoc .article-body-wrap .gghero.gghero-color-2, .im #ctBoc .article-body-wrap .gghero.gghero-color-10, .im #ctBoc .article .gghero.gghero-color-2, .im #ctBoc .article .gghero.gghero-color-10 { background: #fcc51e; } .im #ctBoc .article-body-wrap .gghero.gghero-color-3, .im #ctBoc .article-body-wrap .gghero.gghero-color-9, .im #ctBoc .article .gghero.gghero-color-3, .im #ctBoc .article .gghero.gghero-color-9 { background: #f7b42d; } .im #ctBoc .article-body-wrap .gghero.gghero-color-4, .im #ctBoc .article-body-wrap .gghero.gghero-color-8, .im #ctBoc .article .gghero.gghero-color-4, .im #ctBoc .article .gghero.gghero-color-8 { background: #f5a73b; } .im #ctBoc .article-body-wrap .gghero.gghero-color-5, .im #ctBoc .article-body-wrap .gghero.gghero-color-7, .im #ctBoc .article .gghero.gghero-color-5, .im #ctBoc .article .gghero.gghero-color-7 { background: #f09f48; } .im #ctBoc .article-body-wrap .gghero.gghero-color-6, .im #ctBoc .article .gghero.gghero-color-6 { background: #ed9a54; } .im #ctBoc .article-body-wrap .gghero h2, .im #ctBoc .article-body-wrap .gghero h2 +p ~ p:last-of-type, .im #ctBoc .article .gghero h2, .im #ctBoc .article .gghero h2 +p ~ p:last-of-type { color: #000 } .im #ctBoc .article-body-wrap .gghero h2 + p, .im #ctBoc .article .gghero h2 + p { color: rgba(0,0,0,0.75) } /*-->*/ /*-->*/ //-->

Read more and comment

 
1 month ago

Echo Compatible Devices for a New Amazon Echo Dot Owner

4

An Echo Dot is the gateway drug of smart devices. There's so much more out there to explore.

So you just gifted someone an Amazon Echo Dot. Good for you. Because it probably is the best $30 or $40 — the darn thing's discounted all the time, don'tcha know — that you could spend on someone at this point. At least so far as tech stuff is concerned.

The next question is what you should get them next. Because an Echo Dot is just the start of this little smart connected voice assistant future. Sure, it works great on its own. But it works so much better when paired with something else that's smart.

Here's where I'd start.

Wemo Mini

Just buy one of these, OK? Or buy three or more, which is what I just did. Because the Wemo Mini is just ridiculously useful at about $40. I've just strung some new lights outside. And while having them on a timer is fine, having them adjust themselves to kick on at sunset is even better.

If you do the Christmas tree thing, being able to turn it off and on via your voice is way better than sticking it on a dumb timer. Because now anybody in your house can turn things on and off, without needing to dive into an app.

It works great with Amazon Alexa. (And other voice assistants.) What more do you need, right?

See at Amazon

Philips Hue

Philips Hue

You want some smart lights. You might not know it yet, but you want them. Actually, you need them. And this is why: Sexy time.

Because you haven't lived until you thought you were doing something cute and fun by turning all the bedroom lights red, and saving them to a scene.

And then having your kids ask why you would ever do such a thing.

These lights aren't cheap — especially the ones that do color, coming in around $50 or $60 each. But they're so worth it.

See at Amazon

Logitech Harmony

This is another one of those things that you might not realize you needed until you've got it. There's just something spectacularly lazy about being able to turn on your TV with your voice. And control your TV with your voice. And more important (especially If you've got kids) be able to turn off the TV with your voice.

Logitech's Harmony system has a bevy of remote controls at various price points. But it's the hub that's the brains of this operation and times in to Amazon Alexa. So you can spend a little. Or a lot. Whatever you're comfortable with. The basic hub starts at about $85.

See at Amazon

VAUX portable battery and speaker

VAUX Echo Dot Speaker

I keep coming back to this guy because it's just that useful. This is a portable speaker with a built-in battery, so you can unshackle your Echo Dot from the wall plug and take things outdoors for about $50. Or anywhere else keeping the Dot plugged in just isn't practical.

Having an outdoor barbecue or hanging out at a fire pit? (It's wintertime, so pick your poison.) It's way easier to take the tunes with you in this form than it is to run a full speaker outside. Plus you get the added bonus of everything Alexa has built in.

See at Amazon

Another Echo Dot

Amazon Echo Dot

The Amazon Echo Dot is a lot like a potato chip. You shouldn't eat one. Because eating electronics will make you very, very sick. And potato chips will make you wider.

You should, however, buy a second Echo Dot at $29. And maybe a third. Because you'll quickly learn just how useful they are, and wish you had them scattered strategically throughout your home.

The good news is that they're inexpensive, so you can make this dream a reality. Put an Echo Dot in the kitchen. Put one in the bathroom. In the garage.

The only limit is your imagination. And, uh, your Wi-Fi range.

See at Amazon

Amazon Echo

See at Amazon

img { width: 100%; height: auto; } .devicebox ul { display: table; margin: 0 0 10px; width: 100%; } .devicebox ul li { background: #f7f7f7; margin: 2px 0; padding: 4px 15px; } .devicebox ul li:hover { background: #fff; } .devicebox ul li:before { display: none; } .devicebox p ~ p { line-height: 1.25; } .devicebox p:first-of-type + p { padding: 15px; } .devicebox a.buy-link { border-radius: 5px; display: inline-block; font: 14px/31px "Proxima Nova Extrabld",Helvetica,Arial,sans-serif; text-align: center; } .devicebox a.buy-link, .devicebox a.buy-link:link, .devicebox a.buy-link:active, .devicebox a.buy-link:visited { background: #37B5D7; color: #FFF; } .devicebox a.buy-link:hover { background: #2694B2; text-decoration: none; } .devicebox a.buy-link:before { content: "\e61e"; font: 40px/0 "ac_iconset" !important; margin: 0 3px 0 -8px; vertical-align: middle; } @media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 660px) { /* div:not(.columns-3) excludes help menu content */ .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox { padding: 20px 0 25px; } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p img, .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p:nth-child(n+3), .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox ul { box-sizing: border-box; margin-left: calc(100% - 345px); width: 340px; } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p.list-head { margin-top: -5px; } } @media all and (max-width: 1024px) and (min-width: 801px), all and (max-width: 660px) { .devicebox h3 { text-align: center; } .devicebox ul, .devicebox p { display: block; } } @media all and (max-width: 800px) and (min-width: 660px) { .devicebox { padding: 20px 0 25px; } .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .devicebox p img, .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .devicebox p:nth-child(n+3), .devicebox ul { box-sizing: border-box; margin-left: calc(100% - 345px); width: 340px; } .devicebox p.list-head { margin-top: -5px; } } @media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 661px), all and (max-width: 500px) { /* 2x buy buttons */ .devicebox a.buy-link { width: calc(50% - 2.5px); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(even) { margin: 0 0 5px 0; } .devicebox a.buy-link:last-of-type:nth-of-type(odd) { width: 100%; } } @media all and (max-width: 1024px) and (min-width: 801px), all and (max-width: 659px) and (min-width: 501px) { /* 3x buy buttons */ .devicebox a.buy-link { width: calc(100%/3 - 10px/3); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(3n):not(:nth-last-of-type(2)) { margin: 0 0 5px 0; } .devicebox a.buy-link:only-child { width: 100%; margin: 0 0 5px 0; } .devicebox a.buy-link:nth-last-of-type(2):nth-of-type(3n+1), .devicebox a.buy-link:nth-last-of-type(2):nth-of-type(3n+1) ~ a.buy-link, .devicebox a.buy-link:nth-last-of-type(4):nth-of-type(3n+1), .devicebox a.buy-link:nth-last-of-type(4):nth-of-type(3n+1) ~ a.buy-link { width: calc(50% - 2.5px); } .devicebox a.buy-link:nth-last-of-type(2):nth-of-type(3n+1) ~ a.buy-link, .devicebox a.buy-link:nth-last-of-type(4):nth-of-type(3n+1) ~ a.buy-link:nth-last-of-type(odd) { margin: 0 0 5px 0; } } @media all and (max-width: 800px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } } @media all and (max-width: 500px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } .devicebox a.buy-link:before { display: none; } } .page-admin .devicebox {max-width: 350px;} .page-admin .devicebox .video_iframe {position: relative; height: 0; padding-bottom: 56.9%;} .page-admin .devicebox .video_iframe iframe {width: 100%; height: 100%; position: absolute;} /*-->*/ /*-->*/ /*-->*/

Read more and comment

 
1 month ago

Best Universal Car Mounts for 2017

77

Keep your phone safely in sight and secure with a car mount.

When you're on the go, your phone is more than just a tool for keeping in touch. It's your road trip playlist and your GPS, too. For safety's sake, mounting your phone to your dashboard, windshield, or air vents is the best way to keep it in view while keeping your hands on the wheel and your eyes on the road. We've gathered up a list of some excellent options for universal car mounts, and trust us, there's no shortage of choices out there.

Note: Before you consider a windshield mount for your phone, you should make and check that windshield mounts are allowed in the states you'll be driving most frequently in. As it stands, most states outlaw windshield mounted GPS or phone holders due to visibility and safety concerns.

iOttie Easy One Touch 4 Qi Wireless Car Mount

iOttie has been a leading brand for car mounts for years, and their latest dashboard/windshield mount, the Easy One Touch 4, is the best mount they've yet released.

The Easy One Touch 4 can be oriented any way you like your car with a swiveling telescopic arm. The suction cup mount that's installed on the mount out of the box is ideal for smooth surfaces such as a windshield. However, since a majority of states and provinces have imposed a ban on windshield mounts that can obstruct a driver's vision, iOttie also includes an adhesive pad to attach the mount to the textured surface of your dashboard.

Simply press the tabs on the side of the mount in then tap your phone to the button in the middle of the mount to spring it closed. The Easy One Touch 4 also includes Qi wireless charging technology, which is great if your phone supports wirelessly charging. It's easy to use and can accommodate even the largest phones out there with or without a case. At $50 it's a pricey accessory, but it's also one of the best out there!

See at Amazon

Spigen Kuel OneTap Car Mount

Love the style of the iOttie One Touch 4 but don't need the Qi wireless charging tech? Consider the Spigen Kuel OneTap Car Mount. It's got a similar set of features and design, but because it's just a car mount the price is way lower at $19.

The mount is capable of holding even the largest phones securely, and there's a telescopic arm for orientating the arm precisely where you need it in your vehicle. This mount will not work on a leather dashboard so keep that in mind. It's also available in black or white.

See at Amazon

iDoo Qi Car Charger Mount

iDoo Qi car charger mount

The car mount from iDoo is one fantastic multitasker. It offers wireless charging for your Qi-enabled phone, or space for a charging cable if you need to plug in.

You have three installation options: dashboard mount, air vent clips, or windshield mount. Take the time to experiment a little with the best sight lines for your phone when you're ready to get set up so you'll know which variation works for you. The cradle arm is completely adjustable, so you can avoid glare, and the frame rotates 360 degrees. No matter where you put it, the mount will be an essential part of your commute. It's a great option that's available for just $17.

See at Amazon

Affordable Universal Car Mount

Affordable universal car mount

This offering from Affordable is as minimalist as they come, and you know what that means: no obstructed view. It's ideal for dashboard or windshield installation.

It's simple to install and remove when you're switching vehicles. Bonus points are also awarded to this mount for living up to the name Affordable. It's also been favorably reviewed for some time now; it won't drop your phone when you're traveling bumpy roads, and potholes won't shake its grip. It's available for $12 before shipping costs.

See at Amazon

Koomus CD-Eco Car Mount

Koomus CD dash mount

Remember when you kept stacks of CDs in the backseat so that you'd always have your favorite tunes close by? Well, your phone takes care of the songs these days, but your CD player can still be put to good use. The Koomus mount uses it to hold your phone in a very convenient place.

The low-profile mount is easy to install, and your CD player won't be damaged or even recognize that it's in use. The flexible clamps hold your phone securely with or without its case. You can also rotate your phone 360 degrees for easier viewing. Give your CD changer new life with this $15 car mount.

See at Amazon

New Trent Arcadia Magnetic Mount

New Trent Arcadia car mount

For something completely different, check out the mount from New Trent. It holds your phone with a strong magnet and installs onto your air vents. You don't have to worry about snapping your phone into a cradle, just stick it to the magnetic pad and you're on your way.

The base mount is available in black or blue and comes with two magnetic plates you can stick to the back of two devices, especially handy if you share your car with other family members. The magnetic plates are thin enough to fit into your phone's case and strong enough to adhere to the base without having to constantly remove the case every time you get in the car. At just $6, it's the cheapest mount on this list!

See at Amazon

WizGear Universal Air Vent Magnetic Mount

WizGear universal car mount

Wizgear produces another magnetic car mount we're a fan of. The magnet is strong on this one, and if you take the mount out of the car, it doubles as a kickstand for your phone. The magnet can be concealed inside most phone cases, so you won't have to constantly remove the case before sticking your phone to the mount.

The air vent clips keep your phone highly visible without obstructing your view. The base swivels your phone into your preferred position and promises to keep it there until you move it, even when going over rougher terrain. It's perfect if you just need to jump in the car and go with your phone at the ready. Get yours for just $7.

See at Amazon

Spigen Style Ring

Spigen Style Ring

An inexpensive alternative to car mounts is the Style Ring. The mount is a tiny black hook that sticks to your dashboard, and the ring sticks to the back of your phone. If you're not wild about sticking things to your car or device, this may not be the right choice for you, but it's convenient.

The ring that attaches to your phone doubles as a kickstand in both portrait or landscape. It hooks to just about anything, so you might find yourself hanging your phone from a variety of places. Positioning the car mount might take some patience to get it just where you'd like it to stay, but it works well for hands-free calling and accessing music. Your phone snaps into place and swivels 360 degrees. It's the smallest car mount you can find, so if space on your dashboard is at a premium, the Style Ring is a solid option. Get yours for just $14.

See at Amazon

Nite Ize Steelie

Nite Ize Steelie

This is definitely one of the coolest mounts on this list. The Steelie is a two-piece mounting system wherein a circular magnet adheres to the back of your phone or its case, and a spherical magnetic base adheres to your car's dashboard or console.

Hop in the car, and your phone mounts in a snap. This is about as minimalist as it gets in terms of car mounts. Making sharp turns and hitting potholes? No worries: The magnet is super strong and the magnetic ball moves with your phone to prevent it from falling off.

If you want a mounting system that barely noticeable, the Nite Ize Steelie is your slick solution for just $18.50.

See at Amazon

The bottom line

First and foremost, you need to know the details of your local laws, in terms of whether or not you are allowed to mount anything on your windshield. Next, you need to consider how often you'll use a car mount and where in your vehicle it's going to be. Each of these car mounts has distinct advantages all their own, but we think that versatility and durability are the most important qualities to look for.

Which universal car mount are you using these days? Tell us about it in the comments!

Update December 2017: Added the iOttie Easy One Touch 4 and Spigen Kuel mount to our list.

Read more and comment

 
1 month ago

Andrew's Favorite Tech of 2017

5

Andrew's Favorite Tech of 2017

We see a whole bunch of technology come across our desks in this job. There are of course plenty of phones and tablets, but also all of the associated accessories and extras that make them even more useful. And then there's all of the extra tech that we use in the course of our jobs. It can be tough to keep up with it all, but if there's one benefit it's that I have more perspective on these devices than most — and after using so much in 2017, these are some of the favorites that I personally use.

Google Pixel 2

Google has once again made my favorite phone of the year. I still appreciate a smaller device to use every day in all sorts of situations, and unlike last year the Pixel 2 doesn't have big battery life compromises. The current Oreo software is excellent, with a bunch of little Google touches that take it to the next level. And knowing that it will have years of updates to come really adds to its value.

$649 Buy now

OnePlus 5T

The OnePlus 5T nails the basics and barely sets a foot wrong, all while offering top-notch specs, a big display and a slick body — and it doesn't cost an arm and a leg like much of the competition. The design is a bit lackluster but you just can't argue with the value for money here.

$499 Buy Now

Samsung Galaxy Note 8

Nobody does a big phone better. The Note 8 is unapologetically large, and it has the software features and specs to take advantage of the screen. The hardware is also flashy, the cameras are great and the screen is the best in the industry. But you definitely pay for it.

$949 Buy Now

Moto X4

Motorola may not be able to make great phones at the flagship price points, but it sure does well at lower prices. The Moto X4 is a fantastic phone, especially if you're looking for something less expensive to use on Project Fi. It's made just as well as any flagship, and has capable specs and a pair of solid cameras as well.

$399 Buy Now

Samsung Galaxy Tab S3

Let's be honest, an Android tablet isn't for everyone. But if you want to get one, I see no reason to choose anything but the Tab S3. You get great hardware, a good screen and a keyboard attachment that makes it all work even better.

$500 Buy Now

JBL Clip 2

Bluetooth speakers are a dime a dozen nowadays, but JBL makes some great models that are worth the little extra money. The Clip 2 is portable and has a clip so you can hang it on a bag or set it up for better sound wherever you need it, and it's built to take the abuse of moving around. It has both Bluetooth and a 3.5 mm connection, and the sound is good for the size.

$40 Buy Now

Bose QC35 II

Light, comfortable, long-lasting and with amazing noise cancellation. The QC35 IIs are a traveler's best friend, but really can be used as daily headphones for those who need to shut out the world and concentrate. I won't go anywhere without a pair.

$349 Buy Now

Moment Cases and Lenses

Camera lens attachments for phones can be cumbersome, but if you're serious about photography you have to look at Moment lenses. The cases are great on their own and the glass is high quality for the money. Take your Instagram game to the next level.

from $99 Buy Now

Chromecast Ultra

Even if you already have a streaming box of some sort, it'd be tough to convince me that you couldn't find a use for a Chromecast Ultra on one of your TVs at home. Leave it plugged in, and the next time you have a quick thought about watching a movie or even just showing off some photos to guests it'll be there ready to bring it to the big screen.

$70 Buy Now

NVIDIA Shield Android TV

If a Chromecast sounds great but you (or someone you live with) would benefit from the simplicity of a dedicated interface and remote, the Shield Android TV is great. It's just as capable as a Chromecast Ultra for casting (there's $70 in value right there), but some media experiences really are best with a dedicated app running on the box itself. The gaming may not interest you, but the performance of this box will.

from $179 Buy Now

Google Home

I've settled on Google Home rather than Amazon Echo, and for my basic needs this speaker gets the job done. It sits in the kitchen and is great for quick queries, timers, reminders, music and podcasts. Even if you don't dive into the deeper integrations and features, you can find a way to justify the $129 price — and maybe you'll find more to do with it along the way.

$129 Buy Now

Samsung Gear Sport

I'll be honest, I find it hard to stick with any smartwatch for more than a few weeks. But the best one I've used this year is the Samsung Gear Sport. It's just a bit lighter and more compact than the Gear S3, which makes it much easier to wear every day. And Samsung's software is just downright better than Android Wear — you just have to be willing to configure it a bit and ignore many of the useless features.

$299 Buy Now

Samsung Gear Fit2 Pro

To skip much of the "smartwatch" experience altogether and just get some good fitness tracking, I like the Gear Fit2 Pro (and the original Fit2 at that). You save $100 off the Gear Sport's price, and still keep most of the features. Given its smaller screen and lighter weight, you may be even more inclined to wear it for daily exercise tracking.

$199 Buy Now

Apple MacBook Pro

It's flawed, but it's the latest and most powerful laptop you can get with macOS, and that still matters to many. The screen is amazing, the specs get all of the jobs done and you don't have to worry about durability. Embrace that USB-C life (well, and #donglelife).

from $1299 Buy Now

Samsung Chromebook Pro

Not everyone wants (or needs) a full-blown computer. For those people, I always recommend a Chromebook — and the Samsung Chromebook Pro is a great option. It's a solid step above the low-end models that are cheap-feeling and made of plastic, but is still super light and has a great display. Even with that, and a cool stylus, it's still less than $500.

$425 Buy Now

Anker PowerCore+ 26800mAh USB-C PD battery

I'm on an ongoing mission to find USB-C PD (Power Delivery) batteries, and this big Anker battery is my current go-to. The huge capacity and Power Delivery let it charge up my MacBook Pro and phones at great speeds, making it a wonderful dual-mode device. Yes it's huge, but that's fine as it typically lives in my backpack as a travel companion.

$119 Buy Now

Samsung Evo+ 128GB UHS-I MicroSD Card

SD cards have gotten so big, so fast and so cheap that it's tough to make a bad choice. But going with a well-known brand and tested performance is always preferred. About $60 gets you a great card that can go in your phone (if you have one with a slot) but also with an adapter can pull double-duty in a camera as mine so often does.

from $58 Buy Now

Trianium Quick Charge 3.0 & USB-C Car Charger

For about $25 you can get a solid car charger that not only has a USB-A port with Quick Charge 3.0, but also a full-power USB-C Power Delivery port. That means you can pull enough power to get anything you'd have in a car — not just phones — topped up on the go.

$25 Buy Now

Anker PowerPort+ 5-Port 60W USB Wall Charger with USB-C Power Delivery

When you have this many gadgets, you want a solid one-stop place to get them all charged up. Anker has you covered with this five-port charger. Each USB-A port can output at 2.4A, which is plenty of any phone or tablet, and the USB-C port has Power Delivery so it can deliver 30W to charge up new laptops, iPad Pros or big Android tablets. It's a great complement to any power user's desk.

$50 Buy Now

Peak Design Everyday Backpack

For the sake of my shoulders and back, I'm trying to use a backpack more nowadays rather than relying on a messenger bag. The Peak Design Everyday Backpack has been an amazing companion for everything from short trips to the coffee shop up to weekend vacations and week-long international work trips. It's built fantastically, has every single pouch or slot you could imagine, and it's so clear an obsessive amount of detail was put into every part of how it works.

$259 Buy Now

Vaultz Mesh Storage Bags

Look, I'm a little OCD about things. Especially when I travel. That means bags inside of bags — I use these Vaultz mesh bags to store cables and all sorts of small loose items that would otherwise get lost while I'm traveling. They're color-coded so you know at a glance what's in each one, and the varying sizes mean you'll find the right one for the job. It's a ridiculously cheap way to bring some sanity to your cables, chargers and accessories.

$7 Buy Now

.tabs { position: absolute; right: 0; z-index: 20; } #ctBoc .article-body-wrap ul.primary li a:link, #ctBoc .article-body-wrap ul.primary li a.active, #ctBoc .article-body-wrap ul.primary li a:active, #ctBoc .article-body-wrap ul.primary li a:visited, #ctBoc .article-body-wrap ul.primary li a:hover, #ctBoc .article-body-wrap ul.primary li.active a, #ctBoc .article ul.primary li a:link, #ctBoc .article ul.primary li a.active, #ctBoc .article ul.primary li a:active, #ctBoc .article ul.primary li a:visited, #ctBoc .article ul.primary li a:hover, #ctBoc .article ul.primary li.active a { border-radius: 0 0 8px 8px; border-width: 0; } #page-wrap { width: 100%; } #page { background: none; } #ctBoc .article-body-wrap { margin-top: 0; } .node, .node-published, .node-unpublished { background: #f9f9f9; } @media all and (max-width: 1350px) and (min-width: 768px) { #ctBoc .article-body-wrap { padding: 0; } } /* FONTS */ @font-face { font-family: 'geomanist-light'; src: url('../sites/all/fonts/geomanist-extralight.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'geomanist-regular'; src: url('../sites/all/fonts/geomanist-regular.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'geomanist-book'; src: url('../sites/all/fonts/geomanist-book.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'geomanist-medium'; src: url('../sites/all/fonts/geomanist-medium.otf'); font-weight: normal; font-style: normal; } .article-body h2, .article-body p, .article-body ul, .article-body ul li { font-family: "geomanist-regular",Helvetica,Arial,sans-serif; font-weight: normal; letter-spacing: 0; line-height: 1.352; } #content > .container, #ctBoc .article-body .container.wide { max-width: 100%; padding: 0; } #ctBoc .article-body__section--narrow, #ctBoc .article-body .narrow { padding: 0 20px; } /* TITLE */ /* TITLE BACKGROUND */ #ctBoc .article .article-body__section--wide.ggtitle { max-width: 100%; } #ctBoc .article-body-wrap .article-body .ggtitle p, #ctBoc .article .article-body .ggtitle p { margin: 0; } #ctBoc .article-body-wrap .ggtitle img, #ctBoc .article .ggtitle img { width: 100%; } /* SUBTITLE */ #ctBoc .ggtitle h2 { color: #fff; font-size: 4vw; font-style: italic; left: 53%; margin: 0; position: absolute; right: 25px; text-align: left; text-shadow: .25vw .25vw #000; top: 37.6vw; } /* SITE LOGO SPLITTER */ .article-body .ggsite { display: table; margin: 75px auto; position: relative; width: auto; } .article-body .ggsite img { max-height: 100px; max-width: 200px; height: auto; width: auto; } #ctBoc .article-body-wrap .ggsite:before, #ctBoc .article-body-wrap .ggsite:after, #ctBoc .article .ggsite:before, #ctBoc .article .ggsite:after { background: #ddd; content: ""; height: 1px; position: absolute; right: calc(100% + 50px); top: 50%; width: 50vw; } #ctBoc .article-body-wrap .ggsite:after, #ctBoc .article .ggsite:after { left: calc(100% + 50px); } .article-body .ggtitle + .wide + .narrow p, .article-body .ggtitle + .wide + .article-body__section--narrow p { color: #474747; line-height: 1.75; text-align: center; } @media all and (max-width: 500px) { .article-body .ggsite { margin: 35px auto; } } /* HERO BLOCK */ #ctBoc .article-body-wrap .gghero, #ctBoc .article .gghero { background: #999; color: #fff; margin: 115px 0 90px; max-width: 100%; padding: 40px 20px; position: relative; } #ctBoc .article-body-wrap .gghero.gghero-color-1, #ctBoc .article .gghero.gghero-color-1 { background: #c62827; } #ctBoc .article-body-wrap .gghero.gghero-color-2, #ctBoc .article .gghero.gghero-color-2 { background: #ae1558; } #ctBoc .article-body-wrap .gghero.gghero-color-3, #ctBoc .article .gghero.gghero-color-3 { background: #6b1c9b; } #ctBoc .article-body-wrap .gghero.gghero-color-4, #ctBoc .article .gghero.gghero-color-4 { background: #4527a1; } #ctBoc .article-body-wrap .gghero.gghero-color-5, #ctBoc .article .gghero.gghero-color-5 { background: #1a2380; } #ctBoc .article-body-wrap .gghero.gghero-color-6, #ctBoc .article .gghero.gghero-color-6 { background: #03589b; } #ctBoc .article-body-wrap .gghero.gghero-color-7, #ctBoc .article .gghero.gghero-color-7 { background: #144786; } #ctBoc .article-body-wrap .gghero.gghero-color-8, #ctBoc .article .gghero.gghero-color-8 { background: #148571; } #ctBoc .article-body-wrap .gghero.gghero-color-9, #ctBoc .article .gghero.gghero-color-9 { background: #1b5d1f; } #ctBoc .article-body-wrap .gghero.gghero-color-10, #ctBoc .article .gghero.gghero-color-10 { background: #3d8522; } #ctBoc .article-body-wrap .gghero p:first-of-type, #ctBoc .article .gghero p:first-of-type { display: flex; height: 100%; max-width: 560px; position: absolute; right: 50%; top: -50px; width: 50%; } #ctBoc .article-body-wrap .gghero img, #ctBoc .article .gghero img { height: 100%; margin: auto; object-fit: contain; width: 100%; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article-body-wrap .gghero h2 ~ p, #ctBoc .article-body-wrap .gghero ul, #ctBoc .article .gghero h2, #ctBoc .article .gghero h2 ~ p, #ctBoc .article .gghero ul { margin-left: calc(50% + 20px); max-width: 540px; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article .gghero h2 { color: #fff; font-size: 45px; text-align: left; } #ctBoc .article-body-wrap .gghero p, #ctBoc .article .gghero p { } #ctBoc .article-body-wrap .gghero h2 + p, #ctBoc .article .gghero h2 + p { color: rgba(255,255,255,0.75); margin-bottom: 25px; } #ctBoc .article-body-wrap .gghero h2 + p a, #ctBoc .article .gghero h2 + p a { border: none; box-shadow: none; color: inherit; } #ctBoc .article-body-wrap .gghero h2 + p a:hover, #ctBoc .article .gghero h2 + p a:hover { color: #fff; text-decoration: underline; } #ctBoc .article-body-wrap .gghero ul, #ctBoc .article .gghero ul { border-top: 1px solid rgba(255,255,255,0.25); margin: 0 -20px 50px calc(50% + 15px); max-width: 550px; overflow: scroll; padding-top: 30px; position: relative; white-space: nowrap; } #ctBoc .article-body-wrap .gghero ul li, #ctBoc .article .gghero ul li { box-sizing: border-box; color: rgba(255,255,255,0.75); display: inline-block; font-size: 75%; min-width: 100px; margin: 0 -5px 0 0; padding: 0 5px; vertical-align: top; white-space: normal; } #ctBoc .article-body-wrap .gghero ul li:before, #ctBoc .article .gghero ul li:before { display: none; } #ctBoc .article-body-wrap .gghero ul li strong, #ctBoc .article .gghero ul li strong { color: #fff; display: block; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(2), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(2) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(2), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(2) ~ li { width: 50%; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(3), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(3) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(3), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(3) ~ li { width: calc(100% / 3); } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(4), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(4) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(4), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(4) ~ li { width: 25%; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(5), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(5) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(5), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(5) ~ li { width: 20%; } #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(6), #ctBoc .article-body-wrap .gghero ul li:first-of-type:nth-last-of-type(6) ~ li, #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(6), #ctBoc .article .gghero ul li:first-of-type:nth-last-of-type(6) ~ li { width: calc(100% / 6); } #ctBoc .article-body-wrap .gghero h2 +p ~ p:last-of-type, #ctBoc .article .gghero h2 +p ~ p:last-of-type { font-size: 48px; color: #fff; } #ctBoc .article-body-wrap .gghero a.cta.shop, #ctBoc .article .gghero a.cta.shop { box-shadow: none; font: 45% "geomanist-medium",Helvetica,Arial,sans-serif; margin: 0 0 20px 5px; padding: 15px 25px; text-transform: uppercase; vertical-align: 7px; } #ctBoc .article-body-wrap .gghero a.cta.shop:before, #ctBoc .article .gghero a.cta.shop:before { display: none; } /* no image */ #ctBoc .article-body-wrap .gghero h2:first-child, #ctBoc .article-body-wrap .gghero h2:first-child + *, #ctBoc .article-body-wrap .gghero h2:first-child ~ *, #ctBoc .article .gghero h2:first-child, #ctBoc .article .gghero h2:first-child + *, #ctBoc .article .gghero h2:first-child ~ * { margin-left: auto; margin-right: auto; max-width: 600px; text-align: center; } #ctBoc .article-body-wrap .gghero h2:only-child, #ctBoc .article .gghero h2:only-child { margin: 0 auto; } @media all and (max-width: 800px) { #ctBoc .article-body-wrap .gghero, #ctBoc .article .gghero { margin: 150px 0 30px; } #ctBoc .article-body-wrap .gghero p:first-of-type, #ctBoc .article .gghero p:first-of-type { height: 100%; margin-top: -150px; max-width: 100%; position: relative; right: 0; top: 0; width: 100%; } #ctBoc .article-body-wrap .gghero p:first-of-type img, #ctBoc .article .gghero p:first-of-type img { max-height: 500px; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article-body-wrap .gghero h2 ~ p, #ctBoc .article-body-wrap .gghero ul, #ctBoc .article .gghero h2, #ctBoc .article .gghero h2 ~ p, #ctBoc .article .gghero ul { margin-left: 30px; margin-right: 30px; max-width: 100%; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article .gghero h2 { margin-top: 45px; } #ctBoc .article-body-wrap .gghero h2, #ctBoc .article-body-wrap .gghero p:last-of-type, #ctBoc .article .gghero h2, #ctBoc .article .gghero p:last-of-type { text-align: center; } #ctBoc .article-body-wrap .gghero ul li, #ctBoc .article .gghero ul li { font-size: 90%; } } /* SUB OPTIONS */ #ctBoc .article-body-wrap .container.narrow.ggsubs, #ctBoc .article .narrow.ggsubs { display: flex; flex-wrap: wrap; margin: auto; max-width: 1200px; } #ctBoc .article-body-wrap .ggsub, #ctBoc .article .ggsub { background: #fff; box-shadow: 0 2px 3px 0px rgba(0,0,0,0.1); box-sizing: border-box; flex: 1 1 calc(50% - 40px); margin: 20px; padding-bottom: 100px; position: relative; transition: 0.25s; } #ctBoc .article-body-wrap .ggsub:hover, #ctBoc .article .ggsub:hover { box-shadow: 0 6px 10px 3px rgba(0,0,0,0.1); } #ctBoc .article-body-wrap .ggsub p:first-of-type, #ctBoc .article .ggsub p:first-of-type { display: flex; height: 560px; margin: 0; } #ctBoc .article-body-wrap .ggsub img, #ctBoc .article .ggsub img, .article-body .ggsub img, .article-body .ggsub img.image-large, .article-body .ggsub img.image-xlarge, .article-body .ggsub p img.image-large:only-child, .article-body .ggsub p a img.image-large:only-child, .article-body .ggsub p img.image-xlarge:only-child, .article-body .ggsub p a img.image-xlarge:only-child { height: 100%; object-fit: cover; width: 100%; } #ctBoc .article-body-wrap .ggsub h2, #ctBoc .article .ggsub h2 { color: #363636; font: 32px "geomanist-book",Helvetica,Arial,sans-serif; margin: 60px 60px 30px; text-align: center; } #ctBoc .article-body-wrap .ggsub h2 + p, #ctBoc .article .ggsub h2 + p { color: #898989; margin: 30px 60px 60px; text-align: center; } #ctBoc .article-body-wrap .ggsub p:last-of-type, #ctBoc .article .ggsub p:last-of-type { bottom: 25px; color: #363636; display: block; font-size: 32px; left: 50%; margin: 0 auto; position: absolute; text-align: center; transform: translate(-50%,0); width: calc(100% - 40px); } #ctBoc .article-body-wrap .ggsub a.cta.shop, #ctBoc .article .ggsub a.cta.shop { font: 18px "geomanist-medium",Helvetica,Arial,sans-serif; margin: 0 0 20px 5px; padding: 15px 25px; text-transform: uppercase; vertical-align: 7px; } #ctBoc .article-body-wrap .ggsub a.cta.shop:before, #ctBoc .article .ggsub a.cta.shop:before { display: none; } /* Odd Number End Subs */ @media all and (min-width: 801px) { #ctBoc .article-body-wrap .ggsubs > .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .ggsubs > .ggsub:last-of-type:nth-of-type(odd) { padding-left: 50%; } #ctBoc .article-body-wrap .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:first-of-type, #ctBoc .article .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:first-of-type { position: absolute; height: 100%; left: 0; padding-bottom: 0; top: 0; width: 50%; } #ctBoc .article-body-wrap .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:last-of-type, #ctBoc .article .ggsubs > .ggsub:last-of-type:nth-of-type(odd) p:last-of-type { left: calc(75% + 10px); } } @media all and (max-width: 1240px) { #ctBoc .article-body-wrap .ggsub p:first-of-type, #ctBoc .article .ggsub p:first-of-type { height: calc(50vw - 60px); } } @media all and (max-width: 800px) { #ctBoc .article-body-wrap .container:not(.expando) .ggsub, #ctBoc .article .article-body__section:not(.expando) .ggsub { flex: 1 1 100%; padding-bottom: 20px; } #ctBoc .article-body-wrap .container:not(.expando) .ggsub p:first-of-type, #ctBoc .article .article-body__section:not(.expando) .ggsub p:first-of-type { height: calc(66vw - 40px); } #ctBoc .article-body-wrap .container:not(.expando) .ggsub p:last-of-type, #ctBoc .article .article-body__section:not(.expando) .ggsub p:last-of-type { bottom: auto; left: auto; position: relative; transform: none; } } @media all and (max-width: 600px) { #ctBoc .article-body-wrap .ggsub, #ctBoc .article .ggsub { margin: 10px; } #ctBoc .article-body-wrap .ggsub h2, #ctBoc .article .ggsub h2 { margin: 30px 30px 20px; } #ctBoc .article-body-wrap .ggsub h2 + p, #ctBoc .article .ggsub h2 + p { margin: 20px 30px 30px; } } /* EXPANDOPRESTO */ #ctBoc .article-body-wrap .narrow.expando, #ctBoc .article .narrow.expando { max-width: 1200px; overflow: hidden; } #ctBoc .article-body-wrap .expando input, #ctBoc .article .expando input { cursor: pointer; display: table; height: 60px; left: 50%; opacity: 0; position: absolute; top: 0; transform: translate(-50%,0); width: 350px; z-index: 1; } #ctBoc .article-body-wrap .expando input + p, #ctBoc .article .expando input + p { display: table; height: 60px; margin: 0 auto; position: relative; transition: 1s; } #ctBoc .article-body-wrap .expando input + p:before, #ctBoc .article-body-wrap .expando input + p:after, #ctBoc .article .expando input + p:before, #ctBoc .article .expando input + p:after { bottom: 0; border: 2px solid; border-radius: 50%; content: "|"; font-size: 20px; height: 30px; left: 50%; line-height: 32.5px; position: absolute; text-align: center; transform: translate(-50%,0); transition: 1s; width: 30px; } #ctBoc .article-body-wrap .expando input + p:before, #ctBoc .article .expando input + p:before { border-color: transparent; transform: translate(-50%,0) rotate(90deg); } #ctBoc .article-body-wrap .expando input ~ .expander, #ctBoc .article .expando input ~ .expander { display: flex; max-height: 0px; transition: 2s; } #ctBoc .article-body-wrap .expando input:checked + p, #ctBoc .article .expando input:checked + p { margin-top: -25px; } #ctBoc .article-body-wrap .expando input:checked + p:before, #ctBoc .article-body-wrap .expando input:checked + p:after, #ctBoc .article .expando input:checked + p:before, #ctBoc .article .expando input:checked + p:after { line-height: 31px; } #ctBoc .article-body-wrap .expando input:checked + p:before, #ctBoc .article .expando input:checked + p:before { transform: translate(-50%,0) rotate(-45deg); } #ctBoc .article-body-wrap .expando input:checked + p:after, #ctBoc .article .expando input:checked + p:after { transform: translate(-50%,0) rotate(045deg); } #ctBoc .article-body-wrap .expando input:checked ~ .expander, #ctBoc .article .expando input:checked ~ .expander { max-height: 10000px; transition: 5s; } #ctBoc .article-body-wrap .expander, #ctBoc .article .expander { display: flex; flex-wrap: wrap; } /* Expansion blocks */ #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { padding-bottom: 60px; } #ctBoc .article-body-wrap .expando .ggsub p:first-of-type, #ctBoc .article .expando .ggsub p:first-of-type { padding-bottom: 66%; } #ctBoc .article-body-wrap .expando .ggsub h2, #ctBoc .article .expando .ggsub h2 { font-size: 200%; margin: 30px; } #ctBoc .article-body-wrap .expando .ggsub h2 + p:not(:last-of-type), #ctBoc .article .expando .ggsub h2 + p:not(:last-of-type) { display: none; } #ctBoc .article-body-wrap .expando .ggsub p:last-of-type, #ctBoc .article .expando .ggsub p:last-of-type { bottom: 5px; font-size: 200%; } #ctBoc .article-body-wrap .expando .ggsub a.cta.shop, #ctBoc .article .expando .ggsub a.cta.shop { font-size: 55%; vertical-align: 4px; } #ctBoc .article-body-wrap .expander > ul, #ctBoc .article .expander > ul { column-count: 2; column-gap: 40px; margin: 20px auto; max-width: 800px } #ctBoc .article-body-wrap .expander > ul li, #ctBoc .article .expander > ul li { padding: 20px 0 0; } #ctBoc .article-body-wrap .expander > ul li:before, #ctBoc .article .expander > ul li:before { display: none; } #ctBoc .article-body-wrap .expander > ul li a, #ctBoc .article .expander > ul li a { color: #484848; } #ctBoc .article-body-wrap .expander > ul li a:hover, #ctBoc .article .expander > ul li a:hover { color: #72b825; text-decoration: underline; } @media all and (min-width: 1201px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { width: calc(25% - 40px); } #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3) ~ .ggsub:nth-of-type(-n+3), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6) ~ .ggsub:nth-of-type(-n+6), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9) ~ .ggsub:nth-of-type(-n+9), #ctBoc .article-body-wrap .expando .ggsub:nth-of-type(3):nth-last-of-type(3), #ctBoc .article-body-wrap .expando .ggsub:nth-of-type(3):nth-last-of-type(3) ~ .ggsub, #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3) ~ .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+3):nth-last-of-type(n+3) ~ .ggsub:nth-of-type(-n+3), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+2):nth-last-of-type(n+6) ~ .ggsub:nth-of-type(-n+6), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(4n+1):nth-last-of-type(n+9) ~ .ggsub:nth-of-type(-n+9), #ctBoc .article .expando .ggsub:nth-of-type(3):nth-last-of-type(3), #ctBoc .article .expando .ggsub:nth-of-type(3):nth-last-of-type(3) ~ .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3) ~ .ggsub { width: calc(100% / 3 - 40px); } #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(5), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(5) + .ggsub, #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(5), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(5) + .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub { width: calc(50% - 40px); } } @media all and (max-width: 1200px) and (min-width: 801px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { width: calc(100% / 3 - 40px); } #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2) ~ .ggsub:nth-of-type(-n+2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1) ~ .ggsub:nth-of-type(-n+4), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article-body-wrap .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub, #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+2):nth-last-of-type(n+2) ~ .ggsub:nth-of-type(-n+2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(3n+1):nth-last-of-type(n+1) ~ .ggsub:nth-of-type(-n+4), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2), #ctBoc .article .expando .ggsub:first-of-type:nth-last-of-type(2) + .ggsub { width: calc(50% - 40px); } } @media all and (max-width: 800px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { width: calc(50% - 40px); } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) { padding-left: 50%; width: calc(100% - 40px); } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd) p:first-of-type, #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) p:first-of-type { position: absolute; height: 100%; left: 0; padding-bottom: 0; top: 0; width: 50%; } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd) p:last-of-type, #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) p:last-of-type { left: calc(75% + 10px); } } @media all and (max-width: 600px) { #ctBoc .article-body-wrap .expando .ggsub, #ctBoc .article .expando .ggsub { padding-bottom: 70px; width: calc(50% - 20px); } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) { padding-left: 50%; width: calc(100% - 20px); } #ctBoc .article-body-wrap .expando .ggsub h2, #ctBoc .article .expando .ggsub h2 { font-size: 150%; margin: 10px 20px; } #ctBoc .article-body-wrap .expando .ggsub p:last-of-type, #ctBoc .article .expando .ggsub p:last-of-type { font-size: 175%; } #ctBoc .article-body-wrap .expando .ggsub a.cta.shop, #ctBoc .article .expando .ggsub a.cta.shop { font-size: 66%; padding: 10px 15px; vertical-align: 2px; } #ctBoc .article-body-wrap .expando .ggsub:last-of-type:nth-of-type(odd), #ctBoc .article .expando .ggsub:last-of-type:nth-of-type(odd) { padding-top: 10px; } #ctBoc .article-body-wrap .expander > ul, #ctBoc .article .expander > ul { column-count: 1; } } @media all and (max-width: 480px) { #ctBoc .article-body-wrap .expando .ggsub p:last-of-type, #ctBoc .article .expando .ggsub p:last-of-type { font-size: 150%; } #ctBoc .article-body-wrap .expando .ggsub a.cta.shop, #ctBoc .article .expando .ggsub a.cta.shop { margin: 0 0 20px; padding: 10px; } } .fb_like_and_share { margin-top: 25px; } /* SEASONAL */ /* body { background: #31334a; } body.im .header__brand, body.im .top-header__brand, body.im .article-body p.ggsite img { filter: brightness(59%) invert(1) sepia(1) hue-rotate(190deg); } body.wp .top-header__brand { filter: invert(1); } #ctBoc .ggtitle h2 { color: #fff; text-shadow: .25vw .25vw #000; } .header, .swiper-container, .recent-posts, #page-top, .recent-posts .topics, .header__navigation-item, .top-header--scrolled .top-header-inner, .nav-drawer__header, .top-header-inner { background: #28293b; color: #fff; } .header__navigation-item a, .header__navigation-item--icon a, .header__navigation-item--icon button, .header__navigation-item--special a, .header__navigation-item--special button, .header__navigation-item--icon a:hover, .header__navigation-item--icon button:hover, .header__navigation-item--special a:hover, .header__navigation-item--special button:hover, .top-header__offer, .top-header__offer a, .top-header__navigation-item a, .top-header__navigation-item button, .top-header--scrolled .top-header__navigation-item a, .top-header--scrolled .top-header__navigation-item button { color: #fff; } #header-navigation-right>ul>li, .header #navigation ul ul, .header #header-navigation-right ul ul { border-color: #684fb4; } #header-navigation-left li, #header-navigation-right>ul>li { border-color: #684fb4 !important; } .header:after, .header #navigation ul li:hover, .header #navigation ul li.active, .header .header-navigation ul>li:hover, .header .header-navigation ul>li.active, .header #header-navigation-right .search.active, .navigation-right .menu ul li:hover a, .navigation-right .menu ul li.hover a, .navigation-right .menu ul li.hover-f a, .header #header-navigation-right ul ul li:hover a, .header #navigation ul ul li:hover a, .top-header__navigation-item a:focus, .top-header__navigation-item a:hover, .top-header__navigation-item button:focus, .top-header__navigation-item button:hover, .top-header__drawer-toggle, .top-header--scrolled .top-header__drawer-toggle, body.cb .header .logo:before { background: #747ba9; color: #fff; } .article-body .ggsite img { filter: sepia(0.5) hue-rotate(190deg); } body.im p.ggsite { background: #31334a; padding: 10px 20px; } #ctBoc a.cta.shop, #ctBoc ul.cta.shop { background-color: #ebde76; border: none; color: #000; } #ctBoc a.cta.shop:hover, #ctBoc ul.cta.shop:hover { background-color: #41d9ff; } #ctBoc .article-body-wrap .gghero.gghero-color-1, #ctBoc .article .gghero.gghero-color-1 { background: #28293b; } #ctBoc .article-body-wrap .gghero.gghero-color-2, #ctBoc .article-body-wrap .gghero.gghero-color-10, #ctBoc .article .gghero.gghero-color-2, #ctBoc .article .gghero.gghero-color-10 { background: #373e59; } #ctBoc .article-body-wrap .gghero.gghero-color-3, #ctBoc .article-body-wrap .gghero.gghero-color-9, #ctBoc .article .gghero.gghero-color-3, #ctBoc .article .gghero.gghero-color-9 { background: #46587a; } #ctBoc .article-body-wrap .gghero.gghero-color-4, #ctBoc .article-body-wrap .gghero.gghero-color-8, #ctBoc .article .gghero.gghero-color-4, #ctBoc .article .gghero.gghero-color-8 { background: #507499; } #ctBoc .article-body-wrap .gghero.gghero-color-5, #ctBoc .article-body-wrap .gghero.gghero-color-7, #ctBoc .article .gghero.gghero-color-5, #ctBoc .article .gghero.gghero-color-7 { background: #5697b8; } #ctBoc .article-body-wrap .gghero.gghero-color-6, #ctBoc .article .gghero.gghero-color-6 { background: #5ac0d7; } */ /* WC Seasonal */ body.wp { background: #ca1878; } body.wp .top-header__brand { filter: invert(1); } .wp #ctBoc .ggtitle h2 { text-shadow: .25vw .25vw #911458; } .wp .header, .wp .swiper-container, .wp .recent-posts, .wp #page-top, .wp .recent-posts .topics, .wp .header__navigation-item, .wp .top-header--scrolled .top-header-inner, .wp .nav-drawer__header, .wp .top-header-inner { background: #732978; color: #fff; } .wp .header__navigation-item a, .wp .header__navigation-item--icon a, .wp .header__navigation-item--icon button, .wp .header__navigation-item--special a, .wp .header__navigation-item--special button, .wp .header__navigation-item--icon a:hover, .wp .header__navigation-item--icon button:hover, .wp .header__navigation-item--special a:hover, .wp .header__navigation-item--special button:hover, .wp .top-header__offer, .wp .top-header__offer a, .wp .top-header__navigation-item a, .wp .top-header__navigation-item button, .wp .top-header--scrolled .top-header__navigation-item a, .wp .top-header--scrolled .top-header__navigation-item button { color: #fff; } .wp #header-navigation-right>ul>li, .wp .header #navigation ul ul, .wp .header #header-navigation-right ul ul { border-color: #684fb4; } .wp #header-navigation-left li, .wp #header-navigation-right>ul>li { border-color: #684fb4 !important; } .wp .header:after, .wp .header #navigation ul li:hover, .wp .header #navigation ul li.active, .wp .header .header-navigation ul>li:hover, .wp .header .header-navigation ul>li.active, .wp .header #header-navigation-right .search.active, .wp .navigation-right .menu ul li:hover a, .wp .navigation-right .menu ul li.hover a, .wp .navigation-right .menu ul li.hover-f a, .wp .header #header-navigation-right ul ul li:hover a, .wp .header #navigation ul ul li:hover a, .wp .top-header__navigation-item a:focus, .wp .top-header__navigation-item a:hover, .wp .top-header__navigation-item button:focus, .wp .top-header__navigation-item button:hover, .wp .top-header__drawer-toggle, .wp .top-header--scrolled .top-header__drawer-toggle { background: #943b73; color: #fff; } .wp .article-body .ggsite img { filter: sepia(0.5) hue-rotate(260deg); } .wp #ctBoc a.cta.shop, .wp #ctBoc ul.cta.shop { background-color: #caa4f1; border: none; color: #000; } .wp #ctBoc a.cta.shop:hover, .wp #ctBoc ul.cta.shop:hover { background-color: #b178e9; color: #fff; opacity: 1; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-1, .wp #ctBoc .article .gghero.gghero-color-1 { background: #943b73; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-2, .wp #ctBoc .article-body-wrap .gghero.gghero-color-10, .wp #ctBoc .article .gghero.gghero-color-2, .wp #ctBoc .article .gghero.gghero-color-10 { background: #a63f82; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-3, .wp #ctBoc .article-body-wrap .gghero.gghero-color-9, .wp #ctBoc .article .gghero.gghero-color-3, .wp #ctBoc .article .gghero.gghero-color-9 { background: #b84290; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-4, .wp #ctBoc .article-body-wrap .gghero.gghero-color-8, .wp #ctBoc .article .gghero.gghero-color-4, .wp #ctBoc .article .gghero.gghero-color-8 { background: #c7449d; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-5, .wp #ctBoc .article-body-wrap .gghero.gghero-color-7, .wp #ctBoc .article .gghero.gghero-color-5, .wp #ctBoc .article .gghero.gghero-color-7 { background: #d645ab; } .wp #ctBoc .article-body-wrap .gghero.gghero-color-6, .wp #ctBoc .article .gghero.gghero-color-6 { background: #e946bb; } /* AC Seasonal */ body.ac { background: #1b9580; } body.ac .top-header__brand { filter: invert(1); } .ac #ctBoc .ggtitle h2 { text-shadow: .25vw .25vw #105662; } .ac .header, .ac .swiper-container, .ac .recent-posts, .ac #page-top, .ac .recent-posts .topics, .ac .header__navigation-item, .ac .top-header--scrolled .top-header-inner, .ac .nav-drawer__header, .ac .top-header-inner { background: #105662; color: #fff; } .ac .header__navigation-item a, .ac .header__navigation-item--icon a, .ac .header__navigation-item--icon button, .ac .header__navigation-item--special a, .ac .header__navigation-item--special button, .ac .header__navigation-item--icon a:hover, .ac .header__navigation-item--icon button:hover, .ac .header__navigation-item--special a:hover, .ac .header__navigation-item--special button:hover, .ac .top-header__offer, .ac .top-header__offer a, .ac .top-header__navigation-item a, .ac .top-header__navigation-item button, .ac .top-header--scrolled .top-header__navigation-item a, .ac .top-header--scrolled .top-header__navigation-item button { color: #fff; } .ac #header-navigation-right>ul>li, .ac .header #navigation ul ul, .ac .header #header-navigation-right ul ul { border-color: #1b7b7a; } .ac #header-navigation-left li, .ac #header-navigation-right>ul>li { border-color: #1b7b7a !important; } .ac .header:after, .ac .header #navigation ul li:hover, .ac .header #navigation ul li.active, .ac .header .header-navigation ul>li:hover, .ac .header .header-navigation ul>li.active, .ac .header #header-navigation-right .search.active, .ac .navigation-right .menu ul li:hover a, .ac .navigation-right .menu ul li.hover a, .ac .navigation-right .menu ul li.hover-f a, .ac .header #header-navigation-right ul ul li:hover a, .ac .header #navigation ul ul li:hover a, .ac .top-header__navigation-item a:focus, .ac .top-header__navigation-item a:hover, .ac .top-header__navigation-item button:focus, .ac .top-header__navigation-item button:hover, .ac .top-header__drawer-toggle, .ac .top-header--scrolled .top-header__drawer-toggle { background: #1b7b7a; color: #fff; } .ac .article-body .ggsite img { filter: sepia(0.5) hue-rotate(135deg); } .ac #ctBoc a.cta.shop, .ac #ctBoc ul.cta.shop { background-color: #ca205e; border: none; color: #fff; } .ac #ctBoc a.cta.shop:hover, .ac #ctBoc ul.cta.shop:hover { background-color: #98274f; color: #fff; opacity: 1; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-1, .ac #ctBoc .article .gghero.gghero-color-1 { background: #127d6d; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-2, .ac #ctBoc .article-body-wrap .gghero.gghero-color-10, .ac #ctBoc .article .gghero.gghero-color-2, .ac #ctBoc .article .gghero.gghero-color-10 { background: #148774; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-3, .ac #ctBoc .article-body-wrap .gghero.gghero-color-9, .ac #ctBoc .article .gghero.gghero-color-3, .ac #ctBoc .article .gghero.gghero-color-9 { background: #158c76; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-4, .ac #ctBoc .article-body-wrap .gghero.gghero-color-8, .ac #ctBoc .article .gghero.gghero-color-4, .ac #ctBoc .article .gghero.gghero-color-8 { background: #179179; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-5, .ac #ctBoc .article-body-wrap .gghero.gghero-color-7, .ac #ctBoc .article .gghero.gghero-color-5, .ac #ctBoc .article .gghero.gghero-color-7 { background: #1a967b; } .ac #ctBoc .article-body-wrap .gghero.gghero-color-6, .ac #ctBoc .article .gghero.gghero-color-6 { background: #1d9e7f; } /* IM Seasonal */ body.im { background: #ffd011; } /* body.im .top-header__brand { filter: invert(1); } .im #ctBoc .ggtitle h2 { text-shadow: .25vw .25vw #c83b44; } .im .header, .im .swiper-container, .im .recent-posts, .im #page-top, .im .recent-posts .topics, .im .header__navigation-item, .im .top-header--scrolled .top-header-inner, .im .nav-drawer__header, .im .top-header-inner { background: #732978; color: #fff; } .im .header__navigation-item a, .im .header__navigation-item--icon a, .im .header__navigation-item--icon button, .im .header__navigation-item--special a, .im .header__navigation-item--special button, .im .header__navigation-item--icon a:hover, .im .header__navigation-item--icon button:hover, .im .header__navigation-item--special a:hover, .im .header__navigation-item--special button:hover, .im .top-header__offer, .im .top-header__offer a, .im .top-header__navigation-item a, .im .top-header__navigation-item button, .im .top-header--scrolled .top-header__navigation-item a, .im .top-header--scrolled .top-header__navigation-item button { color: #fff; } .im #header-navigation-right>ul>li, .im .header #navigation ul ul, .im .header #header-navigation-right ul ul { border-color: #684fb4; } .im #header-navigation-left li, .im #header-navigation-right>ul>li { border-color: #684fb4 !important; } .im .header:after, .im .header #navigation ul li:hover, .im .header #navigation ul li.imtive, .im .header .header-navigation ul>li:hover, .im .header .header-navigation ul>li.imtive, .im .header #header-navigation-right .search.imtive, .im .navigation-right .menu ul li:hover a, .im .navigation-right .menu ul li.hover a, .im .navigation-right .menu ul li.hover-f a, .im .header #header-navigation-right ul ul li:hover a, .im .header #navigation ul ul li:hover a, .im .top-header__navigation-item a:focus, .im .top-header__navigation-item a:hover, .im .top-header__navigation-item button:focus, .im .top-header__navigation-item button:hover, .im .top-header__drawer-toggle, .im .top-header--scrolled .top-header__drawer-toggle { background: #943b73; color: #fff; } .im .article-body .ggsite img { filter: sepia(0.5) hue-rotate(260deg); } */ body.im p.ggsite { background: #FFD600; padding: 10px 20px; } .im #ctBoc a.cta.shop, .im #ctBoc ul.cta.shop { background-color: #ff3f4c; border: none; color: #000; } .im #ctBoc a.cta.shop:hover, .im #ctBoc ul.cta.shop:hover { background-color: #c83b44; color: #fff; opacity: 1; } .im #ctBoc .article-body-wrap .gghero.gghero-color-1, .im #ctBoc .article .gghero.gghero-color-1 { background: #ffd80f; } .im #ctBoc .article-body-wrap .gghero.gghero-color-2, .im #ctBoc .article-body-wrap .gghero.gghero-color-10, .im #ctBoc .article .gghero.gghero-color-2, .im #ctBoc .article .gghero.gghero-color-10 { background: #fcc51e; } .im #ctBoc .article-body-wrap .gghero.gghero-color-3, .im #ctBoc .article-body-wrap .gghero.gghero-color-9, .im #ctBoc .article .gghero.gghero-color-3, .im #ctBoc .article .gghero.gghero-color-9 { background: #f7b42d; } .im #ctBoc .article-body-wrap .gghero.gghero-color-4, .im #ctBoc .article-body-wrap .gghero.gghero-color-8, .im #ctBoc .article .gghero.gghero-color-4, .im #ctBoc .article .gghero.gghero-color-8 { background: #f5a73b; } .im #ctBoc .article-body-wrap .gghero.gghero-color-5, .im #ctBoc .article-body-wrap .gghero.gghero-color-7, .im #ctBoc .article .gghero.gghero-color-5, .im #ctBoc .article .gghero.gghero-color-7 { background: #f09f48; } .im #ctBoc .article-body-wrap .gghero.gghero-color-6, .im #ctBoc .article .gghero.gghero-color-6 { background: #ed9a54; } .im #ctBoc .article-body-wrap .gghero h2, .im #ctBoc .article-body-wrap .gghero h2 +p ~ p:last-of-type, .im #ctBoc .article .gghero h2, .im #ctBoc .article .gghero h2 +p ~ p:last-of-type { color: #000 } .im #ctBoc .article-body-wrap .gghero h2 + p, .im #ctBoc .article .gghero h2 + p { color: rgba(0,0,0,0.75) } /*-->*/ /*-->*/ //-->

Read more and comment

 
1 month ago

Are Google's Pixel Buds worth it?

13

Here's what our forum users have to say about Google's first foray into wireless earphones.

Alongside the Pixel 2 and Pixelbook at Google's October hardware event this year, we also got our first look at Pixel Buds. Pixel Buds are Google's first attempt at creating and releasing a pair of wireless earphones, and they're meant to compete directly with the likes of AirPods, Jaybird earphones, and more.

Andrew found quite a lot to like with his pair of Pixel Buds, but as he notes in his hands-on, there are still a few reasons why you might want to hold off this year and wait for Google's second iteration of the product.

One of our forum users recently posted that their Pixel Buds won't ship until January, and as such, is wondering if there are any better options they should go for rather than waiting.

Here are some of the responses.

*/
andrew_ackley 12-01-2017 08:09 PM “

Airpods are the ****. I think htc makes some decent usb c earbuds though. Also the Bluetooth ones jaybird makes are good.

Reply
*/
Jeremy8000 12-02-2017 12:21 AM “

The HD1's are fantastic. Another neckband to look at is the Klipsch R6 which you can pick up dirt cheap on Amazon - $60 with free shipping via Prime. Originally $180 and were only a little overpriced at that point, they're a steal right now. Klipsch R6 Neckband Bluetooth Headphones

Reply
*/
legobricke01 12-01-2017 11:28 PM “

IMO - They fit great.. They store easily... They pair easily... Love the case... Sounds great.... Last long on a charge... Have great range.. Assistant works very well... Gesture sensitivity is solid...

Reply
*/
bhatech 12-02-2017 02:25 AM “

Have them and using it for couple of weeks, also have airpods. If I have to choose one I still prefer airpods because of fit and comfort. Apart from fit and comfort (which is personal thing anyway), I love the Pixel buds in other areas. Love how well it integrates with the assistant and also love you can control volume thru side swipe and there is none on airpods (got to use Siri if you don't...

Reply

What do you think – Are Pixel Buds worth it?

Join the conversation in the forums!

Read more and comment

 
1 month ago

Best Cases for Moto G5 Plus

20

What are the best cases available for the Moto G5 Plus?

Motorola's budget phone, the Moto G5 Plus, is our favorite cheap phone of 2017.

If you recently picked one up on sale over Black Friday, you should reinvest some of that money you saved on a case to keep it in tip-top condition. We've rounded up a wide variety of cases here —from heavy duty rugged to slim and sleek — so you can find the one that fits your lifestyle best!

Ringke FUSION case

Ringke has a good reputation as a solid case manufacturer, and for good reason: its Fusion series always fits and protects well without adding too much bulk.

The Moto G5 Plus version, available in Clear, Rose Gold Crystal, or Smoke Black colors, is no exception. All versions leave a clear back while the two colored options merely accentuate the sides of the phone. The case covers the ports with little flaps, preventing water from getting inside, and the TPU covering is reinforced at the corners to ensure MIL-STD 810G drop protection.

See at Amazon

Supcase Unicorn Beetle Pro with Built-in Screen Protector

Do you regularly head out into the great outdoors with your phone and need a case that's rugged enough to take on the elements? Supcase offers its Unicorn Beetle Pro case, which features rugged, dual-layer protection and a built-in screen protector.

It combines a rugged polycarbonate shell with soft TPU to create a durable case with a sporty design. Supcase brags that this case exceeded military shock standards by surviving a 4-foot drop test 26 times so if you're prone to dropping your phone this is the case for you. All the ports are covered to keep out dirt and lint with access to the phone's ports and buttons, and also comes with an optional swiveling belt clip holster. It's come in sleek all black, or premium color cases.

See at Amazon

Spigen Rugged Armor case

Spigen makes some of the best cases you can buy, with their Rugged Armor lineup offering a great balance between style and functionality without adding a ton of bulk to your phone.

This one-piece case is made from flexible TPU with an internal spider-web pattern to help disperse the shock from drops along with Spigen's Air Cushion technology in the corners. The screen is protected with a raised lip around the front, and on the back, you'll find a precise cutout around the camera along with glossy, carbon fiber textures at the top and bottom of the case which increases your ability to maintain a solid grip on your phone.

Precise cutouts around the ports and raised tactile buttons ensure the functionality of your phone is never impeded. For a great, lightweight case that offers rugged protection, you really can't go wrong with Spigen.

See at Amazon

Incipio NGP case

If you're looking for a lightweight rugged case, Incipio's NGP case is the right voice for you.

Featuring a textured back and bumper to ensure you maintain a solid grip, this one-piece polymer case is designed with enhanced drop protection — you'll notice the honeycombed interior which helps to disperse the shock when your phone inevitably hits a table or floor.

Precise cutouts mean you'll have full access to the charging port and headphone jack as well as the volume and power button on the side.

Choose between black and berry pink and keep your Moto G5 Plus protected!

See at Incipio

Tudia Ultra Slim case

Tudio's Ultra Slim case for the Moto G5 Plus is a very stylish option for protecting your phone. it features stylish carbon fiber designs at the top and the bottom of the backplate, which both looks great and helps with grip.

Made with high quality TPU, this sleek case won't add much bulk to your phone, while the raised edge around the screen help keep your phone protected when it's face down on a surface. It's available in three color options: black, grey and navy blue.

For a really stylish and slim option for protecting your Moto G5 Plus, the Tudia Ultra Slim case can't be beat!

See at Amazon

Cimo clear case

Cimo's cases always fit really well and their clarity is excellent. Made from flexible TPU, these cases have a great in-hand feel that's not slippery, so you won't be fumbling your Moto G5 Plus all the time.

There's a raised bezel around the front of the case to protect your phone's screen when you lay it face-down, and the ports and buttons are cut out precisely.

It's important to note that clear TPU will almost always yellow after some time due to the way it absorbs sunlight. But for around $8, you might as well grab a few.

Interested in checking out other clear case options? Check out the best clear cases for the Moto G5 Plus!

See at Amazon

Poetic Revolution

If rugged protection is the name of the game for you, you'll want to consider this Poetic Revolution case for the Moto G5 Plus. It offers full protection for your phone, including a front plate with a built-in screen protector that also adds water resistance to the mix.

This two-piece case combines polycarbonate and TPU on the back to provide a balance of shock absorption and scratch protection, while the front plate is made of solid PC and includes a screen protector to keep your screen protected better than any other case on this list.

There's a lot of smart design elements in play here, including grippy textures along the side edges of the phone, lint/dust flaps over the ports at the bottom, and 'edgy' corners that give the phone a fresh and unique look. Despite all the features and protection built into this case, the profile remains relatively slim so you're not carrying around a plastic brick in your pocket.

See at Amazon

LK Leather Wallet Flip case

If you're looking to keep your phone, ID, credit cards and cash all in one place when you're heading out for a night on the town, the LK wallet case is your best bet.

Available in both black and brown color options, this case features three card slots on the inside cover, including a windowed slot that's perfect for your ID, and also includes a pocket for carrying cash as well. Your phone is held in place via a soft TPU shell that offers quality protection in the spots you need it most: the corners. Fold over the front cover to use it as a kickstand for viewing, then use the magnetic clasp to keep your screen protected in your pocket.

Do note that some of the Moto G5 Plus' functionality may be impeded when the front cover is closes, including the twist and chop gestures for launching the camera and flashlight respectively. Those require the infrared sensor to work properly which is covered by the case when closed. It certainly shouldn't be a dealbreaker for most, but it's worth mentioning before you make the purchase.

See at Amazon

Which case will you pick?

We want to know which cases work best for you, so let us know in the comments below!

Update December, 2017: These are still our top picks for Moto G5 Plus cases!

Moto G5

See at Amazon

img { width: 100%; height: auto; } .devicebox ul { display: table; margin: 0 0 10px; width: 100%; } .devicebox ul li { background: #f7f7f7; margin: 2px 0; padding: 4px 15px; } .devicebox ul li:hover { background: #fff; } .devicebox ul li:before { display: none; } .devicebox p ~ p { line-height: 1.25; } .devicebox p:first-of-type + p { padding: 15px; } .devicebox a.buy-link { border-radius: 5px; display: inline-block; font: 14px/31px "Proxima Nova Extrabld",Helvetica,Arial,sans-serif; text-align: center; } .devicebox a.buy-link, .devicebox a.buy-link:link, .devicebox a.buy-link:active, .devicebox a.buy-link:visited { background: #37B5D7; color: #FFF; } .devicebox a.buy-link:hover { background: #2694B2; text-decoration: none; } .devicebox a.buy-link:before { content: "\e61e"; font: 40px/0 "ac_iconset" !important; margin: 0 3px 0 -8px; vertical-align: middle; } @media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 660px) { /* div:not(.columns-3) excludes help menu content */ .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox { padding: 20px 0 25px; } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p img, .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p:nth-child(n+3), .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox ul { box-sizing: border-box; margin-left: calc(100% - 345px); width: 340px; } .article-body-wrap > div:not(.columns-3) > *:first-child:not(.sticky-wrapper) .devicebox p.list-head { margin-top: -5px; } } @media all and (max-width: 1024px) and (min-width: 801px), all and (max-width: 660px) { .devicebox h3 { text-align: center; } .devicebox ul, .devicebox p { display: block; } } @media all and (max-width: 800px) and (min-width: 660px) { .devicebox { padding: 20px 0 25px; } .devicebox .video { float: left; margin: 0 30px 0 0; width: calc(100% - 375px); } .devicebox h3 + p { bottom: 37px; display: block; overflow: hidden; position: absolute; top: 60px; width: calc(100% - 375px); } .devicebox p img, .devicebox p > img { position: absolute; top: 50%; transform: translateY(-50%); } .devicebox p:nth-child(n+3), .devicebox ul { box-sizing: border-box; margin-left: calc(100% - 345px); width: 340px; } .devicebox p.list-head { margin-top: -5px; } } @media all and (min-width: 1025px), all and (max-width: 800px) and (min-width: 661px), all and (max-width: 500px) { /* 2x buy buttons */ .devicebox a.buy-link { width: calc(50% - 2.5px); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(even) { margin: 0 0 5px 0; } .devicebox a.buy-link:last-of-type:nth-of-type(odd) { width: 100%; } } @media all and (max-width: 1024px) and (min-width: 801px), all and (max-width: 659px) and (min-width: 501px) { /* 3x buy buttons */ .devicebox a.buy-link { width: calc(100%/3 - 10px/3); margin: 0 5px 5px 0; } .devicebox a.buy-link:nth-of-type(3n):not(:nth-last-of-type(2)) { margin: 0 0 5px 0; } .devicebox a.buy-link:only-child { width: 100%; margin: 0 0 5px 0; } .devicebox a.buy-link:nth-last-of-type(2):nth-of-type(3n+1), .devicebox a.buy-link:nth-last-of-type(2):nth-of-type(3n+1) ~ a.buy-link, .devicebox a.buy-link:nth-last-of-type(4):nth-of-type(3n+1), .devicebox a.buy-link:nth-last-of-type(4):nth-of-type(3n+1) ~ a.buy-link { width: calc(50% - 2.5px); } .devicebox a.buy-link:nth-last-of-type(2):nth-of-type(3n+1) ~ a.buy-link, .devicebox a.buy-link:nth-last-of-type(4):nth-of-type(3n+1) ~ a.buy-link:nth-last-of-type(odd) { margin: 0 0 5px 0; } } @media all and (max-width: 800px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } } @media all and (max-width: 500px) { .devicebox { margin: 0 0 30px; max-width: none; width: auto; } .devicebox a.buy-link:before { display: none; } } .page-admin .devicebox {max-width: 350px;} .page-admin .devicebox .video_iframe {position: relative; height: 0; padding-bottom: 56.9%;} .page-admin .devicebox .video_iframe iframe {width: 100%; height: 100%; position: absolute;} /*-->*/ /*-->*/ /*-->*/

Read more and comment

 
Show More Headlines

Pages