Deal: Buy 3 Months, Get 3 Free. Unlimited Talk, Text. Plans from $15/month

Headlines

4 hours ago

What's in Tom Westrick's bag, December 2017

5

Here's what I bring with me on an everyday basis.

I may not be a jet-setting tech journalist like other writers on this site, but I do plenty of local traveling. My day job involves me fixing computers at about 20 offices in central Indiana, so I like to carry some gear for the road. My exact loadout varies by the day, depending on what exactly I'm doing and what parts I need to pack, but here are the devices I constantly carry with me.

The bag: Timbuk2 Uptown Laptop Backpack

Truth be told, I typically don't care much about what I carry my gear around in. As long as everything is decently protected and organized, it's good with me. I bought this bag near the beginning of 2017 when I was looking for something that would be slim and light when I wasn't carrying much gear but could expand if need be. This bag is great when I'm just carrying the basics, but also works well when I'm hauling equipment.

Laptops sit in a compartment against the wearer's back, providing maximum protection against hits or thieves. This is where my Pixelbook lives, while my work laptops get put into the large main compartment. The main compartment also holds multiple days' worth of clothes and a toiletry kit.

See at Amazon

The phone: Pixel 2 XL

A while ago, I wrote that when I first saw this year's Pixel phones, I didn't give them much thought since my OnePlus 3T was working so well. One day I was stumbling through Best Buy, played with a Pixel 2 XL, and liked it a lot. I'm apparently a complete monster because I liked the default display tuning and I haven't had any of the quality issues that have shown up for this device. It's just a pleasant, stable device. My favorite feature so far is definitely the camera, and I'm curious how much that will improve going forward. I use a Spigen case when I'm at the gym, but otherwise don't bother.

More: Google Pixel 2 and Pixel 2 XL review: The new standard for Android

The watch: Pebble 2

I'll say upfront that I bought this knowing the platform is well and truly dead. I used a Pebble Steel for about a year and a half, then moved to the Vector Watch. After four or five warranty replacements, I ended up selling my last good Vector Watch after Fitbit bought both Pebble and Vector last year. I was perfectly fine without a smartwatch until buying a refurbished Pebble Classic for cheap in September 2017, where I fell back in love with its operating system.

After trying other smartwatches, I bought the Pebble 2 last week for the smaller design and smart alarms, in addition to my favorite wearable OS. I'll be curled up in a ball and crying when this thing finally dies.

See at Amazon

The laptop: Google Pixelbook

I don't often use my Pixelbook during the day, but it's great to have handy in case I get a few minutes to read a book or work on an article. I can do (almost) everything I need to for my day job on this machine as well, and I've had to do that on occasion when my work laptop is updating or doing other things. I've gushed enough about the Pixelbook in my review, so I won't repeat myself here.

See at Amazon

The work laptop: Dell Latitude 3340

While I can do everything I need to from my Pixelbook, I prefer to have a separate laptop for my day job to keep my professional life and personal life as separate as possible. I have access to a few different Windows laptops, but this one is one of the first I imaged and set up. Also, the power, video, and Ethernet ports are all on the left side, making my desk setup much cleaner than if one of those ports lived on the right side. This laptop actually stays at my work desk overnight, only getting a spot in my back during the day. The laptop is a few years old, but performs perfectly fine except…

The mouse: Logitech MX Ergo Plus

The trackpad on the Latitude is downright awful. I reached for a mouse within a few minutes of using it and brought a mouse from home the next day. I purchased this trackball just recently, but I already love it and can't imagine going back to another mouse or trackball. I've tried center trackballs before, but my preference is for the thumb-balls. Because this uses Logitech's unifying receiver, my wireless keyboard at work can be paired to one receiver, saving me a USB port. A second computer can be paired with another unifying receiver or Bluetooth, so I take this back and forth between work and home. Whenever I go to one of our other offices, the MX Ergo comes with me because swearing at my laptop is public is generally frowned upon.

See at Best Buy

Headphones: Bowers and Wilkins PX

I love these headphones for two specific reasons: I can charge them with a USB-C cable, and they pipe in surrounding noise so I can hear my coworkers while listening to music. The battery life is great, the smart features work as advertised and above all these headphones sound fantastic. Again, I've already reviewed these headphones, so give that a read if you're interested.

See at Amazon

