@charset "UTF-8";
/*!
Theme Name: TechPP
Theme URI: http://underscores.me/
Author: Sheeba Abraham
Author URI: http://yapapaya.com
Description: Customised theme built on underscore_s. Developed for TechPP.com
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: techpp
Tags:
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
TechPP is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/* How to use the Media queries
p {
  font-size: 16px;
  @include tablet {
    font-size: 18px;
}
*/
.item {
  -webkit-box-flex: 1 200px;
  -moz-box-flex: 1 200px;
  -webkit-flex: 1 200px;
  -ms-flex: 1 200px;
  flex: 1 200px;
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}

/* See http://mrdanadams.com/2012/pixel-ems-css-conversion-sass-mixin/ */
/* Default font size in pixels if not overridden. */
/* Convert PX units to EMs.
Ex: margin-right: pem(16);
*/
/* Used to convert PX to EMs for multiple properties or values or both.
$base is an optional measurement that allows making measurements relative to the parent font size rather than the current. Also accepts a list of lists (instead a list of values) for properties that accept multiple lists of values. Only numbers of converted; everything else is passed through.
Examples:
@include scale(line-height, 30)
@include scale(line-height, 30, 16)
@include scale(width height, 125);
@include scale(padding, 0 25, 16);
@include scale(text-shadow, (#0d6e28 1 1) (#777 0 0 2), 16);
@include scale(box-shadow, (inset 0 0 0 1 #2a9022) (inset 0 0 3 #459966), 16);
*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html, body {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  overflow-x: hidden;
  border-style: solid;
  border-width: 0;
  overflow-y: scroll;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2rem;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1rem;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #404040;
  font-size: 16px;
  font-size: 1rem;
  font-family: "Roboto", sans-serif;
}

p {
  font-family: "Roboto", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto Condensed", "Roboto", sans-serif;
}

h2 {
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 2.5rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 2.8125rem;
}

h3 {
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 1.875rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 2.1875rem;
}

h4 {
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 1.625rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 1.875rem;
}

h5 {
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 1.375rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 1.5625rem;
}

h6 {
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 1.125rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 1.25rem;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: transparent;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
## FLexbox Grid Stypes
--------------------------------------------------------------*/
.flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-inline-flex;
  /* Safari */
  display: flex;
  /* or inline-flex */
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: space-between;
  justify-content: space-between;
}

.full {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.half {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  width: calc( ( 100% * ( 1 / 2)) - 5px);
}

.one-third {
  display: inline-block;
  vertical-align: top;
  width: 33%;
  width: calc( ( 100% * ( 1 / 3)) - 5px);
}

.two-third {
  display: inline-block;
  vertical-align: top;
  width: 66%;
  width: calc( ( 100% * ( 2 / 3)) - 5px);
}

.one-fourth {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  width: calc( ( 100% * (1 / 4)) - 5px);
}

.one-fifth {
  display: inline-block;
  vertical-align: top;
  width: 20%;
  width: calc((100% * ( 1 / 5)) - 5px);
}

.five-twelve {
  display: inline-block;
  vertical-align: top;
  width: 41%;
  width: calc((100% * (5 / 12)) - 5px);
}

.seven-twelve {
  display: inline-block;
  vertical-align: top;
  width: 58%;
  width: calc((100% * (7 / 12)) - 5px);
}

.three-fourth {
  display: inline-block;
  vertical-align: top;
  width: 75%;
  width: calc((100% * ( 3 / 4)) - 5px);
}

.four-fifth {
  display: inline-block;
  vertical-align: top;
  width: 80%;
  width: calc((100% * ( 4 / 5)) - 5px);
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
  font-size: 100%;
}

body {
  overflow-x: hidden;
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

blockquote,
q {
  quotes: "" "";
}
blockquote:before, blockquote:after,
q:before,
q:after {
  content: "";
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
  object-fit: cover;
  overflow: hidden;
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

p {
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 1.125rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 1.6875rem;
  margin-bottom: 10px;
}

h1,
h2,
h3,
h4,
h5 {
  color: #333;
}

a:hover, a:visited {
  text-decoration: underline;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.9375rem;
  line-height: 20px;
  border: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #e94b4b;
  text-decoration: none;
}
a:visited:hover {
  color: #e94b4b;
}
a:hover, a:focus, a:active {
  color: #333;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead {
  padding-top: 10px;
  position: relative;
}
#masthead .main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
#masthead .main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 1.5em;
  left: -999em;
  z-index: 99999;
}
#masthead .main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
#masthead .main-navigation ul ul li:hover > ul, #masthead .main-navigation ul ul li.focus > ul {
  left: 100%;
}
#masthead .main-navigation ul ul a {
  width: 200px;
}
#masthead .main-navigation ul ul a:hover {
  color: #333;
}
#masthead .main-navigation ul li:hover > ul,
#masthead .main-navigation ul li.focus > ul {
  left: auto;
}
#masthead .main-navigation li {
  float: left;
  position: relative;
}
#masthead .main-navigation a {
  padding: 10px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
}
#masthead .main-navigation .current_page_item > a,
#masthead .main-navigation .current-menu-item > a,
#masthead .main-navigation .current_page_ancestor > a,
#masthead .main-navigation .current-menu-ancestor > a {
  color: #e94b4b;
}
#masthead #site-navigation {
  background: #e94b4b;
  height: 60px;
}
#masthead #site-navigation #social-menu {
  position: absolute;
  top: 23px;
  right: 90px;
}
#masthead #site-navigation #social-menu li :last-child {
  padding-right: 0;
}
#masthead #site-navigation #social-menu li a[href*="twitter.com"]:before {
  content: '\f099';
}
#masthead #site-navigation #social-menu li a[href*="twitter.com"]:hover:before {
  color: #33ccff;
}
#masthead #site-navigation #social-menu li a[href*="facebook.com"]:before {
  content: '\f09a';
}
#masthead #site-navigation #social-menu li a[href*="facebook.com"]:hover:before {
  color: #3b5998;
}
#masthead #site-navigation #social-menu li a[href*="plus.google.com"]:before {
  content: '\f0d5';
}
#masthead #site-navigation #social-menu li a[href*="plus.google.com"]:hover:before {
  color: #dd4b39;
}
#masthead #site-navigation #social-menu li a[href*="youtube.com"] {
  font-family: FontAwesome;
}
#masthead #site-navigation #social-menu li a[href*="youtube.com"]:before {
  content: '\f167';
}
#masthead #site-navigation #social-menu li a[href*="youtube.com"]:hover:before {
  color: #bb0000;
}
#masthead #site-navigation #social-menu li a[href*="tumblr.com"] {
  font-family: FontAwesome;
}
#masthead #site-navigation #social-menu li a[href*="tumblr.com"]:before {
  content: '\f173';
}
#masthead #site-navigation #social-menu li a[href*="tumblr.com"]:hover:before {
  color: #32506d;
}
#masthead #site-navigation #social-menu li a[href*="vine.com"] {
  font-family: FontAwesome;
}
#masthead #site-navigation #social-menu li a[href*="vine.com"]:before {
  content: '\f1ca';
}
#masthead #site-navigation #social-menu li a[href*="vine.com"]:hover:before {
  color: #00bf8f;
}
#masthead #site-navigation #social-menu li a[href*="flickr.com"] {
  font-family: FontAwesome;
}
#masthead #site-navigation #social-menu li a[href*="flickr.com"]:before {
  content: '\f16e';
}
#masthead #site-navigation #social-menu li a[href*="flickr.com"]:hover:before {
  color: #ff0084;
}
#masthead #site-navigation #social-menu li a[href*="vimeo.com"] {
  font-family: FontAwesome;
}
#masthead #site-navigation #social-menu li a[href*="vimeo.com"]:before {
  content: '\f27d';
}
#masthead #site-navigation #social-menu li a[href*="vimeo.com"]:hover:before {
  color: #aad450;
}
#masthead #site-navigation #social-menu li a[href*="pinterest.com"] {
  font-family: FontAwesome;
}
#masthead #site-navigation #social-menu li a[href*="pinterest.com"]:before {
  content: '\f0d2';
}
#masthead #site-navigation #social-menu li a[href*="pinterest.com"]:hover:before {
  color: #cb2027;
}
#masthead #site-navigation #social-menu li a[href*="linkedin.com"] {
  font-family: FontAwesome;
}
#masthead #site-navigation #social-menu li a[href*="linkedin.com"]:before {
  content: '\f0e1';
}
#masthead #site-navigation #social-menu li a[href*="linkedin.com"]:hover:before {
  color: #007bb6;
}
#masthead #site-navigation #social-menu li a[href*="instagram.com"] {
  font-family: FontAwesome;
}
#masthead #site-navigation #social-menu li a[href*="instagram.com"]:before {
  content: '\f16d';
}
#masthead #site-navigation #social-menu li a[href*="instagram.com"]:hover:before {
  color: #517fa4;
}
#masthead #site-navigation #social-menu li a[href*="spotify.com"] {
  font-family: FontAwesome;
}
#masthead #site-navigation #social-menu li a[href*="spotify.com"]:before {
  content: '\f1bc';
}
#masthead #site-navigation #social-menu li a[href*="spotify.com"]:hover:before {
  color: #1ED760;
}
#masthead #site-navigation #social-menu li a {
  padding: 5px 8px;
  color: #777;
  font-size: 0;
  display: inline-block;
}
#masthead #site-navigation #social-menu li a:before {
  color: #777;
  font-family: FontAwesome;
  font-size: 14px;
}
#masthead #site-navigation #social-menu .menu-item-string {
  display: inline-block;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  line-height: 25px;
  color: #777;
}
#masthead #site-navigation #primary-menu {
  position: absolute;
  top: 20px;
  right: 270px;
  font-family: "Roboto Condensed", "Roboto", sans-serif;
}
#masthead #site-navigation #primary-menu li {
  /*&:not(:first-child):before {
      content: "\f111";
      font-family: FontAwesome;
      font-size: 4px;
      position: absolute;
      top: 13px;
      left: 0;
  }
  &:first-child:before {
      display: none;
  }
  */
}
#masthead #site-navigation #primary-menu li a {
  font-family: "Roboto Condensed", sans-serif;
  color: #777;
  font-weight: normal;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.875rem;
  line-height: 30px;
}
#masthead #site-navigation #primary-menu li a:hover, #masthead #site-navigation #primary-menu li a:focus {
  color: #e94b4b;
}
#masthead #site-navigation #primary-menu .current-menu-item > a {
  color: #e94b4b;
}
#masthead #site-navigation #secondary-menu {
  padding-left: 10px;
  padding-right: 10px;
  width: 100%;
}
#masthead #site-navigation #secondary-menu .current-menu-item {
  background: #000;
}
#masthead #site-navigation #secondary-menu .current-menu-item:hover > a {
  color: #e94b4b;
}
#masthead #site-navigation #secondary-menu .menu-item-has-children:hover > ul {
  left: 0;
}
#masthead #site-navigation #secondary-menu li {
  height: 60px;
  min-width: 1px;
  display: inline-block;
  list-style: none;
  padding: 5px 10px;
}
#masthead #site-navigation #secondary-menu li:first-child a {
  padding-left: 0;
}
#masthead #site-navigation #secondary-menu li:last-child {
  padding: 0;
}
#masthead #site-navigation #secondary-menu li:hover {
  background: #000;
}
#masthead #site-navigation #secondary-menu li:last-child:hover {
  background: transparent;
}
#masthead #site-navigation #secondary-menu li ul.sub-menu {
  margin: 30px 0;
  display: none;
}
#masthead #site-navigation #secondary-menu li ul.sub-menu li {
  padding: 0 10px;
  background: #e94b4b;
  border-bottom: 1px solid #fff;
}
#masthead #site-navigation #secondary-menu li ul.sub-menu li:hover {
  background: #000;
}
#masthead #site-navigation #secondary-menu li ul.sub-menu li a {
  padding-left: 10px;
}
#masthead #site-navigation #secondary-menu li:before {
  display: none;
}
#masthead #site-navigation #secondary-menu a {
  font-family: "Roboto Condensed", "Roboto", sans-serif;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 1rem;
  line-height: 30px;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: flex-start;
}
#masthead #site-navigation .menu-toggle {
  cursor: pointer;
  top: 0;
  position: absolute;
  right: 0;
}
#masthead #site-navigation .menu-toggle span, #masthead #site-navigation .menu-toggle span:before, #masthead #site-navigation .menu-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #e94b4b;
  position: absolute;
  display: block;
  content: '';
  transition: all 500ms ease-in-out;
}
#masthead #site-navigation .menu-toggle span:before {
  top: -10px;
}
#masthead #site-navigation .menu-toggle span:after {
  bottom: -10px;
}
#masthead #site-navigation:not(.slide-menu) #primary-menu li:not(:first-child):before {
  content: "\f111";
  font-family: FontAwesome;
  font-size: 4px;
  position: absolute;
  top: 13px;
  left: 0;
}
#masthead #site-navigation:not(.slide-menu) #primary-menu li:first-child:before {
  display: none;
}
#masthead #site-navigation.slide-menu {
  transition: width .5s ease-in-out;
  z-index: 100;
  width: 400px;
}
#masthead #site-navigation.slide-menu #secondary-menu,
#masthead #site-navigation.slide-menu #primary-menu,
#masthead #site-navigation.slide-menu #social-menu {
  visibility: visible;
  position: relative;
  z-index: 1;
  left: 100px;
  width: 400px;
  top: 60px;
  padding-left: 0;
}
#masthead #site-navigation.slide-menu #secondary-menu .hide,
#masthead #site-navigation.slide-menu #primary-menu .hide,
#masthead #site-navigation.slide-menu #social-menu .hide {
  display: none;
}
#masthead #site-navigation.slide-menu #secondary-menu li,
#masthead #site-navigation.slide-menu #primary-menu li,
#masthead #site-navigation.slide-menu #social-menu li {
  display: block;
  float: none;
  border: 0;
  border-bottom: 1px solid #fff;
  background: #e94b4b;
  min-width: 1px;
  padding: 10px;
  padding-left: 25px;
  height: 50px;
}
#masthead #site-navigation.slide-menu #secondary-menu li:hover,
#masthead #site-navigation.slide-menu #primary-menu li:hover,
#masthead #site-navigation.slide-menu #social-menu li:hover {
  background: #000;
}
#masthead #site-navigation.slide-menu #secondary-menu li:before,
#masthead #site-navigation.slide-menu #primary-menu li:before,
#masthead #site-navigation.slide-menu #social-menu li:before {
  display: inline-block;
  font-family: FontAwesome;
  color: #fff;
  font-size: 20px;
  padding-right: 15px;
  width: 30px;
}
#masthead #site-navigation.slide-menu #secondary-menu li a,
#masthead #site-navigation.slide-menu #primary-menu li a,
#masthead #site-navigation.slide-menu #social-menu li a {
  color: #fff;
  padding: 5px;
  text-decoration: none;
  display: inline-block;
}
#masthead #site-navigation.slide-menu #secondary-menu li ul.sub-menu,
#masthead #site-navigation.slide-menu #primary-menu li ul.sub-menu,
#masthead #site-navigation.slide-menu #social-menu li ul.sub-menu {
  margin: 0;
}
#masthead #site-navigation.slide-menu #secondary-menu {
  overflow-x: visible;
}
#masthead #site-navigation.slide-menu #secondary-menu .menu-item-search {
  padding: 0;
  margin: 0;
  height: 0;
}
#masthead #site-navigation.slide-menu #secondary-menu li.menu-item-has-children {
  height: auto;
  padding-bottom: 0;
}
#masthead #site-navigation.slide-menu #secondary-menu li.menu-item-has-children ul.sub-menu {
  float: none;
  top: 0;
  position: relative;
  left: -25px;
}
#masthead #site-navigation.slide-menu #secondary-menu li.menu-item-has-children ul.sub-menu li {
  padding-left: 25px;
}
#masthead #site-navigation.slide-menu #social-menu {
  padding-left: 20px;
  position: relative;
  right: 10px;
  background: #e94b4b;
  overflow: hidden;
}
#masthead #site-navigation.slide-menu #social-menu a {
  padding: 5px 8px;
  color: #777;
  display: inline-block;
}
#masthead #site-navigation.slide-menu #social-menu li {
  border: 0;
  display: inline-block;
  border: 0;
  float: left;
  padding-left: 10px;
}
#masthead #site-navigation.slide-menu #social-menu li:hover {
  background: transparent;
}
#masthead #site-navigation.slide-menu #social-menu li a {
  padding: 0;
  color: #fff;
  display: inline-block;
}
#masthead #site-navigation.slide-menu #social-menu li a:before {
  font-size: 20px;
  color: #fff;
}
#masthead #site-navigation.slide-menu #social-menu .menu-item-string {
  display: none;
}
#masthead #site-navigation.slide-menu .menu-toggle span {
  background-color: transparent;
}
#masthead #site-navigation.slide-menu .menu-toggle span:before, #masthead #site-navigation.slide-menu .menu-toggle span:after {
  top: 0;
}
#masthead #site-navigation.slide-menu .menu-toggle span:before {
  transform: rotate(45deg);
}
#masthead #site-navigation.slide-menu .menu-toggle span:after {
  transform: rotate(-45deg);
}
#masthead #site-navigation.slide-menu .menu-item-search label {
  display: none;
}
#masthead #site-navigation.small-menu {
  position: fixed;
  top: 0;
  width: 100%;
  height: 35px;
  z-index: 99999;
  -webkit-transition: all .7s ease-in-out;
  -moz-transition: all .7s ease-in-out;
  -ms-transition: all .7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  background: #e94b4b;
}
#masthead #site-navigation.small-menu .pp-wrapper #primary-menu,
#masthead #site-navigation.small-menu .pp-wrapper #social-menu {
  display: none;
}
#masthead #site-navigation.small-menu .pp-wrapper #secondary-menu.menu li {
  height: 35px;
}
#masthead #site-navigation.small-menu .pp-wrapper #secondary-menu.menu li a {
  line-height: 20px;
  padding-top: 0;
  padding-bottom: 0;
}
#masthead #site-navigation.small-menu .pp-wrapper #secondary-menu.menu li.menu-item-search:hover {
  background: transparent;
}
#masthead #site-navigation.small-menu .pp-wrapper #secondary-menu.menu li.menu-item-search .pp-search-field {
  height: 35px;
}
#masthead #site-navigation.small-menu .pp-wrapper #secondary-menu.menu li.menu-item-search label {
  height: 35px;
  width: 35px;
  right: 5px;
}
#masthead #site-navigation.small-menu .pp-wrapper #secondary-menu.menu li.menu-item-search label:before {
  top: 5px;
  left: 8px;
  width: 25px;
  height: 25px;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 1.25rem;
}
#masthead #site-navigation.small-menu .pp-wrapper #secondary-menu.menu .menu-item-search.search-expanded {
  left: 0;
}
#masthead #site-navigation.small-menu .pp-wrapper #secondary-menu.menu .menu-item-search.search-expanded label {
  width: 52px;
}
#masthead #site-navigation.small-menu .pp-wrapper #secondary-menu.menu .menu-item-search.search-expanded label:before {
  left: 20px;
}

