/*

Theme Name: X - Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/
/* Not very important */
.archive .meta-wrap {
  display: none; }

/* Needs updating */
@media screen and (min-width: 979px) {
  .x-colophon .x-column:first-child {
    border-right: 1px solid #e3e3e3; } }

@media screen and (max-width: 979px) {
  .x-colophon .x-column.last {
    margin-top: 10px;
    border-top: 1px solid #e3e3e3; } }

.x-colophon .widget {
  color: black;
  margin-top: 0 !important; }
  .x-colophon .widget a {
    color: black;
    text-decoration: none; }

.x-colophon .h-widget {
  font-size: 1.4rem;
  color: black; }

.x-colophon.bottom {
  background-color: white;
  border-top: 1px solid #e3e3e3; }

.x-colophon.top {
  background-color: white;
  border-top: 1px solid #e3e3e3; }

/* Too much stuff. Reduce it */
.x-container.width {
  width: 95% !important; }

.x-main.left {
  padding-right: 0; }
  .x-main.left .entry-featured img {
    display: none; }

.entry-content.excerpt {
  display: none; }

.x-nav-articles {
  display: none; }

.hide-wp-post-image .entry-featured img {
  display: none; }

.x-brand img {
  width: auto !important;
  height: 35px; }

/* Too complicated. Can it be simplified? */
.x-recent-posts a {
  border: none;
  padding: 0;
  background-color: transparent;
  color: #555; }
  .x-recent-posts a:hover {
    color: #219bcc !important; }

.x-recent-posts .x-recent-posts-date {
  display: none;
  overflow: initial;
  -o-text-overflow: initial;
  text-overflow: initial;
  white-space: initial; }

.x-recent-posts .h-recent-posts {
  font-size: 1.4rem;
  overflow: initial;
  -o-text-overflow: initial;
  text-overflow: initial;
  white-space: initial;
  line-height: 1.3;
  text-decoration: underline; }

.x-recent-posts .x-recent-posts-content {
  padding: 5px 0; }

.featured-meta {
  display: none; }

@media screen and (min-width: 980px) {
  .narrow-x-recent-posts .x-recent-posts-img {
    padding-bottom: 30%; } }

.widget_recent_entries {
  font-weight: 700; }
  .widget_recent_entries h4 {
    display: none; }

/* Needs to be revisited */
.x-full-width-layout-active.x-content-sidebar-active a.entry-thumb.featured {
  margin-right: 0; }

/* Used for landing
   Needs a serious update
*/
.page.narrow .x-container.max {
  max-width: 980px; }

.page .x-header-landmark {
  padding: 1.85em 0 0; }

/* Look into converting this into a button? */
.page-links a {
  width: 100%;
  display: block;
  margin: 1em 0;
  padding: 0.3em;
  text-align: center;
  font-size: 125%;
  font-weight: 700;
  color: #fff;
  background-color: #cd2029;
  border: 1px solid #cd2029; }
  .page-links a:hover {
    color: #cd2029;
    background-color: #fff; }
  .page-links a:nth-child(n+2) {
    display: none; }

/* Too complicated. Can it be simplified ? */
.promo-wrap.vertical ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .promo-wrap.vertical ul li {
    margin: 5px 0; }
    .promo-wrap.vertical ul li a {
      display: block;
      padding: 0 5px !important;
      background-color: #349bdb;
      color: #fff !important;
      text-decoration: none;
      font-weight: 700;
      border-radius: 5px;
      border: medium solid #000;
      font-size: 18px;
      line-height: 1.8; }
      .promo-wrap.vertical ul li a:hover {
        color: #349bdb !important;
        background-color: #fff; }

.promo-wrap.horizontal ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  @media screen and (min-width: 600px) {
    .promo-wrap.horizontal ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

.promo-wrap.horizontal .box {
  border-top: 15px solid #349bdb;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  margin: 0 5px;
  padding: 0 10px; }
  @media screen and (min-width: 600px) {
    .promo-wrap.horizontal .box {
      width: 33%; } }

.promo-wrap.horizontal .headline {
  font-size: 15px;
  font-weight: 700;
  text-align: center;
  margin: 15px 0;
  line-height: 1.2; }

.promo-wrap.horizontal .text {
  margin: 5px 0;
  font-size: 14px;
  line-height: 1.2; }

.promo-wrap.horizontal .call-to-action {
  display: block;
  text-align: center;
  text-decoration: none;
  font-weight: 700;
  color: #349bdb;
  border: 2px solid #349bdb;
  padding: 10px;
  margin: 15px auto;
  text-transform: uppercase;
  width: 80%; }
  .promo-wrap.horizontal .call-to-action:hover {
    color: #fff;
    background-color: #349bdb; }

/* is .card still needed? And update .leaderboard */
.inline-ad {
  margin: 0 auto 1em; }
  .inline-ad .left {
    float: none;
    margin: 0 auto 1em; }
    @media screen and (min-width: 600px) {
      .inline-ad .left {
        float: left;
        margin: 0 1em 0 0; } }

.after-article-ad {
  margin-bottom: 1em;
  clear: both; }

.sidebar-ad {
  text-align: center;
  margin-bottom: 1em; }
  @media screen and (min-width: 600px) {
    .sidebar-ad {
      text-align: initial; } }

.leaderboard {
  text-align: center;
  background-color: #f5f5f5;
  height: auto; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
.af-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.af-element {
  font-size: initial; }

.x-btn {
  font-weight: 700; }
  .x-btn.x-btn-flat {
    text-shadow: none; }
    .x-btn.x-btn-flat:hover {
      text-shadow: none; }
  .x-btn.fb {
    border-color: #3b5998;
    background-color: #3b5998;
    padding: 0.6em;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    text-shadow: none; }
    .x-btn.fb:hover {
      border-color: #3b5998;
      background-color: #fff;
      color: #3b5998;
      text-shadow: none; }

.social-warfare {
  background-color: #fff;
  width: 80%; }
  @media (min-width: 40em) {
    .social-warfare {
      width: 90%; } }
  @media (min-width: 60em) {
    .social-warfare {
      width: initial; } }
  .social-warfare.is_stuck {
    padding-top: 0.3em;
    z-index: 1031; }
    @media (min-width: 90em) {
      .social-warfare.is_stuck {
        padding-top: initial;
        z-index: initial;
        position: initial !important; } }
    .social-warfare.is_stuck .nc_socialPanel {
      margin-top: 0 !important;
      margin-bottom: 0px !important;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
  .social-warfare .nc_socialPanel {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    display: none; }
    @media (min-width: 40em) {
      .social-warfare .nc_socialPanel {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex; } }
    .social-warfare .nc_socialPanel .totesalt {
      display: none !important; }
      @media (min-width: 60em) {
        .social-warfare .nc_socialPanel .totesalt {
          display: block !important; } }

.geoip {
  display: none !important; }

.geoip-country-US .geoip-show-US {
  display: block !important; }

.geoip-country-UK .geoip-show-UK {
  display: block !important; }

.geoip-country-CA .geoip-show-CA {
  display: block !important; }

#sfm-sidebar {
  margin-top: 53px; }

.sfm-sidebar-close {
  display: none; }

#wpadminbar {
  position: fixed; }

.admin-bar .x-navbar-fixed-top {
  top: 46px !important; }
  @media (min-width: 40em) {
    .admin-bar .x-navbar-fixed-top {
      top: initial !important; } }

.admin-bar .social-warfare {
  top: 46px !important; }
  @media (min-width: 782px) {
    .admin-bar .social-warfare {
      top: 32px !important; } }

.breadcrumbs {
  font-size: 0.75rem;
  line-height: 1.2; }

.breadcrumb_last {
  display: none; }

@media (max-width: 979px) {
  .x-navbar-fixed-top,
  .x-navbar-fixed-left,
  .x-navbar-fixed-right {
    position: fixed; } }

.x-navbar-wrap {
  height: 43px !important; }

.x-navbar {
  -webkit-box-shadow: 0px 1px 5px #ddd !important;
  box-shadow: 0px 1px 5px #ddd !important;
  border-bottom: none; }

.p-meta {
  margin: 0;
  line-height: 1.2; }

.after-article-posts {
  margin-bottom: 1em; }
  .after-article-posts ul {
    margin: 0;
    list-style: none; }

.display-posts-listing .listing-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.2;
  margin: 0.5rem 0; }
  .display-posts-listing .listing-item .image {
    margin: 0 15px 5px 0;
    min-width: 40%;
    max-width: 40%; }
    @media (min-width: 40em) {
      .display-posts-listing .listing-item .image {
        min-width: 35%;
        max-width: 35%; } }
  .display-posts-listing .listing-item .title {
    color: #000;
    font-weight: 700;
    display: block; }
    .display-posts-listing .listing-item .title:hover {
      text-decoration: underline; }

.display-posts-listing .excerpt-dash {
  display: none; }

.display-posts-listing .excerpt {
  font-size: 0.8rem;
  display: none; }
  @media (min-width: 40em) {
    .display-posts-listing .excerpt {
      display: block; } }

.conditions {
  margin-bottom: 1em; }
  .conditions ul {
    display: inline-block;
    list-style: square inside;
    margin: 0;
    width: 49%;
    font-weight: 700;
    color: #0000ff; }
  .conditions a {
    text-decoration: none !important; }
    .conditions a:hover {
      text-decoration: underline !important; }

/*--------------------------------------------------------------
# Typgraphy
--------------------------------------------------------------*/
::-moz-selection {
  background: #8FCB02; }
::selection {
  background: #8FCB02; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin: 0 0 0.5em;
  text-rendering: optimizelegibility; }

h4, h5, h6, .h4, .h5, .h6 {
  margin-top: 0em;
  margin-bottom: 0.5em;
  line-height: 1.4; }

h1, .h1 {
  font-size: 130%; }
  @media (min-width: 40em) {
    h1, .h1 {
      font-size: 165%; } }
  @media (min-width: 60em) {
    h1, .h1 {
      font-size: 200%; } }
  h1.entry-title, .h1.entry-title {
    font-size: 130%; }
    @media (min-width: 40em) {
      h1.entry-title, .h1.entry-title {
        font-size: 165%; } }
    @media (min-width: 60em) {
      h1.entry-title, .h1.entry-title {
        font-size: 200%; } }

h2, .h2 {
  font-size: 120%; }
  @media (min-width: 40em) {
    h2, .h2 {
      font-size: 155%; } }
  @media (min-width: 60em) {
    h2, .h2 {
      font-size: 190%; } }

h3, .h3 {
  font-size: 110%; }
  @media (min-width: 40em) {
    h3, .h3 {
      font-size: 145%; } }
  @media (min-width: 60em) {
    h3, .h3 {
      font-size: 180%; } }

h4, .h4 {
  font-size: 105%; }
  @media (min-width: 40em) {
    h4, .h4 {
      font-size: 140%; } }
  @media (min-width: 60em) {
    h4, .h4 {
      font-size: 175%; } }

h5, .h5 {
  font-size: 105%; }
  @media (min-width: 40em) {
    h5, .h5 {
      font-size: 140%; } }
  @media (min-width: 60em) {
    h5, .h5 {
      font-size: 175%; } }

h6, .h6 {
  font-size: 105%; }
  @media (min-width: 40em) {
    h6, .h6 {
      font-size: 140%; } }
  @media (min-width: 60em) {
    h6, .h6 {
      font-size: 175%; } }

p {
  margin: 0 0 1em; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.custom-subscribe h3 {
  color: #349bdb;
  margin-top: 0.3em;
  font-size: 220%; }

@media screen and (min-width: 768px) {
  .custom-subscribe .flex-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

.custom-subscribe .text-wrapper {
  width: 100%;
  font-size: 120%;
  line-height: 1.1;
  font-weight: 700; }

.custom-subscribe .form-wrapper {
  width: 100%; }

.custom-subscribe input[type=email] {
  background-color: #e0ecf1;
  border: none;
  font-weight: 700; }

.custom-subscribe input[type=submit] {
  font-weight: 700; }

@media screen and (min-width: 600px) {
  .custom-subscribe {
    text-align: initial; } }

input[type=submit] {
  height: 2.5em;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 1em;
  line-height: normal;
  text-shadow: initial; }

input[type=text] {
  min-width: 10em;
  height: 2.5em;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 1em;
  line-height: normal;
  text-shadow: initial;
  margin-bottom: 0; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/* Outdated. May need to be removed */
.x-navbar {
  -webkit-box-shadow: 1px 1px 5px #aaa;
  box-shadow: 1px 1px 5px #aaa; }

.x-btn-navbar-search {
  color: #000; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: block;
  margin: 0 auto;
  float: none; }
  @media screen and (min-width: 600px) {
    .alignleft {
      display: initial;
      margin: 0.35em 1em 0.35em 0;
      float: left; } }

.alignright {
  display: block;
  margin: 0 auto;
  float: none; }
  @media screen and (min-width: 600px) {
    .alignright {
      display: initial;
      margin: 0.35em 0 0.35em 2.15em;
      float: right; } }