@charset "UTF-8";
/*!
Theme Name: TauntonPress
Theme URI: http://underscores.me/
Author: The Taunton Press, inc.
Author URI: http://www.taunton.com
Description: Taunton.com Custom theme based on _s
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: taunton-press

TauntonPress 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
--------------------------------------------------------------*/
/* ORIGINAL BLUE*/
/*
$dkBlue: #000033;
$headerBackground: $dkBlue;


$color__skin: rgba($headerBackground, 0.85);//rgba(51, 51, 102, 0.7); // Header etc
$color__interactive: rgba(102, 102, 102, 1); // Header etc
$color__footer: $color__skin;
$color__background-header: #373c73;
$color__background-shadow: rgba(20, 20, 20, 0.5);
$color__background-body: $white;
$color__background-screen: #f1f1f1;
$color__background-hr: #ccc;
$color__background-button: #e6e6e6;
$color__background-pre: #eee;
$color__background-ins: #fff9c0;

$color__background-formfield: #7781a5;
$color__background-submit: #263864;


$color__text-screen: #404040;
$color__text-input: $grey;
$color__text-input-focus: #111;
$color__link: $color__skin;
$color__link-visited: $color__skin;
$color__link-hover: $grey;
$color__text-main: #787878;

$color__border-button: #ccc #ccc #bbb;
$color__border-button-hover: #ccc #bbb #aaa;
$color__border-button-focus: #aaa #bbb #bbb;
$color__border-input: #ccc;
$color__border-abbr: $grey;
*/
/* WP COFFEE THEME */
/*W3.CSS Color Scheme Sand Dollar*/
/*.w3-theme-l5 {color:#000 !important; background-color:#fdfcfb !important}
.w3-theme-l4 {color:#000 !important; background-color:#f9f5f2 !important}
.w3-theme-l3 {color:#000 !important; background-color:#f2ece5 !important}
.w3-theme-l2 {color:#000 !important; background-color:#ece2d8 !important}
.w3-theme-l1 {color:#000 !important; background-color:#e5d9cb !important}
.w3-theme-d1 {color:#000 !important; background-color:#d1bba2 !important}
.w3-theme-d2 {color:#000 !important; background-color:#c4a687 !important}
.w3-theme-d3 {color:#fff !important; background-color:#b6926b !important}
.w3-theme-d4 {color:#fff !important; background-color:#a67d52 !important}
.w3-theme-d5 {color:#fff !important; background-color:#8a6844 !important}

.w3-theme-light {color:#000 !important; background-color:#fdfcfb !important}
.w3-theme-dark {color:#fff !important; background-color:#8a6844 !important}
.w3-theme-action {color:#fff !important; background-color:#8a6844 !important}

.w3-theme {color:#000 !important; background-color:#dfcfbe !important}
.w3-text-theme {color:#dfcfbe !important}
.w3-theme-border {border-color:#dfcfbe !important}
.w3-hover-theme:hover {color:#000 !important; background-color:#dfcfbe !important}
*/
/*@mixin hamburger-animation(){
    span {
        @include transition(all, 0.25s, linear);
        background: $headerBackground;
        &:before {
            top: 0;
            @include transform(rotate(45deg));
        }
        &:after {
            bottom: 0;
            @include transform(rotate(-45deg));
        }
    }
}

@mixin transition($property, $timing, $effect) {
    -webkit-transition: $property $timing $effect;
    -moz-transition: $property $timing $effect;
    -o-transition: $property $timing $effect;
    transition: $property $timing $effect;
}

@mixin transform($property) {
    -webkit-transform: $property;
    -moz-transform: $property;
    -o-transform: $property;
    -ms-transform: $property;
    transform: $property;
}
*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
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: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #2d2d2d; }

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: 1em; }

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

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: none;
  margin: 0;
  padding: 0; }
  @media only screen and (max-width: 650px) {
    fieldset {
      width: 100%; } }

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: #2d2d2d;
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.4; }
  @media screen and (min-width: 650px) {
    body,
    button,
    input,
    select,
    textarea {
      font-size: 20px;
      font-size: 1.25rem; } }

h1, h2, h3, h4, h5, h6 {
  margin-top: .75em;
  margin-bottom: .25em;
  font-family: roboto, Georgia, Cambria, "Times New Roman", Times, serif;
  clear: both; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.6em; }

h3 {
  font-size: 1.5em; }

h4 {
  font-size: 1.4em; }

h5 {
  font-size: 1.3em; }

h6 {
  font-size: 1.1em; }

p {
  margin-top: .5em;
  margin-bottom: 1em;
  font-size: .8em;
  font-weight: 400; }

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

blockquote {
  position: relative;
  margin: 0 0 1em;
  background: #eee;
  padding: 1em 2em .5em 5em;
  font-style: italic; }
  blockquote:before {
    position: absolute;
    top: -.2em;
    left: -.13em;
    content: "“";
    font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
    font-size: 12em;
    line-height: 100%;
    color: #ffffff; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 18.75px;
  font-size: 1.17188rem;
  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: 18.75px;
  font-size: 1.17188rem; }

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

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

big {
  font-size: 125%; }

/* Social Icon Animations */
.social-ani {
  height: 20px;
  width: 20px;
  padding: 4px 2px 0px 2px;
  float: left;
  margin-top: 5px;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s;
  display: block; }
  @media only screen and (max-width: 900px) {
    .social-ani {
      display: none; } }
  .social-ani_brand {
    height: 30px;
    width: 30px;
    padding: 0 2px;
    float: left;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    transition: all ease 0.3s;
    display: block; }
    .social-ani_brand.fb.fw {
      background-image: url("../img/social_icons/brand_icon_fb_fw.png"); }
    .social-ani_brand.fb.fh {
      background-image: url("../img/social_icons/brand_icon_fb_fh.png"); }
    .social-ani_brand.fb.fc {
      background-image: url("../img/social_icons/brand_icon_fb_fc.png"); }
    .social-ani_brand.fb.th {
      background-image: url("../img/social_icons/brand_icon_fb_th.png"); }
    .social-ani_brand.fb.fg {
      background-image: url("../img/social_icons/brand_icon_fb_fg.png"); }
    .social-ani_brand.tw.fw {
      background-image: url("../img/social_icons/brand_icon_tw_fw.png"); }
    .social-ani_brand.tw.fh {
      background-image: url("../img/social_icons/brand_icon_tw_fh.png"); }
    .social-ani_brand.tw.fc {
      background-image: url("../img/social_icons/brand_icon_tw_fc.png"); }
    .social-ani_brand.tw.th {
      background-image: url("../img/social_icons/brand_icon_tw_th.png"); }
    .social-ani_brand.tw.fg {
      background-image: url("../img/social_icons/brand_icon_tw_fg.png"); }
    .social-ani_brand.yt.fw {
      background-image: url("../img/social_icons/brand_icon_yt_fw.png"); }
    .social-ani_brand.yt.fh {
      background-image: url("../img/social_icons/brand_icon_yt_fh.png"); }
    .social-ani_brand.yt.fc {
      background-image: url("../img/social_icons/brand_icon_yt_fc.png"); }
    .social-ani_brand.yt.th {
      background-image: url("../img/social_icons/brand_icon_yt_th.png"); }
    .social-ani_brand.yt.fg {
      background-image: url("../img/social_icons/brand_icon_yt_fg.png"); }
    .social-ani_brand.insta.fw {
      background-image: url("../img/social_icons/brand_icon_insta_fw.png"); }
    .social-ani_brand.insta.fh {
      background-image: url("../img/social_icons/brand_icon_insta_fh.png"); }
    .social-ani_brand.insta.fc {
      background-image: url("../img/social_icons/brand_icon_insta_fc.png"); }
    .social-ani_brand.insta.th {
      background-image: url("../img/social_icons/brand_icon_insta_th.png"); }
    .social-ani_brand.insta.fg {
      background-image: url("../img/social_icons/brand_icon_insta_fg.png"); }
    .social-ani_brand.linkedin.fw {
      background-image: url("../img/social_icons/brand_icon_linkedin_fw.png"); }
    .social-ani_brand.linkedin.fh {
      background-image: url("../img/social_icons/brand_icon_linkedin_fh.png"); }
    .social-ani_brand.linkedin.fc {
      background-image: url("../img/social_icons/brand_icon_linkedin_fc.png"); }
    .social-ani_brand.linkedin.th {
      background-image: url("../img/social_icons/brand_icon_linkedin_th.png"); }
    .social-ani_brand.linkedin.fg {
      background-image: url("../img/social_icons/brand_icon_linkedin_fg.png"); }
    .social-ani_brand.pin.fw {
      background-image: url("../img/social_icons/brand_icon_pin_fw.png"); }
    .social-ani_brand.pin.fh {
      background-image: url("../img/social_icons/brand_icon_pin_fh.png"); }
    .social-ani_brand.pin.fc {
      background-image: url("../img/social_icons/brand_icon_pin_fc.png"); }
    .social-ani_brand.pin.th {
      background-image: url("../img/social_icons/brand_icon_pin_th.png"); }
    .social-ani_brand.pin.fg {
      background-image: url("../img/social_icons/brand_icon_pin_fg.png"); }
    .social-ani_brand.email.fw {
      background-image: url("../img/social_icons/brand_icon_email_fw.png"); }
    .social-ani_brand.email.fh {
      background-image: url("../img/social_icons/brand_icon_email_fh.png"); }
    .social-ani_brand.email.fc {
      background-image: url("../img/social_icons/brand_icon_email_fc.png"); }
    .social-ani_brand.email.th {
      background-image: url("../img/social_icons/brand_icon_email_th.png"); }
    .social-ani_brand.email.fg {
      background-image: url("../img/social_icons/brand_icon_email_fg.png"); }
    .social-ani_brand.google.fw {
      background-image: url("../img/social_icons/brand_icon_google_fw.png"); }
    .social-ani_brand.google.fh {
      background-image: url("../img/social_icons/brand_icon_google_fh.png"); }
    .social-ani_brand.google.fc {
      background-image: url("../img/social_icons/brand_icon_google_fc.png"); }
    .social-ani_brand.google.th {
      background-image: url("../img/social_icons/brand_icon_google_th.png"); }
    .social-ani_brand.google.fg {
      background-image: url("../img/social_icons/brand_icon_google_fg.png"); }
  .social-ani.fb {
    background-image: url("../img/social_icons/nav_icon_fb_sm.png"); }
  .social-ani.tw {
    background-image: url("../img/social_icons/nav_icon_tw_sm.png"); }
  .social-ani.yt {
    background-image: url("../img/social_icons/nav_icon_yt_sm.png"); }
  .social-ani.insta {
    background-image: url("../img/social_icons/nav_icon_insta_sm.png"); }
  .social-ani.linkedin {
    background-image: url("../img/social_icons/nav_icon_linkedin_sm.png"); }
  .social-ani.pin {
    background-image: url("../img/social_icons/nav_icon_pin_sm.png"); }
  .social-ani.email {
    background-image: url("../img/social_icons/nav_icon_pin_sm.png"); }

.social-ani:hover {
  background-position: 0px -20px; }

.social-ani_brand:hover {
  background-position: 0px -30px; }

