body {
  background: #fff;
  margin: 0;
  font-family: sans-serif;
  font-size: 20px;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

.post-thumbnail img,
.single p img {
  height: auto;
  width: 100%;
}

/* latin */
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 400;
  src: local("Oswald Regular"), local("Oswald-Regular"), url("//fonts.gstatic.com/s/oswald/v10/_P8jt3Y65hJ9c4AzRE0V1H-_kf6ByYO6CLYdB4HQE-Y.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/*
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browser-upgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

h1 {
  font-size: 30px;
  line-height: 33px;
}
@media only screen and (max-width: 767px) {
  h1 {
    margin-bottom: 0.5em;
  }
}

.twitter-tweet,
.twitter-video,
.instagram-media {
  margin: 0 auto;
}
.twitter-tweet + p,
.twitter-video + p,
.instagram-media + p {
  margin: 0;
}

.fb_iframe_widget {
  text-align: center;
  width: 100%;
}

.featured-embed {
  margin-bottom: 10px;
  margin-top: 10px;
}
.featured-embed p {
  margin: 0;
}

.sub-menu-category-load-more {
  background: #c7c7c7;
  color: #2e2d2c;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
}

a:hover .sub-menu-category-load-more,
a:focus .sub-menu-category-load-more,
a:active .sub-menu-category-load-more {
  background: #b7b7b7;
}

.button {
  background: #ff3a05;
  border-radius: 5px;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  width: 100%;
}
.button svg {
  position: relative;
  top: -1px;
  width: 17px;
}
.button span {
  display: none;
}
@media only screen and (min-width: 1200px) {
  .button span {
    display: inline-block;
    padding-left: 5px;
  }
}

a.button,
a:link.button,
a:visited.button {
  color: #fff;
}
a.button-facebook,
a:link.button-facebook,
a:visited.button-facebook {
  background: #466bb0;
}
a.button-pinterest,
a:link.button-pinterest,
a:visited.button-pinterest {
  background: #d20001;
}
a.button-twitter,
a:link.button-twitter,
a:visited.button-twitter {
  background: #16b3f4;
}

a:hover.button,
a:focus.button,
a:active.button {
  background: #e53100;
}
a:hover.button-facebook,
a:focus.button-facebook,
a:active.button-facebook {
  background: #4062a1;
}
a:hover.button-pinterest,
a:focus.button-pinterest,
a:active.button-pinterest {
  background: #be0001;
}
a:hover.button-twitter,
a:focus.button-twitter,
a:active.button-twitter {
  background: #0ba9eb;
}

.buttons-wrap > div {
  float: left;
  padding-right: 10px;
}
.buttons-wrap > div:last-child {
  padding-right: 0;
}

.button-top-a,
.button-top-d {
  width: 16.6666%;
}

.button-top-b,
.button-top-c,
.button-bottom {
  width: 33.3333%;
}

.photo-credit,
.wp-caption-text {
  font-family: Georgia, Utopia, "Times New Roman", Times, serif;
  font-size: 13px;
  font-style: italic;
  margin-top: 0;
  text-align: center;
}

.svg-search {
  fill: #8e8e8e;
}
@media only screen and (min-width: 768px) {
  .svg-search {
    fill: #c7c7c7;
  }
}

@media only screen and (min-width: 768px) {
  .banner .search-form {
    float: left;
    margin: 9px 15px 4px 15px;
    position: relative;
  }
}
.search-form svg {
  cursor: pointer;
  height: 15px;
  padding: 10px;
  position: absolute;
  right: 10px;
  top: 11px;
  box-sizing: content-box;
}
@media only screen and (max-width: 767px) {
  .search-form svg:hover {
    background: #c7c7c7;
  }
}
@media only screen and (min-width: 768px) {
  .search-form svg {
    padding: 0;
    right: 8px;
    top: 13px;
  }
}
.search-form input[type=search] {
  color: #8e8e8e;
  font-size: 13px;
  margin: 3px 0;
  padding: 8px 20px 9px 9px;
  transition: all 0.5s ease;
}
@media only screen and (min-width: 768px) {
  .search-form input[type=search] {
    display: block;
    opacity: 0;
    width: 30px;
  }
  .search-form input[type=search].search-input-show {
    opacity: 1;
    width: 200px;
  }
}

.search-input {
  display: none;
}

label {
  display: block;
  margin-bottom: 4px;
}

input[type=search],
input[type=text],
input[type=email],
textarea {
  -webkit-appearance: none;
  border: 1px solid #c7c7c7;
  border-radius: 2px;
  font-size: 16px;
  margin-bottom: 20px;
  padding: 8px 9px 9px 9px;
  width: 100%;
}

input[type=submit] {
  transition: all 0.2s;
  border-radius: 3px;
  color: #fff;
  font-size: 16px;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 0;
  padding: 8px 20px;
  text-align: center;
  cursor: pointer;
}

.alignnone {
  margin-left: 0;
  margin-right: 0;
  max-width: 100%;
  height: auto;
}

.aligncenter {
  display: block;
  margin: 5px auto;
  height: auto;
  text-align: center;
}

.alignleft,
.alignright {
  margin-bottom: 5px;
  height: auto;
}

@media only screen and (min-width: 768px) {
  .alignleft {
    float: left;
    margin-right: 5px;
  }
  .alignright {
    float: right;
    margin-left: 5px;
  }
}
.wp-caption {
  max-width: 100%;
}
.wp-caption img {
  height: auto;
  max-width: 100%;
}

.toggle-navigation {
  position: absolute;
  right: 47px;
  top: 11px;
  width: 34px;
  height: 35px;
}
.toggle-navigation:hover, .toggle-navigation:focus, .toggle-navigation:active {
  background: #c7c7c7;
}
@media only screen and (min-width: 768px) {
  .toggle-navigation {
    display: none;
  }
}
.toggle-navigation:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 1em;
  height: 0.15em;
  background: #8e8e8e;
  box-shadow: 0 0.25em 0 0 #8e8e8e, 0 0.5em 0 0 #8e8e8e;
  margin-left: 9px;
  margin-top: 8px;
}

.toggle-navigation-legal {
  width: 100%;
  height: 59px;
}
@media only screen and (min-width: 768px) {
  .toggle-navigation-legal {
    width: 58px;
  }
}
.toggle-navigation-legal:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 1em;
  height: 0.15em;
  background: #2e2d2c;
  box-shadow: 0 0.25em 0 0 #2e2d2c, 0 0.5em 0 0 #2e2d2c;
  margin-left: 21px;
  margin-top: 19px;
}
.toggle-navigation-legal:hover:before, .toggle-navigation-legal:focus:before, .toggle-navigation-legal:active:before {
  background: #fff;
  box-shadow: 0 0.25em 0 0 #fff, 0 0.5em 0 0 #fff;
}