Portable power: Pixelbook charger with Pixel 2 XL charging cable

I don't bother carrying a portable battery right now since I can't remember the last time I used one. All my devices have great battery life so I don't give too much thought to charging them during the day. If I do, I use the Pixelbook charger since it can quickly charge my laptop, phone and headphones. My work laptop gets good enough battery life as well, so the charger for that typically stays at my desk at my main office. I use the charging cable that came bundled with my Pixel 2 XL since that's shorter than the one that shipped with the Pixelbook, meaning less clutter.

Other odds and ends

Winter is coming, so I've started carrying around a small bottle of hand lotion to keep my hands from getting too dry. I also have a USB-C hub that has a USB-A port, HDMI out and passthrough USB-C charging port. I rarely carry any cash or coins, so I use the Big Skinny Money Clip since it's slim and minimal. Finally, I still have a smartphone tripod with me for the few times I make it to the bar to sing at open mic so I can record my performance.

Big Skinny Men's Leather Magnetic Money Clip at Amazon

What say you?

As CES draws nearer and nearer, we'll all be listing our everyday carry items and what we'll use for the show itself. What do you bring with you on a day-to-day basis? Let us know down below!

Read more and comment

 
21 hours ago

The best tech deals that you don't want to miss out on

Our friends at Thrifter post some great deals every day, and here are the best ones available right now!

From mobile phones to general tech, home goods and much more, the team at Thrifter is scouring the web every single day to find the best deals. Whether something hits a new all-time low, gets discounted for just a limited time, or has a new coupon code available for it, you won't want to miss out any of them. If you want to know about the deals as soon as they are happening, you'll want to follow Thrifter on Twitter, and sign up for the newsletter, because missing out on a great deal stinks!

So, what are the best deals that you should be looking at right now? Well, let's take a look at them so you can see which ones are best for you!

Logitech Accessories - Starting at $12

Amazon is back with another great Gold Box deal, this time saving you big on some of the best Logitech gear out there. Whether you are in need of a new mouse, keyboard, webcam, or set of speakers for your computer, you won't want to miss out on this one-day sale.

See on Amazon

Anker Bolder Flashlight - $40 (Was $60)

The Anker Bolder LC40 pocket-sized LED flashlight for $7.99 with code FKLCPF9W on Amazon. This flashlight normally sells at $13 and hasn't had a direct price drop in more than six months.

This flashlight has a powerful light but is small enough to fit easily into your purse or pocket.

See on Amazon

Target Green Monday Sale - Save $20 on $100 orders

Target currently has an online sale where you can get $20 off for every $100 you spend. It's cumulative, so if you spend $200 you get $40 off up to a maximum discount of $100. if you've got a bunch of items on your Christmas shopping list, you could knock it all out at a discount with no one ever knowing you bought them stuff on sale.

See on Amazon

More great deals!

For even more great deals, and to see these discounts as they become available, be sure to check out our friends at Thrifter now!

Read more and comment

 
22 hours ago

Best Screen Protectors for Samsung Galaxy S8

40

Which screen protectors work best with cases for Galaxy S8?

To protect or not to protect? That is the question many of us are asking as we debate whether or not to buy screen protectors and cases for the beautifully designed Samsung Galaxy S8

In the forums, there's been a pretty great discussion on the merits of using a screen protector at all on the Galaxy S8. Some folks swear that improvements to Gorilla Glass over the years have made screen protectors obsolete and question why anyone would want to possibly affect the clarity or touch sensitivity of the GS8's beautiful display.

On the other hand, a number of people have had screen protectors take the brunt of drops or scratches, while keeping their phone's screen safe from harm and point out that a purse or something in your pocket (or even those little rivets just outside the front pockets on a pair of jeans) can cause damage seemingly out of nowhere. Fact is, as tough as Gorilla Glass has become, it is always possible for it to get scratched or broken.

No matter where you fall on the debate, the fact is that it's hard to find a screen protector — especially one made of tempered glass — that accommodates the curved screen of the Galaxy S8 and S8+ and also lets you use the case of your choosing. Here are a couple options pulled from the forums that seem really promising.

Whitestone Dome Glass

The Whitestone Dome Glass screen protector was another option that was getting people talking in the forums. The big selling feature for this wet install screen protector is its unique curing process, which uses UV light.

