Headlines

1 month ago

The Pixel 2's eSIM makes it dead simple to ditch your carrier for Project Fi

46

Google's new Pixels have an ace up their sleeves.

The Google Pixel 2 and Pixel 2 XL have what's called an "eSIM" — essentially an embedded SIM card that can be activated and deactivated on the fly to emulate a physical SIM card. But you don't have to know the details about how it works — you just need to know that it's an amazing innovation that makes it dead easy to use Google's Project Fi cell service on your new Pixel 2.


With these new phones, it takes but a few minutes to go from having no cell service at all to having an active Project Fi account. And if you already have Project Fi, things are even simpler: it'll take just a few seconds to switch between using whatever SIM card is in your Pixel 2, and being back on Project Fi. And vice-versa, as often as you want.

If you intend to give Project Fi a try, all it takes is downloading the Project Fi app on your Pixel 2 or 2 XL. Set up your account, and it will recognize that your phone has an eSIM. It takes just a couple of minutes to assign your phone number to the phone and enable service, and you're ready to go. Yes, it's really that easy.

You can switch between Fi and your usual carrier in a matter of seconds.

Even cooler is how things work when you have a regular SIM card in your phone and Project Fi service. You can be using Verizon, for example, with a regular Verizon SIM in the phone. Just go to the "Mobile network" settings and tap on "Carrier" and you'll see both your current carrier and "Available carriers" — sweet. Verizon is enabled, but you just tap "Project Fi" and confirm that you want to switch — your phone will be operating on Project Fi in a matter of seconds. No reboot, no removal of your Verizon SIM, nothing.

It takes just a few minutes to set up Project Fi for the first time on a Pixel 2.

This is an amazing gateway into Project Fi, but it's also a fantastic option for anyone who wants to keep Project Fi around as a secondary carrier option — particularly for its international roaming option. You see, Project Fi works internationally at the same $10 per GB as it does locally, which is far cheaper than Verizon charging you for specific packages or per-day rates. Fi also lets you "pause" service for 90 days at a time with no fee, meaning you can let it sit on your phone dormant until the day you need to go international. What a world.

Should you use your Google Pixel 2 on Project Fi?

The Pixel 2 or 2 XL will be many people's first chance to use Project Fi, and I seriously recommend it. Using the eSIM in your phone is just an example of how simple and pain-free Project Fi is. It may not be the go-to choice for everyone as their daily phone plan, but having the option available at a moment's notice when you do want to switch, or just use it internationally from time to time, is a great feature of these phones.

Google Pixel 2 and Pixel 2 XL

Best Buy Verizon Google Store Project Fi

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

Read more and comment

 
1 month ago

Best Dual-SIM Android Phones of 2018

Best overall

OnePlus 5T

See at OnePlus

OnePlus' second flagship of 2017 picks up where the OnePlus 5 left off, while introducing a new 18:9 display and a low-light camera. Like previous devices from the manufacturer, the OnePlus 5T is all about delivering a flagship-class experience for a couple of hundred dollars less than the competition.

The highlight of the OnePlus 5T is a 6.0-inch Optic AMOLED display, which has minimal bezels at the top and bottom. Although the screen size has increased by 0.5 inches, the reduction in the bezels means the OnePlus 5T is roughly the same size as the OnePlus 5.

The phone is powered by a Snapdragon 835, and the spec sheet makes for some great reading. You get 16MP + 20MP cameras at the back, 16MP front shooter, 3300mAh battery with Dash Charge, USB-C, and a headphone jack.

You can pick up the OnePlus 5T with either 6GB of RAM and 64GB storage for $499/£449/₹32,999, or get the model with 8GB of RAM and 128GB storage for $559/£499/₹37,999.

Bottom line: The OnePlus 5T is a solid choice if you're looking for a phone with top-notch internals, clean software, and all-day battery life.

One more thing: The OnePlus 5T is sold as a single SKU globally, meaning all variants have dual SIM card slots.

Read more and comment

 
1 month ago

Google Pixel 2 on AT&T gains HD Voice with Oreo 8.1 update

17

Here's how to make sure it's enabled once you get the update.

Android 8.1 Oreo started rolling out to Pixel and Nexus devices earlier this week, and especially for devices that aren't the Pixel 2, there's a lot of new stuff to check out. However, if you're using a Pixel 2 or Pixel 2 XL on AT&T, there's a new feature included just for you with the latest update.

When updating your Pixel 2 to 8.1 Oreo, you'll see that it includes HD Voice Calling for AT&T users, in addition to everything else 8.1 has to offer.