#primary-navigation {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  #primary-navigation {
    display: block;
    float: left;
  }
}
#primary-navigation > li {
  position: relative;
}
@media only screen and (min-width: 768px) {
  #primary-navigation > li {
    float: left;
  }
}
#primary-navigation > li > a {
  font-size: 17px;
  padding: 18px 20px;
}
#primary-navigation a {
  text-transform: uppercase;
}
#primary-navigation a,
#primary-navigation a:link,
#primary-navigation a:visited {
  color: #2e2d2c;
  display: block;
}
#primary-navigation .sub-menu {
  background: #eaeaea;
  z-index: 999999;
  display: none;
  left: 0;
  padding: 0 6px;
  position: absolute;
  top: 59px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #primary-navigation .sub-menu {
    min-width: 350px;
    width: auto;
  }
}
#primary-navigation .sub-menu li {
  overflow: hidden;
  padding: 6px 0;
}
#primary-navigation .sub-menu li:nth-last-child(1) {
  border-bottom: none;
}
#primary-navigation .sub-menu-right {
  left: auto;
  right: 0;
}

.sub-menu-category-img {
  float: left;
  height: auto;
  width: 48%;
}

.sub-menu-category-title {
  display: block;
  float: left;
  font-size: 15px;
  padding: 4px 0 0 5px;
  text-transform: capitalize;
  width: 52%;
}