header#masthead.fix-menu {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
  transition: all .5s ease-in-out;
  background: #fff;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.widget-area {
  padding-left: 20px;
  padding-right: 10px;
}
.widget-area .widget-title {
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: bold;
  text-align: left;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 1.25rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 3.75rem;
  display: block;
}

section.widget {
  margin-bottom: 10px;
}

aside#secondary {
  width: 330px;
  max-width: 330px;
  float: right;
}
aside#secondary img {
  margin: 0 auto;
  display: block;
}
aside#secondary .widget.widget_trending_posts,
aside#secondary .widget.widget_popular_posts {
  position: relative;
  text-align: left;
}
aside#secondary .widget.widget_trending_posts a.pp-cat-link,
aside#secondary .widget.widget_popular_posts a.pp-cat-link {
  position: absolute;
  top: 20px;
  right: 0;
  text-transform: uppercase;
  font-weight: bold;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.75rem;
  font-family: "Roboto Condensed", "Roboto", sans-serif;
  color: #e94b4b;
}
aside#secondary .widget.widget_trending_posts a.pp-cat-link:hover,
aside#secondary .widget.widget_popular_posts a.pp-cat-link:hover {
  text-decoration: underline;
}
aside#secondary .widget.widget_trending_posts .pp-box,
aside#secondary .widget.widget_popular_posts .pp-box {
  text-align: left;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 1.4375rem;
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 2px solid #ccc;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.9375rem;
}
aside#secondary .widget.widget_trending_posts .pp-box > a:visited,
aside#secondary .widget.widget_popular_posts .pp-box > a:visited {
  color: #666;
}
aside#secondary .widget.widget_trending_posts .pp-box > a:hover,
aside#secondary .widget.widget_popular_posts .pp-box > a:hover {
  text-decoration: underline;
}
aside#secondary .widget.widget_trending_posts .pp-box a,
aside#secondary .widget.widget_popular_posts .pp-box a {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #666;
  font-family: "Roboto Condensed", "Roboto", sans-serif;
  font-weight: bold;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.9375rem;
}
aside#secondary .widget.widget_trending_posts .pp-box .pp-categories,
aside#secondary .widget.widget_popular_posts .pp-box .pp-categories {
  text-align: left;
}
aside#secondary .widget.widget_trending_posts .pp-box .pp-categories a,
aside#secondary .widget.widget_popular_posts .pp-box .pp-categories a {
  text-transform: uppercase;
  color: #e94b4b;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.75rem;
  font-weight: bold;
}
aside#secondary .widget.widget_trending_posts .pp-box:last-child,
aside#secondary .widget.widget_popular_posts .pp-box:last-child {
  border: 0;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 5px 0 0;
  position: relative;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

main,
#secondary {
  padding-top: 25px;
}

#content,
main {
  width: 100%;
}

main {
  padding-top: 15px;
  display: inline-block;
  vertical-align: top;
}
main section,
main .content-wrapper,
main article {
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
main blockquote {
  display: block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 0 0 20px;
  position: relative;
  /*Font*/
  font-size: 16px;
  line-height: 1.2;
  text-align: justify;
  /*Box Shadow - (Optional)*/
  /*
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc; */
}
main blockquote::before {
  content: "\201C";
  /*Unicode for Left Double Quote*/
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #e94b4b;
  /*Positioning*/
  position: absolute;
  left: 12px;
  top: 5px;
}
main blockquote::after {
  /*Reset to make sure*/
  content: "";
}
main blockquote cite {
  color: #333;
  font-size: 14px;
  display: block;
  float: right;
}
main blockquote cite:before {
  content: "\2014 \2009";
}

a {
  cursor: pointer;
  color: #333;
}
a:hover {
  color: #e94b4b;
}

.single main > article,
.blog main > article,
.page main > article,
.archive main > article {
  padding-top: 20px;
  padding-bottom: 50px;
  border: 0;
  border-bottom: 10px solid #ccc;
  border-image: url(images/pattern.png) 40% repeat;
}
.single .two-third.content-sidebar,
.blog .two-third.content-sidebar,
.page .two-third.content-sidebar,
.archive .two-third.content-sidebar {
  width: 60%;
  width: calc( 100% - (330px + 50px + 100px + 5px ));
  padding-left: 50px;
}
.single .two-third.content-sidebar img.expand, .single .two-third.content-sidebar .wp-caption-text,
.blog .two-third.content-sidebar img.expand,
.blog .two-third.content-sidebar .wp-caption-text,
.page .two-third.content-sidebar img.expand,
.page .two-third.content-sidebar .wp-caption-text,
.archive .two-third.content-sidebar img.expand,
.archive .two-third.content-sidebar .wp-caption-text {
  max-width: none;
  height: auto;
  margin-left: -50px;
  margin-right: -50px;
  width: calc(100% + 100px);
}
.single #content,
.blog #content,
.page #content,
.archive #content {
  line-height: 1.7em;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 1.125rem;
  font-family: "Roboto", sans-serif;
  /*  Index pagination */
  /* The containing box with a nice white background */
}
.single #content .paging-navigation,
.blog #content .paging-navigation,
.page #content .paging-navigation,
.archive #content .paging-navigation {
  font-family: sans-serif;
  padding: 1em;
  background: #fff;
  background: white;
  text-align: center;
  /* Remove bullets and list indentation */
}
.single #content .paging-navigation ul,
.blog #content .paging-navigation ul,
.page #content .paging-navigation ul,
.archive #content .paging-navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  /* Make the list items appear horizontally */
}
.single #content .paging-navigation ul li,
.blog #content .paging-navigation ul li,
.page #content .paging-navigation ul li,
.archive #content .paging-navigation ul li {
  display: inline;
  margin-left: 8px;
}
.single #content .paging-navigation ul li a, .single #content .paging-navigation ul li span,
.blog #content .paging-navigation ul li a,
.blog #content .paging-navigation ul li span,
.page #content .paging-navigation ul li a,
.page #content .paging-navigation ul li span,
.archive #content .paging-navigation ul li a,
.archive #content .paging-navigation ul li span {
  min-width: 30px;
  background: #ccc;
  padding: .3em .7em;
  font-weight: 700;
}
.single #content .paging-navigation ul li a.prev, .single #content .paging-navigation ul li a.next,
.blog #content .paging-navigation ul li a.prev,
.blog #content .paging-navigation ul li a.next,
.page #content .paging-navigation ul li a.prev,
.page #content .paging-navigation ul li a.next,
.archive #content .paging-navigation ul li a.prev,
.archive #content .paging-navigation ul li a.next {
  position: relative;
  margin-left: 11px;
  font-weight: normal;
  text-transform: uppercase;
}
.single #content .paging-navigation ul li a.prev::after, .single #content .paging-navigation ul li a.next::after,
.blog #content .paging-navigation ul li a.prev::after,
.blog #content .paging-navigation ul li a.next::after,
.page #content .paging-navigation ul li a.prev::after,
.page #content .paging-navigation ul li a.next::after,
.archive #content .paging-navigation ul li a.prev::after,
.archive #content .paging-navigation ul li a.next::after {
  display: inline-block;
  content: '';
  font-size: 10px;
  position: absolute;
  top: 0;
}
.single #content .paging-navigation ul li a.prev::after,
.blog #content .paging-navigation ul li a.prev::after,
.page #content .paging-navigation ul li a.prev::after,
.archive #content .paging-navigation ul li a.prev::after {
  border-top: 18px solid transparent;
  border-right: 15px solid #ccc;
  border-bottom: 18px solid transparent;
  left: -15px;
}
.single #content .paging-navigation ul li a.next,
.blog #content .paging-navigation ul li a.next,
.page #content .paging-navigation ul li a.next,
.archive #content .paging-navigation ul li a.next {
  background: #e94b4b;
  color: #fff;
}
.single #content .paging-navigation ul li a.next::after,
.blog #content .paging-navigation ul li a.next::after,
.page #content .paging-navigation ul li a.next::after,
.archive #content .paging-navigation ul li a.next::after {
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 15px solid #e94b4b;
  right: -15px;
}
.single #content .paging-navigation ul li span.page-numbers.current,
.blog #content .paging-navigation ul li span.page-numbers.current,
.page #content .paging-navigation ul li span.page-numbers.current,
.archive #content .paging-navigation ul li span.page-numbers.current {
  color: #e94b4b;
}
.single main > header,
.blog main > header,
.page main > header,
.archive main > header {
  padding-left: 10px;
  padding-right: 10px;
}
.single article,
.blog article,
.page article,
.archive article {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1.7em;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 1.125rem;
  font-family: "Roboto", sans-serif;
}
.single article a,
.blog article a,
.page article a,
.archive article a {
  color: #e94b4b;
}
.single article .entry-header,
.blog article .entry-header,
.page article .entry-header,
.archive article .entry-header {
  padding-bottom: 40px;
  padding-top: 5px;
}
.single article .entry-header h1.entry-title,
.blog article .entry-header h1.entry-title,
.page article .entry-header h1.entry-title,
.archive article .entry-header h1.entry-title {
  margin: 15px 0;
}
.single article .post-categories,
.blog article .post-categories,
.page article .post-categories,
.archive article .post-categories {
  display: inline;
  background: #e94b4b;
  padding: 5px;
  color: #fff;
}
.single article .post-categories a,
.blog article .post-categories a,
.page article .post-categories a,
.archive article .post-categories a {
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.875rem;
  font-family: "Roboto Condensed", "Roboto", sans-serif;
  color: #fff;
  text-transform: uppercase;
}
.single article footer,
.blog article footer,
.page article footer,
.archive article footer {
  clear: both;
}