.search_icon {
  float: left;
  padding: 4px 2px 0px 15px;
  cursor: pointer; }
  .search_icon img {
    width: 20px; }
  @media only screen and (max-width: 900px) {
    .search_icon {
      float: right;
      padding: 0; }
      .search_icon img {
        width: 35px; } }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

*,
*: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: #ffffff;
  /* Fallback for when there is no custom background color defined. */ }

blockquote, q {
  quotes: "" ""; }

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

ul, ol {
  margin: 0;
  padding: 0; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: .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. */ }

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

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

thread th {
  border-bottom: 2px solid #bbb;
  padding-bottom: .5em; }

td,
th {
  vertical-align: top; }

th {
  padding: .4em;
  text-align: left; }

tr {
  border-bottom: 1px solid #eee; }

td {
  padding: .4em; }

th:first-child,
td:first-child {
  padding-left: 0; }

th:last-child,
td:last-child {
  padding-right: 0; }

.icon-magazines {
  width: 77px; }

.icon-books {
  width: 90px; }

.icon-tablet {
  width: 61px; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 2px solid;
  border-color: #464036 #464036 #bbb;
  border-radius: 3px;
  background: #464036;
  color: rgba(0, 0, 0, 0.8);
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1;
  padding: .5em 1em; }
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    border-color: #464036 #bbb #aaa; }
  button:active, button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb; }

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: #ffffff;
  border: 1px solid #464036;
  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: #dfd1bb; }

select {
  border: 1px solid #464036; }

textarea {
  width: 100%; }

.formfield {
  float: left; }
  @media only screen and (max-width: 650px) {
    .formfield {
      width: 90%;
      margin: 10px 5%; } }

.embed-submit__textfield {
  height: 40px;
  background: rgba(170, 157, 136, 0.6);
  border: none;
  color: #ffffff;
  min-width: 380px;
  max-width: 380px;
  border-radius: 0;
  font-size: 15px;
  padding: 5px 15px 0; }
  .embed-submit__textfield::placeholder {
    font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
    color: #ffffff;
    font-size: 15px;
    opacity: 1; }
  @media only screen and (max-width: 650px) {
    .embed-submit__textfield {
      min-width: 100%;
      max-width: 100%; } }

.embed-submit__submit {
  background: #464036;
  display: inline-block;
  padding: 7px 15px 0;
  border: 0;
  color: #ffffff;
  font-size: 15px;
  font-weight: normal;
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
  line-height: 15px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
  height: 40px;
  border-radius: 0;
  margin: 0;
  float: left; }
  @media only screen and (max-width: 650px) {
    .embed-submit__submit {
      width: 90%;
      margin: 5px 5% 10px; } }

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

.page-content a:focus, .page-content a:hover,
.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover {
  border-bottom: 2px solid #9EA476; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.comment-navigation,
.posts-navigation,
.post-navigation,
.paging-navigation {
  padding: 2em 0;
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
  text-align: left;
  overflow: hidden; }
  .comment-navigation a,
  .posts-navigation a,
  .post-navigation a,
  .paging-navigation a {
    display: block;
    width: 100%;
    text-decoration: none;
    padding: 1em;
    border: 4px solid #2f4db4;
    color: #ffffff;
    background-color: rgba(0, 0, 51, 0.85); }
    .comment-navigation a:hover, .comment-navigation a:focus,
    .posts-navigation a:hover,
    .posts-navigation a:focus,
    .post-navigation a:hover,
    .post-navigation a:focus,
    .paging-navigation a:hover,
    .paging-navigation a:focus {
      color: #ffffff;
      background-color: #2f4db4; }

.nav-links {
  margin: 0 auto;
  padding: 0 .4em; }

.nav-previous {
  padding-bottom: 1em; }

@media screen and (min-width: 900px) {
  .nav-links {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 0; }
  .comment-navigation .nav-previous,
  .comment-navigation .nav-next,
  .posts-navigation .nav-previous,
  .posts-navigation .nav-next,
  .post-navigation .nav-previous,
  .post-navigation .nav-next {
    float: left;
    display: flex;
    align-items: stretch;
    width: 48%; }
  .comment-navigation .nav-next,
  .posts-navigation .nav-next,
  .post-navigation .nav-next {
    float: right;
    text-align: right; }
  .nav-previous {
    padding-bottom: 0; } }

.post-navigation .meta-nav {
  display: block; }

@media screen and (min-width: 30em) {
  .post-navigation {
    padding-bottom: 1em; } }

.post-navigation .post-title {
  font-size: 1.2em;
  font-weight: 700; }

.pagination {
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif; }
  .pagination .nav-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
  .pagination a,
  .pagination span {
    padding: .5em 1em;
    background: white; }
  .pagination a {
    text-decoration: none; }
    .pagination a:focus, .pagination a:hover {
      color: white;
      background: #9EA476; }
  .pagination .current {
    font-weight: 600;
    color: #9EA476; }

/*--------------------------------------------------------------
# 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: #404040;
    display: block;
    font-size: 17.5px;
    font-size: 1.09375rem;
    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-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-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Global
--------------------------------------------------------------*/
.post-content {
  max-width: 1280px;
  margin: 0 auto;
  overflow: hidden; }

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.site-header {
  z-index: 500;
  position: fixed;
  width: 100%;
  padding: .4em 1em;
  font-family: roboto, Georgia, Cambria, "Times New Roman", Times, serif;
  color: #ffffff;
  background-color: rgba(70, 64, 54, 0.9); }
  @media screen and (min-width: 900px) {
    .site-header {
      display: flex;
      justify-content: space-between; } }
  .site-header.hidden {
    display: none; }

#nav_container {
  width: 1060px;
  margin: auto; }
  @media only screen and (max-width: 1090px) {
    #nav_container {
      width: 100%; } }

.site-branding {
  display: flex;
  min-height: 50px;
  width: 200px;
  margin: auto;
  text-align: center; }
  @media only screen and (max-width: 1090px) {
    .site-branding {
      width: 35%; } }
  @media screen and (min-width: 900px) {
    .site-branding {
      flex: 1 0 auto; } }
  .site-branding__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 48px; }

.nav_mid_container {
  float: left;
  width: 62%;
  height: 48px; }
  @media only screen and (max-width: 1090px) {
    .nav_mid_container {
      width: 30%; } }

.nav_social_container {
  float: left;
  width: 18%;
  height: 50px; }
  @media only screen and (max-width: 1090px) {
    .nav_social_container {
      width: 35%;
      padding: 0 0 0 10%; } }
  .nav_social_container ul {
    list-style: none;
    padding: 5px 10px 0px 10px; }
    @media only screen and (min-width: 1090px) {
      .nav_social_container ul {
        padding-top: 10px; } }

.tp_logo {
  display: block;
  overflow: hidden;
  font-size: 0px;
  margin: 0; }
  .tp_logo_mobile {
    display: none;
    margin: 0;
    text-align: center;
    font-size: 0px; }
    .tp_logo_mobile img {
      width: 50px; }
  @media only screen and (max-width: 1090px) {
    .tp_logo {
      display: none; }
      .tp_logo_mobile {
        display: block; } }

.custom-logo-link {
  margin-right: 1em; }
  .custom-logo-link img {
    display: block; }

.site-title {
  margin: 0;
  padding: 0;
  font-size: 1.4em;
  font-weight: 700;
  line-height: 1em; }
  @media only screen and (max-width: 1090px) {
    .site-title {
      display: none; } }
  .site-title a {
    color: #ffffff;
    text-decoration: none; }
    .site-title a:hover, .site-title a:focus {
      text-decoration: underline; }

.site-description {
  margin: 0;
  font-size: .9em;
  font-style: italic;
  font-weight: 400; }

/* Full Screen Search CSS Overwrites */
#full-screen-search {
  display: none;
  background-color: rgba(70, 64, 54, 0.7) !important; }
  #full-screen-search.open {
    display: block; }

#full-screen-search form div input {
  font-size: 25px !important;
  padding: 10px !important;
  height: 50px !important;
  border: 1px solid #2d2d2d !important;
  background: #ffffff;
  color: #2d2d2d; }

/* Full Screen Search Overwrites End */
.header-image {
  position: static; }
  .header-image img {
    display: block;
    width: 100vw; }

.header-slideshow {
  position: relative;
  height: 516px; }
  .header-slideshow figure {
    height: 516px;
    margin: 0;
    position: absolute;
    background: #2d2d2d;
    opacity: 0; }
  .header-slideshow figure:nth-child(1) {
    animation: xfade 36s 30s infinite; }
  .header-slideshow figure:nth-child(2) {
    animation: xfade 36s 24s infinite; }
  .header-slideshow figure:nth-child(3) {
    animation: xfade 36s 18s infinite; }
  .header-slideshow figure:nth-child(4) {
    animation: xfade 36s 12s infinite; }
  .header-slideshow figure:nth-child(5) {
    animation: xfade 36s 6s infinite; }
  .header-slideshow figure:nth-child(6) {
    animation: xfade 36s 0s infinite; }
  .header-slideshow img {
    width: 100vw;
    height: 516px; }

@keyframes xfade {
  0% {
    opacity: 0;
    animation-timing-function: ease-in; }
  8% {
    opacity: 1;
    animation-timing-function: ease-out; }
  17% {
    opacity: 1; }
  25% {
    opacity: 0; }
  100% {
    opacity: 0; } }

.no-cssanimations #header-rotator li {
  opacity: 1; }

/*--------------------------------------------------------------
## Header Menu
--------------------------------------------------------------*/
.main-navigation {
  display: block;
  width: 99%;
  margin: auto;
  font-size: 20px;
  font-size: 1.25rem;
  font-family: roboto, Georgia, Cambria, "Times New Roman", Times, serif;
  font-weight: 400;
  clear: left; }
  @media only screen and (max-width: 1090px) {
    .main-navigation {
      display: none; } }
  .main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-top: 1em;
    padding-left: 0; }
    .main-navigation ul ul {
      display: none;
      top: 1.5em;
      z-index: 99999; }
      .main-navigation ul ul ul {
        top: 0; }
      .main-navigation ul ul li {
        padding-left: 1em; }
        .main-navigation ul ul li:hover > ul,
        .main-navigation ul ul li.focus > ul {
          left: 100%; }
      .main-navigation ul ul a {
        width: 200px; }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
      left: auto; }
  .main-navigation li {
    position: relative; }
  .main-navigation a {
    display: inline-block;
    width: 100%;
    padding: .5em 1em .5em 0;
    text-decoration: none;
    color: #ffffff; }
    .main-navigation a:hover, .main-navigation a:focus {
      text-decoration: underline; }
  .main-navigation .menu-item-has-children,
  .main-navigation .page-item-has-children {
    /*min-width: 218px;*/ }
  .main-navigation .menu-item-has-children > a,
  .main-navigation .page_item_has_children > a {
    padding-right: 2em; }

button.dropdown-toggle {
  position: absolute;
  right: 0;
  border: none;
  background: inherit;
  color: #ffffff;
  line-height: 1.5em;
  padding: .4em 1em .4em .5em; }

/* Mega Menu Overwrites */
.mega-menu-link {
  text-transform: uppercase !important;
  font-weight: bold !important;
  font-family: roboto, Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 18px !important;
  padding: 0 10px !important; }

#mega-menu-wrap-primary {
  background-color: #ad090d !important;
  padding: 10px 0 !important; }