.caret {
  float: right;
  font-size: 11px;
  padding-left: 4px;
  position: relative;
  top: 4px;
}

.footer-navigation {
  border-bottom: 1px solid #eaeaea;
  list-style: none;
  padding: 0 0 10px 0;
}
.footer-navigation a,
.footer-navigation a:link,
.footer-navigation a:visited {
  color: #eaeaea;
}
.footer-navigation a:hover,
.footer-navigation a:focus,
.footer-navigation a:active {
  text-decoration: underline;
}
.footer-navigation .current-menu-item a,
.footer-navigation .current-menu-item a:link,
.footer-navigation .current-menu-item a:visited {
  text-decoration: underline;
}

.legal-navigation {
  list-style: none;
  margin: 0;
  padding: 0;
}
.legal-navigation li {
  border-right: 1px solid #8e8e8e;
  float: left;
  padding: 0 5px;
}
.legal-navigation li:first-child {
  padding-left: 0;
}
.legal-navigation li:last-child {
  border-right: none;
  padding-right: 0;
}
.legal-navigation li a,
.legal-navigation li a:link,
.legal-navigation li a:visited {
  color: #8e8e8e;
  border-bottom: 1px solid #8e8e8e;
}
.legal-navigation li a:hover,
.legal-navigation li a:focus,
.legal-navigation li a:active {
  color: #fff;
}
.legal-navigation .current-menu-item a,
.legal-navigation .current-menu-item a:link,
.legal-navigation .current-menu-item a:visited {
  color: #fff;
}

.social-icons {
  display: none;
  float: left;
  list-style: none;
  margin: 18px 0;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .social-icons {
    display: block;
  }
}
.social-icons li {
  float: left;
  margin: 0 5px;
  width: 23px;
}
.social-icons li:first-child {
  margin-left: 0;
}
.social-icons li:last-child {
  margin-right: 0;
}
.social-icons a:hover .svg-facebook {
  fill: #4062a1;
}
.social-icons a:hover .svg-twitter {
  fill: #0ba9eb;
}
.social-icons a:hover .svg-pinterest {
  fill: #be0001;
}
.social-icons a:hover .svg-instagram {
  fill: #614a3e;
}
.social-icons a:hover .svg-google-plus {
  fill: #ea211a;
}

.svg-facebook {
  fill: #466bb0;
}

.svg-twitter {
  fill: #16b3f4;
}

.svg-pinterest {
  fill: #d20001;
}

.svg-instagram {
  fill: #6d5346;
}

.svg-google-plus {
  fill: #ec332d;
}

.button .svg-facebook,
.button .svg-twitter,
.button .svg-pinterest {
  fill: #fff;
}

.paginate {
  margin: 20px 0 30px 0;
  text-align: center;
}
.paginate span,
.paginate a {
  border: solid 1px #c7c7c7;
  border-radius: 4px;
  margin: 5px 2px;
  padding: 5px 10px;
  display: inline-block;
}
.paginate span.dots {
  border: none;
}
.paginate a,
.paginate a:link,
.paginate a:visited {
  color: #2e2d2c;
}
.paginate a:hover,
.paginate a:focus,
.paginate a:active {
  background: #eaeaea;
}
.paginate .current {
  background: #eaeaea;
}

.page-header h1 {
  margin-bottom: 0;
}

.entry-title a,
.entry-title a:link,
.entry-title a:visited {
  color: #2e2d2c;
}