body.page main > article {
  border: 0;
}

.single main > article:first-of-type {
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.page #page article footer.entry-meta {
  float: none;
}

.archive article img,
.blog article img {
  margin-bottom: 30px;
}
.archive article .pp-excerpt,
.blog article .pp-excerpt {
  margin-bottom: 30px;
}

.single .content-wrapper .entry-content {
  text-align: left;
}

#content #main .entry-meta {
  color: #777;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.75rem;
}
#content #main .entry-meta .posted-on a {
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.75rem;
  color: #777;
}
#content #main .entry-meta a {
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.75rem;
  color: #e94b4b;
}

#content .front-page #main .entry-meta {
  font-weight: bold;
  text-transform: uppercase;
}
#content .front-page #main .entry-meta .posted-on:before {
  padding-left: 5px;
  padding-right: 5px;
  content: "\f111";
  font-family: FontAwesome;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.3125rem;
  vertical-align: middle;
}

#content .contact main,
#content .techpp-search
.about main {
  font-family: "Roboto", sans-serif;
}
#content .contact main h1,
#content .contact main h2,
#content .contact main h3,
#content .techpp-search
.about main h1,
#content .techpp-search
.about main h2,
#content .techpp-search
.about main h3 {
  margin: 0;
  font-family: "Roboto", sans-serif;
  color: #333;
  font-weight: normal;
}
#content .contact main p,
#content .techpp-search
.about main p {
  padding: 0;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  margin-top: 0.625rem;
}
#content .contact main header,
#content .techpp-search
.about main header {
  margin: 0;
}
#content .contact main header h1,
#content .techpp-search
.about main header h1 {
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 3.125rem;
}
#content .contact main h2,
#content .techpp-search
.about main h2 {
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 2.5rem;
}
#content .contact main article .entry-header,
#content .techpp-search
.about main article .entry-header {
  border: 0;
}
#content .contact main article .entry-title,
#content .contact main article p,
#content .techpp-search
.about main article .entry-title,
#content .techpp-search
.about main article p {
  font-family: "Roboto", sans-serif;
}
#content .about img {
  float: left;
  height: 200px;
  width: 200px;
  margin: 0;
  margin-right: 20px;
  margin-bottom: 15px;
  border-radius: 100px;
}
#content .about hr {
  display: block;
  margin: 30px 0px;
  clear: both;
}
#content .about br {
  line-height: 35px;
}
#content .about h3 {
  clear: none;
  font-weight: normal;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 1.625rem;
  margin: 0;
  padding-bottom: 0;
}
#content .about p {
  margin: 0;
  padding: 0;
}
#content .about a[href^="http://techpp.com/author/"] {
  color: #333;
  font-weight: bold;
}
#content .contact form div {
  font-size: 14px;
  display: inline-block;
}
#content .contact form div#fscf_required1 {
  display: block;
}
#content .contact form input#fscf_captcha_code1 {
  margin-left: 20px !important;
}
#content .contact form span {
  color: #e94b4b;
}
#content .contact form div[id^="fscf_div_clear"] {
  display: block;
  width: 570px;
}
#content .contact form div[id^="fscf_div_clear"] div[id^="fscf_div_field"] {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 5px;
}
#content .contact form div[id^="fscf_div_clear"] div[id^="fscf_div_field"] > div {
  width: 130px;
}
#content .contact form div[id^="fscf_div_clear"] div[id^="fscf_div_field"] > div + div {
  width: 350px;
}
#content .contact form div[id^="fscf_captcha_image_div"] {
  width: 100%;
  padding-left: 130px;
  padding-bottom: 15px;
  display: block;
}
#content .contact form div[id^="fscf_captcha_field"] {
  display: inline-block;
}
#content .contact form div[id^="fscf_submit_div"] {
  margin-left: 130px;
  display: block;
}
#content .contact form div[id^="fscf_submit_div"] input[type="submit"] {
  padding: 10px 0;
  width: 270px;
  background: #e94b4b;
  color: white;
  margin-top: 20px;
}
#content .techpp-search header, #content .techpp-search h1 {
  margin: 0;
  padding: 0;
}

.home #page #content article, .archive #content article {
  border-bottom: 0;
}
.home #page #content article .entry-meta, .archive #content article .entry-meta {
  float: left;
}
.home #page #content main, .archive #content main {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  display: -webkit-inline-flex;
  /* Safari */
  display: flex;
  /* or inline-flex */
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: space-between;
  justify-content: space-between;
}

.site-content #pp-archive,
.site-content #pp-featured-hero,
.site-content #pp-popular,
.site-content #pp-trending,
.site-content #pp-featured,
.site-content #pp-latest,
.site-content #latest-posts-infinite-scroll,
.site-content #pp-videos,
.site-content #pp-review,
.site-content #pp-related {
  display: inline-block;
  margin-bottom: 10px;
  color: #666666;
}
.site-content #pp-archive > span, .site-content #pp-archive > .pp-wrapper > span,
.site-content #pp-archive h2,
.site-content #pp-featured-hero > span,
.site-content #pp-featured-hero > .pp-wrapper > span,
.site-content #pp-featured-hero h2,
.site-content #pp-popular > span,
.site-content #pp-popular > .pp-wrapper > span,
.site-content #pp-popular h2,
.site-content #pp-trending > span,
.site-content #pp-trending > .pp-wrapper > span,
.site-content #pp-trending h2,
.site-content #pp-featured > span,
.site-content #pp-featured > .pp-wrapper > span,
.site-content #pp-featured h2,
.site-content #pp-latest > span,
.site-content #pp-latest > .pp-wrapper > span,
.site-content #pp-latest h2,
.site-content #latest-posts-infinite-scroll > span,
.site-content #latest-posts-infinite-scroll > .pp-wrapper > span,
.site-content #latest-posts-infinite-scroll h2,
.site-content #pp-videos > span,
.site-content #pp-videos > .pp-wrapper > span,
.site-content #pp-videos h2,
.site-content #pp-review > span,
.site-content #pp-review > .pp-wrapper > span,
.site-content #pp-review h2,
.site-content #pp-related > span,
.site-content #pp-related > .pp-wrapper > span,
.site-content #pp-related h2 {
  width: 100%;
  color: #333;
  text-transform: uppercase;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 1.625rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 1.625rem;
  margin-bottom: 20px;
}
.site-content #pp-archive > span, .site-content #pp-archive > .pp-wrapper > span,
.site-content #pp-featured-hero > span,
.site-content #pp-featured-hero > .pp-wrapper > span,
.site-content #pp-popular > span,
.site-content #pp-popular > .pp-wrapper > span,
.site-content #pp-trending > span,
.site-content #pp-trending > .pp-wrapper > span,
.site-content #pp-featured > span,
.site-content #pp-featured > .pp-wrapper > span,
.site-content #pp-latest > span,
.site-content #pp-latest > .pp-wrapper > span,
.site-content #latest-posts-infinite-scroll > span,
.site-content #latest-posts-infinite-scroll > .pp-wrapper > span,
.site-content #pp-videos > span,
.site-content #pp-videos > .pp-wrapper > span,
.site-content #pp-review > span,
.site-content #pp-review > .pp-wrapper > span,
.site-content #pp-related > span,
.site-content #pp-related > .pp-wrapper > span {
  margin-top: 5px;
  padding-left: 10px;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}