Once you've downloaded and installed the new software, you can turn on HD Voice Calling by going to Settings → Network & Internet → Advanced Calling. Once Advanced Calling is enabled, HD Voice will be used for both parties of the call (assuming they're using compatible hardware) in areas where the service is supported.

Android 8.1 Oreo started arriving on Pixel 2 and Pixel 2 XLs on AT&T on December 7, and other devices like the 2016 Pixel, Nexus 6P, and others should start seeing it soon.

Google Pixel 2 and Pixel 2 XL

Best Buy Verizon Google Store Project Fi

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

Read more and comment

 
1 month ago

Jerry's Favorite Tech of 2017

9

Jerry's Favorite Tech of 2017

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

BlackBerry KEYone

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

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

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

From $422 Buy Now

Google Pixelbook

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

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

$From 999 Buy Now

Wolfenstein II: The New Colossus

Make America Nazi-free Again. #NoMoreNazis

$40 Buy Now

Lego Jerry Garcia

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

$15 Buy Now

Fender Mustang GT 40 Modeling Guitar Amp

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

$250 Buy Now

HTC Vive

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

$600 Buy Now

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

Read more and comment

 
1 month ago

Do you carry one or two phones?

80

Our forum users talk about whether or not they own two (or more) phones.

In 2017 alone, we've seen devices like the Galaxy S8, LG V30, Essential Phone, Google Pixel 2, Huawei Mate 10 Pro, Note 8, and a lot of other really incredible phones. Having so many options to choose from is truly something, but for some folks that can't decide between just one, they choose to carry two daily drivers.

Owning two (or more) phones is an awesome way to test out more of what the market has to offer, but it can also be rather costly.

Here's what some of our forum users had to say about the two-phone life.

*/
amyf27 12-07-2017 12:56 PM “

Currently I only have one phone, the Note 8. I did try out an iPhone 7 plus briefly before I got my note as a backup phone and did not care for it. Slightly interested in the lgv30 as a second device but I love this darn note

Reply
*/
mysamsungs7e 12-07-2017 01:17 PM “

I have the Note 8 and iPhone X both amazing.

Reply
*/
jamezr 12-07-2017 09:44 PM “

Right now I have he Note 8 and Pixel 2 XL on the Android side and iPhone 8 Plus and iPhone X on the IOS side if the fence.

Reply
*/
rsgoldens 12-07-2017 08:32 PM “

I have a Note 8, iPhone 8 and iPhone 8+ I have a problem, what can I say...

Reply

What about you – Do you carry one or two phones?

Join the conversation in the forums!

Read more and comment

 
1 month ago

Harish's Favorite Tech of 2017

1

Harish's Favorite Tech of 2017

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

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

Galaxy Note 8

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

$923 Buy now

Xiaomi Mi A1

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

$226 Buy Now

Google Home

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

$79 Buy Now

Marshall Stanmore Multi-Room

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

$450 Buy Now

Sphero R2-D2

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

$125 Buy Now

Sony MDR-1000X

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

$289 Buy Now

Mi Robot Vacuum

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

$319 Buy Now

Zotac Magnus EN1070

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

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

$1,099 Buy Now

ASUS RT-AC5300

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

$297 Buy Now

Yeelight LED bulbs

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

$25 Buy Now

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

Read more and comment

 
1 month ago

Google launches 'Change the Game' to celebrate female gamers

15

Whoever said gaming was just for guys?

There's something to be said about kicking back after a long day and playing a solid video game. Letting all your responsibilities melt away while blasting aliens in the face with a bazooka or dominating your buddies in a word game is endless fun, but if you've ever spent any amount of time lurking around in the gaming community, you'll know that there's a connotation that it's very male dominate.

This is something that Google wants to address with a new initiative called "Change the Game."

Google partnered with Newzoo to take a look at the presence of women in the gaming space, and the results just might surprise you. The study showed that 65% of all women play mobile games of some sort, and women are actually more active mobile gamers compared to men with 43% of women playing games for more than five days each week compared to just 38% of men doing the same thing.

It's clear that a lot of women enjoy playing mobile games, but when it comes to the industry itself, the numbers aren't nearly as high. Google discovered that just 24.8% of workers in the gaming industry identify as either female or transgender, and likely as a result of this, only a mere 30% of women feel that games being released are made for them.

Indie games on the Play Store that feature strong female protagonists.

With Change the Game, Google is launching an interactive web experience that talks about mobile gaming and women in the United States. Alongside this, you'll also find a new short film shedding light on the same topic and a collection of games in the Play Store that feature strong female protagonists.