.tag-list {
  margin-top: -24px;
  padding-left: 30px;
}
.tag-list li {
  display: inline;
  list-style: none;
  text-transform: capitalize;
}
.tag-list li:after {
  content: ", ";
}
.tag-list li:last-child:after {
  content: "";
}

.tag-list-icon svg {
  height: 24px;
  width: 24px;
}

#flyin {
  display: none;
}
@media only screen and (min-width: 768px) {
  #flyin {
    background: #f2f2f2;
    display: block;
    box-shadow: 0 0 10px #999;
    bottom: 95px;
    position: fixed;
    overflow: hidden;
    z-index: 9999;
    padding: 15px 15px 45px 15px;
    transition: right 1.2s ease-out;
    right: -100%;
  }
  #flyin.flyin-open {
    right: 0;
  }
  #flyin .close-flyin {
    position: absolute;
    right: 15px;
    font-size: 22px;
    top: 7px;
    font-weight: bold;
  }
}
#flyin h3 {
  margin-top: 25px;
}

.fb_iframe_widget_fluid_desktop iframe {
  width: 100% !important;
}

.multipage-link a,
.multipage-link a:link,
.multipage-link a:visited {
  color: #fff;
}
.multipage-link a:hover,
.multipage-link a:focus,
.multipage-link a:active {
  background: #e53100;
}
.multipage-link a {
  background: #ff3a05;
  border-radius: 5px;
  display: block;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 10px 0;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.announcements {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 1000;
}
.announcements p {
  color: #c7c7c7;
  font-size: 13px;
  margin-right: 41px;
}
.announcements a,
.announcements a:link,
.announcements a:visited {
  color: #eaeaea;
}
.announcements div {
  border-top: 1px solid #8e8e8e;
  padding: 10px 20px;
  position: relative;
  background-color: #2e2d2c;
  position: relative;
}

#accept-cookies {
  border: 1px solid #8e8e8e;
  border-radius: 6px;
  font-size: 13px;
  padding: 4px 10px;
  position: absolute;
  right: 10px;
  top: 18px;
}

body.has-cookies-bar {
  margin-bottom: 64px;
}

.blog .post-thumbnail img {
  object-fit: cover;
}
@media only screen and (min-width: 590px) and (max-width: 899px) {
  .blog .post-thumbnail img {
    height: 155px;
  }
}
@media only screen and (min-width: 900px) and (max-width: 1199px) {
  .blog .post-thumbnail img {
    height: 157px;
  }
}
@media only screen and (min-width: 1200px) {
  .blog .post-thumbnail img {
    height: 199px;
  }
}
.blog .featured-article .post-thumbnail img {
  object-fit: cover;
}
@media only screen and (min-width: 900px) and (max-width: 1199px) {
  .blog .featured-article .post-thumbnail img {
    height: 326px;
  }
}
@media only screen and (min-width: 1200px) {
  .blog .featured-article .post-thumbnail img {
    height: 410px;
  }
}