.site-content #pp-archive h2,
.site-content #pp-featured-hero h2,
.site-content #pp-popular h2,
.site-content #pp-trending h2,
.site-content #pp-featured h2,
.site-content #pp-latest h2,
.site-content #latest-posts-infinite-scroll h2,
.site-content #pp-videos h2,
.site-content #pp-review h2,
.site-content #pp-related h2 {
  margin: 15px 0;
  text-transform: none;
}
.site-content #pp-archive img,
.site-content #pp-featured-hero img,
.site-content #pp-popular img,
.site-content #pp-trending img,
.site-content #pp-featured img,
.site-content #pp-latest img,
.site-content #latest-posts-infinite-scroll img,
.site-content #pp-videos img,
.site-content #pp-review img,
.site-content #pp-related img {
  width: 100%;
  height: auto;
}
.site-content #pp-archive .pp-box,
.site-content #pp-featured-hero .pp-box,
.site-content #pp-popular .pp-box,
.site-content #pp-trending .pp-box,
.site-content #pp-featured .pp-box,
.site-content #pp-latest .pp-box,
.site-content #latest-posts-infinite-scroll .pp-box,
.site-content #pp-videos .pp-box,
.site-content #pp-review .pp-box,
.site-content #pp-related .pp-box {
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  margin-bottom: 30px;
  color: #666666;
  text-align: left;
}
.site-content #pp-archive .pp-box h2 a,
.site-content #pp-featured-hero .pp-box h2 a,
.site-content #pp-popular .pp-box h2 a,
.site-content #pp-trending .pp-box h2 a,
.site-content #pp-featured .pp-box h2 a,
.site-content #pp-latest .pp-box h2 a,
.site-content #latest-posts-infinite-scroll .pp-box h2 a,
.site-content #pp-videos .pp-box h2 a,
.site-content #pp-review .pp-box h2 a,
.site-content #pp-related .pp-box h2 a {
  font-family: "Roboto Condensed", "Roboto", sans-serif;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 1.5rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 1.5rem;
  font-weight: bold;
  color: #333;
}
.site-content #pp-archive .pp-box h2 a:visited,
.site-content #pp-featured-hero .pp-box h2 a:visited,
.site-content #pp-popular .pp-box h2 a:visited,
.site-content #pp-trending .pp-box h2 a:visited,
.site-content #pp-featured .pp-box h2 a:visited,
.site-content #pp-latest .pp-box h2 a:visited,
.site-content #latest-posts-infinite-scroll .pp-box h2 a:visited,
.site-content #pp-videos .pp-box h2 a:visited,
.site-content #pp-review .pp-box h2 a:visited,
.site-content #pp-related .pp-box h2 a:visited {
  color: #333;
  text-decoration: none;
}
.site-content #pp-archive .pp-box h2 a:hover,
.site-content #pp-featured-hero .pp-box h2 a:hover,
.site-content #pp-popular .pp-box h2 a:hover,
.site-content #pp-trending .pp-box h2 a:hover,
.site-content #pp-featured .pp-box h2 a:hover,
.site-content #pp-latest .pp-box h2 a:hover,
.site-content #latest-posts-infinite-scroll .pp-box h2 a:hover,
.site-content #pp-videos .pp-box h2 a:hover,
.site-content #pp-review .pp-box h2 a:hover,
.site-content #pp-related .pp-box h2 a:hover {
  color: #e94b4b;
  text-decoration: none;
}
.site-content #pp-archive .pp-box .pp-categories,
.site-content #pp-featured-hero .pp-box .pp-categories,
.site-content #pp-popular .pp-box .pp-categories,
.site-content #pp-trending .pp-box .pp-categories,
.site-content #pp-featured .pp-box .pp-categories,
.site-content #pp-latest .pp-box .pp-categories,
.site-content #latest-posts-infinite-scroll .pp-box .pp-categories,
.site-content #pp-videos .pp-box .pp-categories,
.site-content #pp-review .pp-box .pp-categories,
.site-content #pp-related .pp-box .pp-categories {
  position: absolute;
  margin-right: 30px;
  background: #e94b4b;
  padding: 10px;
  top: 20px;
  line-height: 14px;
  left: 10px;
  color: #fff;
}
.site-content #pp-archive .pp-box .pp-categories a,
.site-content #pp-featured-hero .pp-box .pp-categories a,
.site-content #pp-popular .pp-box .pp-categories a,
.site-content #pp-trending .pp-box .pp-categories a,
.site-content #pp-featured .pp-box .pp-categories a,
.site-content #pp-latest .pp-box .pp-categories a,
.site-content #latest-posts-infinite-scroll .pp-box .pp-categories a,
.site-content #pp-videos .pp-box .pp-categories a,
.site-content #pp-review .pp-box .pp-categories a,
.site-content #pp-related .pp-box .pp-categories a {
  padding-top: 0;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.875rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 0.875rem;
  line-height: 14px;
  color: #fff;
  text-transform: uppercase;
}
.site-content #pp-archive .pp-box .pp-excerpt p,
.site-content #pp-archive .pp-box .pp-excerpt,
.site-content #pp-featured-hero .pp-box .pp-excerpt p,
.site-content #pp-featured-hero .pp-box .pp-excerpt,
.site-content #pp-popular .pp-box .pp-excerpt p,
.site-content #pp-popular .pp-box .pp-excerpt,
.site-content #pp-trending .pp-box .pp-excerpt p,
.site-content #pp-trending .pp-box .pp-excerpt,
.site-content #pp-featured .pp-box .pp-excerpt p,
.site-content #pp-featured .pp-box .pp-excerpt,
.site-content #pp-latest .pp-box .pp-excerpt p,
.site-content #pp-latest .pp-box .pp-excerpt,
.site-content #latest-posts-infinite-scroll .pp-box .pp-excerpt p,
.site-content #latest-posts-infinite-scroll .pp-box .pp-excerpt,
.site-content #pp-videos .pp-box .pp-excerpt p,
.site-content #pp-videos .pp-box .pp-excerpt,
.site-content #pp-review .pp-box .pp-excerpt p,
.site-content #pp-review .pp-box .pp-excerpt,
.site-content #pp-related .pp-box .pp-excerpt p,
.site-content #pp-related .pp-box .pp-excerpt {
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 1.125rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 1.125rem;
  line-height: 30px;
  padding: 0;
  margin: 0;
  font-family: "Roboto", sans-serif;
  color: #333;
}
.site-content #pp-review a.pp-cat-link,
.site-content #pp-popular a.pp-cat-link,
.site-content #pp-related a.pp-cat-link,
.site-content #pp-trending a.pp-cat-link {
  padding: 0;
  padding-right: 10px;
  display: inline-block;
  float: right;
  text-transform: uppercase;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.875rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 0.875rem;
  font-weight: bold;
  font-family: "Roboto Condensed", "Roboto", sans-serif;
  margin-top: -50px;
  color: #e94b4b;
}
.site-content #pp-review a.pp-cat-link:hover,
.site-content #pp-popular a.pp-cat-link:hover,
.site-content #pp-related a.pp-cat-link:hover,
.site-content #pp-trending a.pp-cat-link:hover {
  text-decoration: underline;
}
.site-content #pp-review h2,
.site-content #pp-popular h2,
.site-content #pp-related h2,
.site-content #pp-trending h2 {
  text-align: left;
}
.site-content #pp-featured-hero {
  margin-top: 10px;
}
.site-content #pp-featured-hero span {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
}
.site-content #pp-featured-hero .pp-box {
  padding: 0;
  display: inline-block;
  vertical-align: top;
  padding-left: 10px;
  padding-right: 10px;
}
.site-content #pp-featured-hero .pp-box header h2 {
  margin: 0;
  padding: 30px 0px;
}
.site-content #pp-featured-hero .pp-box header h2 a {
  padding: 30px 0;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 3.125rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 3.75rem;
}
.site-content #pp-trending {
  margin: 0;
  margin-top: 10px;
  padding: 20px 30px;
  font-family: "Roboto Condensed", "Roboto", sans-serif;
  font-weight: bold;
}
.site-content #pp-trending span {
  display: inline;
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
}
.site-content #pp-trending a.pp-cat-link {
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.75rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 0.75rem;
  margin-top: 0;
}
.site-content #pp-trending .pp-trendbox {
  width: 100%;
  padding: 0;
  display: inline-block;
  margin-top: 20px;
  border-bottom: 1px solid #ccc;
}
.site-content #pp-trending .pp-trendbox h2 {
  margin-top: 10px;
}
.site-content #pp-trending .pp-trendbox h2 a {
  display: table-cell;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 1.125rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 1.25rem;
  padding-left: 0;
  padding-right: 8px;
  color: #333;
}
.site-content #pp-trending .pp-trendbox h2 a:visited {
  color: #333;
  text-decoration: none;
}
.site-content #pp-trending .pp-trendbox h2 a:hover {
  color: #e94b4b;
  text-decoration: none;
}
.site-content #pp-trending .pp-trendbox .pp-categories {
  color: #e94b4b;
  padding: 0;
  background: none;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.75rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 0.75rem;
}
.site-content #pp-trending .pp-trendbox .pp-categories a {
  text-transform: uppercase;
  color: #e94b4b;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.75rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 0.75rem;
}
.site-content #pp-trending .pp-trendbox .pp-categories a:hover {
  text-decoration: underline;
  color: #e94b4b;
}
.site-content #pp-trending .pp-trendbox img {
  width: 141px;
  height: 88px;
  float: left;
  display: inline;
  margin-right: 10px;
  margin-bottom: 20px;
}
.site-content #pp-trending .pp-trendbox:last-child {
  border: 0;
  padding-bottom: 10px;
}
.site-content #pp-trending .pp-trendbox:last-child img {
  margin-bottom: 0;
}
.site-content #pp-popular .pp-wrapper {
  border: 0;
  border-top: 10px solid;
  -webkit-border-image: url(images/pattern.png) 40 repeat;
  -moz-border-image: url(images/pattern.png) 40% repeat;
  border-image: url(images/pattern.png) 40% repeat;
}
.site-content #pp-popular .pp-wrapper .pp-box.large header h2 a {
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 3.125rem;
  padding: 30px 0px;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 3.75rem;
}
.site-content #pp-review {
  text-align: center;
  background: #000;
  color: #fff;
  padding-top: 40px;
}
.site-content #pp-review > .pp-wrapper > span {
  text-align: left;
  color: #fff;
}
.site-content #pp-review h2 {
  text-align: left;
  margin-top: 0;
}
.site-content #pp-review .pp-box header h2 a,
.site-content #pp-review .pp-box header h4 a {
  text-align: left;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 1.125rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 1.125rem;
  color: #fff;
}
.site-content #pp-review .pp-box header h2 a:visited,
.site-content #pp-review .pp-box header h4 a:visited {
  color: #fff;
}
.site-content #pp-review .pp-box header h2 a:hover,
.site-content #pp-review .pp-box header h4 a:hover {
  color: #e94b4b;
}
.site-content #pp-related {
  background: #eee;
  color: #333;
  padding-top: 40px;
  text-align: center;
}
.site-content #pp-related span {
  text-align: left;
  display: inline;
  padding: 0;
  margin: 0;
  padding-left: 10px;
  margin-bottom: 15px;
}
.site-content #pp-related span,
.site-content #pp-related a {
  color: #333;
  display: inline-block;
}
.site-content #pp-related .pp-main-cat {
  float: right;
  text-transform: uppercase;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.75rem;
  font-weight: bold;
}
.site-content #pp-related .pp-box .pp-title {
  color: #333;
}
.site-content #pp-related h2, .site-content #pp-related h4 {
  color: #333;
  margin-top: 0;
}
.site-content #pp-related .pp-box {
  margin-top: 0;
}
.site-content #pp-related .pp-box header h2 a, .site-content #pp-related .pp-box header h4 a {
  text-align: left;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 1.125rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 1.25rem;
  color: #333;
}
.site-content #pp-related .pp-box img {
  height: 160px;
  object-fit: cover;
}
.site-content #pp-related .pp-box h3,
.site-content #pp-related .pp-box a {
  color: #333;
}
.site-content #tech-news-signup {
  background: #e94b4b;
  color: #fff;
  display: inline-block;
  margin-bottom: 60px;
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
}
.site-content #tech-news-signup header.entry-header > span {
  color: #fff;
  padding: 0;
  margin: 0;
  padding-left: 10px;
  width: 100%;
  text-transform: uppercase;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 1.625rem;
  margin-bottom: 20px;
  margin-top: 5px;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}
.site-content #tech-news-signup .signup-text {
  padding: 20px 10px;
}
.site-content #tech-news-signup .news-icon,
.site-content #tech-news-signup .news-form {
  display: inline-block;
  vertical-align: bottom;
}
.site-content #tech-news-signup .news-form form div {
  padding: 0 10px;
}
.site-content #tech-news-signup .news-icon {
  float: right;
  text-align: right;
  padding-right: 10px;
}
.site-content #tech-news-signup .news-icon img {
  padding-top: 124px;
}
.site-content #tech-news-signup input[type="submit"],
.site-content #tech-news-signup button {
  margin-top: 15px;
  width: 120px;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: bold;
  background: #000;
  color: #fff;
  padding: 10px 10px;
}
.site-content #tech-news-signup input[type="text"] {
  padding: 10px;
  width: 100%;
  display: block;
  margin-bottom: 10px;
}
.site-content #pp-latest .pp-box.lg-grid-1-2,
.site-content #latest-posts-infinite-scroll .pp-box.lg-grid-1-2 {
  min-height: 430px;
}
.site-content #pp-latest .pp-box.grid-cell.lg-grid-1-3,
.site-content #latest-posts-infinite-scroll .pp-box.grid-cell.lg-grid-1-3 {
  min-height: 343px;
}
.site-content #latest-posts-infinite-scroll img.ajax-loader,
.site-content .site-main img.ajax-loader {
  width: 50px;
  height: 50px;
  clear: both;
  display: block;
  margin: 50px auto;
}
.site-content #pp-featured-hero img {
  width: 675px;
  height: 416px;
}
.site-content #pp-featured img,
.site-content #pp-latest img,
.site-content #latest-posts-infinite-scroll img {
  width: 370px;
  height: 235px;
}
.site-content #pp-videos img,
.site-content #pp-review img,
.site-content #pp-related img,
.site-content #pp-popular img {
  width: 282px;
  height: 175px;
}
.site-content #pp-popular .large img,
.site-content #pp-latest .large img,
.site-content #latest-posts-infinite-scroll .large img {
  width: 570px;
  height: 355px;
}
.site-content #pp-popular .large img.techpp-mob-med,
.site-content #pp-latest .large img.techpp-mob-med,
.site-content #latest-posts-infinite-scroll .large img.techpp-mob-med {
  width: 100%;
  height: auto;
}
.site-content #pp-trending img {
  width: 140px;
  height: 85px;
}
.site-content .widget.widget_popular_posts img,
.site-content .widget.widget_trending_posts img {
  width: 300px;
  height: 187px;
  text-align: center;
}