Once you're done checking out Google's releases for Change the Game, head to the comments and let us know what your favorite game and/or female protagonist in a game is. She's not from a mobile game, but my vote easily goes to Aloy from Horizon: Zero Dawn. What about you?

Portal Knights console game now available on Android for $4.99

Read more and comment

 
1 month ago

Qualcomm working with Baidu to optimize DuerOS for Snapdragon processors

0

A move to help push artificial intelligence even further.

Qualcomm's second annual Snapdragon Technology Summit is still underway in Hawaii, and during the second day of the event, the company announced a new partnership with Chinese web service provider Baidu in a move to help optimize DuerOS for Snapdragon processors.

DuerOS is Baidu's own artificial intelligence (think Google Assistant or Alexa), and by working with Qualcomm, Baidu will be able to release and optimize it for phones that are powered by Snapdragon silicon – including the new Snapdragon 845.

With these optimizations, DuerOS will be able to feature an always-on component using Qualcomm's Aqstic audio codec so that it can be summoned at any time by saying "Xiaodu Xiaodu." In addition to this, Baidu will also be able to implement both echo and noise cancellation features so users can talk to DuerOS is just about any environment.

DuerOS first launched earlier at the beginning of 2017, but it's already established more than 130 different partners. You can find DuerOS on not only phones, but televisions, smart speakers, refrigerators, and more throughout China. This partnership with Qualcomm is a big one to help progress the AI even further, and it'll be mighty interesting to see what effect this has in the coming months.

Top 5 reasons to be excited for the Qualcomm Snapdragon 845

Read more and comment

 
1 month ago

Google temporarily pauses ban of apps using Accessibility Services

4

Tasker fans, take a deep breath.

In mid-November, Google started contacting developers to let them know that it'd be implementing new restrictions on apps using Accessibility Services. The reasoning behind this was to crack down on security vulnerabilities that can arise as a result of apps using these maliciously, but it also caused for confusion and aggravation around apps like LastPass that use Accessibility Services legitimately.

According to Android Police, Google is now reaching out to developers once again to let them know that it's taking a step back on these actions.

Per an email that's being sent out to developers whose apps using Accessibility Services:

We're evaluating responsible and innovative uses of accessibility services. While we complete this evaluation, we are pausing the 30 day notice we previously contacted you about. We'll notify you once our evaluation is completed. If further actions are needed to bring your app into compliance with our policies, your 30 day notice will begin when we reach back out to you.

After reading off more specifics for developers, the email reads:

If you believe your app uses the Accessibility API for a responsible, innovative purpose that isn't related to accessibility, please respond to this email and tell us more about how your app benefits users. This kind of feedback may be helpful to us as we complete our evaluation of accessibility services.

There's a solid argument to be made for limiting which apps can tap into Android's Accessibility Services, but we are relieved to hear that Google is keeping an open mind for titles that are using them for legitimate, user-beneficial reasons. It's unclear when Google will resume its crackdown on these apps, but in the meantime, a lot of developers can breathe much easier.

Accessibility Services: What they are and why Google is cracking down on their misuse

Read more and comment

 
1 month ago

Huawei Nova 2S Unveiled: 18:9 display & dual front-facing cameras

10

The Nova 2S comes with a 6-inch 18:9 display, up to 6GB RAM, and a total of four cameras.

Over the past month, Huawei has announced the Mate 10/Mate 10 Pro, Honor View 10, and Honor 7X. As if that wasn't enough, we now have the Huawei Nova 2S that was just announced in China. The Nova 2S is the successor to last year's Nova and Nova Plus, and for a price of around $400 USD, there's a lot of phone being offered here.

Starting up front with the display, you're looking at a 6-inch 2160 x 1080 screen with the trendy aspect ratio of 18:9. The bezels surrounding this screen are pretty slim, but Huawei still somehow managed to cram in a front-facing home button/fingerprint sensor. At the top of the phone is where you'll find the Nova 2S's front-facing cameras. There's a 20MP main sensor with an f/2.0 aperture and secondary 2MP one backed up by an LED flash, so your selfies should look pretty incredible.

You'll also find dual cameras around back, with the setup here consisting of a 16MP color sensor and 20MP monochrome one with an aperture of f/1.8.

Powering the Nova 2S is the Kirin 960 processor, 4 or 6GB RAM, and a 3,340 mAh battery. Other specs include 64 or 128GB of storage, dual-SIM and microSD card support, a 3.5mm headphone jack, and Android 8.0 Oreo out of the box.

You'll be able to get the Nova 2S in Black, Gray, Red, Blue, and Rose Gold, and for 4GB RAM and 64GB storage, you'll pay 2699 yuan (around $400 USD).

See at Huawei

