/*
Theme Name: Plywood
Theme URI: http://plywoodwpeople.com
Author: Less Made
Author URI: http://lessmade.com
Description: Custom theme for Plywood people, showing all their awesome projects and dandy things
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* =Reset
-------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
html,
body {
  overflow-x: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
a {
  -webkit-transition: 0.05s ease-in;
  transition: 0.05s ease-in;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
  outline: 0;
  -webkit-transition: 0.05s ease-in;
  transition: 0.05s ease-in;
}
a img {
  border: 0;
}
/* =Global
----------------------------------------------- */
html,
body,
button,
input,
select,
textarea {
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
}
body {
  color: #6B747A;
  background: #fff;
  font-size: 18px;
  line-height: 1.6;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  color: #4A545A;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
  margin: 0 0 3% 0;
  font-weight: 700;
}
h1 {
  font-size: 36px;
}
h2 {
  font-size: 30px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 14px;
}
hr {
  border: 0;
  height: 1px;
  margin: 2em 0;
  border-top: dotted 1px #ddd;
}
::selection {
  background: #fff4b1;
  color: #222;
}
::-moz-selection {
  background: #fff4b1;
  color: #222;
}
/* Text elements */
p {
  margin-bottom: 4%;
  font-family: 'Droid Serif', Serif;
}
ul,
ol {
  margin: 0 0 0 20px;
}
ul {
  list-style: disc;
}
ol {
  list-style: decimal;
}
ul ul,
ol ol,
ul ol,
ol ul {
  margin-bottom: 0;
  margin-left: 1.5em;
}
dt {
  font-weight: bold;
}
dd {
  margin: 0 1.5em 1.5em;
}
b,
strong {
  font-weight: bold;
}
dfn,
cite,
em,
i {
  font-style: italic;
}
blockquote {
  margin: 0 1.5em;
}
address {
  margin: 0 0 1.5em;
}
pre {
  position: relative;
  background: #f7f7f7;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 1.6em;
  padding: 3% 10% 3% 5%;
  overflow: auto;
  max-width: 100%;
  tab-size: 4;
}
pre:before {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  font-family: "FontAwesome";
  content: "\f121";
  background: #BBC3CC;
  color: #fff;
  padding: 0 3px;
  font-size: 14px;
  z-index: 5;
}
code,
kbd,
tt,
var {
  font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}