#pp-stories {
  width: 360px;
  font-family: "Roboto", sans-serif;
  float: left;
  margin-bottom: 30px;
  margin-top: 50px;
  padding: 10px;
  padding-left: 0;
  border: 1px solid #eee;
  border-left: 0;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.875rem;
  position: relative;
  margin: 50px;
  margin-left: -150px;
}
#pp-stories .pp-sbox {
  width: 100%;
  clear: both;
  margin: 0;
  padding-top: 10px;
}
#pp-stories .pp-sbox h4 {
  margin: 0;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.875rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 0rem;
}
#pp-stories .pp-sbox h4 a {
  padding-top: 23px;
  display: table-cell;
  font-family: "Roboto Condensed", sans-serif;
  text-transform: none;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.875rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 1.25rem;
  color: #333;
  padding-top: 10px;
  padding-left: 20px;
}
#pp-stories .pp-sbox h4 a:visited {
  color: #666666;
}
#pp-stories .pp-sbox h4 a:hover {
  color: #e94b4b;
  text-decoration: none;
}
#pp-stories .pp-sbox img {
  width: 110px;
  height: auto;
  float: left;
}
#pp-stories .pp-main-title {
  float: left;
  color: #e94b4b;
  text-transform: uppercase;
  position: absolute;
  top: -15px;
  font-weight: bold;
  background: white;
  padding-right: 10px;
  left: 0;
}

#pp-videos aside {
  flex: 1;
}
#pp-videos .textwidget .video {
  display: inline-block;
  width: 24.5%;
  vertical-align: top;
  text-align: left;
  padding: 0 10px;
}
#pp-videos .textwidget .video > a {
  display: inline-block;
  position: relative;
}
#pp-videos .textwidget .video > a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  background: url("./images/video-icon.png") center center no-repeat;
}
#pp-videos .textwidget h2 {
  text-align: left;
}
#pp-videos .textwidget h2 a {
  font-size: 18px;
  color: #333;
}
#pp-videos .textwidget img {
  max-width: 100%;
  max-height: 175px;
}
#pp-videos .widgettitle {
  padding-left: 10px;
  padding-right: 10px;
}

/** Article footer style **/
.blog article,
.single article,
.archive article {
  font-family: "Roboto", sans-serif;
}
.blog article .entry-title,
.single article .entry-title,
.archive article .entry-title {
  font-family: "Roboto", sans-serif;
  color: #333;
}
.blog article .entry-title a,
.single article .entry-title a,
.archive article .entry-title a {
  font-family: "Roboto", sans-serif;
  color: #333;
}
.blog article .entry-title a:visited,
.single article .entry-title a:visited,
.archive article .entry-title a:visited {
  color: #333;
}
.blog article .entry-title a:hover, .blog article .entry-title a:visited:hover,
.single article .entry-title a:hover,
.single article .entry-title a:visited:hover,
.archive article .entry-title a:hover,
.archive article .entry-title a:visited:hover {
  text-decoration: none;
  color: #e94b4b;
}
.blog article h1.entry-title,
.single article h1.entry-title,
.archive article h1.entry-title {
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 3.125rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 3.75rem;
}
.blog article h2.entry-title a,
.single article h2.entry-title a,
.archive article h2.entry-title a {
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 2.5rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 3.125rem;
}
.blog article .entry-header,
.single article .entry-header,
.archive article .entry-header {
  margin-bottom: 0;
}
.blog article footer .entry-footer,
.single article footer .entry-footer,
.archive article footer .entry-footer {
  border-top: 2px solid #eee;
}
.blog article footer .footer-meta,
.single article footer .footer-meta,
.archive article footer .footer-meta {
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
  flex-wrap: wrap;
  padding: 10px 0;
}
.blog article footer .footer-meta .author-details,
.single article footer .footer-meta .author-details,
.archive article footer .footer-meta .author-details {
  border-left: 1px solid #eee;
}
.blog article footer .footer-meta .author-details .author-info,
.single article footer .footer-meta .author-details .author-info,
.archive article footer .footer-meta .author-details .author-info {
  display: inline-flex;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  padding: 12px;
}
.blog article footer .footer-meta .author-details .author-info .author-avatar,
.single article footer .footer-meta .author-details .author-info .author-avatar,
.archive article footer .footer-meta .author-details .author-info .author-avatar {
  height: 40px;
  align-self: center;
}
.blog article footer .footer-meta .author-details .author-info .author-avatar img,
.single article footer .footer-meta .author-details .author-info .author-avatar img,
.archive article footer .footer-meta .author-details .author-info .author-avatar img {
  border-radius: 50%;
  max-width: 60px;
  height: auto;
}
.blog article footer .footer-meta .author-details .author-info .author-wrapper,
.single article footer .footer-meta .author-details .author-info .author-wrapper,
.archive article footer .footer-meta .author-details .author-info .author-wrapper {
  margin-left: 10px;
}
.blog article footer .footer-meta .author-details .author-info .author-wrapper .author-name a,
.single article footer .footer-meta .author-details .author-info .author-wrapper .author-name a,
.archive article footer .footer-meta .author-details .author-info .author-wrapper .author-name a {
  font-family: "Roboto Condensed", "Roboto", sans-serif;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.875rem;
  color: #e94b4b;
  text-transform: uppercase;
}
.blog article footer .footer-meta .author-details .author-info .author-wrapper .author-desc, .blog article footer .footer-meta .author-details .author-info .author-wrapper .author-desc p,
.blog article footer .footer-meta .author-details .author-info .author-wrapper .author-type,
.single article footer .footer-meta .author-details .author-info .author-wrapper .author-desc,
.single article footer .footer-meta .author-details .author-info .author-wrapper .author-desc p,
.single article footer .footer-meta .author-details .author-info .author-wrapper .author-type,
.archive article footer .footer-meta .author-details .author-info .author-wrapper .author-desc,
.archive article footer .footer-meta .author-details .author-info .author-wrapper .author-desc p,
.archive article footer .footer-meta .author-details .author-info .author-wrapper .author-type {
  display: block;
  font-family: "Roboto Condensed", "Roboto", sans-serif;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.875rem;
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 0.9375rem;
}
.blog article footer .footer-meta .author-details .author-info .author-wrapper .author-type,
.single article footer .footer-meta .author-details .author-info .author-wrapper .author-type,
.archive article footer .footer-meta .author-details .author-info .author-wrapper .author-type {
  font-weight: bold;
  padding-bottom: 5px;
}
.blog article footer .footer-meta .share-buttons,
.single article footer .footer-meta .share-buttons,
.archive article footer .footer-meta .share-buttons {
  display: flex;
  align-items: center;
}
.blog article footer .view-comments-section,
.single article footer .view-comments-section,
.archive article footer .view-comments-section {
  text-align: center;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 0.5em 0;
}
.blog article footer .view-comments-section .fa-chevron-down,
.single article footer .view-comments-section .fa-chevron-down,
.archive article footer .view-comments-section .fa-chevron-down {
  color: #eee;
  margin-left: 2em;
  margin-right: 2em;
}
.blog article footer .view-comments-section a,
.single article footer .view-comments-section a,
.archive article footer .view-comments-section a {
  font-family: "Roboto Condensed", "Roboto", sans-serif;
  text-decoration: none;
  color: #333;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 1.125rem;
}

.post-snippet,
.post-subtitle {
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 1.125rem;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  line-height: 1.25rem;
  color: #666;
  font-style: italic;
  margin-bottom: 5px;
}

.header-post-meta,
.author-details {
  justify-content: flex-end;
  align-items: center;
}

.single article .entry-header {
  padding-bottom: 0;
  text-align: left;
}

.fullwidth .full-thumb {
  margin-bottom: 1.5em;
}

.header-meta-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: -10px;
}
.header-meta-wrapper .essb_links {
  margin: 0;
}

#masthead #site-navigation,
#pp-review,
#pp-videos,
#pp-related,
.site-footer,
#tech-news-signup {
  width: 100vw;
}

.post-source-data,
.post-source-link,
.post-photo-credits-data,
.post-photo-credits-link {
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.875rem;
  color: #666666;
}

.post-source-data {
  margin-bottom: 5px;
}
.post-source-data a {
  padding-left: 5px;
}

.post-photo-credits-data {
  margin-top: 0;
}
.post-photo-credits-data a {
  padding-left: 5px;
}

#primary.fullwidth main .full {
  width: 100%;
}
#primary.fullwidth article.type-post {
  display: block;
  width: 90%;
  margin: 0 auto;
}
#primary.fullwidth article.type-post .content-wrapper {
  text-align: center;
}
#primary.fullwidth article.type-post .entry-content.full {
  width: 100%;
  padding-left: 100px;
  padding-right: 100px;
  max-width: 900px;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
## header and footer
--------------------------------------------------------------*/
html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

header#masthead a[href*="twitter.com"]:before,
footer.author-details a[href*="twitter.com"]:before,
.about a[href*="twitter.com"]:before,
.contact a[href*="twitter.com"]:before,
.author-wrapper a[href*="twitter.com"]:before {
  font-family: FontAwesome;
  content: '\f099';
  color: #33ccff;
}
header#masthead a[href*="twitter.com"]:hover,
footer.author-details a[href*="twitter.com"]:hover,
.about a[href*="twitter.com"]:hover,
.contact a[href*="twitter.com"]:hover,
.author-wrapper a[href*="twitter.com"]:hover {
  color: #e94b4b;
}
header#masthead a[href*="facebook.com"]:before,
footer.author-details a[href*="facebook.com"]:before,
.about a[href*="facebook.com"]:before,
.contact a[href*="facebook.com"]:before,
.author-wrapper a[href*="facebook.com"]:before {
  font-family: FontAwesome;
  content: '\f09a';
  color: #3b5998;
}
header#masthead a[href*="facebook.com"]:hover,
footer.author-details a[href*="facebook.com"]:hover,
.about a[href*="facebook.com"]:hover,
.contact a[href*="facebook.com"]:hover,
.author-wrapper a[href*="facebook.com"]:hover {
  color: #e94b4b;
  font-family: FontAwesome;
}
header#masthead a[href*="plus.google.com"]:before,
footer.author-details a[href*="plus.google.com"]:before,
.about a[href*="plus.google.com"]:before,
.contact a[href*="plus.google.com"]:before,
.author-wrapper a[href*="plus.google.com"]:before {
  font-family: FontAwesome;
  content: '\f0d5';
  color: #dd4b39;
}
header#masthead a[href*="plus.google.com"]:hover,
footer.author-details a[href*="plus.google.com"]:hover,
.about a[href*="plus.google.com"]:hover,
.contact a[href*="plus.google.com"]:hover,
.author-wrapper a[href*="plus.google.com"]:hover {
  color: #e94b4b;
}
header#masthead a[href*="youtube.com"]:before,
footer.author-details a[href*="youtube.com"]:before,
.about a[href*="youtube.com"]:before,
.contact a[href*="youtube.com"]:before,
.author-wrapper a[href*="youtube.com"]:before {
  font-family: FontAwesome;
  content: '\f167';
  color: #bb0000;
}
header#masthead a[href*="youtube.com"]:hover,
footer.author-details a[href*="youtube.com"]:hover,
.about a[href*="youtube.com"]:hover,
.contact a[href*="youtube.com"]:hover,
.author-wrapper a[href*="youtube.com"]:hover {
  color: #e94b4b;
}
header#masthead a[href*="tumblr.com"]:before,
footer.author-details a[href*="tumblr.com"]:before,
.about a[href*="tumblr.com"]:before,
.contact a[href*="tumblr.com"]:before,
.author-wrapper a[href*="tumblr.com"]:before {
  font-family: FontAwesome;
  content: '\f173';
  color: #32506d;
}
header#masthead a[href*="tumblr.com"]:hover,
footer.author-details a[href*="tumblr.com"]:hover,
.about a[href*="tumblr.com"]:hover,
.contact a[href*="tumblr.com"]:hover,
.author-wrapper a[href*="tumblr.com"]:hover {
  color: #e94b4b;
}
header#masthead a[href*="vine.com"]:before,
footer.author-details a[href*="vine.com"]:before,
.about a[href*="vine.com"]:before,
.contact a[href*="vine.com"]:before,
.author-wrapper a[href*="vine.com"]:before {
  font-family: FontAwesome;
  content: '\f1ca';
  color: #00bf8f;
}
header#masthead a[href*="vine.com"]:hover,
footer.author-details a[href*="vine.com"]:hover,
.about a[href*="vine.com"]:hover,
.contact a[href*="vine.com"]:hover,
.author-wrapper a[href*="vine.com"]:hover {
  color: #e94b4b;
}
header#masthead a[href*="flickr.com"]:before,
footer.author-details a[href*="flickr.com"]:before,
.about a[href*="flickr.com"]:before,
.contact a[href*="flickr.com"]:before,
.author-wrapper a[href*="flickr.com"]:before {
  font-family: FontAwesome;
  content: '\f16e';
  color: #ff0084;
}
header#masthead a[href*="flickr.com"]:hover,
footer.author-details a[href*="flickr.com"]:hover,
.about a[href*="flickr.com"]:hover,
.contact a[href*="flickr.com"]:hover,
.author-wrapper a[href*="flickr.com"]:hover {
  color: #e94b4b;
}
header#masthead a[href*="vimeo.com"]:before,
footer.author-details a[href*="vimeo.com"]:before,
.about a[href*="vimeo.com"]:before,
.contact a[href*="vimeo.com"]:before,
.author-wrapper a[href*="vimeo.com"]:before {
  font-family: FontAwesome;
  content: '\f27d';
  color: #aad450;
}
header#masthead a[href*="vimeo.com"]:hover,
footer.author-details a[href*="vimeo.com"]:hover,
.about a[href*="vimeo.com"]:hover,
.contact a[href*="vimeo.com"]:hover,
.author-wrapper a[href*="vimeo.com"]:hover {
  color: #e94b4b;
}
header#masthead a[href*="pinterest.com"]:before,
footer.author-details a[href*="pinterest.com"]:before,
.about a[href*="pinterest.com"]:before,
.contact a[href*="pinterest.com"]:before,
.author-wrapper a[href*="pinterest.com"]:before {
  font-family: FontAwesome;
  content: '\f0d2';
  color: #cb2027;
}
header#masthead a[href*="pinterest.com"]:hover,
footer.author-details a[href*="pinterest.com"]:hover,
.about a[href*="pinterest.com"]:hover,
.contact a[href*="pinterest.com"]:hover,
.author-wrapper a[href*="pinterest.com"]:hover {
  color: #e94b4b;
}
header#masthead a[href*="linkedin.com"]:before,
footer.author-details a[href*="linkedin.com"]:before,
.about a[href*="linkedin.com"]:before,
.contact a[href*="linkedin.com"]:before,
.author-wrapper a[href*="linkedin.com"]:before {
  font-family: FontAwesome;
  content: '\f0e1';
  color: #007bb6;
}
header#masthead a[href*="linkedin.com"]:hover,
footer.author-details a[href*="linkedin.com"]:hover,
.about a[href*="linkedin.com"]:hover,
.contact a[href*="linkedin.com"]:hover,
.author-wrapper a[href*="linkedin.com"]:hover {
  color: #e94b4b;
}
header#masthead a[href*="instagram.com"]:before,
footer.author-details a[href*="instagram.com"]:before,
.about a[href*="instagram.com"]:before,
.contact a[href*="instagram.com"]:before,
.author-wrapper a[href*="instagram.com"]:before {
  font-family: FontAwesome;
  content: '\f16d';
  color: #517fa4;
}
header#masthead a[href*="instagram.com"]:hover,
footer.author-details a[href*="instagram.com"]:hover,
.about a[href*="instagram.com"]:hover,
.contact a[href*="instagram.com"]:hover,
.author-wrapper a[href*="instagram.com"]:hover {
  color: #e94b4b;
}
header#masthead a[href*="spotify.com"]:before,
footer.author-details a[href*="spotify.com"]:before,
.about a[href*="spotify.com"]:before,
.contact a[href*="spotify.com"]:before,
.author-wrapper a[href*="spotify.com"]:before {
  font-family: FontAwesome;
  content: '\f1bc';
  color: #1ED760;
}
header#masthead a[href*="spotify.com"]:hover,
footer.author-details a[href*="spotify.com"]:hover,
.about a[href*="spotify.com"]:hover,
.contact a[href*="spotify.com"]:hover,
.author-wrapper a[href*="spotify.com"]:hover {
  color: #e94b4b;
}