Read more and comment

 
1 month ago

LG launches V30 Signature Edition with 6GB RAM and Oreo for $1800

27

Here's what you're getting for $1000 more over the regular V30.

Smartphones have been getting more and more expensive this year, with devices like the Galaxy Note 8 and iPhone X getting near or even breaking the $1000 marker. LG is now getting in on the fun with its new V30 Signature Edition, and although the phone is only coming to South Korea, you probably wouldn't want to buy it anyways.

As you might expect from the name, the V30 Signature Edition is pretty much the same phone as the regular V30. You've got the same 6-inch P-OLED display, Snapdragon 835 processor, and dual-camera system. The Signature Edition has four main advantages over its older brother, including:

  • 6GB of RAM compared to 4GB
  • 256GB as the only storage configuration
  • Android Oreo out of the box
  • Zirconium ceramic plate replaces the regular Gorilla Glass on the back

The V30 in South Korea sells for $824 USD, and to get these four advantages with the Signature Edition, you'll need to hand over around $1800. The biggest advantage is the ceramic back that's more resistant to scratches than glass, but if you're a hardware junkie, you can pick up the Essential Phone for $499 with a ceramic and titanium build. Food for thought.

LG says it'll only be making 300 units of the V30 Signature Edition, meaning it'll likely never come to other markets aside from South Korea. Honestly, that's fine by me.

LG V30

Amazon Best Buy Verizon AT&T

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

Read more and comment

 
1 month ago

Andrew's Favorite Tech of 2017

5

Andrew's Favorite Tech of 2017

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

Google Pixel 2

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

$649 Buy now

OnePlus 5T

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

$499 Buy Now

Samsung Galaxy Note 8

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

$949 Buy Now

Moto X4

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

$399 Buy Now

Samsung Galaxy Tab S3

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

$500 Buy Now

JBL Clip 2

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

$40 Buy Now

Bose QC35 II

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

$349 Buy Now

Moment Cases and Lenses

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

from $99 Buy Now

Chromecast Ultra

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

$70 Buy Now

NVIDIA Shield Android TV

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

from $179 Buy Now

Google Home

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

$129 Buy Now

Samsung Gear Sport

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

$299 Buy Now

Samsung Gear Fit2 Pro

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

$199 Buy Now

Apple MacBook Pro

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

from $1299 Buy Now

Samsung Chromebook Pro

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

$425 Buy Now

Anker PowerCore+ 26800mAh USB-C PD battery

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

$119 Buy Now

Samsung Evo+ 128GB UHS-I MicroSD Card

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

from $58 Buy Now

Trianium Quick Charge 3.0 & USB-C Car Charger

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

$25 Buy Now

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

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

$50 Buy Now

Peak Design Everyday Backpack

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

$259 Buy Now

Vaultz Mesh Storage Bags

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

$7 Buy Now

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

Read more and comment

 
1 month ago

Best HTC Phones of 2018

HTC

HTC may be an underdog in the smartphone world, but it's still making some of the best handsets on the market.

There are a lot of smartphones out there, and Taiwanese manufacturer HTC makes some of the best — even if it doesn't sell anywhere near as many as the market leaders. Such is life.

New phones are always coming and going, and we get that it can be a little difficult to keep up with things. So this is our continuously updated list of the HTC phones that you need to be aware of. These are the phone's we're most likely to be writing about, and the ones you're mostly likely to want to consider

Read more and comment

 
1 month ago

Xiaomi's $120 Redmi 5 and $150 Redmi 5 Plus are now official with 18:9 displays

7

The Redmi 5 and Redmi 5 Plus are the cheapest smartphones with 18:9 displays.

After offering up an early preview of the Redmi 5 and Redmi 5 Plus a few days ago, Xiaomi has unveiled the budget devices in China. The Redmi 5 starts off at just ¥799 ($120), with the Redmi 5 Plus set to go on sale for ¥999 ($150).

Both phones have 18:9 displays with minimal bezels, and Xiaomi is focusing on the camera experience by bundling a 12MP imaging sensor with 1.25-micron pixels and a front-facing flash module for taking selfies in low-light conditions.

Read more and comment

 
1 month ago

Grab the Xiaomi Mi A1 for just ₹12,999 in India

0

A ₹2,000 discount makes the best budget phone in India even better.

The Mi A1 is the best budget phone you can currently buy in India. Retailing for ₹14,999, the phone features robust hardware and uncluttered software thanks to Xiaomi's collaboration with Google over the Android One initiative. For the next two days, the phone is available for just ₹12,999, a discount of ₹2,000 from its retail price.

Read more and comment

 
Show More Headlines

Pages