It's proven to be a very popular screen protector and is currently on sale for $30, down from $60. Check out this review and installation guide to get an idea of how this tempered glass screen protector uniquely adheres like no other screen protector you've seen before. If the worst case scenario has already occurred and your screen is cracked, think of this as a second chance screen before dropping hundreds of dollars on a proper replacement screen. With a UV light packaged to complete the curing process, this is a pricier option than other screen protectors out there, but based on video review and reviews on Amazon it's an early favorite. I guess time will tell how well the Whitestone Dome Glass holds up in real-life use.

See at Amazon

Spigen NeoFlex screen protector (2-pack)

Spigen makes great cases for the Galaxy S8, so it only makes sense that they'd also offer a screen protector that's compatible with cases.

This recommendation came from the AC community, and if you're alright with settling for a film screen protector with a wet installation, you should be happy dropping $8 for a two-pack. Because it's a flexible film, the NeoFlex can offer full protection for your screen without affecting the touch responsiveness. Paired with a case, your Galaxy S8 should be protected from drops and also save from scratches on the screen.

Spigen recommends installing the screen protector with a case already on — and if you haven't bought a case yet, Spigen has a great selection of cases to choose from.

See at Amazon

iTURBOS 3D PET Film Screen Protector (2-pack)

Recommended by neil_sugarbush in the comments, the iTURBOS two-pack of plastic film screen protectors are compatible with even the most rugged cases. That's in part due to these being PET film screen protectors rather than tempered glass.

This is a paper-thin screen protector that you will hardly notice after a clean installation. These screen protectors have an oleophobic coating to help prevent fingerprints and smudges and are easy to install. With over 100 5-star reviews on Amazon, you can buy with confidence. Get your two-pack of case-friendly screen protectors from iTURBOS for just $8.

See at Amazon

Ringke Invisible Defender Full Coverage Screen Protector

Ringke makes some quality accessories and their screen protector for the Galaxy S8 stands out from the rest for the wings that wrap around the sides of your phone. Recommended by Sdot312 in the comments, there are a few benefits to this unique screen protector style. Since the film wraps around the edges, you have the button cutouts to help you achieve the perfect fit giving you the full protection you desire while also helping to prevent the edges from peeling up with a case installed too.

These screen protectors are made of crystal clear urethane material and can be yours for just $10. The kit includes everything you'll need for a clean installation, along with an extra screen protector in case your first one takes a beating and needs to be replaced.

You can also get a two-pack for the Galaxy S8+, too, if you're rocking the larger device.

See at Amazon

Armorsuit MilitaryShield Galaxy S8 Screen Protector

Made with a durable military-grade film, the Armorsuit MilitaryShield is a thin screen protector that offers edge-to-edge protection. It requires a wet installation, with all the required tools and wipes included in the box. Armorsuit claims that this protector is virtually scratch-proof, with self-healing technology that will help eliminate any minor scratches from keys or pocket sand. It's available for just $8.

As with most wet install screen protectors, you need to let this thing sit and dry for a good long time (up to 12 hours) to ensure proper adhesion and get a nice clean fit. Attempt to put on a case too soon and you'll have issues around the edges.

This was recommended by PJRed2008 in the forums, who admittedly had issues with their first screen protector and had to get new ones sent out made from an updated template. Since receiving the replacement, they've had no issues. If you ever have an issue with it, you'll want to follow suit and contact Armorsuit's customer service to take advantage of that lifetime replacement warranty.

See at Amazon

Where do you land on the screen protector debate?

Are screen protectors and cases a must-buy for any new phone you own or do you prefer the naked look and feel? Have you had hands-on experience with a screen protector that others should know about? Let us know in the comments!

Update December 2017: The Whitestone Dome Glass is still your best bet for protecting your Galaxy S8 screen — and it's currently on sale for jut $30!

Samsung Galaxy S8 and S8+

Verizon AT&T T-Mobile Sprint Unlocked

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 day ago

Ara's Favorite Tech of 2017

0

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 day 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 day ago

Google Pixel Buds UK review: A second opinion

4
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

 
2 days ago

Tom's favorite tech of 2017

5

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

 
2 days 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

 
2 days ago

Best Gamepad For Samsung Gear VR

Best overall

SteelSeries Stratus XL

See at Amazon