.qc-cmp-ui-container .qc-cmp-button {
  color: #fff;
}
.qc-cmp-ui-container .qc-cmp-button.qc-cmp-secondary-button {
  border-color: #fff;
  background-color: transparent;
  color: #2e2d2c;
}
.qc-cmp-ui-container .qc-cmp-button.qc-cmp-secondary-button:hover, .qc-cmp-ui-container .qc-cmp-button.qc-cmp-secondary-button:focus, .qc-cmp-ui-container .qc-cmp-button.qc-cmp-secondary-button:active {
  background: #fff !important;
}
.qc-cmp-ui-container .qc-cmp-button.qc-cmp-secondary-button:hover {
  color: #2e2d2c;
}
.qc-cmp-ui-container .qc-cmp-bold-messaging {
  border-bottom: none;
}
.qc-cmp-ui-container .qc-cmp-close-icon:hover {
  background-color: #fff;
}
.qc-cmp-ui-container .qc-cmp-ui,
.qc-cmp-ui-container .qc-cmp-ui .qc-cmp-main-messaging,
.qc-cmp-ui-container .qc-cmp-ui .qc-cmp-messaging,
.qc-cmp-ui-container .qc-cmp-ui .qc-cmp-beta-messaging,
.qc-cmp-ui-container .qc-cmp-ui .qc-cmp-title,
.qc-cmp-ui-container .qc-cmp-ui .qc-cmp-sub-title,
.qc-cmp-ui-container .qc-cmp-ui .qc-cmp-purpose-info,
.qc-cmp-ui-container .qc-cmp-ui .qc-cmp-table,
.qc-cmp-ui-container .qc-cmp-ui .qc-cmp-table-header,
.qc-cmp-ui-container .qc-cmp-ui .qc-cmp-vendor-list,
.qc-cmp-ui-container .qc-cmp-ui .qc-cmp-vendor-list-title,
.qc-cmp-ui-container .qc-cmp-toggle-status {
  color: #2e2d2c;
}
.qc-cmp-ui-container .qc-cmp-ui {
  background-color: #eaeaea;
}
.qc-cmp-ui-container .qc-cmp-publisher-purposes-table .qc-cmp-table-header {
  background-color: #fafafa;
}
.qc-cmp-ui-container .qc-cmp-publisher-purposes-table .qc-cmp-table-row {
  background-color: #fff;
}
.qc-cmp-ui-container .qc-cmp-small-toggle.qc-cmp-toggle-on,
.qc-cmp-ui-container .qc-cmp-toggle.qc-cmp-toggle-on {
  background-color: #1a86dd;
  border-color: #1a86dd;
}
.qc-cmp-ui-container .qc-cmp-publisher-logo {
  max-height: none;
}

.qc-cmp-persistent-link {
  display: none !important;
}

#cookie-bar {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  overflow-y: hidden;
  width: 100%;
  z-index: 10;
}
#cookie-bar .qc-cmp-ui-content {
  padding: 10px 38px 10px 10px;
  position: relative;
}
#cookie-bar p {
  color: #fff;
  font-size: 14px;
  margin: 0;
  line-height: 21px;
}
#cookie-bar p a {
  border-bottom: 1px solid #fff;
}
#cookie-bar a,
#cookie-bar a:link,
#cookie-bar a:visited {
  color: #fff;
}

#cookie-bar-close {
  border-bottom: 0;
  font-size: 32px;
  padding: 10px;
  position: absolute;
  right: 0;
  top: -14px;
}