body header#masthead {
  width: 100%;
}
body header#masthead .site-branding {
  padding-left: 10px;
  width: 150px;
  display: inline-block;
}
body header#masthead .site-branding .custom-logo-link img.custom-logo {
  width: 140px;
}
body header#masthead .menu-item-search {
  overflow: hidden;
  width: 60px;
  position: absolute;
  visibility: visible;
}
body header#masthead .menu-item-search label {
  cursor: pointer;
  position: relative;
  background: black;
  width: 60px;
  height: 60px;
  float: right;
  right: 0;
}
body header#masthead .menu-item-search label:before {
  font-family: FontAwesome;
  color: #fff;
  content: '\f002';
  display: inline-block;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 1.5625rem;
  position: absolute;
  top: 15px;
  left: 18px;
}
body header#masthead .menu-item-search .pp-search-field {
  border: 0;
  left: 2000px;
  transition: left .5s ease-in-out;
  position: absolute;
  top: 0px;
  height: 60px;
  background-color: #000;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.9375rem;
  color: #fff;
  padding: 10px;
  display: inline-block;
}
body header#masthead .menu-item-search .pp-search-field:focus {
  outline: none;
  color: #fff;
}
body header#masthead .menu-item-search .pp-search-field ::-webkit-input-placeholder {
  color: #fff;
}
body header#masthead .menu-item-search .pp-search-field :-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}
body header#masthead .menu-item-search .pp-search-field ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}
body header#masthead .menu-item-search .pp-search-field :-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}
body header#masthead .menu-item-search .pp-search-field ::-ms-input-placeholder {
  /* Edge */
  color: #fff;
}
body header#masthead .menu-item-search .pp-search-field ::placeholder-shown {
  /* Standard one last! */
  color: #fff;
}
body header#masthead .menu-item-search input[type="submit"] {
  width: 0;
  background: black;
  display: none;
  font-size: 0;
}
body header#masthead .menu-item-search.search-expanded {
  width: 100%;
}
body header#masthead .menu-item-search.search-expanded .pp-search-field {
  left: 0;
  width: 100%;
}
body header#masthead .menu-item-search.search-expanded label:before {
  display: none;
}

footer.site-footer {
  padding-bottom: 30px;
  background: #333;
  height: 70px;
  text-align: center;
  padding-top: 20px;
}
footer.site-footer .site-info {
  color: #fff;
}
footer.site-footer .site-info a {
  color: #fff;
}

/*--------------------------------------------------------------
## FLexbox Grid Stypes
--------------------------------------------------------------*/
#content #primary #main .ad {
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 10px;
}
#content #primary #main .ad .align-left {
  text-align: left;
}
#content #primary #main .ad .align-right {
  text-align: right;
}
#content #primary #main .ad .align-center {
  text-align: center;
}
#content #primary #main .ad #latest-posts-infinite-scroll .ad img, #content #primary #main .ad img {
  width: 100%;
  height: auto;
}
#content #primary #main .ad aside section.widget {
  margin: 0;
}
#content #primary #main article header aside.ad {
  margin: 0;
}
#content #primary #main .pp-box.ad {
  min-height: 0;
}

/*--------------------------------------------------------------
## Plugins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
### WP Product Review Plugin
--------------------------------------------------------------*/
#review-statistics {
  border-bottom: 5px solid #e94b4b;
  margin-bottom: 3em;
}

#review-statistics .review-wrap-up div.cwpr-review-top {
  border-top: 5px solid #e94b4b;
}

#review-statistics h1,
#review-statistics h2,
#review-statistics h3,
#review-statistics h4,
#review-statistics h5,
#review-statistics h6 {
  font-family: "Roboto Condensed", "Roboto", sans-serif;
}

#review-statistics .review-wrap-up .review-wu-right h2 {
  font-family: "Roboto Condensed", "Roboto", sans-serif;
}

#review-statistics .review-wrap-up .review-wu-right ul li {
  font-family: "Roboto", sans-serif;
  font-size: 18px;
  color: #333;
  text-transform: capitalize;
}

#review-statistics .review-wrap-up .review-wu-right ul li,
#review-statistics .review-wu-bars h3,
.review-wu-bars span,
#review-statistics .review-wrap-up .cwpr-review-top .cwp-item-category a {
  color: #333;
}

#review-statistics .review-wrap-up .cwpr-review-top h2.cwp-item {
  font-size: 30px;
  font-weight: 700;
  color: #000;
  text-transform: capitalize;
}

#review-statistics .review-wu-bars h3,
.review-wu-bars span {
  font-family: "Roboto", sans-serif;
  font-size: 14px !important;
  color: #666;
}

#review-statistics .review-wrap-up .review-wu-right h2 {
  font-family: "Roboto Condensed", "Roboto", sans-serif;
  font-size: 20px;
}

/*--------------------------------------------------------------
### Simple Pull Quote Plugin Customizations
--------------------------------------------------------------*/
.single-post .simplePullQuote,
.single-post .su-pullquote {
  width: 300px;
  float: right;
  border-top: 3px #000 solid;
  border-bottom: 3px #000 solid;
  background: transparent;
  text-transform: uppercase;
  color: #e94b4b;
  text-indent: 0;
  padding: 15px 0;
  font-style: italic;
  font-weight: bold;
  margin: 10px;
  box-shadow: none;
  border-right: 0;
  border-left: 0;
}
.single-post .simplePullQuote p,
.single-post .su-pullquote p {
  margin: 0;
}

/*--------------------------------------------------------------
### Easy Social Share Buttons for WordPress Plugin
--------------------------------------------------------------*/
.essb_links li a {
  margin: 2px 2px 2px 0;
}

.essb_links.essb_template_default4-retina a {
  box-shadow: none;
  -webkit-box-shadow: none;
  padding-right: 10px;
}

.essb_link_more .essb_network_name.essb_noname::before {
  content: "MORE";
  display: inline-block;
  color: #999;
  padding-right: 7px;
}

.essb_link_more .essb_icon.essb_icon_more {
  color: #999;
}

.essb_links .essb_link_more a {
  background: #fff !important;
  border: 2px dashed #ccc;
}

.essb_links .essb_link_more a .essb_network_name {
  display: inline-block;
}

.essb_totalcount,
.essb_totalcount .essb_t_nb_after {
  color: #999 !important;
}

.essb_links .essb_link_more a:hover .essb_icon_more,
.essb_links .essb_link_more a:focus .essb_icon_more {
  color: white;
}
.essb_links .essb_link_more a:hover .essb_network_name::before,
.essb_links .essb_link_more a:focus .essb_network_name::before {
  color: white;
}

.essb_link_more a:hover {
  border: 2px solid #363636;
}

.essb_links.essb_links_center, .essb_links.essb_network_align_center {
  text-align: left;
}

.essb_links.essb_template_color-circles-retina .essb_icon {
  width: 25px;
  height: 30px;
}

.essb_links li a .essb_network_name {
  margin-right: 3px;
  font-size: 11px;
}

.essb_links.essb_template_color-circles-retina .essb_icon::before {
  font-size: 12px !important;
  top: 9px;
  left: 9px;
}

@media (max-width: 543px) {
  .essb_links li,
  .essb_links li a,
  .essb_links li a .essb_icon,
  .essb_links li a .essb_network_name,
  .essb_links ul {
    line-height: 0.5em;
  }

  [class*=" essb_icon_"]::before, [class^="essb_icon_"]::before {
    line-height: 1.4;
  }
}
#main .essb_links li a[href*="twitter.com"] {
  font-family: FontAwesome;
}
#main .essb_links li a[href*="twitter.com"]:before {
  content: '';
  color: transparent;
}
#main .essb_links li a[href*="twitter.com"]:hover {
  color: transparent;
}
#main .essb_links li a[href*="facebook.com"] {
  font-family: FontAwesome;
}
#main .essb_links li a[href*="facebook.com"]:before {
  content: '';
  color: transparent;
}
#main .essb_links li a[href*="facebook.com"]:hover {
  color: transparent;
  font-family: FontAwesome;
}
#main .essb_links li a[href*="plus.google.com"] {
  font-family: FontAwesome;
}
#main .essb_links li a[href*="plus.google.com"]:before {
  content: '';
  color: transparent;
}
#main .essb_links li a[href*="plus.google.com"]:hover {
  color: transparent;
}