The folks at SteelSeries have a long history of quality controllers for mobile platforms, and the Stratus XL kicks that up a notch. Instead of focusing on portability and pocketability like the other controllers in this product line, SteelSeries focused on comfort and capability which makes it an incredible choice for the Samsung Gear VR. It has all the quality of a major console controller, with great battery life and a $50 price tag to match.

It pairs instantly to your Samsung phone and works with dozens of Gear VR games right out of the box. Stratus XL is an all around quality gamepad, with a layout that is easy to remember when you eyes are in VR.

Bottom line: If you want the best overall gamepad for your Gear VR, SteelSeries is where you want to be.

One more thing: This version of the controller only comes in black. If you see a white version of this controller, it's the iOS-only version and won't work with the Gear VR.

Why the SteelSeries Stratus XL is the best

Everything you need in a gamepad you'll be using without your eyes.

While the Samsung Gear VR comes with its own Controller now, there are plenty of VR games you play on this headset which require or are enhanced by a good ol' fashioned gamepad. It's just not as enjoyable to play Minecraft with a motion controller, which is why Samsung continues to support games and gamers who prefer this gameplay mechanic.

Three things matter most when it comes to a VR-friendly gamepad — comfort, battery life, and durability. SteelSeries has checked all three boxes with the Stratus XL. This is an Xbox-esque gamepad that looks and feels familiar with a button layout you will quickly become comfortable with despite not being able to look down at it while in VR. This gamepad will easily survive the occasional drop when you are spooked in VR thanks to its rugged plastic design, and the use of standard thumbsticks means the chances of breaking them on a drop is unlikely. On average this controller will get you through 30 hours of constant use, which means the only way you're charging this controller once a week is if you are really and truly invested in VR Minecraft. If you do run out of power in the middle of a game, the use of a microUSB port means just about everything can charge this controller quickly.

Best for portability

Moga Hero Power

See at Amazon

Having an Xbox-style gamepad is great for familiarity, but the Gear VR is a portable virtual reality platform and it makes sense that you'd want the gamepad to be equally as portable. That means it stows in a bag easily, and doesn't take up a ton of space. Moga's Hero Power gamepad offers this exact experience, with buttons and joysticks nearly flush with the casing and shorter palm grips that flow in line with the rest of the body. This gamepad also doubles as a more traditional phone gamepad with its foldable phone clip, which is pretty sweet when you consider it'll only set you back $27!

Bottom line: If you value portability above all, Moga Hero Power is what you want.

Best value

Beboncool controller

See at Amazon

It's portable, it's plasticky, and at $20 it's way cheaper than most other Bluetooth gamepads that play nice with the Gear VR. Beboncool makes a bunch of gamepads for tablets and phones alike, but this smaller controller is perfect for portable Gear VR gameplay. The battery is rated for 12 hours of constant gameplay, but the auto-off feature ensures you'll only be using power when you're actually playing.

Bottom line: If you want a better Gear VR gameplay experience without spending a ton, Beboncool has you covered.

Conclusion

If you're looking for console-class gaming on your Gear VR, SteelSeries is where you want to spend your money. There's always a place for portability, though, and Moga has what you need if you're on the go. If all you really want is an affordable gamepad to save you from constantly tapping the side of the Gear VR while playing your games, Beboncool is a great gamepad at a reasonable price.

Best overall

SteelSeries Stratus XL

See at Amazon

The folks at SteelSeries have a long history of quality controllers for mobile platforms, and the Stratus XL kicks that up a notch. Instead of focusing on portability and pocketability like the other controllers in this product line, SteelSeries focused on comfort and capability which makes it an incredible choice for the Samsung Gear VR. It has all the quality of a major console controller, with great battery life and a $50 price tag to match.

It pairs instantly to your Samsung phone and works with dozens of Gear VR games right out of the box. Stratus XL is an all around quality gamepad, with a layout that is easy to remember when you eyes are in VR.

Bottom line: If you want the best overall gamepad for your Gear VR, SteelSeries is where you want to be.

One more thing: This version of the controller only comes in black. If you see a white version of this controller, it's the iOS-only version and won't work with the Gear VR.

Updated December 2017: The Steelseries Stratus XL is still the best Bluetooth gamepad for the Samsung Gear VR.

Samsung Gear VR

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

 
3 days ago

Alex's Favorite Tech of 2017

28

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

 
3 days ago