.banner {
  background: #eaeaea;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .banner-end {
    float: right;
  }
}
.brand {
  display: block;
  font-family: Oswald, sans-serif;
  font-size: 47px;
  font-weight: bold;
  line-height: 0.8;
  margin-bottom: 8px;
  margin-right: 78px;
  padding-top: 10px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  word-break: break-all;
  word-break: break-word;
}
@media only screen and (min-width: 768px) {
  .brand {
    float: left;
    margin-right: 25px;
  }
}
.brand img {
  max-height: 51px;
  height: auto;
  max-width: 100%;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.logo {
  display: block;
}

.header-two {
  padding: 18px 0;
}

.header-two-posts {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
@media only screen and (min-width: 340px) {
  .header-two-posts {
    margin: 0 -10px;
  }
}
.header-two-posts li {
  float: left;
  padding: 9px 0 0 0;
  width: 100%;
}
@media only screen and (min-width: 340px) {
  .header-two-posts li {
    padding: 0 9px 18px 9px;
    width: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .header-two-posts li {
    width: 20%;
  }
}
.header-two-posts img {
  height: auto;
  width: 100%;
}
.header-two-posts h3 {
  margin: 0;
}
.header-two-posts a {
  display: block;
}
.header-two-posts a,
.header-two-posts a:link,
.header-two-posts a:visited {
  color: #2e2d2c;
}

.header-two-view-all {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-two-view-all a {
  display: block;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}

.sidebar h2 {
  border-bottom: 5px solid #eaeaea;
  padding-bottom: 3px;
}
.sidebar h3 {
  font-size: 23px;
  line-height: 23px;
  margin-top: 5px;
}
.sidebar h3 a,
.sidebar h3 a:link,
.sidebar h3 a:visited {
  color: #2e2d2c;
}

.content-info {
  background: #2e2d2c;
  color: #eaeaea;
  font-size: 13px;
}
.content-info .container {
  padding-top: 15px;
  padding-bottom: 15px;
}

.copyright {
  color: #8e8e8e;
}

@media only screen and (min-width: 992px) {
  .main {
    min-height: 800px;
  }
}
.page-template .main {
  margin-bottom: 3em;
}

.container {
  max-width: 1103px;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  .container {
    padding: 0 10px;
  }
}

@media only screen and (min-width: 590px) and (max-width: 899px) {
  .blog #wrap {
    max-width: 590px;
  }
}
@media only screen and (min-width: 900px) and (max-width: 1199px) {
  .blog #wrap {
    max-width: 900px;
  }
}

.home:not(.paged) .articles {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-areas: "feature feature two" "feature feature three" "ad ad ad" "four five six" "seven eight nine" "ten eleven twelve";
}
@media only screen and (max-width: 899px) {
  .home:not(.paged) .articles {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto auto auto auto auto;
    grid-template-areas: "feature two" "ad ad" "three four" "five six" "seven eight" "nine ten" "eleven twelve";
  }
}
@media only screen and (max-width: 589px) {
  .home:not(.paged) .articles {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-areas: "feature" "two" "ad" "three" "four" "five" "six" "seven" "eight" "nine" "ten" "eleven" "twelve";
  }
}
.home:not(.paged) .articles article {
  padding-bottom: 10px;
  margin-bottom: 10px;
  position: relative;
  width: 100% !important;
}
.home:not(.paged) .articles article:nth-child(1) {
  grid-area: feature;
}
.home:not(.paged) .articles article:nth-child(1) .entry-title-index {
  bottom: 18px;
}
.home:not(.paged) .articles article:nth-child(2) {
  grid-area: two;
}
.home:not(.paged) .articles article:nth-child(3) {
  grid-area: three;
}
.home:not(.paged) .articles article:nth-child(4) {
  grid-area: four;
}
.home:not(.paged) .articles article:nth-child(5) {
  grid-area: five;
}
.home:not(.paged) .articles article:nth-child(6) {
  grid-area: six;
}
.home:not(.paged) .articles article:nth-child(7) {
  grid-area: seven;
}
.home:not(.paged) .articles article:nth-child(8) {
  grid-area: eight;
}
.home:not(.paged) .articles article:nth-child(9) {
  grid-area: nine;
}
.home:not(.paged) .articles article:nth-child(10) {
  grid-area: ten;
}
.home:not(.paged) .articles article:nth-child(11) {
  grid-area: eleven;
}
.home:not(.paged) .articles article:nth-child(12) {
  grid-area: twelve;
}
.home:not(.paged) .articles article:nth-child(13) {
  grid-area: ad;
  width: 100% !important;
}
@media only screen and (min-width: 590px) {
  .home:not(.paged) .articles {
    margin: 0 -10px;
  }
  .home:not(.paged) .articles article {
    float: left;
    margin: 0;
    padding: 10px;
    width: 50%;
  }
}
@media only screen and (min-width: 900px) {
  .home:not(.paged) .articles article {
    width: 33.3333%;
  }
}

.articles article {
  padding-bottom: 10px;
  margin-bottom: 10px;
  position: relative;
}
@media only screen and (min-width: 590px) {
  .articles {
    margin: 0 -10px;
  }
  .articles article {
    float: left;
    margin: 0;
    padding: 10px;
    width: 50%;
  }
}
@media only screen and (min-width: 900px) {
  .articles article {
    width: 33.3333%;
  }
}

@media only screen and (min-width: 900px) {
  .home:not(.paged) .articles .featured-article {
    width: 66.6666%;
  }
  .home:not(.paged) .articles article:nth-child(3) {
    position: relative;
    top: -8px;
  }
}
.entry-title-index {
  background: rgba(0, 0, 0, 0.65);
  position: absolute;
  bottom: 10px;
  overflow: hidden;
  margin: 0;
  text-align: center;
  min-height: 53px;
  right: 0;
  left: 0;
}
@media only screen and (min-width: 590px) {
  .entry-title-index {
    right: 10px;
    left: 10px;
  }
}
.entry-title-index a {
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  left: 10px;
  right: 10px;
  font-size: 17px;
  font-weight: normal;
  line-height: 22px;
}
.entry-title-index a,
.entry-title-index a:link,
.entry-title-index a:visited {
  color: #fff;
}

#wrap {
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  #wrap .row {
    margin: -10px;
  }
}