sup,
sub {
  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  bottom: 1ex;
}
sub {
  top: 0.5ex;
}
small {
  font-size: 75%;
}
big {
  font-size: 125%;
}
figure {
  margin: 0;
}
table {
  margin: 0 0 1.5em;
  width: 100%;
}
th {
  font-weight: bold;
}
button,
input,
select,
textarea {
  font-size: 100%;
  /* Corrects font size not being inherited in all browsers */
  margin: 0;
  /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline;
  /* Improves appearance and consistency in all browsers */
  *vertical-align: middle;
  /* Improves appearance and consistency in all browsers */
}
button,
input {
  line-height: normal;
  /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
  *overflow: visible;
  /* Corrects inner spacing displayed oddly in IE6/7 */
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* Addresses box sizing set to content-box in IE8/9 */
  padding: 0;
  /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
  -webkit-appearance: textfield;
  /* Addresses appearance set to searchfield in S5, Chrome */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;
}
input[type=text],
input[type=email],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
  color: #111111;
}
input[type=text],
input[type=email] {
  padding: 3px;
}
textarea {
  overflow: auto;
  /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top;
  /* Improves readability and alignment in all browsers */
  width: 98%;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.clear {
  clear: both;
  display: block;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}
/* Links */
a {
  text-decoration: none;
  color: #33B26E;
  -webkit-transition: 0.07s ease-in;
  -moz-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
}
a:hover {
  -webkit-transition: 0.07s ease-in;
  -moz-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
}
.post-content a {
  color: #4A545A;
  border-bottom: dotted 1px #ddd;
  -webkit-transition: 0.07s ease-in;
  -moz-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
}
.post-content a.button {
  border-bottom: solid;
  border-bottom-width: 2px;
}
.post-content a.button:hover {
  border-bottom: solid;
  border-bottom-width: 2px;
}
.post-content a:hover {
  color: #4A545A;
  border-bottom: dotted 1px #bbb;
}
.button {
  color: #fff;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: bold;
  font-size: 12px;
  padding: 10px 18px;
  display: inline-block;
  background: #252525;
  border: solid 2px #252525;
  border-radius: 8px;
}
.button:hover {
  background: transparent;
  color: #252525;
}
.button.outline {
  background: transparent;
  color: #252525;
  opacity: 1;
}
.button.outline:hover {
  opacity: 0.4;
}
.icn-video {
  display: inline-block;
  background: url(images/icn-play.png) center center no-repeat;
  width: 9px;
  height: 10px;
  margin: 0 6px 0 0;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}
/* Alignment */
.alignleft {
  display: inline;
  float: left;
  margin: 0 4% 3% 0;
}
.alignright {
  display: inline;
  float: right;
  margin: 0 0 3% 4%;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}
.alignnone {
  margin-bottom: 3%;
}
.highlight {
  background: #fff198;
  color: #222;
}
p .alignnone {
  margin-bottom: 0;
}
.fitvids iframe {
  text-align: center;
}
/* Text meant only for screen readers */
.assistive-text {
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  margin-bottom: 0;
  line-height: 1;
}
blockquote {
  margin: 0;
}
blockquote p {
  margin: 0;
}
.attachment-dimensions {
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  color: #999;
}
/* =Header
----------------------------------------------- */
.site-header {
  z-index: 100;
  position: relative;
  width: 100%;
  background-color: #333333 !important;
}
.home.blog .header-inside {
  padding-bottom: 1%;
}
.header-inside {
  max-width: 1170px;
  margin: 0 auto;
  padding: 4% 2% 4% 2%;
}
#masthead .custom-header {
  width: 100%;
  height: auto;
  position: absolute;
  z-index: 11;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  filter: gray;
  -webkit-filter: grayscale(100%);
  opacity: .1;
  overflow: hidden;
  display: none;
}
.site-header .hgroup {
  position: relative;
  display: inline-block;
  z-index: 15;
  float: left;
  max-width: 28%;
}
.site-title {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 400;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1.4;
  margin-left: 5px;
}
.site-title a {
  color: #fff;
  position: relative;
  -webkit-transition: 0.07s ease-in;
  -moz-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
}
.site-title a:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -4px;
  width: 100%;
  height: 3px;
  background: #33B26E;
}
.logo-image .site-title {
  padding: 0 10px;
  display: none;
}
.site-title a:hover {
  opacity: .85;
  -webkit-transition: 0.07s ease-in;
  -moz-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
}
.site-description {
  color: #8F8F8F;
  font-size: 10px;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: 1px;
  margin: 2px 0 0 0;
  text-transform: uppercase;
  display: none;
}
.logo-image {
  margin-bottom: 0;
  text-align: center;
  top: 10%;
}
.site-header .logo-image img {
  display: block;
  margin: 0 auto;
}
/* =header social icons
----------------------------------------------- */
.header-social {
  position: absolute;
  width: 200px;
  top: -34px;
  right: 5px;
}
/* =Menu
----------------------------------------------- */
.navigation-wrap {
  width: 100%;
  z-index: 50;
  position: relative;
  padding: 0 0 4% 0;
}
.navigation-wrap-inside {
  position: relative;
  float: right;
  width: 75%;
}
.main-navigation {
  max-width: 100%;
}
.main-navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: right;
  width: 100%;
}
.main-navigation li {
  display: inline-block;
  position: relative;
  word-wrap: break-word;
}
.main-navigation a {
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 18px 12px 10px 12px;
  letter-spacing: 2px;
  border-bottom: solid 3px transparent;
}
.main-navigation a:hover {
  color: #33B26E;
}
.main-navigation ul ul {
  display: none;
  position: absolute;
  top: 52px;
  left: 0;
  width: 200px;
  z-index: 75;
  text-align: center;
  background: #242629;
  border-radius: 3px;
}
.main-navigation ul ul:before {
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #232323;
  content: " ";
}
.main-navigation ul ul ul {
  left: 100%;
  top: -1px;
  border-left: dotted 1px #090909;
  border-left: dotted 1px rgba(0, 0, 0, 0.4);
}
.main-navigation ul ul ul:before {
  display: none;
}
.main-navigation ul ul a {
  padding: 18px;
  margin: 0;
  font-size: 11px;
  letter-spacing: 2px;
  font-weight: normal;
  position: relative;
  border-bottom: none;
}
.main-navigation ul ul a:hover {
  color: #ffffff;
}
.main-navigation ul ul li {
  border-bottom: dotted 1px rgba(255, 255, 255, 0.1);
  width: 100%;
}
.main-navigation ul ul li:last-child {
  border-bottom: none;
}
.main-navigation ul li.current-menu-item > a,
.main-navigation ul > li:hover > a {
  color: #33B26E;
  -webkit-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
  border-bottom: solid 3px #33B26E;
}
.main-navigation ul li.current-menu-item > a:before {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #fff;
  content: " ";
  position: absolute;
  bottom: 0;
  margin-left: -5px;
  left: 50%;
  display: none;
}
.main-navigation ul li.current-menu-ancestor:hover a:before {
  border-bottom: 5px solid #333333;
}
.main-navigation ul ul li:hover > a {
  border-bottom: none;
}
.sub-menu li.current-menu-item a {
  border-bottom: none !important;
  color: #fff !important;
  font-weight: normal !important;
}
.sub-menu li.current-menu-item a:hover {
  color: #ffffff !important;
}
.sub-menu li.current-menu-item > a:before {
  display: none;
}
.main-navigation ul li:hover > ul {
  display: block;
}
.main-navigation li.shop-icn {
  border-bottom: 0;
}
.main-navigation li.shop-icn:hover a {
  border-bottom: none;
}
.main-navigation li.shop-icn a {
  color: #252525;
  background: #fff;
  border-radius: 4px;
  padding: 4px 10px 4px 10px;
  border-bottom: none;
  opacity: 1;
  margin-right: 8px;
}
.main-navigation li.shop-icn a:hover {
  border-bottom: none;
  opacity: 0.5;
}
.main-navigation li.shop-icn a:before {
  content: "\f07a";
  font-family: "FontAwesome";
  color: #252525;
  margin-right: 8px;
  font-size: 14px;
  vertical-align: top;
}
/* Small menu */
.menu-toggle {
  float: left;
  width: 75%;
  cursor: pointer;
  color: #fff;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 14px;
  margin: 10px 0 20px 5%;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
}
.menu-toggle i {
  color: #33b26e;
}
.menu-toggle:hover {
  color: #ccc;
  -webkit-transition: 0.07s ease-in;
  -moz-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
}
.main-small-navigation .menu {
  display: none;
  width: 100%;
  float: left;
  border-radius: 3px;
  z-index: 50;
}
.main-small-navigation ul,
.main-small-navigation li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.main-small-navigation li {
  padding: 6px 0;
  border-bottom: dotted 1px #444;
  border-bottom: dotted 1px rgba(255, 255, 255, 0.1);
}
.main-small-navigation li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.main-small-navigation li a {
  color: #7D838B;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.search-toggle-active {
  color: #ffffff !important;
}
.main-small-navigation li a:hover,
.main-small-navigation li.current-menu-item > a {
  color: #ffffff;
}
.main-small-navigation .sub-menu {
  margin-left: 10px !important;
}
.main-small-navigation .sub-menu li {
  border: none;
  margin: 0;
  padding: 2px 0;
}
.main-small-navigation .sub-menu li:before {
  content: "- ";
}
.post-navigation {
  width: 100%;
  float: left;
}
.post-navigation .nav-previous,
.post-navigation .nav-next {
  float: left;
  width: 50%;
}
.post-navigation .nav-next {
  text-align: right;
}
.post-navigation .nav-previous {
  text-align: left;
}
.post-navigation i {
  font-size: 22px;
}
.post-navigation .meta-nav {
  font-weight: bold;
  width: 100%;
  float: left;
  clear: both;
}
/* =Post Detail Tab
----------------------------------------------- */
.post-detail {
  padding: 0 8% 0 0;
  display: inline-block;
  width: 100%;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1.8;
}
.post-detail a {
  border-bottom: none;
  color: #9BA6AD;
}
.post-detail a:hover {
  color: #555;
  border-bottom: dotted 1px #CCC;
}
.post-detail-title {
  display: inline-block;
  font-weight: bold;
}
.secondary-navigation {
  display: none;
}
/* Header Search
----------------------------------------------- */
.menu-search {
  position: relative;
  z-index: 10;
  display: none;
  text-align: right;
  float: right;
  margin-bottom: 0;
  margin-top: 15px;
}
.menu-search-toggle {
  position: absolute;
  right: -25px;
  top: 18px;
  color: #7D838B;
  font-size: 15px;
  display: none;
}
.menu-search-toggle:hover {
  color: #ffffff;
}
.menu-search-toggle .icon-remove {
  display: none;
}
.menu-search input[type="text"] {
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  width: 260px;
  height: 31px;
  margin-right: 15px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  text-transform: uppercase;
  text-align: right;
  letter-spacing: 2px;
  outline: none;
  -webkit-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
  position: relative;
  background: none;
}
.menu-search ::-webkit-input-placeholder {
  color: #7d838b;
}
.menu-search :-moz-placeholder {
  color: #7d838b;
}
.menu-search ::-moz-placeholder {
  color: #7d838b;
}
/* 404 Page
----------------------------------------------- */
.error404 .inside-page {
  padding: 8% 2%;
}
.error404 .hero-title h2 {
  text-align: center;
}
.error404 #content #searchform {
  position: relative;
}
.error404 #content #s {
  width: 100%;
  height: 50px;
  border: none;
  background: #f4f4f4;
  padding: 0 15px;
}
.error404 #content #s:focus {
  background: #eee;
  outline: none;
}
.error404 #content #searchsubmit {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
}
.error404 #secondary {
  display: none;
}
.error404 #primary {
  float: none;
  margin: 0 auto;
  display: block;
  border: none;
}
.error404 #content p {
  text-align: center;
  font-size: 20px;
}
/* Full Width Template
----------------------------------------------- */
.page-template-full-width-php #primary {
  float: none;
  margin: 0 auto;
  display: block;
  width: 100%;
  border: none;
}
.page-template-full-width-php #content {
  max-width: none;
}
/* Content
----------------------------------------------- */
#main {
  position: relative;
  margin: 0 auto;
}
.archive #main,
.search #main,
#page .blocks-page {
  padding: 0;
}
#page {
  margin: 0 auto 0 auto;
  position: relative;
}
.inside-page {
  max-width: 1170px;
  margin: 0 auto;
  padding: 6% 2%;
}
#primary,
#secondary,
footer {
  display: inline-block;
  width: 100%;
}
.hero-title h2 {
  margin: 0;
  font-size: 62px;
  font-weight: 900;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 72px;
  line-height: 1.2;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: -2px;
}
.hero-title h3 {
  font-family: 'Droid Serif', serif;
  color: #fff;
  font-size: 18px;
  margin: 1.6% 0 0 0;
  font-weight: 400;
  font-style: italic;
  text-align: center;
  letter-spacing: 1px;
}
.hero-title .sharedaddy {
  display: none;
}
.entry-content {
  width: 100%;
  font-size: 18px;
  line-height: 30px;
}
.post-excerpt {
  width: 18%;
  margin-right: 5%;
  float: left;
  color: #0e89cf;
  font-size: 20px;
  margin-bottom: 30px;
  font-size: 17px;
  line-height: 28px;
  text-align: right;
}
.post-image {
  width: 100%;
  margin: 0 0 0 0;
  display: inline-block;
  position: relative;
  z-index: 20;
}
.post-image img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
}
.backstretch {
  opacity: .35;
  overflow: hidden;
  filter: gray;
  -webkit-filter: grayscale(100%);
}
.fix-height {
  height: 100% !important;
  -webkit-transition: 0.07s ease-in;
  -moz-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
}
.fix-height img {
  height: 100% !important;
  width: auto !important;
  -webkit-transition: 0.07s ease-in;
  -moz-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
}
.block-quote .featured-image-bg {
  background-attachment: inherit;
}
.single .block-quote .featured-image-bg {
  opacity: 0.07;
}
/* Entry Styling
----------------------------------------------- */
.entry-header .hgroup {
  width: 100%;
  position: relative;
  z-index: 10;
  padding: 0 20px;
}
.entry-header {
  width: 100%;
  float: left;
  text-align: center;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.error404 .entry-header h1 {
  margin-bottom: 2%;
}
.search .entry-header h1 {
  border-bottom: solid 1px #eee;
  padding-bottom: 3%;
}
.entry-author {
  color: #bbbbbb;
}
.entry-excerpt {
  margin: 15px 0 0 0;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 28px;
  color: #888;
}
.entry-excerpt p {
  margin-bottom: 0;
}
#page .blocks-content,
.archive #content,
.search-results #main #content {
  box-shadow: none;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  background: none;
  z-index: auto;
}
#content {
  position: relative;
  z-index: 20;
}
.post-content {
  padding: 0 0 4% 0;
}
.index-post {
  margin-bottom: 8%;
  border-bottom: solid 1px #ebebeb;
}
.index-post:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
#primary {
  float: left;
  width: 64%;
}
.single .post-text,
.page .post-text {
  word-wrap: break-word;
  display: block;
}
/* Archive Styling
----------------------------------------------- */
.archive-title {
  padding: 4% 3% 1% 3%;
  text-align: center;
}
.search-no-results .archive-title {
  padding-bottom: 5%;
}
.archive-title h1 {
  display: inline-block;
  font-weight: bold;
  font-size: 30px;
  line-height: 30px;
  color: #D6D6D6;
  text-transform: uppercase;
  margin: 0 auto;
  border: solid 5px;
  padding: 10px;
}
/* Sidebar Styling
----------------------------------------------- */
#secondary {
  float: right;
  width: 27%;
  font-size: 15px;
  z-index: 20;
  position: relative;
  -webkit-transform: translateZ(0px);
}
#secondary aside {
  position: relative;
  display: inline-block;
  width: 100%;
  float: left;
  padding: 10% 0;
  border-bottom: solid 1px #ebebeb;
}
#secondary aside:first-child {
  padding-top: 0;
}
#secondary aside:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
#secondary img {
  max-width: 100%;
  height: auto;
}
#secondary a {
  color: #9ba6ad;
}
#secondary a:hover {
  color: #33b26e;
}
#secondary p {
  margin-bottom: 5%;
}
#secondary p:last-child {
  margin-bottom: 0;
}
#secondary .widget-title {
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
  margin-bottom: 15px;
}
#secondary .widget ul,
.archive-box ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 1.5;
}
#secondary .widget ul.children,
#secondary .widget ul.sub-menu,
.site-footer .widget ul.children,
.site-footer .widget ul.sub-menu {
  margin: 10px 0 0 10px;
}
#secondary .widget ul li {
  position: relative;
  margin-bottom: 4%;
  padding-bottom: 4%;
}
#secondary .widget ul li:before {
  content: " ";
  width: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: solid 1px #e4e4e4;
}
#secondary .widget ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
#secondary .widget ul li:last-child:before {
  display: none;
}
.site-footer ul.children li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
#secondary .widget ul li:hover:before {
  color: #33b26e;
}
/* Sidebar Twitter Widget
----------------------------------------------- */
#secondary .widget .latest-tweets li {
  border-bottom: solid 1px #ebebeb;
  margin-bottom: 6%;
  padding-bottom: 6%;
}
#secondary .widget .latest-tweets li:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
#secondary .widget .tweet-details {
  font-size: 12px;
  margin-top: 4%;
}
/* Sidebar Gravatar Profile
----------------------------------------------- */
.widget-grofile h4 {
  font-size: 14px;
  margin: 0 0 !important;
}
.grofile-meta h4 {
  margin: 10px 0 !important;
}
/* Sidebar Subscription Form
----------------------------------------------- */
.widget_blog_subscription {
  position: relative;
  background: #383D46;
  color: #999;
  border-bottom: none !important;
}
.widget_blog_subscription h2:before {
  content: "\f003";
  font-family: "FontAwesome";
  color: #fff;
  margin-right: 4px;
  font-size: 12px;
  vertical-align: top;
}
.widget_blog_subscription h2 {
  color: #ffffff;
}
.widget_blog_subscription form {
  position: relative;
}
.widget_blog_subscription p {
  margin-bottom: 8%;
  color: #94A1A8;
}
.widget_blog_subscription form p:last-child {
  margin-bottom: 0 !important;
}
.widget_blog_subscription input[type=text],
.widget_blog_subscription input[type=email] {
  padding: 10px !important;
  border: none;
  border-radius: 0;
}
.widget_blog_subscription input[type=text]:focus,
.widget_blog_subscription input[type=email]:focus {
  outline: none;
  background: #f4f4f4;
}
.widget_blog_subscription input[type="submit"] {
  background: #33B26E;
  color: #fff;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 10px 10px;
  margin: 0 0;
  border: none;
  -webkit-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.widget_blog_subscription input[type="submit"]:hover {
  background: #ADB5BB;
  cursor: pointer;
  -webkit-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
}
/* Sidebar Search
----------------------------------------------- */
#searchform {
  position: relative;
  z-index: 5;
  width: 100%;
}
#searchform input,
#secondary #searchform #searchsubmit {
  height: 38px;
  font-family: "Helvetica Neue", Helvetica, sans-serif;
}
#s {
  width: 100%;
  border: none;
  padding-right: 56px;
  padding-left: 10px;
  background: #f4f4f4;
  border-radius: 2px;
  -webkit-transition: 0.07s ease-in;
  -moz-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
}
#s:focus {
  outline: none;
  border: none;
  background: #eee;
  -webkit-transition: 0.07s ease-in;
  -moz-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
}
#searchsubmit {
  position: absolute;
  z-index: 10;
  right: 0;
  top: 0;
  padding: 0 15px;
  border: none;
  background: #33B26E;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  -webkit-transition: 0.07s ease-in;
  -moz-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
}
#searchsubmit:hover {
  background: #5C6772;
  cursor: pointer;
  -webkit-transition: 0.07s ease-in;
  -moz-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
}
/* =Homepage Blog Posts 
----------------------------------------------- */
.home-posts {
  display: inline-block;
  border-top: solid 1px #eee;
}
.home-posts:before {
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 20;
  left: 50%;
  margin-top: -15px;
  margin-left: -15px;
  content: "\f040";
  font-family: "FontAwesome";
  font-size: 11px;
  line-height: 32px;
  background: #444;
  color: #fff;
  text-align: center;
  border-radius: 50px;
}
.home-posts-lists {
  padding: 7% 0 1% 0;
  display: inline-block;
}
.home-posts-title {
  font-size: 12px;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
  letter-spacing: 2px;
  background: #333;
  padding: 0 10px;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
  display: none;
}
.home-posts-title i {
  color: #aaaaaa;
}
#content .home-posts-list {
  margin: 0;
  padding: 0 12% 3% 12%;
  column-count: 2;
  -moz-column-count: 2;
  /* Firefox */
  -webkit-column-count: 2;
  -moz-column-gap: 40px;
  -webkit-column-gap: 40px;
}
.home-posts-list .home-post {
  width: 100%;
  display: inline-block;
  padding: 0 0 2% 0;
  margin: 0 0 3% 0;
  border-bottom: solid 1px #e9e9e9;
  text-align: center;
}
.home-posts-list .remove-border {
  border-bottom: none;
}
.home-post-date {
  font-size: 11px;
  text-transform: uppercase;
  color: #bbb;
  margin-bottom: 1%;
  letter-spacing: 2px;
}
.home-posts-list h3 {
  font-weight: normal;
  font-size: 24px;
}
.home-posts-list-title {
  width: 100%;
  float: left;
  display: inline-block;
  text-align: center;
  font-weight: normal;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #fff;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
  margin-bottom: 5%;
}
.home-posts-list-title span {
  background: #333;
  padding: 10px 22px;
  position: relative;
}
.home-posts-list-title span:before {
  position: absolute;
  top: -1px;
  left: 0;
  content: " ";
  width: 0;
  height: 0;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 8px solid #fff;
}
.home-posts-list-title span:after {
  position: absolute;
  top: -1px;
  right: -1px;
  content: " ";
  width: 0;
  height: 0;
  border-top: 18px solid transparent;
  border-bottom: 19px solid transparent;
  border-right: 8px solid #fff;
}
.home-posts-list h3 a {
  color: #444444;
}
.home-posts-list h3 a:hover {
  color: #777777;
}
.home-posts-first {
  background: #222;
  float: left;
  width: 100%;
  padding: 7% 8%;
  position: relative;
  border-bottom: solid 1px #eee;
}
.home-posts-first-text {
  margin: 0 auto;
  position: relative;
  z-index: 10;
  width: 75%;
  text-align: center;
}
.home-post-first-date {
  font-size: 11px;
  color: #888;
  margin-bottom: 1%;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.home-post-first-date:before {
  content: "\2014 ";
}
.home-post-first-date:after {
  content: " \2014";
}
.home-posts-first h3 {
  font-size: 52px;
  line-height: 58px;
  margin-bottom: 0;
  font-weight: normal;
}
.home-posts-first h3 a {
  color: #ffffff;
}
.home-posts-first h3 a:hover {
  color: #cccccc;
}
.home-post-first-excerpt {
  font-size: 18px;
  line-height: 26px;
  color: #999;
  margin-top: 3%;
}
.home-posts-first-thumb {
  float: left;
  width: 45%;
  margin-right: 5%;
  position: relative;
  z-index: 10;
}
/* Blog Index Page
----------------------------------------------- */
.post .post-featured-image,
.single .post-featured-image,
.page .post-featured-image {
  border: none;
  margin-bottom: 4%;
  display: inline-block;
}
#content .post-content .post-featured-image {
  background: #9BA6AD;
  overflow: hidden;
  width: 100%;
  max-height: 320px;
  position: relative;
  z-index: -1;
  display: block;
  margin-bottom: -10.5%;
}
#content .post-content .post-featured-image:hover {
  border: none;
}
#content .post-content .post-featured-image img {
  width: 100%;
  height: auto;
  -webkit-transition: 0.15s ease-in;
  -moz-transition: 0.15s ease-in;
  transition: 0.15s ease-in;
}
#content .post-content .post-featured-image:hover img {
  opacity: .5;
  -webkit-transition: 0.15s ease-in;
  -moz-transition: 0.15s ease-in;
  transition: 0.15s ease-in;
  -moz-transform: scale(1.01);
  -webkit-transform: scale(1.01);
  -o-transform: scale(1.01);
}
.single #content .post-content .post-featured-image:hover img {
  opacity: 1;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
}
.post-title {
  font-size: 43px;
  line-height: 1.2;
  font-weight: 900;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.post-title a {
  color: #4A545A;
  border: none;
  -webkit-transition: 0.2s ease-in;
  -moz-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}
.post-title a:hover {
  opacity: .8;
  border: none;
  -webkit-transition: 0.2s ease-in;
  -moz-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}
.post-date,
.post-comments {
  text-transform: uppercase;
  font-size: 14px;
  color: #9BA6AD;
}
.post-meta {
  width: 100%;
  display: inline-block;
  padding-bottom: 3%;
}
.post-meta .post-author {
  float: left;
  margin-right: 1%;
}
.post-meta .post-author img {
  border-radius: 50%;
}
.post-meta a {
  border: none;
  color: #9BA6AD;
}
.post-meta a:hover {
  border-bottom: solid 3px #33B26E;
  color: #4A545A;
}
.post-date {
  float: left;
  padding-top: 5px;
}
.date-sep {
  padding: 0 5px;
}
.blog .post-text,
.archive .post-text {
  background: #fff;
  background: rgba(255, 255, 255, 0.95);
  padding: 3%;
  width: 88%;
  margin-left: 5%;
}
.index-navigation {
  padding: 5% 0 0 0;
  width: 100%;
  display: inline-block;
  border-top: solid 1px #ebebeb;
}
.index-navigation .nav-previous {
  float: left;
}
.index-navigation .nav-next {
  float: right;
}
/* Homepage
----------------------------------------------- */
.section {
  padding: 8% 4%;
}
.featured-content-section {
  padding: 6%;
  background: #f5f5f5;
}
.featured-content-inside {
  max-width: 1440px;
  margin: 0 auto;
}
.featured-content-inside h2 {
  font-size: 28px;
  color: #252525;
  text-transform: uppercase;
  line-height: 1.2;
  font-weight: normal;
}
.page-template-homepage-php .featured-content {
  position: relative;
  width: 100%;
}
.home-content-wrapper {
  padding: 4em 0;
}
.home-content-wrapper > div {
  width: 50%;
  float: left;
}
.home-content-wrapper .home-content-inside {
  padding: 2em 2.5em;
}
.home-content-wrapper .home-content-img {
  text-align: right;
  padding: 2em 0;
}
.home-content-wrapper .home-content-img img {
  float: right;
  width: 50%;
}
.page-template-homepage-php #content .featured-content-slider {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.cta-red {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 20px;
  margin: 3% 0 0 0;
  background: #33B26E;
  color: #fff;
  border-radius: 3px;
  box-shadow: inset 1px 1px rgba(255, 255, 255, 0.15);
  -moz-box-shadow: inset 1px 1px rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: inset 1px 1px rgba(255, 255, 255, 0.15);
  -webkit-transition: 0.2s ease-in;
  -moz-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  display: inline-block;
}
.cta-red:hover {
  -webkit-transition: 0.1s ease-in;
  -moz-transition: 0.1s ease-in;
  transition: 0.1s ease-in;
  background: #84919E;
}
.cta-red i {
  margin-left: 5px;
}
.page-template-homepage-php .featured-item {
  position: relative;
  background: #9BA6AD;
  overflow: hidden;
}
.page-template-homepage-php .featured-item-image img {
  width: 100%;
}
.page-template-homepage-php .featured-item h2 {
  font-weight: 300;
  font-size: 30px;
  line-height: 1.0;
  margin: 0;
  z-index: 20;
  position: absolute;
  top: 45%;
  width: 100%;
  text-align: center;
  -webkit-transition: 0.15s ease-in;
  -moz-transition: 0.15s ease-in;
  transition: 0.15s ease-in;
  display: none;
  pointer-events: none;
}
.page-template-homepage-php .featured-item:hover h2 {
  display: block;
  -webkit-transition: 0.15s ease-in;
  -moz-transition: 0.15s ease-in;
  transition: 0.15s ease-in;
}
.page-template-homepage-php .featured-item h2 a {
  color: #ffffff;
}
.page-template-homepage-php .featured-content-button:hover {
  background: #222222;
}
.page-template-homepage-php .stories-posts {
  display: none;
}
.page-template-homepage-php .stories-post:nth-child(2) {
  display: none;
}
.page-template-homepage-php #main {
  padding: 0;
}
.page-template-homepage-php .inside-page {
  max-width: 100%;
  padding: 0;
}
.page-template-homepage-php #primary {
  width: 100%;
  border-right: none;
}
/* Homepage slider 
----------------------------------------------- */
.page-template-homepage-php .site-header {
  position: absolute;
  background: transparent !important;
  top: 0;
  left: 0;
  width: 100%;
}
#mobile-tagline {
  display: none;
  padding: 3% 0;
}
#mobile-tagline .hero-title {
  margin-top: 0;
  padding: 2% 2%;
}
#slider-img {
  width: 100%;
  position: relative;
  overflow: hidden;
  max-height: 600px;
}
#slider-img li {
  position: relative;
}
#slider-img li img {
  width: 100%;
}
#slider-img .hero-title {
  position: absolute;
  padding: 0 15%;
  top: 35%;
}
#slider-img .hero-title h3 {
  padding: 1% 0;
}
#slider-img .hero-title .devide {
  width: 180px;
  height: 5px;
  background: #fff;
  margin: 2% auto 0;
}
#slider-img .flex-control-nav {
  position: absolute;
  bottom: 2%;
  right: 2%;
  z-index: 20;
}
/* Homepage content 
----------------------------------------------- */
.home-content-wrapper {
  padding: 1em 0;
}
.home-content-wrapper .home-content {
  max-width: 1170px;
  margin: 0 auto;
  padding: 8% 2% 8% 2%;
}
#eModal-1 p,
#eModal-2 p {
  margin-bottom: 0 !important;
  line-height: 0;
}
/* Projects and Education blocks */
.img-blocks {
  width: 100%;
}
.img-blocks > div {
  width: 50%;
  float: left;
  padding: 10% 0 0;
  text-align: center;
  background: #252525;
  background-size: cover;
  min-height: 530px;
  color: #fff;
}
.img-blocks > div h4 {
  color: #fff;
  font-family: 'Droid Serif', Serif;
  font-style: italic;
  font-weight: normal;
  margin-bottom: 0;
  letter-spacing: 1px;
}
.img-blocks > div h2 {
  color: #fff;
  font-family: 'Droid Serif', Serif;
  font-size: 62px;
  font-style: italic;
  line-height: 1;
}
.img-blocks > div ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.img-blocks > div ul li {
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 2;
  font-size: 24px;
  font-weight: 200;
}
.img-blocks > div a {
  color: #fff;
}
.img-blocks > div a:hover {
  border-bottom: 1px solid #fff;
}
.img-blocks .left-block {
  background: url(images/bg-projects.jpg) center center no-repeat;
  background-size: cover;
}
.img-blocks .right-block {
  background: url(images/bg-education.jpg) center center no-repeat;
  background-size: cover;
}
/* ad block */
.ad-block a {
  display: block;
}
.ad-block a img {
  width: 100%;
  height: auto;
}
/* newsletter */
.newsletter {
  max-width: 1170px;
  margin: 0 auto;
  padding: 6% 2% 8% 2%;
  text-align: center;
}
.newsletter h2:before {
  content: "\f003";
  font-family: "FontAwesome";
  color: #789b64;
  font-size: 108px;
  display: block;
  vertical-align: top;
}
.newsletter h2 {
  font-size: 58px;
  color: #252525;
  text-transform: uppercase;
  line-height: 1.2;
}
.newsletter h4 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 1em;
}
.newsletter p {
  width: 60%;
  margin: 0 auto 2em;
}
.newsletter #mc_embed_signup {
  width: 570px;
  margin: 0 auto;
}
.newsletter input[type=text],
.newsletter input[type=email] {
  font-family: 'Droid Serif', Serif;
  font-style: italic;
  height: 70px;
  padding: 0;
  margin-right: -6px;
  padding-left: 20px;
  width: 70%;
  float: left;
  border-radius: 8px 0 0 8px;
}
.newsletter input[type=submit].button {
  height: 70px;
  border-radius: 0 8px 8px 0;
  font-size: 15px;
  font-family: 'Droid Serif', Serif !important;
  font-style: italic;
  letter-spacing: 1px;
  font-weight: normal;
  border: 1px solid #789b64 !important;
  border-radius: 0 8px 8px 0 !important;
  float: left;
  width: 30%;
}
.newsletter input[type=submit].button:hover {
  color: #789b64 !important;
  background: #fff !important;
}
.social-block {
  padding: 6% 0 3%;
}
.social-list {
  list-style: none;
  margin-left: 0;
}
.social-list li {
  display: inline-block;
  margin: 0 2% 2%;
}
.social-icn-large {
  background: url(images/icn-social.png) 0 0 no-repeat;
  display: inline-block;
  text-indent: -9999px;
  width: 93px;
  height: 93px;
  opacity: 1;
  -webkit-transition: all 0.2 ease-in-out;
  -moz-transition: all 0.2 ease-in-out;
  transition: all 0.2 ease-in-out;
  -moz-transform: all 0.2 ease-in-out;
  -webkit-transform: all 0.2 ease-in-out;
  -o-transform: all 0.2 ease-in-out;
}
.social-icn-large.icn-instagram {
  background-position: 0 0;
}
.social-icn-large.icn-facebook {
  background-position: -138px 0;
}
.social-icn-large.icn-twitter {
  background-position: -276px 0;
}
.social-icn-large.icn-vimeo {
  background-position: -414px 0;
}
.social-icn-large:hover {
  opacity: 0.7;
}
.social-icn-small {
  background: url(images/icn-social.png) -536px 3px no-repeat;
  display: inline-block;
  text-indent: -9999px;
  width: 38px;
  height: 38px;
  opacity: 1;
  -webkit-transition: all 0.2 ease-in-out;
  -moz-transition: all 0.2 ease-in-out;
  transition: all 0.2 ease-in-out;
  -moz-transform: all 0.2 ease-in-out;
  -webkit-transform: all 0.2 ease-in-out;
  -o-transform: all 0.2 ease-in-out;
}
.social-icn-small.icn-instagram {
  background-position: -536px 1px;
}
.social-icn-small.icn-facebook {
  background-position: -591px 1px;
}
.social-icn-small.icn-twitter {
  background-position: -647px 1px;
}
.social-icn-small.icn-vimeo {
  background-position: -702px 1px;
}
.social-icn-small:hover {
  opacity: 0.7;
}
/* Blog Section */
.blog-section {
  background: #efefef;
  width: 100%;
}
.blog-section-inside {
  max-width: 1170px;
  margin: 0 auto;
  padding: 8% 2% 8% 2%;
}
.blog-left {
  width: 34%;
  float: left;
}
.blog-left h2,
.blog-right h2 {
  font-weight: 300;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
  line-height: 1;
}
.blog-left h2 {
  font-size: 58px;
  font-weight: bold;
  color: #252525;
  text-transform: uppercase;
  margin-bottom: .5em;
}
.blog-right h2 {
  font-size: 30px;
}
.blog-left h2 a,
.blog-right h2 a {
  color: #4a545a;
}
.blog-left h2 a:hover,
.blog-right h2 a:hover {
  color: #66757e;
}
.blog-left-date,
.blog-right-date {
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  color: #9BA6AD;
  font-weight: 400;
}
.blog-left-date a:hover,
.blog-right-date a:hover {
  color: #4a545a;
}
.blog-left-excerpt {
  font-size: 22px;
  font-weight: 300;
  padding: 4% 10% 0 0;
  color: #9BA6AD;
}
.blog-right {
  float: right;
  width: 64%;
  padding-left: 4%;
}
.blog-right .featured-thumb {
  float: left;
  width: 20%;
}
.blog-right .featured-thumb img {
  border-radius: 50%;
  overflow: hidden;
}
.blog-right-content {
  float: left;
  width: 76%;
  padding-left: 4%;
}
.blog-right .more-link {
  border-bottom: solid 3px #33B26E;
  color: #4A545A;
  display: inline-block;
  font-size: 14px;
}
.blog-right-date {
  font-size: 12px;
}
#content .blog-right ul {
  margin: 0;
}
.blog-right ul li {
  list-style-type: none;
  border-bottom: solid 1px #ebebeb;
  margin-bottom: 5%;
  padding-bottom: 5%;
}
.blog-right ul li:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}
/* Services Section */
.services-section {
  display: inline-block;
  width: 100%;
  background: #f7f7f7;
  padding-bottom: 4%;
  display: none;
}
.services-section-inside {
  max-width: 1170px;
  margin: 0 auto;
}
.services-section aside {
  float: left;
  width: 33%;
  margin: 0 0 7% 0;
  padding: 0 5%;
  text-align: center;
  font-size: 16px;
}
.services-section .no-right-margin {
  margin-right: 0;
}
.services-section aside .widget-title {
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  line-height: 1.3;
  padding-bottom: 2.5%;
  margin-bottom: 6%;
}
.services-section aside .widget-title:after {
  position: absolute;
  bottom: -8px;
  left: 50%;
  margin-left: -25px;
  content: "";
  height: 2px;
  width: 50px;
  background: #ddd;
}
.services-section .widget_text i {
  background: #33B26E;
  color: #fff;
  height: 60px;
  width: 60px;
  text-align: center;
  font-size: 30px;
  line-height: 62px;
  display: inline-block;
  float: right;
  margin: 0 0 5% 5%;
  border-radius: 100px;
  display: none;
}
/* Testimonials Section */
.testimonial-section {
  background: #828992;
  color: #fff;
  padding: 3% 4% 4% 4%;
  display: none;
}
.testimonial-section-inside {
  max-width: 1170px;
  margin: 0 auto;
  position: relative;
  padding-right: 4%;
}
.testimonial-text {
  width: 75%;
  margin: 0 auto;
  font-weight: 300;
  font-size: 20px;
  color: #C2C6CC;
  text-align: center;
}
.testimonial-text .icon-quote-right {
  color: #fff;
  font-size: 16px;
  display: inline-block;
  margin-bottom: 2%;
}
.testimonial-cite {
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 4px;
  margin-top: 3%;
  display: inline-block;
}
.testimonial-avatar {
  float: right;
  margin-left: 4%;
  background: #BECDE0;
  border-radius: 100px;
  display: none;
}
.testimonial-avatar img {
  border-radius: 100px;
  height: auto;
  width: 65px;
  opacity: .65;
  filter: gray;
  -webkit-filter: grayscale(100%);
}
/* Stories Column Page Template
----------------------------------------------- */
.stories-column {
  margin-bottom: 7%;
  padding-bottom: 7%;
  border-bottom: solid 1px #ebebeb;
}
.stories-column:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.stories-columns .stories-featured-image {
  float: right;
  width: 68%;
}
.stories-columns .stories-featured-image span {
  background: #9BA6AD;
  display: inline-block;
  overflow: hidden;
}
.stories-columns .stories-featured-image img:hover {
  opacity: .5;
  -webkit-transition: 0.15s ease-in;
  -moz-transition: 0.15s ease-in;
  transition: 0.15s ease-in;
  -moz-transform: scale(1.01);
  -webkit-transform: scale(1.01);
  -o-transform: scale(1.01);
}
.stories-columns .stories-column-text {
  float: left;
  width: 25%;
  font-size: 16px;
}
.stories-columns .stories-column-text h2 {
  position: relative;
  font-weight: 400;
  font-size: 32px;
  line-height: 1.3;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.stories-columns .stories-column-text h2:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: solid 1px #e8e8e8;
  width: 40px;
}
.stories-columns .stories-column-text h2 a {
  color: #4a545a;
}
.stories-columns .stories-column-text h2 a:hover {
  opacity: 0.8;
}
.stories-columns .stories-column-text-excerpt {
  padding-bottom: 4%;
}
/* Stories Page Template
----------------------------------------------- */
.stories-columns #primary,
.stories-columns #primary {
  width: 100%;
  border: none;
}
.stories-columns #main {
  padding: 0;
}
.stories-columns .inside-page {
  max-width: 1440px;
  padding: 7% 4% 7% 4%;
}
.stories-post {
  display: inline-block;
  width: 33%;
  overflow: hidden;
  margin: 0 0 3% 0;
  padding: 0 2%;
  float: left;
}
.stories-block {
  display: inline-block;
  position: relative;
  max-height: 362px;
  overflow: hidden;
  background: #2C3035;
}
.stories-featured-image {
  width: 100%;
  margin-bottom: 0;
}
.stories-featured-image img {
  display: block;
  -webkit-transition: 0.15s ease-in;
  -moz-transition: 0.15s ease-in;
  transition: 0.15s ease-in;
}
.stories-post:hover .stories-featured-image img {
  opacity: .07;
  -moz-transform: scale(1.04);
  -webkit-transform: scale(1.04);
  -o-transform: scale(1.04);
  -webkit-transition: 0.15s ease-in;
  -moz-transition: 0.15s ease-in;
  transition: 0.15s ease-in;
  filter: gray;
  -webkit-filter: grayscale(100%);
}
.stories-post .stories-text-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  pointer-events: none;
}
.stories-text {
  visibility: hidden;
}
.stories-post:hover .stories-text {
  visibility: visible;
}
.stories-text-wrap .stories-post-title {
  text-align: center;
  font-weight: 300;
  font-size: 28px;
  line-height: 1.2;
  padding: 0 14%;
  margin-bottom: 2.5%;
  display: inline-block;
}
.stories-text-wrap .stories-post-title a {
  border: none;
  color: #fff;
}
.stories-date {
  text-transform: uppercase;
  color: #6B7880;
  font-size: 13px;
  letter-spacing: 2px;
  display: none;
}
.stories-date:hover {
  background-size: #333333;
}
.stories-columns .index-navigation {
  padding-right: 0;
  padding-left: 0;
}
.stories-post .index-navigation {
  padding-bottom: 3%;
}
.stories-posts .site-navigation {
  margin: 0 auto;
  max-width: 1170px;
}
#secondary aside:after {
  display: none;
}
/* Stories Single Page
----------------------------------------------- */
.stories-single #primary {
  float: right;
  width: 68%;
}
.stories-item {
  margin-bottom: 6%;
}
.stories-item:last-child {
  margin-bottom: 0;
}
.stories-item a {
  border: none;
}
.stories-single #secondary {
  font-size: 16px;
  float: left;
}
.stories-single #secondary aside {
  border-bottom: none;
  padding: 0;
  display: inline-block;
}
.stories-single #secondary p {
  margin-bottom: 8%;
}
.stories-single #secondary .edit-link {
  margin-bottom: 10%;
  display: inline-block;
}
.stories-single #secondary aside.stories-nav {
  margin: 2% 0 5% 0;
}
.stories-navigation {
  text-align: center;
  width: 100%;
  background: #f7f7f7;
  padding: 10px 0;
}
.port-archive,
.port-next,
.port-previous {
  display: inline-block;
  width: 33%;
  float: left;
}
#secondary .stories-nav a {
  display: inline-block;
  text-align: center;
  line-height: 20px;
  color: #4A545A;
}
#secondary .stories-nav a:hover {
  color: #33b26e;
}
.inactive-icon {
  color: #dddddd;
}
.port-archive {
  border-right: solid 1px #ebebeb;
  border-left: solid 1px #ebebeb;
}
.port-previous,
.port-next {
  font-size: 14px;
}
.stories-single .post-content {
  padding-bottom: 0;
  border-bottom: none;
  padding: 0;
}
.stories-single .comments-section {
  display: none;
}
.stories-single #secondary .gallery,
.stories-single #secondary .fluid-width-video-wrapper {
  display: none;
}
.stories-single #primary .gallery {
  margin-bottom: 5%;
  display: inline-block;
}
.stories-single #primary .gallery:last-child {
  margin-bottom: 0;
}
.stories-single .gallery br {
  display: none;
}
.gallery-icon a {
  margin: 0 5%;
  display: inline-block;
  border-bottom: none;
}
.gallery-icon a:hover {
  border-bottom: none;
}
#main .gallery img {
  border: none;
  padding: 0 10%;
  padding: 8%;
  border: solid 1px #eee;
}
#content .stories-gallery .gallery-item {
  width: 100%;
  margin-top: 0;
  margin-bottom: 5%;
}
#content .stories-gallery .gallery-item img {
  padding: 0;
  border: none;
}
#content .stories-gallery .last-stories-item {
  margin-bottom: 0;
}
#content .stories-gallery .gallery-item a {
  display: inline-block;
  background: #9BA6AD;
  border-bottom: none;
  -webkit-transition: 0.15s ease-in;
  -moz-transition: 0.15s ease-in;
  transition: 0.15s ease-in;
  overflow: hidden;
  margin: 0;
}
#content .stories-gallery .gallery-item a:hover img {
  opacity: .5;
  -webkit-transition: 0.15s ease-in;
  -moz-transition: 0.15s ease-in;
  transition: 0.15s ease-in;
  -moz-transform: scale(1.01);
  -webkit-transform: scale(1.01);
  -o-transform: scale(1.01);
}
.stories-single .fluid-width-video-wrapper {
  margin-bottom: 5%;
}
/* =Content
----------------------------------------------- */
.entry-meta {
  clear: both;
}
.byline {
  display: none;
}
.single .byline,
.group-blog .byline {
  display: inline;
}
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}
#content .edit-link a,
#secondary .edit-link a,
.post-content .more-link,
.stories-column-text .more-link,
.index-navigation a {
  color: #4A545A;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1px;
  border-bottom: solid 3px #33B26E;
  padding-bottom: 1px;
  -webkit-transition: 0.07s ease-in;
  -moz-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
}
#content .edit-link {
  margin-bottom: 4%;
  display: inline-block;
}
#content .edit-link a:hover,
#secondary .edit-link a:hover,
.post-content .more-link:hover,
.stories-column-text .more-link:hover,
.index-navigation a:hover {
  color: #4A545A;
  border-bottom: solid 3px #9BA6AD !important;
  -webkit-transition: 0.07s ease-in;
  -moz-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
}
#content .edit-link i,
#secondary .edit-link i {
  font-size: 12px;
  margin-right: 3px;
}
.page-links {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 4px;
  width: 100%;
  border-top: dotted 1px #DDD;
  display: inline-block;
  padding-top: 3%;
}
.page-links a {
  padding: 5px 5px 5px 8px;
  background: #33B26E;
  color: #fff;
  text-align: center;
}
.page-links a:hover {
  background: #555555;
}
/* =Comments
----------------------------------------------- */
#comments {
  border-top: solid 1px #ebebeb;
}
.stories-single #comments {
  border-top: none;
}
#comments .comments {
  background: #fff;
  float: left;
  width: 100%;
}
#comments-title {
  padding: 3% 0;
  margin: 0;
  text-align: left;
  width: 100%;
  font-weight: 500;
}
.single-okay-stories #comments-title {
  border-top: none;
}
#comments-title span {
  text-align: right;
  float: right;
}
#comments #respond {
  padding: 4% 8% 2% 0;
  display: inline-block;
}
.page-template-full-width-php #comments #respond {
  padding: 4% 0 0 0;
}
.page-template-full-width-php .single-tab {
  margin-top: 3%;
}
#comments .commentlist #respond {
  padding: 0 10% 0 10%;
  margin-top: 5%;
  border-top: solid 1px #ebebeb;
}
#reply-title {
  margin: 0;
  width: 100%;
  font-size: 28px;
  font-weight: 500;
}
#comments .commentlist #reply-title {
  padding-top: 3%;
  margin-top: 3%;
}
#respond label {
  padding-bottom: 4px;
}
#respond .comment-subscription-form {
  margin-bottom: 5px;
}
#respond .comment-subscription-form label {
  text-transform: none;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0;
}
#respond p {
  position: relative;
}
#respond .required {
  color: #33b26e;
}
#respond p {
  margin-bottom: 15px;
}
#commentform p {
  width: 100%;
}
#comments .form-submit {
  margin: 10px 0 0 0 !important;
}
#respond input[type="text"],
#respond input[type="email"],
#respond textarea {
  color: #777;
  border: none;
  background: #f1f1f1;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
  width: 100%;
  padding: 10px;
  -webkit-appearance: none;
  border-radius: 3px;
  -webkit-transition: 0.07s ease-in;
  -moz-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
}
#respond .comment-form-comment {
  width: 100%;
  display: inline-block;
}
#respond input:focus,
#respond input[type="email"]:focus,
#respond textarea:focus {
  outline: none;
  border: none;
  background: #ececec;
  color: #666;
}
#respond textarea {
  line-height: 22px;
  width: 100%;
  line-height: 1.4;
}
#commentform #submit {
  background: #33B26E;
  color: #fff;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 10px 20px;
  margin: 0 0 25px 0;
  border: none;
  -webkit-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
  -webkit-appearance: none;
  border-radius: 2px;
}
#commentform #submit:hover {
  background: #5C6772;
  cursor: pointer;
  -webkit-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
}
.form-allowed-tags {
  font-size: 12px;
  line-height: 20px;
  color: #999;
  float: left;
  margin: 10px 0 25px 0;
  width: 100% !important;
  display: none;
}
#comments .commentlist {
  list-style-type: none;
  counter-reset: li;
  margin: 0;
}
#comments .commentlist li {
  float: left;
  width: 100%;
  padding: 6% 0;
  margin: 0;
  border-bottom: solid 1px #ebebeb;
  position: relative;
  list-style: none;
}
#comments .commentlist > li:first-child {
  border-top: solid 1px #ebebeb;
}
#comments .commentlist .children {
  margin: 5% 0 0 0;
  padding: 0 0 0 0;
  border-top: solid 1px #ebebeb;
}
#comments .commentlist .children li {
  padding-left: 5%;
}
#comments .commentlist .children li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
#comments .comment-block {
  padding: 0;
  position: relative;
}
#comments .comment-edit-link {
  color: #cccccc;
}
#comments .comment-edit-link:hover {
  color: #33b26e;
}
#comments .comment-edit-link i {
  font-size: 11px;
  margin-left: 5px;
  vertical-align: middle;
}
#comments .comment-text {
  position: relative;
  display: inline-block;
  width: 88%;
  float: left;
  padding-top: 2px;
}
#comments .comment-reply-link {
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}
#comments .comment-reply-link:hover {
  color: #4a545a;
}
#cancel-comment-reply-link {
  font-size: 12px;
  text-transform: uppercase;
  margin-left: 8px;
}
#cancel-comment-reply-link:before {
  content: "\f057";
  font-family: "FontAwesome";
  margin-right: 3px;
}
#cancel-comment-reply-link:hover {
  color: #4A545A;
  -webkit-transition: 0.07s ease-in;
  -moz-transition: 0.07s ease-in;
  -o-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
}
#cancel-comment-reply-link i {
  font-size: 18px;
  color: #f74f4f;
}
#cancel-comment-reply-link i:hover {
  color: #555;
  cursor: pointer;
}
#comments .logged-in-as {
  float: left;
  color: #bbb;
  margin-bottom: 5%;
}
#comments .commentlist .logged-in-as {
  padding-bottom: 3%;
  margin-bottom: 4%;
}
#comments .logged-in-as a {
  color: #777777;
}
#comments .logged-in-as a:hover {
  color: #555555;
}
#comments .comment-notes,
#comments .logged-in-as {
  width: 100%;
  color: #bbb;
}
#comments .commentlist .comment-notes {
  padding-bottom: 3%;
  margin-bottom: 20px !important;
  border-bottom: none;
}
#comments .commentlist #respond .comment-notes {
  font-size: 15px;
}
#comments .comment-notes .required {
  position: relative !important;
  top: auto !important;
  right: auto !important;
}
#comments .comment-awaiting-moderation {
  background: #8ACF9B;
  width: 100%;
  display: inline-block;
  padding: 20px;
  text-align: center;
  font-style: normal;
  font-size: 14px;
  margin-top: 15px;
  color: #FFF;
}
#comments .comment-awaiting-moderation:before {
  content: "\f058";
  font-family: "FontAwesome";
  margin-right: 10px;
}
#comments .vcard-wrap {
  width: 100%;
  display: inline-block;
}
#comments .vcard {
  display: inline-block;
  width: 7%;
  float: left;
  margin-right: 3%;
}
#comments .vcard img {
  float: left;
  width: 40px;
  border-radius: 2px;
}
#comments .fn {
  float: left;
  font-style: normal;
  font-size: 18px;
  line-height: 16px;
  margin-top: 0;
  width: 100%;
}
#comments .fn a {
  color: #555555;
}
#comments .fn a:hover {
  background: none;
  color: #777;
}
#comments .comment-info {
  display: inline-block;
  position: relative;
  width: 100%;
}
#comments .comment-meta {
  float: left;
  line-height: 11px;
  width: 100%;
  margin-bottom: 4%;
}
#comments .comment-time a {
  font-size: 13px;
  color: #CCC;
  display: inline-block;
  padding-top: 10px;
}
#comments .comment-time a:hover {
  color: #555555;
}
#comments .comment-time:hover {
  color: #999999;
}
#comment-nav-below {
  display: inline-block;
  width: 100%;
  padding: 2.5% 0 4% 0;
}
#comment-nav-below a {
  background: #33B26E;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 5px 10px;
}
#comment-nav-below a:hover {
  background: #555555;
}
#comment-nav-below .nav-previous {
  float: left;
}
#comment-nav-below .nav-next {
  float: right;
}
.no-comments {
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 16px;
  margin-top: 5%;
  width: 100%;
  display: inline-block;
}
.attachment #nav-below {
  width: 100%;
  display: inline-block;
  background: #f7f7f7;
  margin-bottom: 15px;
}
.attachment #nav-below a {
  font-weight: bold;
  color: #999;
}
.attachment #nav-below a:hover {
  color: #555555;
}
.attachment #nav-below .nav-previous,
.attachment #nav-below .nav-next {
  width: 50%;
  display: inline-block;
  float: left;
  padding: 10px;
}
.attachment #nav-below .nav-next {
  border-left: solid 1px #eeeeee;
}
/* Footer
----------------------------------------------- */
.site-footer {
  position: relative;
  z-index: 10;
  width: 100%;
  display: block;
  margin: 0 0 0 0;
  padding: 4% 0 3% 0;
  background: #333333 !important;
  font-size: 15px;
  color: #7D838B;
}
.site-footer-inside {
  margin: 0 auto;
  max-width: 1170px;
  padding: 0 2%;
}
.site-footer .copyright a {
  color: #7d838b;
}
.menu-footer-menu-container {
  display: inline-block;
}
.menu-footer-menu-container ul {
  margin-left: 0;
}
.menu-footer-menu-container ul li {
  display: inline-block;
  margin-right: 5px;
}
.menu-footer-menu-container ul li a {
  text-decoration: underline;
}
.site-footer .copyright a:hover {
  color: #ffffff;
}
.site-footer .copyright {
  float: left;
  font-size: 14px;
}
.site-footer .sep {
  margin: 0 5px;
}
.site-info {
  display: inline-block;
  margin: 0 auto;
}
.footer-widgets {
  width: 100%;
  display: inline-block;
  margin-bottom: 6%;
}
.footer-widgets a {
  color: #fff;
  color: rgba(255, 255, 255, 0.75);
}
.footer-widgets a:hover {
  color: #ffffff;
}
.footer-widget {
  float: left;
  width: 29%;
  margin-right: 6%;
}
.footer-widget:last-child {
  margin-right: 0;
}
.footer-widgets aside {
  margin-bottom: 8%;
  display: inline-block;
  width: 100%;
}
.footer-widgets aside .widget-title {
  position: relative;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 500;
  margin-bottom: 10%;
}
.footer-widgets aside ul {
  margin: 0;
}
.footer-widgets aside ul.sub-menu {
  margin: 4% 0 0 20px;
}
.footer-widgets aside ul.sub-menu li:last-child {
  margin-bottom: 0;
  padding-bottom: 2%;
  border-bottom: none;
}
.footer-widgets aside li {
  list-style-type: none;
  margin-bottom: 4%;
  padding-bottom: 4%;
  border-bottom: dotted 1px rgba(255, 255, 255, 0.15);
}
/* Sharing
----------------------------------------------- */
#content div.sharedaddy div.sd-block,
#content div.sharedaddy div.sd-sharing-enabled {
  background: #f7f7f7;
  padding: 3% 3% 2.6% 3%;
  margin-bottom: 4%;
  border-top: none;
}
.icons {
  float: right;
  text-align: right;
}
.icons a {
  display: inline-block;
  color: #7D838B;
  padding: 0 3px;
  font-size: 20px;
}
.icons a:hover {
  color: #ffffff;
}
/* =Asides
----------------------------------------------- */
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}
/* =Media
----------------------------------------------- */
.site-header img,
.entry-content img,
.comment-content img,
.widget img,
#content img,
#primary img {
  max-width: 100%;
  /* Fluid images for posts, comments, and widgets */
  height: auto;
  display: block;
}
.panel-grid-cell .widget img {
  width: 100%;
}
#content img a,
#content img a:hover {
  border: none;
}
.site-header img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {
  height: auto;
  /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
img.size-full {
  max-width: 100%;
  width: auto;
  /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.wp-caption {
  border: 1px solid #eee;
  padding: 2%;
  padding-bottom: 0;
  max-width: 100%;
}
.site-footer .wp-caption {
  border: 1px solid #4c5763;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
  margin-bottom: 2%;
}
.wp-caption img {
  display: block;
  margin: 0 auto 0;
  max-width: 98%;
}
.wp-caption-text {
  text-align: center;
}
#content .wp-caption .wp-caption-text {
  margin: 0.8075em 0;
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 18px;
}
.site-content .gallery {
  margin-bottom: 1.5em;
}
.site-content .gallery a img {
  border: none;
  height: auto;
  max-width: 90%;
}
.site-content .gallery dd {
  margin: 0;
}
#content .gallery dl {
  margin-bottom: 0;
}
/* =Comment Tabs
----------------------------------------------- */
#single-tabs {
  margin: 2% 0 0 0;
  float: left;
  width: 100%;
}
#single-tabs .single-tab-nav {
  width: 100%;
  margin: 0;
  float: left;
  display: inline-block;
  border-bottom: solid 1px #ebebeb;
  text-align: center;
}
#single-tabs .single-tab-nav li {
  display: inline-block;
  border: solid 1px #ebebeb;
  border-bottom: none;
  margin-bottom: -1px;
  margin-right: 10px;
  padding: 1.5% 3% 2.1% 2.5%;
}
#single-tabs .single-tab-nav li a {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  color: #ADB5BB;
}
#single-tabs .single-tab-nav li a:hover {
  color: #555555;
}
#single-tabs .single-tab-nav li.active {
  background: #ffffff;
}
#single-tabs .single-tab-nav li.active a {
  color: #555555;
}
#single-tabs .single-tab-nav li.active i,
#single-tabs .single-tab-nav li a:hover i {
  color: #33B26E;
  -webkit-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
}
.post-tab {
  float: left;
  width: 100%;
}
#wpstats {
  display: none !important;
}
/* =Author Tab
----------------------------------------------- */
#author-info {
  position: relative;
  display: inline-block;
  padding: 5.5% 0;
  border-bottom: solid 1px #ebebeb;
}
#author-avatar {
  float: right;
  width: 100px;
  margin-left: 40px;
}
#author-info .avatar:hover {
  border: none !important;
  background: none !important;
  cursor: pointer;
}
#author-info .grav-grav img {
  width: 100px;
  height: auto;
}
.grav-hijack,
.grav-hijack:hover {
  border: none !important;
  background: none !important;
  height: auto !important;
  margin: 0 !important;
}
.gcard {
  margin: 11px 0 0 -4px !important;
}
.author-profile {
  border-bottom: solid 1px #ebebeb;
  padding: 0 8% 4% 0;
  margin-bottom: 4%;
}
#author-description {
  width: 100%;
}
#author-description h2 {
  clear: none;
  margin-bottom: 10px;
  font-size: 22px;
  letter-spacing: 0;
}
.author-posts {
  padding: 0 8% 0 0;
}
#content .author-posts ul,
.author-posts li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.author-posts li {
  width: 100%;
  display: inline-block;
  border-bottom: solid 1px #ebebeb;
  margin-bottom: 2%;
  padding-bottom: 2%;
}
.author-posts li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.author-posts li a {
  color: #555555;
}
.author-posts li a:hover {
  color: #33b26e;
}
.author-posts li span {
  display: inline-block;
  font-size: 10px;
  line-height: 20px;
  vertical-align: middle;
  text-transform: uppercase;
  background: #33B26E;
  padding: 0 4px;
  margin: 0 8px 5px 0;
  color: #fff;
  border-radius: 3px;
}
/* =Contact Form
----------------------------------------------- */
.contact-form input[type='text'],
.contact-form input[type='email'],
.contact-form textarea,
#content input[type='password'] {
  width: 100% !important;
  max-width: 100% !important;
  padding: 10px;
  margin-bottom: 16px !important;
  border-radius: 3px;
  border: none;
  background: #f3f3f3;
  -webkit-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
}
.contact-form input[type='text']:focus,
.contact-form input[type='email']:focus,
.contact-form textarea:focus,
#content input[type='password']:focus {
  outline: none;
  background: #ececec;
  color: #666;
  -webkit-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
}
.contact-form label,
#content label {
  padding-bottom: 4px;
  font-weight: normal;
  display: inline-block;
}
.contact-form label.radio {
  padding-bottom: 0;
}
.contact-submit {
  margin-top: 1.5%;
}
.contact-form input[type='submit'],
#content input[type='submit'] {
  background: #33B26E;
  color: #fff;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 10px 20px;
  border: none;
  -webkit-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
  -webkit-appearance: none;
  border-radius: 3px;
}
.contact-form input[type='submit']:hover,
#content input[type='submit']:hover {
  background: #5C6772;
  cursor: pointer;
  -webkit-transition: 0.07s ease-in;
  transition: 0.07s ease-in;
}
/* =Widgets
----------------------------------------------- */
/* Recent Comments*/
.widget_recent_comments td {
  vertical-align: middle;
  padding: 8px 0 4px 0;
}
.widget_black-studio-tinymce .widget-title {
  font-size: 58px;
  color: #252525;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: .5em;
}
/* =Calendar Styling
----------------------------------------------- */
#calendar_wrap {
  background: #fff;
  border-right: none;
  border-bottom: none;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 2px -1px;
  -moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 2px -1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 2px -1px;
}
#wp-calendar {
  margin: 0;
  max-width: 100%;
}
#wp-calendar caption {
  text-align: center;
  background: #f7f7f7;
  padding: 5px 10px;
  font-weight: bold;
}
#wp-calendar tr th,
#wp-calendar tr td {
  text-align: center;
}
#wp-calendar tr th {
  background: #33B26E;
  color: #fff;
  margin: -10px -10px 10px -10px;
  font-size: 11px;
  font-weight: bold;
}
#wp-calendar tbody tr td {
  padding: 2px 0;
  border-right: solid 1px #f3f3f3;
  border-top: solid 1px #f3f3f3;
}
#wp-calendar tbody tr td:hover {
  box-shadow: inset rgba(0, 0, 0, 0.1) 0px 0px 5px;
  -moz-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 0px 5px;
  -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0px 0px 5px;
  cursor: pointer;
}
#wp-calendar tfoot td {
  border-top: solid 1px #f3f3f3;
  border-right: solid 1px #eee;
  padding: 7px 0 5px 0;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
}
/* =RSS Styling
----------------------------------------------- */
.widget_rss .rsswidget {
  color: #555555;
}
.widget_rss ul .rsswidget {
  color: #555555 !important;
}
.widget_rss ul .rsswidget:hover {
  color: #aaaaaa !important;
}
.widget_rss .rsswidget {
  font-weight: bold;
}
.widget_rss li {
  margin: 0 0 20px 0 !important;
  padding: 0 0 20px 0 !important;
  list-style-type: none !important;
  border-bottom: solid 1px #eee;
}
.widget_rss li:last-child {
  border-bottom: none;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.widget_rss li:before {
  display: none;
}
.widget_rss .rss-date {
  float: left;
  width: 100%;
  font-size: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 10px 0;
  color: #bbb;
}
.widget_rss li cite {
  margin-top: 10px;
  display: inline-block;
}
.widget-title .rsswidget img {
  display: none;
}
.widget-title .rsswidget {
  color: #4a545a !important;
}
.site-footer .widget-title .rsswidget {
  color: #ffffff !important;
}
.site-footer .widget_rss ul .rsswidget {
  color: #fff !important;
  color: rgba(255, 255, 255, 0.75) !important;
}
.site-footer .widget_rss ul .rsswidget:hover {
  color: #ffffff !important;
}
/* =Widget Text
----------------------------------------------- */
.textwidget {
  word-break: break-word;
}
.textwidget h4 {
  font-weight: normal;
  text-transform: uppercase;
  color: #789b64;
}
.textwidget .reversed {
  background: #252525;
  color: #fff;
  padding: 8% 2% 3%;
  text-align: center;
  background-size: cover;
}
.textwidget .reversed a {
  color: #fff;
}
/* =Tag Cloud
----------------------------------------------- */
#secondary .tagcloud a,
.site-footer .tagcloud a {
  background: #9CABB9;
  color: #fff;
  float: left;
  font-size: 13px !important;
  text-transform: uppercase;
  font-weight: 400;
  padding: 2px 10px;
  margin: 0 5px 5px 0;
  position: relative;
  border-radius: 2px;
}
#secondary .tagcloud a:hover,
.site-footer .tagcloud a:hover {
  background: #8E9CAA;
  color: #fff;
}
/* =Widget Archive
----------------------------------------------- */
.widget select,
.widget_archive select,
.widget_categories select {
  width: 100%;
}
/* =Instagram Styling
----------------------------------------------- */
.wpcom-instagram-columns-3 img {
  max-width: 31% !important;
}
/* =HTML Formatting
----------------------------------------------- */
/* Tables */
#content table {
  border: dotted 1px #e7e7e7;
  padding: 1% 3%;
}
#content table td,
#content table th {
  padding: 10px;
}
#content table td {
  border-bottom: solid 1px #f7f7f7;
}
#content table tr:last-child td {
  border-bottom: none;
}
#content table tr.odd {
  background: #f7f7f7;
}
/* Blockquotes and Type Styles */
#content .post-text blockquote {
  position: relative;
  padding: 3% 0 3.5% 12%;
  margin-bottom: 1%;
  border-top: solid 8px #DFE7EC;
}
#content .post-text blockquote blockquote {
  margin-bottom: 0;
}
#content .post-text blockquote blockquote:last-child {
  padding-bottom: 0;
}
#content .block .post-text blockquote {
  margin-bottom: 10%;
}
#content .post-text blockquote p {
  text-align: right;
  position: relative;
  z-index: 10;
  font-size: 20px;
  line-height: 30px;
  color: #9BA6AD;
}
#content .post-text blockquote cite {
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  text-transform: uppercase;
  width: 100%;
  display: block;
  margin-top: 15px;
  color: #999;
  text-align: right;
  padding-right: 5%;
}
.pull-right,
.pull-left {
  width: 30%;
  font-weight: 400;
  line-height: 30px;
  font-size: 20px;
  border-top: solid 8px #DFE7EC;
  font-family: 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
  color: #9BA6AD;
}
.pull-right {
  float: right;
  margin: 1% 0 3% 3%;
  padding: 2% 0 0 2%;
  text-align: right;
}
.pull-left {
  float: left;
  margin: 1% 5% 3% 0;
  padding: 2% 2% 0 0;
  text-align: left;
}
/* Definitions */
#content .post-content dl {
  margin-bottom: 4%;
}
/* Lists */
#content .post-content ul,
#content .post-content ol {
  margin: 0 0 4% 0;
  background: #f7f7f7;
  padding: 5% 5% 3% 8%;
  font-size: 16px;
}
#content .post-content ol {
  margin-left: 25px;
}
#content .post-content ul ul,
#content .post-content ul ol,
#content .post-content ol ul,
#content .post-content ol ol {
  padding: 0 0 0 8%;
  margin: 1.5% 0 0 0;
}
#content .post-content ul {
  list-style-type: square;
}
#content .post-content ul li {
  margin-bottom: 2%;
}
/* Code */
#content code,
#content kbd {
  background: #f7f7f7;
  padding: 0 4px;
}
/* Address */
#content address {
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
  padding: 2% 0;
}
/* Twitter Cards */
.twitter-tweet {
  margin: 0 auto 4% auto !important;
}
/* =CSS3 Animations
----------------------------------------------- */
.animated {
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-transform: translatez();
  -moz-transform: translatez();
  -ms-transform: translatez();
  -o-transform: translatez();
  transform: translatez();
}
/* =Media Queries - Tablet and Mobile
----------------------------------------------- */
/* Tablet and Mobile */
@media only screen and (max-width: 768px) {
  body {
    font-size: 15px;
  }
  #page {
    margin: 0;
  }
  pre:before {
    font-size: 14px;
  }
  hr {
    margin: 1em 0;
  }
  .header-inside {
    padding: 4% 4% 6% 4%;
    background: transparent;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -moz-transform: all 0.4s ease-in-out;
    -webkit-transform: all 0.4s ease-in-out;
    -o-transform: all 0.4s ease-in-out;
  }
  .header-inside.toggled-on {
    background: #252525;
  }
  .home.blog .header-inside {
    padding-bottom: 2%;
  }
  /* Fonts and Titles */
  .site-header .hgroup {
    width: 75%;
    max-width: 75%;
  }
  .header-social {
    display: none;
  }
  .site-header .logo-image img {
    margin: 0 0;
  }
  .site-title {
    font-size: 20px;
  }
  .site-description {
    letter-spacing: 0;
  }
  .hero-title {
    margin-top: 4%;
  }
  .hero-title h2 {
    font-size: 32px;
  }
  .hero-title h3 {
    font-size: 15px;
  }
  .post-title {
    font-size: 28px;
    margin-bottom: 3%;
  }
  .post-date {
    font-size: 12px;
  }
  .post-content {
    padding-bottom: 5%;
  }
  #content .post-content ul,
  #content .post-content ol {
    font-size: inherit;
  }
  #content .post-text blockquote {
    border-top: solid 5px #DFE7EC;
    margin-right: 4%;
  }
  #content .post-text blockquote p {
    font-size: 18px;
    line-height: 24px;
  }
  .pull-right,
  .pull-left {
    font-size: 18px;
    line-height: 24px;
    width: 100%;
    margin: 0 0 3% 0;
  }
  /* Layout */
  #main,
  .page-template-full-width-php #main {
    padding: 4%;
  }
  #primary {
    width: 100%;
    float: none;
    padding: 0%;
    border-right: none;
  }
  #secondary {
    float: left;
    width: 100%;
    padding: 5%;
    border-left: none;
    background: #f7f7f7;
  }
  .stories-single #secondary {
    font-size: inherit;
    border: none;
    padding: 0;
    background: none;
  }
  .stories-single #secondary p,
  .stories-single #secondary .edit-link {
    margin-bottom: 4%;
  }
  .inside-page {
    padding: 0;
  }
  .search-results .post-text {
    padding: 0;
  }
  .archive-box li {
    font-size: 16px;
    padding: 6px 0;
  }
  .post:last-child {
    border-bottom: none;
  }
  .post:last-child .post-content {
    border-bottom: none;
  }
  .index-navigation {
    padding: 4% 0 6% 0;
    border-top: solid 1px #ebebeb;
  }
  /* Homepage */
  .home-content-wrapper > div {
    width: 100%;
    float: auto;
  }
  .home-content-wrapper .home-content-inside {
    padding: 2em 1em;
  }
  .img-blocks {
    width: 100%;
  }
  .img-blocks > div {
    width: 100%;
    float: none;
    min-height: 100%;
    padding-bottom: 5%;
  }
  .img-blocks > div h4 {
    font-size: 14px;
  }
  .img-blocks > div h2 {
    font-size: 36px;
  }
  .img-blocks > div ul li {
    font-size: 14px;
  }
  .cta-red {
    font-size: 12px;
    letter-spacing: 1px;
    padding: 10px;
    margin: 4% 0 0 0;
  }
  .page-template-homepage-php .featured-item:hover h2 {
    display: none;
  }
  .blog-section-inside {
    padding: 4% 4% 6% 4%;
  }
  .blog-left {
    width: 100%;
    padding-right: 0;
  }
  .blog-left h2 {
    font-size: 32px;
  }
  .blog-left-date {
    font-size: 12px;
  }
  .blog-left-excerpt {
    padding-right: 0;
    font-size: 18px;
  }
  .blog-right {
    float: left;
    width: 100%;
    padding: 4% 0 0 0;
    border: none;
    border-top: solid 1px #EBEBEB;
  }
  .blog-right ul li {
    margin-bottom: 5%;
    padding-bottom: 5%;
  }
  .blog-right h2 {
    font-size: 20px;
    font-weight: 400;
  }
  .blog-right .more-link {
    font-size: 12px;
  }
  /* Stories Page */
  .stories-post {
    width: 100%;
    margin: 0 0 4% 0;
    padding: 0;
  }
  .stories-block {
    max-height: none;
  }
  .stories-columns .post-featured-image {
    width: 100%;
    margin-bottom: 0;
  }
  .stories-columns .post:first-child .post-content {
    padding-top: 2%;
  }
  .stories-columns .stories-text-wrap {
    float: left;
    width: 100%;
    padding-left: 0;
    border-left: none;
  }
  .stories-columns .post-title {
    font-size: 28px;
    margin-bottom: 3%;
  }
  .stories-single #primary {
    float: left;
    width: 100%;
  }
  .stories-single #secondary aside {
    padding: 0;
    margin: 0;
  }
  .page-template-homepage-php .featured-item h2 {
    display: none;
  }
  /* Stories Column Page */
  .stories-column:last-child {
    border-bottom: none;
  }
  .stories-columns .stories-featured-image {
    float: left;
    width: 100%;
    padding-right: 0;
    margin-bottom: 4%;
    border-right: none;
  }
  .stories-columns .stories-column-text {
    float: left;
    width: 100%;
    font-size: inherit;
  }
  .stories-columns .stories-column-text h2 {
    font-size: 28px;
  }
  .stories-columns .stories-column-text-excerpt {
    padding-bottom: 0;
  }
  /* Menu */
  .site-header .menu {
    display: none;
  }
  .main-small-navigation .menu {
    display: none;
    margin: 6% 0 0 0;
  }
  .site-header .menu > li:first-child .sub-menu a {
    padding-left: 0;
  }
  .menu-toggle {
    text-align: center;
    float: none;
    position: absolute;
    right: 0;
    width: auto;
  }
  .site-header .menu-search {
    float: left;
    width: 100%;
    margin-top: 8%;
    margin-bottom: 0;
    margin-top: 15px;
  }
  .menu-search-toggle {
    display: none;
  }
  .navigation-wrap-inside {
    float: none;
    width: 100%;
  }
  .navigation-wrap-inside,
  .menu-search input[type="text"] {
    max-width: 100%;
  }
  .menu-search input[type="text"] {
    width: 100%;
    letter-spacing: 0;
    margin: 0 auto 0 auto;
    text-align: left;
    position: relative;
    padding: 20px 30px;
    background-color: #fff;
    border-radius: 3px;
    color: #7D838B;
  }
  .menu-search:before {
    font-family: "FontAwesome";
    content: "\f002";
    display: block;
    position: absolute;
    z-index: 10;
    left: 10px;
    top: 12px;
    color: #ccc;
    font-size: 11px;
  }
  /* 404 Page */
  .error404 #content p {
    font-size: inherit;
  }
  /* Sidebar */
  #secondary aside {
    padding: 0 0 5% 0;
    margin-bottom: 5%;
  }
  /* Tab Interface */
  #single-tabs .single-tab-nav li {
    padding: 1% 4% 2% 4%;
  }
  #single-tabs .single-tab-nav li span {
    display: none;
  }
  .author-profile,
  .author-posts {
    padding-left: 0;
    padding-right: 0;
  }
  #author-avatar {
    margin-left: 15px;
    display: inline-block;
  }
  #author-avatar img {
    width: 55px;
    height: auto;
    float: right;
  }
  #author-description h2 {
    width: 70%;
    line-height: 1.2;
  }
  .author-posts li a {
    font-size: 14px;
    float: left;
    width: 100%;
  }
  .author-posts li span {
    float: left;
  }
  .post-navigation {
    width: 100%;
  }
  .post-navigation .nav-next {
    padding-right: 0;
  }
  .post-detail-col {
    float: left;
    padding-left: 0;
    width: 100%;
    border-top: solid 1px #e6e6e6;
    border-left: none;
    padding-top: 15px;
    margin-top: 15px;
  }
  .post-detail-col h3 {
    font-size: 22px;
    text-transform: none;
  }
  .post-tab .sd-social,
  .post-tab .sd-like {
    padding: 5% 0;
  }
  /* Comments */
  #comments-title {
    display: inline-block;
    padding: 4%;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
  }
  .single-okay-stories #comments-title {
    margin-top: 0;
  }
  #comments-title span {
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
  }
  #comments .commentlist li {
    margin: 0 0 5% 0;
    padding: 4% 0;
  }
  .commentlist li:last-child {
    margin-bottom: 5%;
  }
  .commentlist #respond #reply-title {
    padding-top: 3%;
  }
  #respond #reply-title {
    font-size: 22px;
  }
  #comments .comment-notes,
  #comments .logged-in-as {
    margin-bottom: 5%;
    padding-bottom: 0;
  }
  #comments .commentlist .comment-notes {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #comments #respond {
    padding: 0 0 0 0;
  }
  /* Quote Format */
  .block-quote {
    padding: 10%;
  }
  #block-container .block-quote p {
    font-size: 20px;
    line-height: 32px;
  }
  .single .block-quote p {
    font-size: 20px;
    line-height: 28px;
  }
  .single .block-quote cite {
    font-size: 12px;
    padding: 2px 5px;
  }
  /* Footer */
  .site-footer {
    font-size: 14px;
  }
  .site-footer-inside {
    padding: 0 4%;
  }
  .footer-widget {
    width: 100%;
    margin: 0 0 4% 0;
  }
  .footer-widgets aside {
    margin-bottom: 4%;
  }
  .footer-widget:last-child {
    margin-bottom: 0;
  }
  .footer-widgets aside:last-child {
    margin-bottom: 0;
  }
  .footer-widgets aside .widget-title {
    margin-bottom: 6%;
    font-size: 14px;
  }
  .site-footer .copyright {
    width: 100%;
    text-align: center;
  }
  .site-info {
    padding: 5%;
  }
  .icons {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 5%;
  }
}
/* =Media Queries - Mobile
----------------------------------------------- */
@media only screen and (max-width: 500px) {
  .flexslider .slides > li {
    width: 132px !important;
    width: 80px !important;
    margin-right: 20px !important;
  }
  /* slideshow */
  .page-template-homepage-php .site-header {
    position: relative;
    background-color: #252525 !important;
    top: 0;
    left: 0;
    width: 100%;
  }
  #slider-img {
    display: none;
  }
  #mobile-tagline {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1090px) {
  .main-navigation a {
    font-size: 11px;
    margin: 18px 8px 10px 8px;
  }
  .hero-title h2 {
    font-size: 42px;
  }
}
/* =Media Queries - Tablet Portrait
----------------------------------------------- */
@media screen and (min-width: 650px) and (max-width: 768px) {
  .blog-right ul li {
    margin-bottom: 3%;
    padding-bottom: 3%;
  }
  .index-post {
    margin-bottom: 4%;
  }
  .post-content {
    padding-bottom: 2%;
  }
  #secondary aside {
    padding-bottom: 3%;
    margin-bottom: 3%;
  }
  #secondary .widget ul li {
    margin-bottom: 2%;
    padding-bottom: 2%;
  }
  .footer-widgets aside li {
    margin-bottom: 2%;
    padding-bottom: 2%;
  }
  .footer-widgets aside .widget-title {
    margin-bottom: 3%;
  }
}