#mega-menu-primary {
  text-align: center !important; }

#mega-menu-wrap-menu-0 #mega-menu-menu-0 > li.mega-menu-flyout ul.mega-sub-menu {
  width: 250px !important; }

#mega-menu-wrap-menu-0 #mega-menu-menu-0 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  font-size: 14px !important;
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
  text-transform: none !important;
  font-weight: 400 !important; }

/*end mega menu overwrites*/
.menu-toggle {
  position: absolute;
  top: .25em;
  right: .5em;
  display: inline-block;
  margin: 1.2em 1.2em 0 0;
  padding: .6em .8em;
  font-size: 80%;
  text-transform: uppercase;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3); }
  @media screen and (min-width: 650px) {
    .menu-toggle {
      display: none; } }

/* Toggle small menu and sub-menus on */
.toggled-on ul,
.sub-menu.toggled-on {
  display: block; }

#mobi_nav_btn {
  display: none; }
  @media only screen and (max-width: 1090px) {
    #mobi_nav_btn {
      display: block; } }

/*Moble flyout menu*/
.mobi_push_link h3 {
  color: #ffffff;
  background-color: rgba(170, 157, 136, 0.7);
  margin-bottom: 0px;
  text-transform: uppercase !important;
  font-weight: bold;
  font-size: 25px;
  padding: 10px 30px 10px 30px;
  text-align: center; }
  @media only screen and (max-width: 900px) {
    .mobi_push_link h3 {
      margin-top: 0px;
      cursor: pointer; } }

@media only screen and (max-width: 900px) {
  .mobi_push_link .menu {
    max-height: 0;
    overflow: hidden;
    padding: 0 20px; } }

.mobi_push_link.active h3 {
  background-color: #aa9D88; }

@media only screen and (max-width: 900px) {
  .mobi_push_link.active .menu {
    max-height: 10000px; } }

/* Menu Transitions */
.site-overlay {
  display: none; }

#whole_container,
.push,
.pushy {
  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); }

.pushy {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 9999;
  background: rgba(89, 82, 76, 0.85);
  overflow: auto;
  visibility: hidden;
  -webkit-overflow-scrolling: touch;
  /* enables momentum scrolling in iOS overflow elements */
  /* Submenu Appearance */ }
  .pushy a {
    display: block;
    padding: 15px 30px;
    text-decoration: none;
    outline: 0;
    color: #ffffff; }
  .pushy ul:first-child {
    margin-top: 10px; }
  .pushy.pushy-left {
    left: 0; }
  .pushy.pushy-right {
    right: 0; }
  .pushy-left {
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
  .pushy-open-left #whole_container,
  .pushy-open-left .push {
    -webkit-transform: translate3d(200px, 0, 0);
    -ms-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0); }
  .pushy-open-left .pushy {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .pushy-open-left .site-overlay {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-animation: fade 500ms;
    animation: fade 500ms; }
  .pushy-right {
    -webkit-transform: translate3d(200px, 0, 0);
    -ms-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0); }
  .pushy-open-right #whole_container,
  .pushy-open-right .push {
    -webkit-transform: translate3d(-200px, 0, 0);
    -ms-transform: translate3d(-200px, 0, 0);
    transform: translate3d(-200px, 0, 0); }
  .pushy-open-right .pushy {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .pushy-open-right .site-overlay {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-animation: fade 500ms;
    animation: fade 500ms; }
  .pushy-link {
    color: #ffffff; }
    .pushy-link.mobile_nav_header_link {
      background-color: rgba(170, 157, 136, 0.7);
      padding: 0px; }
  .pushy-submenu {
    /* Submenu Movement */ }
    .pushy-submenu ul {
      padding-left: 15px;
      transition: max-height 0.2s ease-in-out; }
      .pushy-submenu ul .pushy-link {
        transition: opacity 0.2s ease-in-out; }
    .pushy-submenu > a {
      position: relative; }
      .pushy-submenu > a::after {
        content: '';
        display: block;
        height: 11px;
        width: 8px;
        position: absolute;
        top: 50%;
        right: 15px;
        background: url("../img/arrow.svg") no-repeat;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        transition: transform 0.2s; }
    .pushy-submenu-closed ul {
      max-height: 0;
      overflow: hidden; }
    .pushy-submenu-closed .push-link {
      opacity: 0; }
    .pushy-submenu-open ul {
      max-height: 1000px; }
    .pushy-submenu-open a::after {
      -webkit-transform: translateY(-50%) rotate(90deg);
      -ms-transform: translateY(-50%) rotate(90deg);
      transform: translateY(-50%) rotate(90deg); }
    .pushy-submenu-open .pushy-link {
      opacity: 1; }

.mobile_nav #menu-brands {
  list-style: none;
  margin: 0;
  padding: 0;
  background-color: rgba(170, 157, 136, 0.8); }
  .mobile_nav #menu-brands li {
    font-size: 20px;
    padding: 10px;
    color: #ffffff;
    margin: 0;
    font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
    font-weight: 400;
    border-left: 1px solid rgba(170, 157, 136, 0.7);
    border-right: 1px solid rgba(170, 157, 136, 0.7);
    text-align: center; }
    .mobile_nav #menu-brands li:hover {
      background-color: #dfd1bb; }

@keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes fade {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.no-csstransforms3d .pushy-submenu-closed ul {
  max-height: none;
  display: none; }

/* Mobile Menu Styles End */
@media screen and (min-width: 650px) {
  .main-navigation .menu-item-has-children > a,
  .main-navigation .page_item_has_children > a {
    padding-right: 2em; }
  .main-navigation ul {
    display: block;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .main-navigation ul ul {
      flex-direction: column;
      margin-left: 0; }
      .main-navigation ul ul li {
        padding-left: 0; }
        .main-navigation ul ul li a {
          width: 218px;
          background: none; }
    .main-navigation ul li a {
      padding: .4em .4em; } }

@media screen and (min-width: 900px) {
  .main-navigation ul {
    justify-content: flex-end;
    padding-top: 0; }
    .main-navigation ul li a {
      padding: .4em 1em; } }

/*--------------------------------------------------------------
## Hamburger Toggle
--------------------------------------------------------------*/
.hamburger {
  padding: 0;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.25s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }

.hamburger:focus {
  border: none;
  outline: none; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
  top: 6px; }
  @media screen and (min-width: 650px) {
    .hamburger-box {
      width: 32px; } }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #ffffff;
  position: absolute;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-duration: 0.25s;
  transition-timing-function: ease-out; }
  @media screen and (min-width: 650px) {
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
      width: 32px; } }

.hamburger-inner::before, .hamburger-inner::after {
  content: "";
  display: block; }

.hamburger-inner::before {
  top: -10px; }

.hamburger-inner::after {
  bottom: -10px; }

/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
  top: 2px; }

.hamburger--slider .hamburger-inner::before {
  top: 10px;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  transition-timing-function: ease;
  transition-duration: 0.2s; }

.hamburger--slider .hamburger-inner::after {
  top: 20px; }

.morphed.hamburger--slider .hamburger-inner {
  -webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
  transform: translate3d(0, 10px, 0) rotate(45deg); }

.morphed.hamburger--slider .hamburger-inner::before {
  -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
  opacity: 0; }

.morphed.hamburger--slider .hamburger-inner::after {
  -webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
  transform: translate3d(0, -20px, 0) rotate(-90deg); }