/*--------------------------------------------------------------
## Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

@media (max-width: 47rem) {
  #page {
    width: 100vw;
  }

   ̰
  #page #content main > section,
  #pp-related,
  .site-footer,
  body header#masthead,
  #masthead #site-navigation,
  .seven-twelve,
  .two-third,
  .three-fourth,
  .five-twelve,
  .large.half,
  #pp-stories,
  .half,
  #pp-popular .half,
  #pp-popular .small.half,
  .one-fourth,
  .one-third,
  aside#secondary,
  #pp-videos aside.ya-wai ul li {
    width: 100%;
  }

  #primary.fullwidth article.post,
  #primary.fullwidth article.type-post {
    width: 100%;
  }
  #primary.fullwidth article.post .entry-content.full,
  #primary.fullwidth article.type-post .entry-content.full {
    padding-left: 0;
    padding-right: 0;
  }
  #primary.fullwidth article.post .entry-content img.expand, #primary.fullwidth article.post .entry-content .wp-caption-text,
  #primary.fullwidth article.type-post .entry-content img.expand,
  #primary.fullwidth article.type-post .entry-content .wp-caption-text {
    margin: 0;
    width: 100%;
    max-width: none;
    height: auto;
    padding: 0;
  }

  #content .about, #content .contact {
    width: 100%;
    padding-left: 0;
  }
  #content aside#secondary {
    float: none;
  }

  .single article h1.entry-title, .single article h2.entry-title a, .single h1.page-title, .archive article h1.entry-title, .archive article h2.entry-title a, .archive h1.page-title {
    /* unwrap lists for values that have multiple list of values such as text-shadow */
    font-size: 1.875rem;
    /* unwrap lists for values that have multiple list of values such as text-shadow */
    line-height: 2.1875rem;
  }
  .single .two-third.content-sidebar, .archive .two-third.content-sidebar {
    width: 100%;
    padding-left: 0;
  }
  .single #pp-related article.pp-box.one-fourth, .single #pp-review article.pp-box.one-fourth, .archive #pp-related article.pp-box.one-fourth, .archive #pp-review article.pp-box.one-fourth {
    width: 48%;
    width: calc( ( 100% * ( 1 / 2)) - 5px);
  }

  #pp-stories {
    margin-left: 0;
  }

  .site-content #tech-news-signup {
    position: relative;
  }
  .site-content #tech-news-signup input[type="text"] {
    width: 100%;
    padding: 5px;
  }
  .site-content #tech-news-signup .news-icon img {
    display: none;
  }
  .site-content #tech-news-signup .news-form form div {
    padding: 0 10px;
  }

  #content main {
    padding-top: 0;
  }
  #content main section#pp-featured .pp-box,
  #content main section#pp-review .pp-box,
  #content main section#pp-latest .pp-box,
  #content main section#latest-posts-infinite-scroll .pp-box,
  #content main section#pp-popular .pp-box {
    padding-bottom: 30px;
    margin-bottom: 0;
  }
  #content main section#pp-featured .pp-box h2,
  #content main section#pp-review .pp-box h2,
  #content main section#pp-latest .pp-box h2,
  #content main section#latest-posts-infinite-scroll .pp-box h2,
  #content main section#pp-popular .pp-box h2 {
    padding: 0;
    margin: 0;
  }
  #content main section#pp-featured .pp-box header h2 a,
  #content main section#pp-review .pp-box header h2 a,
  #content main section#pp-latest .pp-box header h2 a,
  #content main section#latest-posts-infinite-scroll .pp-box header h2 a,
  #content main section#pp-popular .pp-box header h2 a {
    font-size: 20px;
    line-height: 25px;
    display: table-cell;
  }
  #content main section#pp-featured .pp-box img,
  #content main section#pp-review .pp-box img,
  #content main section#pp-latest .pp-box img,
  #content main section#latest-posts-infinite-scroll .pp-box img,
  #content main section#pp-popular .pp-box img {
    float: left;
    width: 50%;
    margin-right: 10px;
    height: auto;
  }
  #content main section#pp-featured .pp-box .pp-categories,
  #content main section#pp-review .pp-box .pp-categories,
  #content main section#pp-latest .pp-box .pp-categories,
  #content main section#latest-posts-infinite-scroll .pp-box .pp-categories,
  #content main section#pp-popular .pp-box .pp-categories {
    max-width: 45%;
    padding: 5px;
  }
  #content main section#pp-featured .pp-box .pp-categories a,
  #content main section#pp-review .pp-box .pp-categories a,
  #content main section#pp-latest .pp-box .pp-categories a,
  #content main section#latest-posts-infinite-scroll .pp-box .pp-categories a,
  #content main section#pp-popular .pp-box .pp-categories a {
    font-size: 10px;
    line-height: 12px;
  }
  #content main section#pp-featured .pp-box.half header h2 a,
  #content main section#pp-review .pp-box.half header h2 a,
  #content main section#pp-latest .pp-box.half header h2 a,
  #content main section#latest-posts-infinite-scroll .pp-box.half header h2 a,
  #content main section#pp-popular .pp-box.half header h2 a {
    font-size: 20px;
    line-height: 25px;
  }
  #content main section#pp-featured .pp-box.large.half header h2 a,
  #content main section#pp-review .pp-box.large.half header h2 a,
  #content main section#pp-latest .pp-box.large.half header h2 a,
  #content main section#latest-posts-infinite-scroll .pp-box.large.half header h2 a,
  #content main section#pp-popular .pp-box.large.half header h2 a {
    padding: 0;
  }
  #content main section#pp-featured .pp-box.large.half img,
  #content main section#pp-review .pp-box.large.half img,
  #content main section#pp-latest .pp-box.large.half img,
  #content main section#latest-posts-infinite-scroll .pp-box.large.half img,
  #content main section#pp-popular .pp-box.large.half img {
    width: 100%;
    height: auto;
  }
  #content main section#pp-popular article.pp-box.large.half h2 a {
    padding: 10px 0;
  }
  #content main section#pp-review .pp-box.one-fourth,
  #content main section#pp-review .pp-box.large.half,
  #content main section#pp-review .pp-box.one-third,
  #content main section#pp-latest .pp-box.one-fourth,
  #content main section#pp-latest .pp-box.large.half,
  #content main section#pp-latest .pp-box.one-third,
  #content main section#latest-posts-infinite-scroll .pp-box.one-fourth,
  #content main section#latest-posts-infinite-scroll .pp-box.large.half,
  #content main section#latest-posts-infinite-scroll .pp-box.one-third {
    width: 48%;
    width: calc( ( 100% * ( 1 / 2)) - 4px);
  }
  #content main section#pp-review .pp-box.one-fourth img,
  #content main section#pp-review .pp-box.large.half img,
  #content main section#pp-review .pp-box.one-third img,
  #content main section#pp-latest .pp-box.one-fourth img,
  #content main section#pp-latest .pp-box.large.half img,
  #content main section#pp-latest .pp-box.one-third img,
  #content main section#latest-posts-infinite-scroll .pp-box.one-fourth img,
  #content main section#latest-posts-infinite-scroll .pp-box.large.half img,
  #content main section#latest-posts-infinite-scroll .pp-box.one-third img {
    width: 100%;
    float: none;
  }
  #content main section#pp-review .pp-box.one-fourth .entry-meta,
  #content main section#pp-review .pp-box.one-fourth .entry-meta a,
  #content main section#pp-review .pp-box.large.half .entry-meta,
  #content main section#pp-review .pp-box.large.half .entry-meta a,
  #content main section#pp-review .pp-box.one-third .entry-meta,
  #content main section#pp-review .pp-box.one-third .entry-meta a,
  #content main section#pp-latest .pp-box.one-fourth .entry-meta,
  #content main section#pp-latest .pp-box.one-fourth .entry-meta a,
  #content main section#pp-latest .pp-box.large.half .entry-meta,
  #content main section#pp-latest .pp-box.large.half .entry-meta a,
  #content main section#pp-latest .pp-box.one-third .entry-meta,
  #content main section#pp-latest .pp-box.one-third .entry-meta a,
  #content main section#latest-posts-infinite-scroll .pp-box.one-fourth .entry-meta,
  #content main section#latest-posts-infinite-scroll .pp-box.one-fourth .entry-meta a,
  #content main section#latest-posts-infinite-scroll .pp-box.large.half .entry-meta,
  #content main section#latest-posts-infinite-scroll .pp-box.large.half .entry-meta a,
  #content main section#latest-posts-infinite-scroll .pp-box.one-third .entry-meta,
  #content main section#latest-posts-infinite-scroll .pp-box.one-third .entry-meta a {
    font-size: 10px;
    line-height: 10px;
  }
  #content main section,
  #content main aside {
    order: 4;
  }
  #content main section#pp-featured-hero,
  #content main section#pp-featured {
    order: 1;
    -webkit-order: 1;
    background: #000;
  }
  #content main section#pp-featured-hero .pp-box header h2 a,
  #content main section#pp-featured .pp-box header h2 a {
    color: #fff;
  }
  #content main section#pp-featured-hero .pp-box header h2 a:hover,
  #content main section#pp-featured .pp-box header h2 a:hover {
    color: #e94b4b;
  }
  #content main section#pp-featured-hero .pp-box .pp-excerpt,
  #content main section#pp-featured .pp-box .pp-excerpt {
    color: #888888;
  }
  #content main section#pp-featured {
    margin-top: -1px;
    padding-top: 10px;
  }
  #content main section#pp-featured-hero {
    padding-top: 30px;
    margin-bottom: 0;
  }
  #content main section#pp-featured-hero h2 {
    margin: 10px 0;
    padding: 0;
  }
  #content main section#pp-featured-hero h2 a {
    font-size: 24px;
    line-height: 28px;
    padding: 10px 0;
  }
  #content main section#pp-featured-hero .pp-box img {
    width: 100%;
    height: auto;
  }
  #content main section#pp-trending {
    order: 2;
    -webkit-order: 2;
    padding: 20px 15px;
  }
  #content main section#pp-trending .pp-trendbox h2 a {
    font-size: 18px;
    line-height: 20px;
  }
  #content main section#pp-trending .pp-trendbox .pp-categories {
    font-size: 12px;
    line-height: 15px;
  }
  #content main section#pp-trending .pp-trendbox img {
    max-width: 137px;
    max-height: 88px;
  }

  #content #main .header-post-meta .entry-meta {
    float: left;
  }

  .single article footer .footer-meta {
    padding: 0 10px 10px 10px;
  }
  .single article footer .footer-meta .author-details {
    border-left: none;
  }
  .single article footer .footer-meta .author-details .author-info {
    justify-content: flex-start;
    border-left: none;
    padding-left: 0px;
  }
  .single article footer .view-comments-section .fa-chevron-down {
    margin-left: 10px;
    margin-right: 10px;
  }
  .single article .su-pullquote, .single article .simplePullQuote {
    float: none;
    margin: auto;
  }
  .single article ul, .single article ol {
    margin: 0;
  }

  #pp-stories {
    margin-left: 0;
    width: 100%;
  }

  section#pp-videos {
    text-align: center;
  }
  section#pp-videos span {
    text-align: left;
  }
  section#pp-videos h2 {
    text-align: center;
  }
  section#pp-videos .textwidget .video {
    text-align: center;
    width: 100%;
    padding: 0 10px;
  }
  section#pp-videos section.widget {
    margin: 0;
  }
  section#pp-videos a.tab-ctrl {
    text-decoration: none;
    display: inline-block;
    padding: 0 10px;
  }
  section#pp-videos a.tab-ctrl :hover,
  section#pp-videos a.tab-ctrl :active,
  section#pp-videos a.tab-ctrl :focus {
    color: #e94b4b;
  }
  section#pp-videos .textwidget .video:not(:first-of-type) {
    display: none;
  }
  section#pp-videos a.tab-ctrl:before {
    font-family: FontAwesome;
    content: '\f111';
    color: grey;
    font-size: 30px;
  }
  section#pp-videos a.tab-ctrl:before .video > a {
    width: 100%;
  }
  section#pp-videos a.tab-ctrl:before img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }

  #primary.front-page main aside.mobile.ad:first-of-type {
    order: 0;
  }

  header#masthead #site-navigation {
    right: 0;
  }
  header#masthead #site-navigation .menu-toggle {
    right: 0;
  }
  header#masthead #site-navigation #secondary-menu label {
    height: 50px;
  }
  header#masthead #site-navigation #secondary-menu .menu-item-search {
    right: 80px;
  }
  header#masthead #site-navigation #secondary-menu .menu-item-search.search-expanded .pp-search-field {
    left: -195px;
    width: 175px;
  }
}
@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}
@media (min-width: 47rem) {
  body header#masthead,
  #masthead #site-navigation,
  #pp-review,
  #pp-videos,
  #pp-related,
  #tech-news-signup,
  .site-footer,
  .flex-container {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100vw;
  }

  body header#masthead,
  #masthead #site-navigation,
  #pp-review,
  #pp-videos,
  #pp-related,
  #tech-news-signup,
  .site-footer {
    margin-left: -1rem;
    margin-right: -1rem;
  }

  #pp-stories {
    margin-left: -.5rem;
  }

  #page #content main section#pp-featured-hero,
  #page #content main section#pp-featured {
    background: transparent;
  }
  #page #content main section#pp-featured-hero .pp-box header h4 a,
  #page #content main section#pp-featured .pp-box header h4 a {
    color: #333;
  }
  #page #content main section#pp-featured-hero .pp-box header h4 a:hover,
  #page #content main section#pp-featured .pp-box header h4 a:hover {
    color: #e94b4b;
  }
  #page #content main section#pp-featured-hero .pp-box .pp-excerpt,
  #page #content main section#pp-featured .pp-box .pp-excerpt {
    color: #333;
  }

  section#tech-news-signup img {
    display: inline-block;
  }

  #page #content main section#pp-featured-hero {
    margin-bottom: 50px;
  }

  #page #content main section#pp-featured .pp-box,
  #page #content main section#pp-popular .pp-box {
    padding-bottom: 0;
    margin-bottom: 20px;
  }
  #page #content main section#pp-featured .pp-box img,
  #page #content main section#pp-popular .pp-box img {
    float: none;
  }
  #page #content main section#pp-featured .pp-box h4,
  #page #content main section#pp-featured .pp-box header,
  #page #content main section#pp-featured .pp-box a,
  #page #content main section#pp-popular .pp-box h4,
  #page #content main section#pp-popular .pp-box header,
  #page #content main section#pp-popular .pp-box a {
    display: inline-block;
  }
  #page #content main section#pp-featured .pp-box .pp-categories,
  #page #content main section#pp-popular .pp-box .pp-categories {
    padding: 10px;
  }
  #page #content main section#pp-featured .pp-box .pp-categories a,
  #page #content main section#pp-popular .pp-box .pp-categories a {
    /* unwrap lists for values that have multiple list of values such as text-shadow */
    font-size: 0.875rem;
    line-height: 14px;
  }
  #page #content main section#pp-trending .pp-trendbox h4 a {
    /* unwrap lists for values that have multiple list of values such as text-shadow */
    font-size: 0.9375rem;
    /* unwrap lists for values that have multiple list of values such as text-shadow */
    line-height: 1.125rem;
    padding-right: 0;
  }
  #page #content main section#pp-videos a.tab-ctrl {
    display: none;
  }
  #page #content main section#pp-videos h4 {
    text-align: left;
  }
  #page #content main section#pp-videos .textwidget article.video {
    width: 24.5%;
    width: calc( ( 100% * (1 / 4)) - 4px);
  }
  #page #content main section#pp-videos .textwidget .video {
    display: inline-block;
  }

  #pp-stories {
    margin: 20px;
    margin-left: -40px;
    padding: 0;
    width: 300px;
    padding-bottom: 20px;
  }

  section,
  aside {
    order: inherit;
  }

  header#masthead #site-navigation .menu-toggle {
    right: 1rem;
  }

  aside#secondary {
    float: none;
    margin: auto;
  }

  #content main article .content-wrapper aside#secondary {
    padding-left: 0;
    padding-right: 0;
  }

  .single article aside#secondary {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
  }

  .single #content #primary #main header.entry-header .header-meta-wrapper,
  .single #content #primary #main header.entry-header aside.ad,
  .blog #content #primary #main header.entry-header .header-meta-wrapper,
  .blog #content #primary #main header.entry-header aside.ad,
  .page #content #primary #main header.entry-header .header-meta-wrapper,
  .page #content #primary #main header.entry-header aside.ad,
  .archive #content #primary #main header.entry-header .header-meta-wrapper,
  .archive #content #primary #main header.entry-header aside.ad {
    padding-left: 50px;
  }
  .single #content #primary #main header.entry-header .header-meta-wrapper,
  .blog #content #primary #main header.entry-header .header-meta-wrapper,
  .page #content #primary #main header.entry-header .header-meta-wrapper,
  .archive #content #primary #main header.entry-header .header-meta-wrapper {
    padding-right: 50px;
  }
  .single .two-third.content-sidebar,
  .blog .two-third.content-sidebar,
  .page .two-third.content-sidebar,
  .archive .two-third.content-sidebar {
    width: 80%;
    width: calc( 100% - ( 50px + 100px + 5px));
  }
  .single #main img.expand, .single #main .wp-caption-text,
  .blog #main img.expand,
  .blog #main .wp-caption-text,
  .page #main img.expand,
  .page #main .wp-caption-text,
  .archive #main img.expand,
  .archive #main .wp-caption-text {
    max-width: none;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