Samsung Galaxy Owner's Gift Guide

15

Samsung Galaxy Owner's Gift Guide

When it comes to selling phones to a wide variety of consumers and being an instantly recognizable brand in consumer electronics, no company does it quite like Samsung. Not only has it completely set the bar for what a flagship phone is with the Galaxy S line, but it continues to push boundaries with the Galaxy Note line as well. And in the past couple of years, it has built up a fantastic ecosystem of accessories and devices. If you're all-in with a Samsung Galaxy phone, you'll want to check out these great gifts.

Samsung Galaxy S8

This is pretty simple: if you're already a big time Galaxy fan but haven't yet upgraded to the latest and greatest, it's hard to go wrong with the Galaxy S8. You'll get software you're familiar with, paired with Samsung's latest hardware innovations and specs that'll last you for the year to come.

$649 Buy now

Samsung Galaxy Note 8

Perhaps you're still hanging onto a Note 5 or even a Note 4 — it's time to move up to the new Galaxy Note 8. If you're still in love with the gigantic screen and S Pen on your current Note, you'll find that that DNA has carried over perfectly into the new Note 8. Sure it's not much different from the less expensive Galaxy S8+, but it's still clearly the absolute most powerful and capable Galaxy out there.

$949 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. They'll pair with your Galaxy perfectly, but with a tap of a switch you can grab audio from a tablet or computer, too.

$349 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

Gear IconX 2018

Samsung's fitness-focused truly-wireless earbuds are good, but they're even better when you have a Samsung phone. The integration with Samsung Health is great, and because your phone already has all of the extra software for them you don't have to worry about installing any awkward extra plugins like you would on another phone. Get these earbuds if you need to be active and don't want anything in your way.

$199 Buy Now

Moment Cases and Lenses

Samsung's latest phones have great cameras, that's for sure. But they're even better when you can augment them with top-notch glass with different focal lengths. Moment's cases are solid for general protection, and the lenses snap on with ease to take your mobile photography to new levels.

from $99 Buy Now

Chromecast Ultra

Even if you already have a streaming box of some sort, it'd be tough to convince us 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

Samsung Gear Sport

The value proposition of a smartwatch just isn't there for many people, but the best all-around choice out there right now 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, we 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 or even while sleeping.

$199 Buy Now

Samsung Galaxy Tab S3

Let's be honest, an Android tablet isn't for everyone. But for Samsung fans the best tablet is the Galaxy Tab S3. Not only will it have software that's familiar to you, but it'll also match up in terms of hardware and features. Add a keyboard case for the best productivity-focused experience.

$525 Buy Now

Samsung Chromebook Pro

Not everyone wants (or needs) a full-blown computer. For those people, we 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. And it even has a great stylus that mimics much of what the S Pen does on the Galaxy Note 8.

$499 Buy Now

Samsung Fast Charge Wireless Charging Convertible Stand

It shouldn't come as any surprise that Samsung makes the best Qi wireless charging stand out there. The soft rubber on the top keeps your phone in place, and the pivot action lets you choose whether you want it to be a proper stand or a flat pad. It also comes with an Adaptive Fast Charging wall plug, so you get the fastest possible wireless charging speeds with your Galaxy.

$89 Buy Now

Samsung Fast Charge Wireless Charging Stand

If you're thinking $89 is a bit too much for a wireless charger, check out the last generation stand model for less than half the price. It doesn't convert into a flat pad, but then again it still charges at the same rate as the new model, and you'd save enough money to buy another wireless charger and still have money left over.

$39 Buy Now

Anker PowerCore+ 26800mAh USB-C PD battery

If you want a massive battery that can charge up your phone, tablet and even computer, this Anker model is the one-stop shop. Using the included USB-C to USB-C cable you can charge up your Galaxy super quickly, or if that's tied up powering another device one of the USB-A ports will get the job done as well. It also includes a great wall charger that will top up your phone directly win no time.

$119 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

Samsung Evo+ 128GB UHS-I MicroSD Card

Galaxy phones still have SD card slots, so you might as well make use of them while you can. 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. $60 gets you a great card that can go in your phone but also with an adapter can pull double-duty in a camera if you need.

from $58 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

 
4 days 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

 
4 days 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

 
4 days ago

Jerry's Favorite Tech of 2017

8

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

 
4 days 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

 
Show More Headlines

Pages