/*--------------------------------------------------------------
## Archives
--------------------------------------------------------------*/
.archive-view {
  background-color: #ffffff; }
  .archive-view .content-container {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-content: space-between; }
    .archive-view .content-container figure {
      text-align: center; }
    .archive-view .content-container .post__content {
      margin: 1em auto 0;
      width: 75%;
      position: relative; }
    @media screen and (min-width: 900px) {
      .archive-view .content-container {
        flex-flow: row;
        flex-wrap: nowrap; }
        .archive-view .content-container .post__content {
          margin: 0 0 0 1em;
          width: 65%; } }
  .archive-view .cat-links {
    font-size: 67%; }
  .archive-view .entry-meta {
    font-size: 65%; }
  .archive-view .entry-content {
    margin: .5em auto .1em; }
    .archive-view .entry-content a:focus, .archive-view .entry-content a:hover {
      border-bottom: none;
      color: #59524C; }
    .archive-view .entry-content.archive_excerpt {
      font-size: 17px !important;
      padding: 0 !important; }
  .archive-view .entry-title {
    font-size: 1em; }
    .archive-view .entry-title a:focus, .archive-view .entry-title a:hover {
      border-bottom: 2px solid #2d2d2d; }
  .archive-view .post,
  .archive-view .page {
    position: relative;
    background: #ffffff; }

.page-header {
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif; }

.page-title {
  max-width: 1280px;
  margin: .125em auto .25em;
  font-size: 2.5em; }
  @media screen and (min-width: 900px) {
    .page-title {
      font-size: 3em; } }
  .page-title a {
    text-decoration: none;
    color: #2d2d2d; }
    .page-title a:focus, .page-title a:hover {
      border-bottom: 5px solid #9EA476; }
  .page-title.hidden {
    display: none; }

.archive-description {
  margin: -1em 0 2em; }

/* For content-none.php */
.search .page-content,
.error-404 .page-content {
  margin-bottom: 2em;
  padding: 1em 2em;
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
  color: white;
  background: #9EA476; }

.search input[type="search"],
.error-404 input[type="search"] {
  padding: .5em; }

.search input[type="submit"],
.error-404 input[type="submit"] {
  border-color: white;
  color: white; }
  .search input[type="submit"]:focus, .search input[type="submit"]:hover,
  .error-404 input[type="submit"]:focus,
  .error-404 input[type="submit"]:hover {
    color: black; }

.sticky::before {
  content: "";
  display: block;
  width: 2em;
  height: 2em;
  position: absolute;
  top: 0;
  right: 0;
  border-width: 0 2em 2em 0;
  border-color: #fffefa #fffefa #ffffff;
  border-style: solid;
  box-shadow: -1px 2px 2px rgba(26, 26, 26, 0.1); }

.index-image img {
  display: block;
  margin: 0 auto; }

.index-image a:focus > img,
.index-image a:hover > img {
  opacity: .8; }

.continue-reading {
  position: absolute;
  right: 0;
  bottom: 0;
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif; }
  .continue-reading a {
    display: block;
    padding: .5em 1em;
    font-size: 60%;
    text-decoration: none;
    background: #d9d9d9; }
    .continue-reading a:focus, .continue-reading a:hover {
      color: white;
      background: #9EA476; }

/*--------------------------------------------------------------
## Taunton Settings - can merge into ther files if we feel like it
--------------------------------------------------------------*/
.brand_main_image {
  float: left;
  margin: 3% 0.5%;
  width: 49%;
  height: 400px;
  overflow: hidden; }

.content_para {
  float: left;
  margin: 2% 0.5%;
  width: 49%; }

.brand__advert__copy {
  font-size: 0.9em;
  padding: 2% 3%;
  text-align: center; }

.video_overlay {
  position: absolute;
  left: 0;
  top: 80px;
  margin: 0;
  padding: 5px;
  font-size: 20px;
  font-family: Helvetica;
  color: #FFF;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 900;
  width: 100%;
  height: 100%; }

.featured_article_box {
  position: absolute;
  top: 0;
  width: 94%;
  margin: 124px 3%;
  background: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  font-family: roboto, Georgia, Cambria, "Times New Roman", Times, serif;
  color: #FFFFFF; }

.featured_title_header a {
  display: block;
  width: 100%;
  padding: 10px;
  font-size: 0.5em;
  text-transform: uppercase;
  color: #2d2d2d; }
  .featured_title_header a:focus, .featured_title_header a:hover {
    color: #ffffff; }

.sub {
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
  font-size: 22px;
  font-weight: 400;
  margin: 0;
  padding: 0.5% 23%;
  line-height: 26px; }

.content_para p {
  padding-bottom: 10px;
  margin-bottom: 0; }

.VideoBackground-fallback,
.VideoBackground-video {
  display: block;
  position: relative;
  top: 0; }

/* Home Page Edits to Override SASS for Now */
.news-container--home {
  max-width: 1280px;
  margin: 0.5% auto auto; }

.home_featured {
  width: 100%;
  height: 300px;
  position: relative; }

#now_news {
  max-width: 1280px;
  margin: auto; }

.article_set_block_link {
  display: block;
  width: 100%;
  height: 400px; }

.article_set_block_header {
  padding: 1% 1% 0; }

.article_set_title_excerpt {
  padding: 0.2% 1% 1% 1.5%;
  line-height: 1.4; }

.article_set_title_excerpt_mini {
  padding: 0.2% 1% 1% 2%;
  line-height: 1; }

.article_set_block_mini_container {
  padding-top: 2%; }

.article_set_block_header_link {
  font-family: roboto, Georgia, Cambria, "Times New Roman", Times, serif;
  font-weight: 700;
  font-size: 30px;
  color: #2d2d2d; }
  .article_set_block_header_link:visited {
    color: #2d2d2d; }

.article_set_block_link_mini {
  font-family: roboto, Georgia, Cambria, "Times New Roman", Times, serif;
  font-weight: 700;
  font-size: 20px;
  padding-left: 1%;
  color: #2d2d2d; }
  .article_set_block_link_mini:visited {
    color: #2d2d2d; }

.article_set_title_author {
  color: #2d2d2d;
  font-size: 0.9em !important;
  line-height: 21px !important;
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
  text-decoration: none;
  font-weight: 400;
  padding: 0.5%; }
  .article_set_title_author_mini {
    color: #2d2d2d;
    font-size: 0.8em;
    line-height: 18px !important;
    font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
    text-decoration: none;
    font-weight: 400;
    padding: 1% 0.5% 1% 2%; }

.article_set_title_excerpt_link {
  color: #2d2d2d;
  font-size: 0.9em;
  line-height: 23px !important;
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
  text-decoration: none;
  font-weight: 400; }
  .article_set_title_excerpt_link:active, .article_set_title_excerpt_link:focus, .article_set_title_excerpt_link:hover {
    color: #666;
    font-weight: 400; }
  .article_set_title_excerpt_link_mini {
    color: #2d2d2d;
    font-size: 0.85em;
    line-height: 21px !important;
    font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
    text-decoration: none;
    font-weight: 400; }
    .article_set_title_excerpt_link_mini:active, .article_set_title_excerpt_link_mini:focus, .article_set_title_excerpt_link_mini:hover {
      color: #666;
      font-weight: 400; }

.featured_block {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: 0.5% 0.5% 0.5% 0.5%;
  float: left;
  height: 300px; }

.featured_tint {
  display: block;
  width: 100%;
  height: 300px;
  /*background: rgba($color__background-header, 0.5);*/
  background: rgba(96, 96, 96, 0.3);
  -webkit-transition: background 600ms linear;
  -moz-transition: background 600ms linear;
  -o-transition: background 600ms linear;
  -ms-transition: background 600ms linear;
  transition: background 600ms linear; }

.featured_tint:hover {
  background: rgba(170, 157, 136, 0.1);
  -webkit-transition: background 600ms linear;
  -moz-transition: background 600ms linear;
  -o-transition: background 600ms linear;
  -ms-transition: background 600ms linear;
  transition: background 600ms linear; }

.featured_block_archive {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin: 0.5% 0.5% 0.5% 0.5%;
  float: left;
  height: 200px; }

.featured_tint_archive {
  display: block;
  width: 100%;
  height: 200px;
  /*background: rgba($color__background-header, 0.5);*/
  background: rgba(96, 96, 96, 0.3);
  -webkit-transition: background 600ms linear;
  -moz-transition: background 600ms linear;
  -o-transition: background 600ms linear;
  -ms-transition: background 600ms linear;
  transition: background 600ms linear; }

.featured_tint_archive:hover {
  background: rgba(170, 157, 136, 0.1);
  -webkit-transition: background 600ms linear;
  -moz-transition: background 600ms linear;
  -o-transition: background 600ms linear;
  -ms-transition: background 600ms linear;
  transition: background 600ms linear; }

#fb_1 {
  width: 32.333%; }

#fb_2 {
  width: 32.333%; }

#fb_3 {
  width: 32.333%; }

#article_set_box_1 {
  float: left;
  width: 65%;
  margin: 0.75%; }

#article_set_box_2 {
  float: left;
  width: 32%;
  margin: 0.75%; }

.article_set_block {
  float: left;
  width: 100%;
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.brand_content_excerpt {
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21px; }

.icon-magazines {
  width: 55px;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s; }

.icon-books {
  width: 55px;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s; }

.icon-tablet {
  width: 55px;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s; }

.icon-magazines:hover {
  width: 70px; }

.icon-books:hover {
  width: 70px; }

.icon-tablet:hover {
  width: 70px; }

.brand__products--home li {
  height: 70px;
  padding: 0 !important;
  width: 20%;
  text-align: center;
  margin: 2%; }

/* Home Page Overrides End */
.brand__copy p {
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
  font-size: 15px !important;
  font-weight: 400;
  line-height: 18px !important;
  color: #2d2d2d !important;
  margin: 1px 5px 5px 0 !important; }

.brand__copy a {
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
  font-size: 17px !important;
  font-weight: bold;
  line-height: 20px !important;
  color: #2d2d2d !important; }

/* Brand Boxes Section (About Us Page) */
.brand-long-box-container {
  float: left;
  margin: 15px 0.5%;
  width: 19%; }

.brand-long-box-image {
  float: left;
  width: 100%; }

.brand-long-box-copy {
  float: left;
  font-size: 12px;
  padding: 0.5% 3%; }

.brand-long-box-social {
  float: right; }

.brand-long-box-social ul {
  list-style: none;
  padding: 0; }

.brand-long-box-social ul li {
  float: right; }

.brand-long-box-social ul li a {
  border: 0; }

/* Product Boxes Section (About Us Page) */
.product-wide-box-container {
  float: left;
  margin: 0.5%;
  width: 49%; }

.product-wide-box-image {
  float: left;
  width: 100%; }

.product-wide-box-image img {
  display: block; }

/* Brand Page - Content Box */
.content_a {
  display: block;
  width: 100%;
  height: 300px; }

.content_a_advert {
  display: block;
  width: 100%;
  height: auto;
  text-align: center; }

.brand__image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  float: left;
  height: 300px; }

.ad_email__image {
  background-repeat: no-repeat;
  background-position: center;
  width: 60%;
  margin: 0 20%;
  float: left;
  height: auto; }

.brand_page_brand_image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  float: left;
  height: auto; }

#g_map {
  border: 0;
  padding: 10px;
  float: right; }

/* Brand Page - Content Box End */
/* Mobile Menu Styles*/
/* Mobile Navigation */
.mobile_nav_list {
  padding: 0;
  margin: 0;
  list-style: none; }

.mobile_nav_header_link {
  text-transform: uppercase !important;
  font-family: roboto, Georgia, Cambria, "Times New Roman", Times, serif;
  font-weight: bold;
  font-size: 25px;
  padding: 0 30px;
  text-align: center; }

.nav_sub {
  font-size: 20px;
  padding: 10px;
  color: #ffffff;
  margin: 0;
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
  font-weight: 400;
  border-left: 1px solid rgba(170, 157, 136, 0.7);
  border-right: 1px solid rgba(170, 157, 136, 0.7); }

/*.mobile-navigation {
  display: none;
}*/
.advert_terms {
  list-style: none; }
  .advert_terms li {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-size: 0.7em;
    font-weight: 700;
    margin-left: 0; }

.benefits, #partners {
  padding-left: 1.5%; }
  .benefits li, #partners li {
    margin-top: 0.5em;
    margin-bottom: 1em;
    font-size: 0.7em;
    font-weight: 400;
    margin-left: 0; }

.post_content_archive {
  padding: 1%; }

@media only screen and (min-width: 1090px) and (max-width: 1429px) {
  .video-parallax {
    max-height: 600px !important; } }

@media only screen and (min-width: 900px) and (max-width: 1090px) {
  .video-parallax {
    max-height: 500px !important;
    margin-top: 80px; }
  .news-container--home {
    margin: 1% 0.75% 0.75%; }
  #now_news {
    width: 98.5%;
    margin: 0.5% 0.75%; }
  .featured_block {
    margin: 0.75%; }
  #fb_1 {
    width: 31.8333%; }
  #fb_2 {
    width: 31.8333%; }
  #fb_3 {
    width: 31.8333%; } }

@media only screen and (min-width: 650px) and (max-width: 899px) {
  .video-parallax {
    max-height: 400px !important;
    margin-top: 80px; }
  /*.mobile-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
  }*/
  .brand_main_image {
    width: 99%;
    margin-left: 0.5%;
    margin-right: 0.5%; }
  .content_para {
    width: 99%;
    margin-left: 0.5%;
    margin-right: 0.5%; }
  #article_set_box_1 {
    float: left;
    width: 98.5%;
    margin: 0.75%; }
  #article_set_box_2 {
    float: left;
    width: 98.5%;
    margin: 0.75%; }
  #article_set_box_3 {
    float: left;
    width: 98.5%;
    margin: 0.75%; }
  #article_set_box_4 {
    float: left;
    width: 98.5%;
    margin: 0.75%; }
  #article_set_box_5 {
    float: left;
    width: 98.5%;
    margin: 0.75%; }
  .brand__container.long-box {
    max-width: 48.5%;
    min-width: 48.5%; }
  #g_map {
    width: 100%; }
  .news-container--home {
    margin: 1% 0.75% 0.75%; }
  #now_news {
    width: 98.5%;
    margin: 0.5% 0.75%; }
  .featured_block {
    margin: 0.75%; }
  #fb_1 {
    width: 31.8333%; }
  #fb_2 {
    width: 31.8333%; }
  #fb_3 {
    width: 31.8333%; }
  .featured_block_archive {
    width: 100% !important; }
  .post_content_archive {
    width: 100% !important; } }