@media only screen and (min-width: 768px) {
  .main,
  .sidebar {
    padding: 10px;
  }
}
.single .main,
.single .sidebar {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .single .main,
  .single .sidebar {
    float: left;
  }
  .single .main {
    width: 66.6666%;
  }
  .single .sidebar {
    width: 33.3333%;
  }
}

.entry-content p {
  overflow-x: hidden;
}
.entry-content p a {
  text-decoration: underline !important;
}
.entry-content p a:hover {
  text-decoration: none !important;
}

.ad-amp {
  margin: 28px 0;
  text-align: center;
}

.adx {
  text-align: center;
}

.adsense,
.adx {
  display: block;
  margin: 28px auto;
}

.adsense:before {
  display: none !important;
}

.adsense ins {
  width: 100%;
  height: 100%;
  display: block;
}

.sidebar .adx {
  margin-left: 0;
  margin-right: 0;
  text-align: left;
}

.adx-mobile-banner {
  display: block;
  height: 50px;
  left: -160px;
  margin-top: 4px;
  margin-left: 50%;
  position: relative;
  text-align: center;
  width: 320px;
}

@media only screen and (min-width: 768px) {
  .sidebar-stuck {
    position: fixed;
    top: 0;
  }
}
.adsense-leader,
.adsense-leader-b {
  width: 728px;
  height: 90px;
}

@media only screen and (max-width: 1199px) {
  .adsense-leader,
  .adsense-leader-b {
    width: 300px;
    height: 250px;
  }
  .adsense-leader:before,
  .adsense-leader-b:before {
    content: "'1199px'";
  }
}
.adsense-mid,
.adsense-mid-b,
.adsense-under-vid,
.adsense-under-vid-b {
  width: 336px;
  height: 280px;
}

@media only screen and (max-width: 339px) {
  .adsense-mid,
  .adsense-mid-b,
  .adsense-under-vid,
  .adsense-under-vid-b {
    width: 300px;
    height: 250px;
  }
  .adsense-mid:before,
  .adsense-mid-b:before,
  .adsense-under-vid:before,
  .adsense-under-vid-b:before {
    content: "'339px'";
  }
}
.adsense-side-top,
.adsense-side-top-b {
  width: 336px;
  height: 280px;
}

@media only screen and (max-width: 1199px) {
  .adsense-side-top,
  .adsense-side-top-b {
    width: 300px;
    height: 250px;
  }
  .adsense-side-top:before,
  .adsense-side-top-b:before {
    content: "'1199px'";
  }
}
.ad-text {
  display: block;
  color: #8e8e8e;
  font-size: 11px;
  margin-bottom: -14px;
  position: relative;
  text-align: center;
  top: -27px;
}

.home-top-ad {
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
}
@media (max-width: 589px) {
  .home-top-ad {
    padding-bottom: 20px;
  }
}