@media (min-width: 62rem) {
  body header#masthead,
  #masthead #site-navigation,
  #pp-review,
  #pp-videos,
  #pp-related,
  #tech-news-signup,
  .site-footer,
  .flex-container {
    width: 100vw;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  body header#masthead,
  #masthead #site-navigation,
  #pp-review,
  #pp-related,
  #pp-videos,
  #tech-news-signup,
  .site-footer {
    margin-left: -2rem;
    margin-right: -2rem;
  }

  #pp-videos aside.ya-wai ul li {
    width: 25%;
  }

  #pp-stories {
    margin-left: -1rem;
  }

  aside#secondary {
    float: right;
    margin: auto;
    width: 330px;
  }

  .single #content #primary #main header.entry-header .header-meta-wrapper,
  .single #content #primary #main header.entry-header aside.ad,
  .blog #content #primary #main header.entry-header .header-meta-wrapper,
  .blog #content #primary #main header.entry-header aside.ad,
  .page #content #primary #main header.entry-header .header-meta-wrapper,
  .page #content #primary #main header.entry-header aside.ad,
  .archive #content #primary #main header.entry-header .header-meta-wrapper,
  .archive #content #primary #main header.entry-header aside.ad {
    padding-left: 50px;
  }
  .single #content #primary #main header.entry-header .header-meta-wrapper,
  .blog #content #primary #main header.entry-header .header-meta-wrapper,
  .page #content #primary #main header.entry-header .header-meta-wrapper,
  .archive #content #primary #main header.entry-header .header-meta-wrapper {
    padding-right: 50px;
  }
  .single .two-third.content-sidebar,
  .blog .two-third.content-sidebar,
  .page .two-third.content-sidebar,
  .archive .two-third.content-sidebar {
    width: 70%;
    width: calc( 100% - (330px + 50px + 5px ));
    max-width: 900px;
  }

  #page #content main section#pp-trending .pp-trendbox h4 a {
    /* unwrap lists for values that have multiple list of values such as text-shadow */
    font-size: 1.125rem;
    /* unwrap lists for values that have multiple list of values such as text-shadow */
    line-height: 1.25rem;
    padding-right: 0;
  }

  #main .entry-content img.expand, #main .entry-content .wp-caption-text {
    margin-left: -100px;
    margin-right: -100px;
    width: calc(100% + 200px);
    max-width: none;
    height: auto;
  }

  #page #content main section#pp-trending .pp-trendbox h4 a {
    /* unwrap lists for values that have multiple list of values such as text-shadow */
    font-size: 1.125rem;
    /* unwrap lists for values that have multiple list of values such as text-shadow */
    line-height: 1.25rem;
    padding-right: 0;
  }
}
@media (min-width: 0) and (max-width: 75rem) {
  #content.site-content {
    margin-top: 60px;
  }

  #masthead {
    position: fixed;
    background: #fff;
    z-index: 100;
  }
  #masthead #site-navigation {
    position: absolute;
    background: transparent;
    top: 0;
    right: 20px;
    width: 0;
  }
  #masthead #site-navigation .pp-wrapper {
    overflow-y: visible;
    height: calc(100vh);
    overflow-x: hidden;
  }
  #masthead #site-navigation .menu-toggle {
    display: inline-block;
    background: transparent;
    float: right;
    color: #e94b4b;
    font-size: 40px;
    width: 60px;
    height: 50px;
    right: 2rem;
  }
  #masthead #site-navigation .menu-toggle:focus {
    outline: 0;
  }
  #masthead #site-navigation #primary-menu, #masthead #site-navigation #social-menu, #masthead #site-navigation #secondary-menu {
    visibility: hidden;
  }
  #masthead #site-navigation #secondary-menu .menu-item-search {
    position: absolute;
    display: inline-block;
    overflow: visible;
    position: absolute;
    top: 0;
    right: 140px;
  }
  #masthead #site-navigation #secondary-menu .menu-item-search label.pp-search-label {
    background: transparent;
  }
  #masthead #site-navigation #secondary-menu .menu-item-search label.pp-search-label:before {
    color: #000;
  }
  #masthead #site-navigation #secondary-menu .menu-item-search.search-expanded .pp-search-field {
    top: 10px;
    height: 50px;
    left: calc(400px - 100vw);
    width: 300px;
    width: calc(100vw - 400px);
  }
}
@media (min-width: 75rem) {
  .flex-container {
    margin: 0 auto;
  }

  body header#masthead,
  #masthead #site-navigation,
  #pp-review,
  #pp-videos,
  #pp-related,
  #tech-news-signup,
  .site-footer,
  .flex-container {
    padding-left: 5rem;
    padding-right: 5rem;
  }

  body header#masthead,
  #masthead #site-navigation,
  #pp-review,
  #pp-videos,
  #pp-related,
  #tech-news-signup,
  .site-footer {
    margin-left: -5rem;
    margin-right: -5rem;
  }

  #primary main article {
    max-width: 1400px;
    margin: auto;
  }

  #pp-stories {
    margin: 50px;
    width: 360px;
    margin-left: -3rem;
    padding: 20px;
  }

  .page:not(.home) #content,
  .pp-wrapper,
  #primary.fullwidth img.full-thumb,
  .ad.full {
    max-width: calc(1400px - 4px);
    margin: 0 auto;
    display: block;
  }

  .single main > article,
  .blog main > article,
  .page main > article {
    max-width: calc(1400px - 4px);
    margin: 0 auto;
    display: block;
  }

  .archive #content {
    max-width: calc(1400px - 4px);
    margin: 0 auto;
    display: block;
  }

  .home #page #content main {
    display: block;
  }
  .home #page #content #content.site-content {
    margin-top: 0;
  }

  #masthead {
    position: relative;
  }
  #masthead #site-navigation {
    background: #e94b4b;
    position: relative;
    width: auto;
    top: 0;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
  }
  #masthead #site-navigation .menu-toggle {
    display: none;
  }
  #masthead #site-navigation .pp-wrapper {
    position: relative;
  }
  #masthead #site-navigation .pp-wrapper #primary-menu,
  #masthead #site-navigation .pp-wrapper #social-menu,
  #masthead #site-navigation .pp-wrapper #secondary-menu {
    display: inline-block;
    visibility: visible;
  }
  #masthead #site-navigation .pp-wrapper #social-menu {
    /* unwrap lists for values that have multiple list of values such as text-shadow */
    right: 1rem;
    /* unwrap lists for values that have multiple list of values such as text-shadow */
    top: -2.6875rem;
  }
  #masthead #site-navigation .pp-wrapper #primary-menu {
    /* unwrap lists for values that have multiple list of values such as text-shadow */
    right: 13.125rem;
    /* unwrap lists for values that have multiple list of values such as text-shadow */
    top: -2.75rem;
  }
  #masthead #site-navigation .pp-wrapper #secondary-menu.menu li.menu-item-search {
    right: 0;
    display: inline-block;
  }
  #masthead #site-navigation .pp-wrapper #secondary-menu.menu li.menu-item-search label {
    position: relative;
    top: 0;
    background: black;
    width: 60px;
    height: 60px;
    float: right;
    right: 0;
  }
  #masthead #site-navigation .pp-wrapper #secondary-menu.menu li.menu-item-search label:before {
    color: #fff;
  }

  .single #content #primary #main header.entry-header .header-meta-wrapper,
  .single #content #primary #main header.entry-header aside.ad,
  .blog #content #primary #main header.entry-header .header-meta-wrapper,
  .blog #content #primary #main header.entry-header aside.ad,
  .page #content #primary #main header.entry-header .header-meta-wrapper,
  .page #content #primary #main header.entry-header aside.ad,
  .archive #content #primary #main header.entry-header .header-meta-wrapper,
  .archive #content #primary #main header.entry-header aside.ad {
    padding-left: 50px;
  }
  .single #content #primary #main header.entry-header .header-meta-wrapper,
  .blog #content #primary #main header.entry-header .header-meta-wrapper,
  .page #content #primary #main header.entry-header .header-meta-wrapper,
  .archive #content #primary #main header.entry-header .header-meta-wrapper {
    padding-right: 50px;
  }
  .single .two-third.content-sidebar,
  .blog .two-third.content-sidebar,
  .page .two-third.content-sidebar,
  .archive .two-third.content-sidebar {
    width: 70%;
    width: calc( 100% - (330px + 50px + 5px));
    min-width: 688px;
    max-width: 785px;
    padding-left: 50px;
    padding-right: 10px;
  }
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 0;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0;
}

.wp-caption-text {
  text-align: right;
  /* unwrap lists for values that have multiple list of values such as text-shadow */
  font-size: 0.8125rem;
  color: #888888;
  font-style: italic;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*# sourceMappingURL=style.css.map */