@media only screen and (min-width: 508px) and (max-width: 650px) {
  .video-parallax {
    max-height: 400px !important;
    margin-top: 78px; }
  /*.mobile-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
  }*/
  .brand_main_image {
    width: 99%;
    margin-left: 0.5%;
    margin-right: 0.5%; }
  .content_para {
    width: 99%;
    margin-left: 0.5%;
    margin-right: 0.5%; }
  #article_set_box_1 {
    float: left;
    width: 98.5%;
    margin: 0.75%; }
  #article_set_box_2 {
    float: left;
    width: 98.5%;
    margin: 0.75%; }
  #article_set_box_3 {
    float: left;
    width: 98.5%;
    margin: 0.75%; }
  #article_set_box_4 {
    float: left;
    width: 98.5%;
    margin: 0.75%; }
  #article_set_box_5 {
    float: left;
    width: 98.5%;
    margin: 0.75%; }
  .long-box {
    width: 99%;
    min-width: 99%; }
  .product__container {
    width: 99%;
    min-width: 99%; }
  .news-container--home {
    margin: 1% 0.75% 0.75%; }
  #now_news {
    width: 98.5%;
    margin: 0.75%; }
  .featured_block {
    margin: 0.75%; }
  #fb_1 {
    width: 98%; }
  #fb_2 {
    width: 98%; }
  #fb_3 {
    width: 98%; }
  .featured_block_archive {
    width: 100% !important; }
  .post_content_archive {
    width: 100% !important; } }

@media only screen and (min-width: 480px) and (max-width: 507px) {
  .video-parallax {
    max-height: 400px !important;
    margin-top: 78px; }
  /*.mobile-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
  }*/
  .brand_main_image {
    width: 99%;
    margin-left: 0.5%;
    margin-right: 0.5%; }
  .content_para {
    width: 99%;
    margin-left: 0.5%;
    margin-right: 0.5%; }
  #article_set_box_1 {
    float: left;
    width: 98.5%;
    margin: 0.75%; }
  #article_set_box_2 {
    float: left;
    width: 98.5%;
    margin: 0.75%; }
  #article_set_box_3 {
    float: left;
    width: 98.5%;
    margin: 0.75%; }
  #article_set_box_4 {
    float: left;
    width: 98.5%;
    margin: 0.75%; }
  #article_set_box_5 {
    float: left;
    width: 98.5%;
    margin: 0.75%; }
  .long-box {
    width: 99%;
    min-width: 99%; }
  .product__container {
    width: 99%;
    min-width: 99%; }
  .news-container--home {
    margin: 1% 0.75% 0.75%; }
  #now_news {
    width: 98.5%;
    margin: 0.75%; }
  .featured_block {
    margin: 0.75%; }
  #fb_1 {
    width: 98%; }
  #fb_2 {
    width: 98%; }
  #fb_3 {
    width: 98%; }
  .featured_block_archive {
    width: 100% !important; }
  .post_content_archive {
    width: 100% !important; } }

@media only screen and (min-width: 300px) and (max-width: 479px) {
  .video-parallax {
    max-height: 400px !important;
    margin-top: 78px; }
  /*.mobile-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
  }*/
  .brand_main_image {
    width: 99%;
    margin-left: 0.5%;
    margin-right: 0.5%; }
  .content_para {
    width: 99%;
    margin-left: 0.5%;
    margin-right: 0.5%; }
  #article_set_box_1 {
    float: left;
    width: 98.5%;
    margin: 0.75%; }
  #article_set_box_2 {
    float: left;
    width: 98.5%;
    margin: 0.75%; }
  #article_set_box_3 {
    float: left;
    width: 98.5%;
    margin: 0.75%; }
  #article_set_box_4 {
    float: left;
    width: 98.5%;
    margin: 0.75%; }
  #article_set_box_5 {
    float: left;
    width: 98.5%;
    margin: 0.75%; }
  .long-box {
    width: 99%;
    min-width: 99%; }
  .product__container {
    width: 99%;
    min-width: 99%; }
  #now_news {
    width: 98.5%;
    margin: 0.75%; }
  .featured_block {
    margin: 0.75%; }
  #fb_1 {
    width: 98%; }
  #fb_2 {
    width: 98%; }
  #fb_3 {
    width: 98%; }
  .featured_block_archive {
    width: 100% !important; }
  .post_content_archive {
    width: 100% !important; } }

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

.hentry {
  margin: 0 0 1.5em; }

.entry-header {
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif; }