.responsive-ad {
  width: 970px;
  height: 250px;
  margin: auto;
}
@media (max-width: 1199px) {
  .responsive-ad {
    width: 728px;
    height: 90px;
  }
}
@media (max-width: 899px) {
  .responsive-ad {
    width: 320px;
    height: 100px;
  }
}
@media (max-width: 589px) {
  .responsive-ad {
    width: 320px;
    height: 100px;
  }
}

.responsive-ad-two {
  width: 728px;
  height: 90px;
  margin: auto;
}
@media (max-width: 899px) {
  .responsive-ad-two {
    width: 320px;
    height: 100px;
  }
}

.home-side-ad {
  padding-bottom: 0px;
}
.home-side-ad .adsbygoogle {
  margin: auto;
}

.floating-ad {
  width: 100% !important;
  padding-top: 0px !important;
  text-align: center;
}

.results {
  margin: 10px 0;
}
.results article {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .results .entry-title {
    margin-bottom: -2px;
  }
}
@media only screen and (min-width: 768px) {
  .results .post-thumbnail {
    float: left;
    padding-right: 20px;
    width: 33.3333%;
  }
  .results .result-info {
    float: left;
    width: 66.6666%;
  }
  .results .entry-title {
    margin-top: 0;
  }
}

body#tinymce {
  margin: 12px !important;
}

.toggled-closed {
  display: none;
}

.toggled-open {
  display: block;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers
 */
.hidden {
  display: none;
}

@media only screen and (max-width: 767px) {
  .hidden-mobile {
    display: none;
  }
}
/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *  causes content to wrap 1 word per line:
 *  https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */
.visuallyhidden,
.screen-reader-text,
.search-submit,
.social-icons span {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus,
.screen-reader-text.focusable:active,
.focusable.search-submit:active,
.social-icons span.focusable:active,
.screen-reader-text.focusable:focus,
.focusable.search-submit:focus,
.social-icons span.focusable:focus {
  clip: auto;
  clip-path: none;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *  `contenteditable` attribute is included anywhere else in the document.
 *  Otherwise it causes space to appear at the top and bottom of elements
 *  that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *  `:before` to contain the top-margins of child elements.
 */
.clearfix:before, .buttons-wrap:before, .legal-navigation:before, .banner:before, .header-two:before, .header-two-posts:before, .home:not(.paged) .articles:before, .articles:before, #wrap:before, .single .main:before,
.single .sidebar:before, .results article:before,
.clearfix:after,
.buttons-wrap:after,
.legal-navigation:after,
.banner:after,
.header-two:after,
.header-two-posts:after,
.home:not(.paged) .articles:after,
.articles:after,
#wrap:after,
.single .main:after,
.single .sidebar:after,
.results article:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after, .buttons-wrap:after, .legal-navigation:after, .banner:after, .header-two:after, .header-two-posts:after, .home:not(.paged) .articles:after, .articles:after, #wrap:after, .single .main:after,
.single .sidebar:after, .results article:after {
  clear: both;
}

.desktop-only,
.desktop-only ins {
  display: none; /* hide on mobile */
}

@media only screen and (min-width: 768px) {
  .desktop-only,
  .desktop-only ins {
    display: block; /* show on desktop */
  }
}
.mobile-only,
.mobile-only ins {
  display: block; /* show on mobile */
}

@media only screen and (min-width: 768px) {
  .mobile-only,
  .mobile-only ins {
    display: none; /* hide on desktop */
  }
}
.admin-byline {
  background: #f0f8ff;
  padding: 10px;
}

.byline {
  margin-bottom: 10px;
  font-weight: 300;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  *,
  *:before,
  *:after,
  p:first-letter,
  div:first-letter,
  blockquote:first-letter,
  li:first-letter,
  p:first-line,
  div:first-line,
  blockquote:first-line,
  li:first-line {
    background: transparent !important;
    color: #000 !important; /* Black prints faster:
http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}