.cat-links {
  max-width: 1280px;
  margin: 0.125em auto 0.25em;
  font-size: 80%;
  font-weight: 500; }
  .cat-links a {
    text-decoration: none;
    text-transform: uppercase;
    color: #9EA476; }
    .cat-links a:focus, .cat-links a:hover {
      background-color: #9EA476;
      color: #ffffff; }

.entry-title {
  max-width: 1280px;
  margin: 0.125em auto 0.25em;
  font-size: 2.5em; }
  @media screen and (min-width: 900px) {
    .entry-title {
      font-size: 3em; } }
  .entry-title a {
    text-decoration: none;
    color: #2d2d2d; }
  .entry-title.hidden {
    display: none; }

.entry-footer,
.entry-meta {
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
  font-size: 14px;
  margin-bottom: 1%; }
  .entry-footer a,
  .entry-meta a {
    font-weight: 700;
    text-decoration: none;
    color: #2d2d2d; }
    .entry-footer a:focus, .entry-footer a:hover,
    .entry-meta a:focus,
    .entry-meta a:hover {
      /* border-bottom: 3px solid $color__interactive; */ }

.byline::after {
  content: "\00B7";
  margin: 0 .5em; }

.comments-link::before,
.edit-link::before {
  content: "\00B7";
  margin: 0 .5em; }

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

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

.extra {
  display: none; }

/* Custom Post Meta rules for single post / no sidebar. */
.no-sidebar {
  /* @media screen and (min-width: $query__medium) {
        .post-content__wrap {

            .entry-meta {
                margin-top: 2.25em;
                font-size: 80%;

                a {
                    font-size: 110%;
                    display: block;
                    border-bottom: 3px solid white;

                    &:hover,
                        &:focus {
                        border-bottom-color: $color__interactive;
                    }
                }
            }

            .byline,
            .posted-on,
            .comments-link,
            .edit-link {
                display: block;
                margin-bottom: 1em;

                &:before,
                    &:after {
                    margin: 0;
                    content: "";
                }
            }

            .extra {
                display: inline;
            }
        }
    }
    */ }
  .no-sidebar .entry-meta {
    margin-top: 1%; }

/* Single Post Featured Images */
.full-bleed {
  width: 100%;
  max-height: 1200px;
  padding-bottom: 1.8em;
  margin: 1em 0;
  /*border-top: 1px solid hsl(0, 0%, 90%);
    border-bottom: 1px solid hsl(0, 0%, 90%);*/
  overflow: hidden; }
  .full-bleed img {
    display: block;
    margin: 0 auto; }

.entry-content,
.entry-summary,
.page-content {
  margin: 1.5em auto;
  padding: 1.5%; }

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

.entry-footer {
  margin: 1.5em 0;
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif; }

.parallax {
  /* Set a specific height */
  min-height: 450px;
  /* Create the parallax scrolling effect */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  float: left;
  width: 100%; }

.content_featured_tint {
  display: block;
  width: 100%;
  height: 450px;
  background: rgba(0, 0, 0, 0.3); }

.featured_title_box {
  position: absolute;
  top: 0;
  width: 100%;
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
  font-size: 1em;
  font-weight: 400;
  padding: 6% 2% 0;
  margin-top: 66px;
  color: #ffffff;
  text-align: center;
  z-index: 100; }
  @media screen and (min-width: 320px) {
    .featured_title_box {
      padding: 10% 2% 0; } }
  @media screen and (min-width: 650px) {
    .featured_title_box {
      padding: 6% 3% 0;
      font-size: 1.1em; } }
  @media screen and (min-width: 900px) {
    .featured_title_box {
      padding: 4% 16% 0; } }
  @media screen and (min-width: 1280px) {
    .featured_title_box {
      padding: 4% 18% 0; } }
  .featured_title_box img {
    width: 350px; }
    @media screen and (max-width: 650px) {
      .featured_title_box img {
        width: 60%;
        min-width: 200px; } }
  .featured_title_box p {
    font-family: roboto, Georgia, Cambria, "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 1.4em; }

.brand-icon {
  width: 100%;
  height: 170px;
  margin-top: -80px;
  z-index: 1;
  display: inline-block;
  text-align: center;
  position: relative; }
  .brand-icon a {
    pointer-events: none; }
  .brand-icon img {
    border-radius: 50%;
    border: 8px solid #ffffff;
    background-color: #ffffff; }

.home .featured_title_box p {
  font-family: roboto, Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: 1.8em; }
  @media screen and (min-width: 650px) {
    .home .featured_title_box p {
      font-size: 2.5em; } }
  @media screen and (min-width: 900px) {
    .home .featured_title_box p {
      font-size: 3.1em; } }
  @media screen and (min-width: 1280px) {
    .home .featured_title_box p {
      font-size: 3.3em; } }

@media screen and (min-width: 650px) {
  .home .featured_title_box {
    font-size: 0.9em; } }

@media screen and (min-width: 900px) {
  .home .featured_title_box {
    font-size: 1.1em; } }

.content_no_tint {
  display: block;
  width: 100%;
  height: 500px;
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
  float: left; }
  @media screen and (max-width: 319px) {
    .content_no_tint {
      display: none; } }

.blue_diamond {
  background: rgba(170, 157, 136, 0.8);
  background: -webkit-linear-gradient(#aa9D88, #ffffff);
  background: -o-linear-gradient(#aa9D88, #ffffff);
  background: -moz-linear-gradient(#aa9D88, #ffffff);
  background: linear-gradient(#aa9D88, #ffffff);
  height: 500px; }
  .blue_diamond.short {
    height: 180px; }

.about_title_box {
  position: absolute;
  width: 100%;
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
  font-size: 18px;
  font-weight: 400;
  margin: 66px auto 0;
  padding: 5%;
  color: #464036;
  text-align: center;
  z-index: 100; }
  @media screen and (min-width: 320px) {
    .about_title_box {
      max-width: 350px;
      font-size: 20px;
      padding: 6% 4% 0; } }
  @media screen and (min-width: 516px) {
    .about_title_box {
      padding-top: 70px;
      max-width: 60%;
      min-width: 350px; } }
  @media screen and (min-width: 650px) {
    .about_title_box {
      padding-top: 11%; } }
  @media screen and (min-width: 900px) {
    .about_title_box {
      padding: 125px 7%;
      min-width: 590px;
      max-width: 65%; } }
  @media screen and (min-width: 1090px) {
    .about_title_box {
      padding: 140px 7%;
      min-width: 590px; } }
  @media screen and (min-width: 1280px) {
    .about_title_box {
      min-width: 825px;
      max-width: 876px;
      width: 65%;
      padding: 140px 10%; } }
  .about_title_box span {
    padding-bottom: 10px; }
    @media screen and (min-width: 320px) and (max-width: 515px) {
      .about_title_box span {
        display: inline-block;
        background: rgba(255, 255, 255, 0.35); } }
  .about_title_box img {
    width: 400px; }
  .about_title_box p {
    font-family: roboto, Georgia, Cambria, "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 1.4em;
    text-transform: uppercase;
    text-shadow: 2px 2px 1px rgba(89, 82, 76, 0.4);
    margin: 5px 0 10px; }

#social-widget-area {
  height: 20px;
  float: right; }
  #social-widget-area ul {
    margin: 0 !important;
    padding: 0 !important; }
  #social-widget-area li {
    float: left;
    line-height: 0px !important; }
    #social-widget-area li a {
      border: none !important;
      line-height: none !important;
      padding: 0;
      margin: 0; }

#brand-widget-area {
  margin-top: 2px; }
  #brand-widget-area .menu {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    padding: 0; }
    #brand-widget-area .menu li {
      padding: 0.2em; }
      #brand-widget-area .menu li a {
        padding: 0;
        font-size: 1.5em;
        border-bottom: none;
        width: 25px;
        height: 25px; }
        #brand-widget-area .menu li a i:hover {
          color: #2d2d2d; }

/* not using .sub_head */
.sub_head {
  width: 100%;
  margin: 25px 0;
  height: 2px;
  background-color: #2d2d2d; }
  @media screen and (min-width: 650px) {
    .sub_head {
      margin: 35px 0; } }
  .sub_head_title {
    width: auto;
    padding: 0.5% 10px;
    background-color: #ffffff;
    text-align: center;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    margin-top: -42px;
    font-weight: bold !important;
    font-family: roboto, Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 1em;
    text-transform: uppercase; }
    @media screen and (min-width: 650px) {
      .sub_head_title {
        font-size: 1.6em;
        margin-top: -65px; } }
    @media screen and (min-width: 900px) {
      .sub_head_title {
        font-size: 1.9em;
        margin-top: -70px;
        padding: 0.3% 20px; } }
    .sub_head_title_widget {
      width: auto;
      padding: 0.5% 20px;
      background-color: #ffffff;
      text-align: center;
      position: absolute;
      transform: translateX(-50%);
      left: 50%;
      margin-top: -20px;
      font-weight: bold !important;
      font-family: roboto, Georgia, Cambria, "Times New Roman", Times, serif;
      font-size: 35px !important; }

/*end not using .sub_head*/
.subtitle {
  margin: 0 0 1%; }
  .subtitle.fancy {
    line-height: 1.0;
    text-align: center;
    font-weight: 700;
    font-family: roboto, Georgia, Cambria, "Times New Roman", Times, serif;
    font-size: 35px; }
    @media screen and (max-width: 320px) {
      .subtitle.fancy {
        font-size: 25px; } }
    @media screen and (max-width: 650px) {
      .subtitle.fancy {
        font-size: 28px; } }
    .subtitle.fancy span {
      display: inline-block;
      position: relative; }
      .subtitle.fancy span:after, .subtitle.fancy span:before {
        content: "";
        position: absolute;
        height: 10px;
        border-top: 1px solid #333333;
        top: 0;
        width: 600px;
        margin-top: 17px; }
      .subtitle.fancy span:before {
        right: 100%;
        margin-right: 20px; }
      .subtitle.fancy span:after {
        left: 100%;
        margin-left: 20px; }

.content-container {
  width: 99%;
  margin: 0 auto 0.5%;
  padding: 1% 0; }
  @media screen and (max-width: 900px) {
    .content-container {
      width: 96%; } }
  .content-container--advertise, .content-container--brands, .content-container--email, .content-container--products {
    display: flex;
    flex-flow: row wrap;
    align-content: space-between;
    justify-content: center;
    align-items: flex-start;
    margin-top: 20px; }
    .content-container--advertise a:hover, .content-container--brands a:hover, .content-container--email a:hover, .content-container--products a:hover {
      border-bottom: none; }
  .content-container--home {
    display: flex;
    flex-direction: column;
    align-content: space-between;
    justify-content: center;
    align-items: center;
    max-width: 1280px;
    margin: auto; }
  .content-container__brand-info ul {
    list-style: none;
    font-size: 0.8em;
    font-weight: 400; }

/* Frontpage/Brand/Content Boxes Section: (About Us Page - long-box; Brand page - box) */
.brand_page_brand_container {
  margin: 15px 0.5%;
  max-width: 430px;
  width: 32.333%; }
  @media only screen and (max-width: 650px) {
    .brand_page_brand_container {
      width: 99%; } }

.brand__container {
  margin: 15px 0.5%;
  max-width: 430px;
  width: 19%; }
  @media only screen and (max-width: 900px) {
    .brand__container {
      width: 32.333%;
      min-width: 32.333%; } }
  @media only screen and (max-width: 650px) {
    .brand__container {
      width: 99%;
      min-width: 99%; } }
  .brand__container--home {
    margin: 5px 0.5%;
    width: 98.5%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
    @media only screen and (min-width: 480px) and (max-width: 1090px) {
      .brand__container--home {
        margin: 8px 1.5%;
        width: 97%; } }
    @media only screen and (max-width: 479px) {
      .brand__container--home {
        margin: 4px 0;
        width: 100%; } }
    .brand__container--home:nth-child(odd) .brand__info--home {
      float: right; }
  .brand__container.long-box {
    max-width: 380px; }
    @media screen and (min-width: 900px) {
      .brand__container.long-box {
        min-width: 200px;
        width: 19%; } }
    @media screen and (min-width: 650px) {
      .brand__container.long-box {
        min-width: 250px;
        width: 32%; } }

.brand__image {
  width: 100%; }

.brand__copy {
  font-size: 0.8em;
  padding: 2% 3%;
  float: left; }

.brand__info {
  clear: both;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  margin-top: 40px; }
  .brand__info--home {
    position: relative;
    height: 100%;
    min-height: 425px;
    width: 25%;
    max-width: 430px;
    min-width: 382px;
    color: white;
    padding-top: 45px;
    float: left;
    background-color: rgba(70, 64, 54, 0.65); }
    @media only screen and (min-width: 650px) and (max-width: 899px) {
      .brand__info--home {
        width: 50%;
        max-width: 50%; } }
    @media only screen and (max-width: 650px) {
      .brand__info--home {
        width: 100%;
        max-width: 100%; } }

.brand__title--home {
  width: 100%;
  text-align: center;
  font-size: 1.6em;
  font-family: roboto, Georgia, Cambria, "Times New Roman", Times, serif;
  font-weight: bold; }
  .brand__title--home a {
    color: #ffffff;
    text-decoration: none; }

.brand__copy--home {
  padding: 0 25px;
  margin: 30px 0 70px;
  font-size: 1em; }

.brand__products--home {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-content: space-between;
  justify-content: center;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0; }
  .brand__products--home li {
    padding: 0 20px; }
  .brand__products--home button {
    display: inline-block;
    padding: 15px 30px;
    border-radius: 0px;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    border: none;
    background: none;
    font-weight: bold;
    border: 2px solid #ffffff;
    cursor: pointer;
    text-transform: uppercase; }
    .brand__products--home button:before, .brand__products--home button:after {
      content: '';
      display: block;
      position: absolute;
      left: 2px;
      right: 2px;
      height: 3px; }
    .brand__products--home button:before {
      top: 0;
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px; }
    .brand__products--home button:after {
      bottom: 0;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }
    .brand__products--home button:hover {
      /*background: lighten($color__background-header, 30%);
        background: -webkit-linear-gradient(lighten($color__background-header, 30%),$color__background-header);
        background: -o-linear-gradient(lighten($color__background-header,30%),$color__background-header);
        background: -moz-linear-gradient(lighten($color__background-header,30%),$color__background-header);
        background: linear-gradient(lighten($color__background-header,30%),$color__background-header);*/
      background-color: #ffffff;
      color: #4e5261; }

.brand-social {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s; }
  .brand-social img {
    border-radius: 50%; }
  .brand-social:hover {
    border: 1px solid #787878; }

/* Product Boxes Section (About Us Page) */
.product__container {
  float: left;
  margin: 20px 0.5% 0.5%;
  width: 49%; }

.product__image {
  float: left;
  width: 100%; }
  .product__image img {
    display: block; }

/*
//Tauton Logo Draw Test
$background: #fefefe;
$text: #4b507a;
$cyan: #60daaa;
$yellow: #fbca67;
$orange: #ff8a30;
$red: #f45e61;
$purple: #6477b9;
$blue: #0eb7da;
// Basic styles
button {
  background: none;
  border: 0;
  box-sizing: border-box;
  margin: 1em;
  padding: 1em 2em;
  // Using inset box-shadow instead of border for sizing simplicity
  box-shadow: inset 0 0 0 0;
  font-size: inherit;
  font-weight: 700;
  // Required, since we're setting absolute on pseudo-elements
  position: relative;
  vertical-align: middle;

  &::after,
  &::before {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
  }
}

.draw {
  transition: color 0.25s;

  &::after,
  &::before {
    // Set border to invisible, so we don't see a 4px border on a 0x0 element before the transition starts
    border: 2px solid transparent;
    width: 0;
    height: 0;
  }
  // This covers the top & right borders (expands right, then down)
  &::before {
    top: 0;
    left: 0;
  }
  // And this the bottom & left borders (expands left, then up)
  &::after {
    bottom: 0;
    right: 0;
  }

  &:hover {
    color: $cyan;
  }
  // Hover styles
  &:hover::after,
  &:hover::before {
    width: 100%;
    height: 100%;
  }

  &:hover::before {
    border-top-color: $cyan; // Make borders visible
    border-right-color: $cyan;
    transition:width 0.25s ease-out,// Width expands first
    height 0.25s ease-out 0.25s; // And then height
  }

  &:hover::after {
    border-bottom-color: $cyan; // Make borders visible
    border-left-color: $cyan;
    transition:border-color 0s ease-out 0.5s,// Wait for ::before to finish before showing border
    width 0.25s ease-out 0.5s,// And then exanding width
    height 0.25s ease-out 0.75s; // And finally height
  }
}
*/
/* Article Page Tweaks */
.article_tw {
  padding: 0px 1.5%;
  margin: auto; }

/* Article Page Tweaks End */
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area {
  width: 100%;
  margin: 3em 0;
  padding: 1.5em 0;
  border-top: 1px solid #cccccc; }

.comments-title {
  margin-bottom: 2em;
  font-size: 2.5em;
  font-weight: 900; }

.comment-list {
  padding: 0;
  margin: 0;
  list-style-type: none; }
  .comment-list ol {
    list-style-type: none; }

.comment-body {
  border-bottom: 1px solid #c3c3c3;
  margin-bottom: 3em; }

.comment-meta {
  position: relative;
  margin-left: 70px;
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
  font-size: 80%; }

.comment-meta a,
.comment-form a {
  text-decoration: none;
  border: none; }
  .comment-meta a:hover, .comment-meta a:focus,
  .comment-form a:hover,
  .comment-form a:focus {
    text-decoration: underline; }

.comment .avatar {
  position: absolute;
  top: -5px;
  left: -70px;
  width: 50px;
  height: 50px;
  border-radius: 50px; }

.children {
  margin-left: 1em;
  padding-left: 0; }
  @media screen and (min-width: 900px) {
    .children {
      margin-left: 2em; } }

@media screen and (min-width: 900px) {
  .no-sidebar .children {
    margin-left: 2em; }
    .no-sidebar .children .comment-meta {
      margin-left: 80px;
      font-size: 90%; }
    .no-sidebar .children .comment .avatar {
      top: -7px;
      left: -80px;
      width: 60px;
      height: 60px; }
    .no-sidebar .children .comment-content {
      margin-left: 80px; } }

@media screen and (min-width: 1280px) {
  .no-sidebar .children {
    margin-left: 3em; }
  .no-sidebar .comment-meta {
    margin-left: 90px; }
  .no-sidebar .comment .avatar {
    top: -8px;
    left: -90px;
    width: 70px;
    height: 70px; }
  .no-sidebar .comment-content {
    margin-left: 90px; } }

.comment-metadata {
  margin-top: .2em;
  padding-bottom: .5em;
  font-size: .8em;
  line-height: 1em; }
  .comment-metadata a {
    color: #7D7D7D; }
    .comment-metadata a:hover, .comment-metadata a:focus {
      border-color: #c3c3c3; }

.comment-author {
  font-size: 1.4em;
  line-height: 1.3em; }

.says {
  font-size: 80%; }

.reply {
  margin-bottom: 1.5em;
  text-align: right; }
  .reply a {
    display: inline-block;
    padding: .5em 1.4em;
    font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
    font-size: 85%;
    color: #2d2d2d;
    line-height: 1.3em;
    text-decoration: none;
    border: 1px solid #c3c3c3; }
    .reply a:hover, .reply a:focus {
      color: #ffffff;
      background: #9EA476;
      border-color: #9EA476; }

.comment-content ol {
  list-style-type: decimal; }

.comment-content a {
  word-wrap: break-word; }

.bypostauthor .comment-body {
  border-bottom-color: #464036; }

.bypostauthor .avatar {
  box-sizing: content-box;
  border: 5px solid #9EA476;
  margin-top: -5px;
  margin-left: -5px; }

/* Comment Form */
.comment-reply-title {
  margin-bottom: 1em; }

.comment-list .comment-reply-title {
  text-align: left; }

.comment-form {
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
  line-height: 1.3em; }
  .comment-form a {
    font-weight: 500; }
  .comment-form .form-submit {
    text-align: right; }
  .comment-form .form-submit input {
    padding: .5em 1.4em;
    font-size: 85%;
    color: #2d2d2d;
    line-height: 1.3em;
    text-decoration: none;
    border: 1px solid #c3c3c3; }
    .comment-form .form-submit input:hover, .comment-form .form-submit input:focus {
      color: #ffffff;
      background: #9EA476;
      border-color: #9EA476; }
  .comment-form label {
    width: 33%;
    display: block;
    font-style: italic;
    padding-bottom: .4em; }
  .comment-form .required {
    color: #D54E21; }

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.footer_block {
  width: 100%;
  min-height: 450px;
  background-color: #464036; }

.footer_left {
  position: relative;
  display: block;
  width: 100% !important;
  height: 75px !important;
  min-height: 75px !important;
  line-height: 75px; }
  .footer_left .logo {
    margin: 0 auto;
    padding-top: 0;
    width: 200px;
    text-align: center; }
    .footer_left .logo img {
      vertical-align: middle; }

.footer_right {
  padding: .5em;
  width: 100%;
  position: relative; }

.footer_navigation {
  max-width: 1280px;
  display: flex;
  flex-flow: row nowrap;
  margin: 0 auto 2%;
  justify-content: space-around; }
  @media only screen and (max-width: 850px) {
    .footer_navigation {
      flex-flow: column; } }
  .footer_navigation__column {
    padding: 0; }
    .footer_navigation__column-menu {
      display: block;
      position: relative;
      white-space: nowrap; }
      @media only screen and (max-width: 850px) {
        .footer_navigation__column-menu.active h3::after {
          -moz-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); } }
      @media only screen and (max-width: 850px) {
        .footer_navigation__column-menu.active .menu {
          max-height: 10000px; } }
      @media only screen and (max-width: 850px) {
        .footer_navigation__column-menu .menu {
          max-height: 0;
          overflow: hidden;
          padding: 0 20px; } }
      .footer_navigation__column-menu h3 {
        font-size: .9em;
        font-family: roboto, Georgia, Cambria, "Times New Roman", Times, serif;
        color: #ffffff;
        text-decoration: none;
        display: block; }
        @media only screen and (max-width: 850px) {
          .footer_navigation__column-menu h3 {
            padding: 0;
            margin-top: 0px !important;
            cursor: pointer;
            /* Down Arrows */ }
            .footer_navigation__column-menu h3::after {
              float: right;
              margin-right: 10px;
              content: "";
              display: inline-block;
              vertical-align: middle;
              margin-top: 7px;
              width: 10px;
              height: 10px;
              border-top: 3px solid #fff;
              border-right: 3px solid #fff;
              -moz-transform: rotate(135deg);
              -ms-transform: rotate(135deg);
              -webkit-transform: rotate(135deg);
              transform: rotate(135deg);
              -webkit-transition: transform 0.5s;
              transition: transform 0.5s; } }
      .footer_navigation__column-menu_lg {
        display: block;
        width: 20%;
        position: relative;
        float: left; }
      .footer_navigation__column-menu ul {
        list-style: none; }
      .footer_navigation__column-menu a {
        font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
        font-size: .8em;
        color: #ffffff;
        text-decoration: none;
        display: block;
        font-weight: 100; }
        .footer_navigation__column-menu a:visited, .footer_navigation__column-menu a:hover {
          color: #ffffff; }

.footer_copyright {
  font-size: 14px;
  color: #FFFFFF;
  text-align: center; }

.footer_customer-service p {
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
  font-size: 16px;
  font-weight: 100;
  text-align: center; }

.footer_customer-service__contact-links {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start; }
  @media only screen and (min-width: 650px) and (max-width: 900px) {
    .footer_customer-service__contact-links {
      font-size: .8em; } }
  @media only screen and (min-width: 650px) {
    .footer_customer-service__contact-links {
      flex-flow: row nowrap;
      align-content: space-between; } }
  .footer_customer-service__contact-links_contact {
    margin-top: 12px;
    margin: 12px .5% 15px;
    width: 99%;
    background-color: rgba(70, 64, 54, 0.9);
    color: #FFFFFF;
    min-height: 320px; }
    @media only screen and (min-width: 650px) {
      .footer_customer-service__contact-links_contact {
        width: 33%;
        min-width: 165px; }
        .footer_customer-service__contact-links_contact:last-child {
          text-align: right; }
        .footer_customer-service__contact-links_contact:nth-child(2) {
          text-align: center; } }
    .footer_customer-service__contact-links_contact .contact_icons {
      width: 100%;
      height: 120px;
      z-index: 1;
      display: inline-block;
      text-align: center;
      position: relative;
      padding: 30px 0 10px 0; }
      .footer_customer-service__contact-links_contact .contact_icons img {
        width: 100px; }
    .footer_customer-service__contact-links_contact a {
      font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
      font-weight: 400;
      font-size: 16px;
      color: #FFFFFF;
      line-height: 1.5em; }
      .footer_customer-service__contact-links_contact a:hover, .footer_customer-service__contact-links_contact a:focus {
        border-bottom: 2px solid #ffffff;
        color: #ffffff; }
    .footer_customer-service__contact-links_contact h2 {
      font-family: roboto, Georgia, Cambria, "Times New Roman", Times, serif;
      font-weight: bold;
      font-size: 24px;
      text-align: center;
      text-transform: uppercase;
      color: #FFFFFF; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget-area {
  margin-top: 1.5em; }

.widget {
  margin: 0 0 .5em;
  padding: 0 0 .5em;
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
  /* Make sure select elements fit in widgets. */ }
  .widget ul,
  .widget ol {
    padding: .7em 0 0;
    margin-bottom: 0;
    list-style-type: none; }
    .widget ul li,
    .widget ol li {
      display: block;
      /*line-height: 2em;*/ }
      .widget ul li ul,
      .widget ul li ol,
      .widget ol li ul,
      .widget ol li ol {
        margin-left: .5em; }
        @media screen and (min-width: 30em) {
          .widget ul li ul,
          .widget ul li ol,
          .widget ol li ul,
          .widget ol li ol {
            margin-left: 1em; } }
  .widget select {
    width: 100%;
    height: 2.5em;
    padding: 10px;
    font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
    border: 1px solid #ccc; }

.widget-title {
  margin-top: 0;
  margin-bottom: .5em;
  font-size: 1.4em; }
  .widget-title.hidden {
    display: none; }

.widget_taunton_email_subscribe_widget .widget-title {
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
  font-size: 16px;
  font-weight: 400; }

/* Archive and Categories widgets */
.widget_archive li {
  color: #7D7D7D; }

.widget_categories .children {
  padding-top: 0; }

/* Search widget. */
.widget_search .search-submit {
  display: none; }

/* Pages and Menu widgets */
.widget_pages .children,
.widget_nav_menu .sub-menu {
  padding-top: 0;
  padding-bottom: .5em; }

.widget_pages a,
.widget_nav_menu a {
  display: block;
  /*padding: 1em 0;*/
  text-decoration: none;
  /*border-bottom: 1px dashed hsl(0, 0%, 50%);*/ }
  .widget_pages a:hover, .widget_pages a:focus,
  .widget_nav_menu a:hover,
  .widget_nav_menu a:focus {
    text-decoration: none;
    /*border-bottom: 1px dashed hsl(0, 0%, 50%);*/ }

.widget_pages li,
.widget_nav_menu li {
  padding: 0; }

/* Meta widget */
.widget_meta li {
  padding: 0; }

/* Recent comments */
.widget_recent_comments li {
  line-height: 1.3em;
  padding-bottom: .5em; }

.widget_recent_comments a:hover,
.widget_recent_comments a:focus {
  padding-left: 0; }

/* RSS widget */
.widget_rss li {
  margin-bottom: 1em; }

.widget li a.rsswidget {
  padding-right: .5em;
  font-size: 1em;
  line-height: 1.4em; }

.rss-date,
.widget_rss cite {
  color: #333;
  font-size: .8em; }

.rssSummary {
  padding: .5em 0;
  font-family: roboto, Georgia, Cambria, "Times New Roman", Times, serif;
  font-size: .8em;
  line-height: 1.4em; }

/* Search widget */
.widget_search input[type="search"] {
  box-sizing: border-box;
  width: 100%;
  padding: .5em 1em;
  border: 1px solid #c3c3c3;
  border-radius: 0; }

/* Calendar widget */
.widget_calendar {
  font-weight: 400; }
  .widget_calendar caption {
    padding: .5em 0;
    font-size: 1em;
    font-weight: 500;
    text-align: left; }
  .widget_calendar thead {
    background: transparent;
    color: #2d2d2d; }
    .widget_calendar thead th {
      border-bottom-width: 2px; }
  .widget_calendar td {
    padding: .2em;
    font-size: .8em;
    text-align: center;
    background: white;
    border: 1px solid #cccccc; }
  .widget_calendar th {
    border: none;
    text-align: center; }
  .widget_calendar .pad {
    background: #eaeaea; }
  .widget_calendar a {
    font-weight: 900;
    text-decoration: none; }

/* Text widget */
.textwidget {
  font-size: 80%;
  line-height: 1.3em; }

/* Footer widget stylings */
.footer-widgets {
  margin: 0;
  padding: 0; }
  @media screen and (min-width: 650px) {
    .footer-widgets {
      padding: .9em .1em .1em; } }
  .footer-widgets .widget {
    flex: 1;
    margin: 0; }
    .footer-widgets .widget .original-title {
      color: rgba(255, 255, 255, 0.5); }
  @media screen and (min-width: 900px) {
    .footer-widgets {
      /* Use flex to create a responsive layout */
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      /* If only one widget is displayed, make it full width. */
      /* If 2 or 3 widgets are displayed, make the second one twice as wide. */
      /* If 4 or more widgets are displayed, show three across when available. */ }
      .footer-widgets .widget:only-of-type {
        width: 100%; }
      .footer-widgets .widget:nth-last-child(n+2):nth-last-child(-n+3):first-child ~ .widget:nth-child(2) {
        flex: 2; }
      .footer-widgets .widget:nth-last-child(n+4),
      .footer-widgets .widget:nth-last-child(n+4) ~ .widget {
        width: 30%;
        flex: 1 1 30%; } }

/* Promo widget */
.promo-widgets {
  margin-top: 0;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
  align-content: space-between; }
  .promo-widgets .widget {
    flex-grow: 1;
    text-align: center; }
  .promo-widgets a:hover {
    border-bottom: none; }
  @media screen and (min-width: 650px) {
    .promo-widgets {
      flex-wrap: nowrap; } }

/*--------------------------------------------------------------
# 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; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both; }

.animated.infinite {
  animation-iteration-count: infinite; }

.animated.hinge {
  animation-duration: 2s; }

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: .75s; }

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0); }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0); }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0); }
  90% {
    transform: translate3d(0, -4px, 0); } }

.bounce {
  animation-name: bounce;
  transform-origin: center bottom; }

@keyframes flash {
  from, 50%, to {
    opacity: 1; }
  25%, 75% {
    opacity: 0; } }

.flash {
  animation-name: flash; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1); }
  50% {
    transform: scale3d(1.05, 1.05, 1.05); }
  to {
    transform: scale3d(1, 1, 1); } }

.pulse {
  animation-name: pulse; }

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1); }
  30% {
    transform: scale3d(1.25, 0.75, 1); }
  40% {
    transform: scale3d(0.75, 1.25, 1); }
  50% {
    transform: scale3d(1.15, 0.85, 1); }
  65% {
    transform: scale3d(0.95, 1.05, 1); }
  75% {
    transform: scale3d(1.05, 0.95, 1); }
  to {
    transform: scale3d(1, 1, 1); } }

.rubberBand {
  animation-name: rubberBand; }

@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0); }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0); }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0); } }

.shake {
  animation-name: shake; }

@keyframes headShake {
  0% {
    transform: translateX(0); }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg); }
  18.5% {
    transform: translateX(5px) rotateY(7deg); }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg); }
  43.5% {
    transform: translateX(2px) rotateY(3deg); }
  50% {
    transform: translateX(0); } }

.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake; }

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg); }
  40% {
    transform: rotate3d(0, 0, 1, -10deg); }
  60% {
    transform: rotate3d(0, 0, 1, 5deg); }
  80% {
    transform: rotate3d(0, 0, 1, -5deg); }
  to {
    transform: rotate3d(0, 0, 1, 0deg); } }

.swing {
  transform-origin: top center;
  animation-name: swing; }

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1); }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
  to {
    transform: scale3d(1, 1, 1); } }

.tada {
  animation-name: tada; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: none; }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); }
  to {
    transform: none; } }

.wobble {
  animation-name: wobble; }

@keyframes jello {
  from, 11.1%, to {
    transform: none; }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg); }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg); }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg); }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg); }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg); }
  77.7% {
    transform: skewX(0.39062deg) skewY(0.39062deg); }
  88.8% {
    transform: skewX(-0.19531deg) skewY(-0.19531deg); } }

.jello {
  animation-name: jello;
  transform-origin: center; }

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  20% {
    transform: scale3d(1.1, 1.1, 1.1); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1); } }

.bounceIn {
  animation-name: bounceIn; }

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  to {
    transform: none; } }

.bounceInDown {
  animation-name: bounceInDown; }

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0); }
  75% {
    transform: translate3d(-10px, 0, 0); }
  90% {
    transform: translate3d(5px, 0, 0); }
  to {
    transform: none; } }

.bounceInLeft {
  animation-name: bounceInLeft; }

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0); }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0); }
  75% {
    transform: translate3d(10px, 0, 0); }
  90% {
    transform: translate3d(-5px, 0, 0); }
  to {
    transform: none; } }

.bounceInRight {
  animation-name: bounceInRight; }

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  75% {
    transform: translate3d(0, 10px, 0); }
  90% {
    transform: translate3d(0, -5px, 0); }
  to {
    transform: translate3d(0, 0, 0); } }

.bounceInUp {
  animation-name: bounceInUp; }

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9); }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1); }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); } }

.bounceOut {
  animation-name: bounceOut; }

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0); }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.bounceOutDown {
  animation-name: bounceOutDown; }

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

.bounceOutLeft {
  animation-name: bounceOutLeft; }

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0); }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

.bounceOutRight {
  animation-name: bounceOutRight; }

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0); }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

.bounceOutUp {
  animation-name: bounceOutUp; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.fadeIn {
  animation-name: fadeIn; }

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInDown {
  animation-name: fadeInDown; }

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInDownBig {
  animation-name: fadeInDownBig; }

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInLeft {
  animation-name: fadeInLeft; }

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInLeftBig {
  animation-name: fadeInLeftBig; }

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInRight {
  animation-name: fadeInRight; }

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInRightBig {
  animation-name: fadeInRightBig; }

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInUp {
  animation-name: fadeInUp; }

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); }
  to {
    opacity: 1;
    transform: none; } }

.fadeInUpBig {
  animation-name: fadeInUpBig; }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOutDown {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0); } }

.fadeOutDown {
  animation-name: fadeOutDown; }

@keyframes fadeOutDownBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0); } }

.fadeOutDownBig {
  animation-name: fadeOutDownBig; }

@keyframes fadeOutLeft {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0); } }

.fadeOutLeft {
  animation-name: fadeOutLeft; }

@keyframes fadeOutLeftBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0); } }

.fadeOutLeftBig {
  animation-name: fadeOutLeftBig; }

@keyframes fadeOutRight {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0); } }

.fadeOutRight {
  animation-name: fadeOutRight; }

@keyframes fadeOutRightBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0); } }

.fadeOutRightBig {
  animation-name: fadeOutRightBig; }

@keyframes fadeOutUp {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0); } }

.fadeOutUp {
  animation-name: fadeOutUp; }

@keyframes fadeOutUpBig {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0); } }

.fadeOutUpBig {
  animation-name: fadeOutUpBig; }

@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out; }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out; }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in; }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in; }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in; } }

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip; }

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to {
    transform: perspective(400px); } }

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX; }

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0; }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in; }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to {
    transform: perspective(400px); } }

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY; }

@keyframes flipOutX {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0; } }

.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important; }

@keyframes flipOutY {
  from {
    transform: perspective(400px); }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1; }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0; } }

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY; }

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0; }
  60% {
    transform: skewX(20deg);
    opacity: 1; }
  80% {
    transform: skewX(-5deg);
    opacity: 1; }
  to {
    transform: none;
    opacity: 1; } }

.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out; }

@keyframes lightSpeedOut {
  from {
    opacity: 1; }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0; } }

.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in; }

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0; }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1; } }

.rotateIn {
  animation-name: rotateIn; }

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1; } }

.rotateInDownLeft {
  animation-name: rotateInDownLeft; }

@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1; } }

.rotateInDownRight {
  animation-name: rotateInDownRight; }

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1; } }

.rotateInUpLeft {
  animation-name: rotateInUpLeft; }

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1; } }

.rotateInUpRight {
  animation-name: rotateInUpRight; }

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1; }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0; } }

.rotateOut {
  animation-name: rotateOut; }

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1; }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; } }

.rotateOutDownLeft {
  animation-name: rotateOutDownLeft; }

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1; }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutDownRight {
  animation-name: rotateOutDownRight; }

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1; }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0; } }

.rotateOutUpLeft {
  animation-name: rotateOutUpLeft; }

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1; }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; } }

.rotateOutUpRight {
  animation-name: rotateOutUpRight; }

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out; }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0; } }

.hinge {
  animation-name: hinge; }

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom; }
  50% {
    transform: rotate(-10deg); }
  70% {
    transform: rotate(3deg); }
  to {
    opacity: 1;
    transform: scale(1); } }

.jackInTheBox {
  animation-name: jackInTheBox; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); }
  to {
    opacity: 1;
    transform: none; } }

.rollIn {
  animation-name: rollIn; }

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } }

.rollOut {
  animation-name: rollOut; }

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  50% {
    opacity: 1; } }

.zoomIn {
  animation-name: zoomIn; }

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInDown {
  animation-name: zoomInDown; }

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInLeft {
  animation-name: zoomInLeft; }

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInRight {
  animation-name: zoomInRight; }

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomInUp {
  animation-name: zoomInUp; }

@keyframes zoomOut {
  from {
    opacity: 1; }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3); }
  to {
    opacity: 0; } }

.zoomOut {
  animation-name: zoomOut; }

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutDown {
  animation-name: zoomOutDown; }

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center; } }

.zoomOutLeft {
  animation-name: zoomOutLeft; }

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center; } }

.zoomOutRight {
  animation-name: zoomOutRight; }

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } }

.zoomOutUp {
  animation-name: zoomOutUp; }

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

.slideInDown {
  animation-name: slideInDown; }

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

.slideInLeft {
  animation-name: slideInLeft; }

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

.slideInRight {
  animation-name: slideInRight; }

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible; }
  to {
    transform: translate3d(0, 0, 0); } }

.slideInUp {
  animation-name: slideInUp; }

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0); } }

.slideOutDown {
  animation-name: slideOutDown; }

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0); } }

.slideOutLeft {
  animation-name: slideOutLeft; }

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0); } }

.slideOutRight {
  animation-name: slideOutRight; }

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0); }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0); } }

.slideOutUp {
  animation-name: slideOutUp; }

/*--------------------------------------------------------------
# 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: 1em;
  max-width: 100%;
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
  font-size: 65%;
  color: #666666;
  text-align: center; }
  .wp-caption a {
    color: inherit; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: .5em 0 .8em 1em; }
    @media screen and (min-width: 650px) {
      .wp-caption .wp-caption-text {
        margin-left: 2em; } }
    @media screen and (min-width: 900px) {
      .wp-caption .wp-caption-text {
        margin-left: 0; } }

/*--------------------------------------------------------------
## Images
--------------------------------------------------------------*/
.wp-caption.aligncenter,
.centered-image {
  max-width: 100vw;
  margin: 0 -1em; }
  @media screen and (min-width: 650px) {
    .wp-caption.aligncenter,
    .centered-image {
      margin: 0 -2em; } }

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

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
  padding: 1em; }
  .gallery-item img {
    display: block; }
  .gallery-item a {
    display: inline-block;
    border-bottom: none; }
    .gallery-item a:hover, .gallery-item a:focus {
      border-bottom: none;
      box-shadow: none; }
      .gallery-item a:hover img, .gallery-item a:focus img {
        border-color: #9EA476; }
    .gallery-item a img {
      padding: .5em;
      margin: 0 auto;
      border: 1px solid #ffffff; }
  .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;
  margin: 0;
  font-family: adelle-sans, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Ariel, sans-serif;
  border: none; }