/*
 * ---:[ Focus CSS reset ]:---
 */
* {
  margin: 0;
  padding: 0; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  word-break: normal; }

img,
fieldset {
  border: 0; }

abbr,
acronym {
  text-decoration: none; }

code {
  line-height: 1em; }

pre {
  overflow: auto;
  word-wrap: normal;
  -moz-tab-size: 4;
  tab-size: 4; }

sub,
sup {
  line-height: 0.5em; }

img,
.wp-caption {
  max-width: 100%;
  height: auto; }

iframe,
video,
embed,
object {
  display: block;
  max-width: 100%; }

img,
.left,
.alignleft,
.right,
.alignright {
  display: block; }

.center,
.aligncenter {
  display: block;
  float: none;
  text-align: center;
  margin-right: auto;
  margin-left: auto; }

.clear {
  clear: both; }

button,
input[type=submit] {
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none; }

body {
  font-family: "Raleway", sans-serif;
  font-size: 18px;
  line-height: 31px;
  color: #0d0d0f;
  background-color: white;
  overflow-x: hidden; }

#header {
  color: #0d0d0f;
  background-color: white;
  padding-top: 19px;
  padding-bottom: 19px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

  #nav {
    background-color: white; }

  #nav-secondary {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

#content {
  word-break: break-word;
  color: #0d0d0f;
  background-color: white;
  padding-top: 31px;
  padding-bottom: 31px; }

#footer {
  font-family: "Raleway", sans-serif;
  font-size: 37px;
  line-height: 58px;
  color: #0e24c5;
  background-color: #616163;
  padding-top: 19px;
  padding-bottom: 19px;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.container {
  box-sizing: border-box;
  padding-left: 19px;
  padding-right: 19px; }
  @media all and (min-width: 678px) {
    .container {
  max-width: 640px;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto; } }
  @media all and (min-width: 702px) {
    .container {
  max-width: 100%;
  padding-left: 31px;
  padding-right: 31px;
  margin-left: 0;
  margin-right: 0; } }
  @media all and (min-width: 1102px) {
    .container {
  max-width: 1040px;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto; } }

  .content,
  .sidebar {
    box-sizing: border-box; }

  .sidebar {
    margin-top: 31px; }

  @media all and (min-width: 678px) {
    .has-sidebar .content,
      .has-sidebar .sidebar {
        width: 100%;
        max-width: 640px; } }

  @media all and (min-width: 1102px) {
    .has-sidebar .columns {
        display: flex;
        justify-content: space-between; }
      .has-sidebar .sidebar {
        margin-top: 0;
        max-width: 350px; } }

a {
  color: black;
  text-decoration: none; }
  p a,
  .post_content a {
    text-decoration: underline; }
      p a.button,
      .post_content a.button {
        text-decoration: none; }

code,
pre,
kbd {
  font-family: Menlo, Consolas, Monaco, "Andale Mono", Courier, Verdana, sans-serif; }

  .grt h1 {
    font-family: "Raleway", sans-serif;
    font-size: 37px;
    line-height: 58px;
    font-weight: bold;
    color: #0e24c5;
    margin-bottom: 31px; }
  .grt h2 {
    font-family: "Raleway", sans-serif;
    font-size: 29px;
    line-height: 47px;
    font-weight: bold;
    color: #0d0d0f;
    margin-top: 50px;
    margin-bottom: 31px; }
  .grt h3 {
    font-family: "Raleway", sans-serif;
    font-size: 23px;
    line-height: 38px;
    color: #0e24c5;
    margin-top: 31px;
    margin-bottom: 19px; }
  .grt h4 {
    font-size: 18px;
    line-height: 31px;
    margin-bottom: 12px; }
  .grt h1 + h2,
  .grt h2 + h3,
  .grt h2:first-child,
  .grt h3:first-child {
    margin-top: 0; }

  .grt ul,
  .grt ol {
    margin-left: 31px; }
  .grt li {
    margin-bottom: 12px; }
    .grt li:last-child {
      margin-bottom: 0; }
  .grt blockquote {
    font-family: "Raleway", sans-serif;
    font-size: 37px;
    line-height: 58px;
    font-style: italic;
    color: #0e24c5;
    padding-left: 19px;
    border-left: 7px solid rgba(0, 0, 0, 0.1); }
  .grt sub,
  .grt sup {
    color: #0e24c5; }
  .grt code,
  .grt pre,
  .grt kbd {
    font-size: 16px; }
  .grt code {
    background-color: rgba(0, 0, 0, 0.08);
    padding: 4px;
    border-radius: 7px;
    margin: 0 1px; }
  .grt pre {
    background-color: #eeeeee;
    padding: 19px; }
  .grt kbd {
    font-size: 14px;
    color: #4e4e4e;
    background-color: #f7f7f7;
    padding: 4px 7px;
    border: 1px solid #cccccc;
    border-radius: 7px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #fafafa inset, 0 0 0 1px white inset;
    margin: 0 1px; }
  .grt p,
  .grt ul,
  .grt ol,
  .grt blockquote,
  .grt pre,
  .grt img {
    margin-bottom: 31px; }
  .grt ul ul,
  .grt ul ol,
  .grt ol ul,
  .grt ol ol {
    margin-top: 12px;
    margin-bottom: 0;
    margin-left: 19px; }
    .grt blockquote > :last-child {
      margin-bottom: 0; }
  @media all and (min-width: 678px) {
    body:not(.has-sidebar) .grt h1 {
        font-size: 47px;
        line-height: 73px; }
      body:not(.has-sidebar) .grt h2 {
        font-size: 37px;
        line-height: 58px; }
      body:not(.has-sidebar) .grt h3 {
        font-size: 29px;
        line-height: 47px; }
      body:not(.has-sidebar) .grt h4 {
        font-size: 23px;
        line-height: 38px; }
    .grt .left:not(.bar),
    .grt .alignleft {
      float: left;
      clear: both;
      margin-right: 31px; }
    .grt .right:not(.bar),
    .grt .alignright {
      float: right;
      clear: both;
      margin-left: 31px; } }
      .grt .headline_area .headline a {
        color: #0e24c5; }
        .grt .headline_area .headline a:hover {
          color: black; }
  .grt .byline {
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    line-height: 25px;
    color: #0d0d0f;
    margin-top: -26px; }
      .grt .byline .post_author:after,
      .grt .byline .post_date:after,
      .grt .byline .num_comments_link:after,
      .grt .byline .post_edit:after {
        display: block;
        height: 0;
        content: '\a';
        white-space: pre; }
    .grt .byline .avatar {
      width: 50px;
      height: 50px; }
  .grt .drop_cap {
    font-size: 62px;
    line-height: 1em;
    margin-right: 7px;
    float: left; }
  .grt .small {
    font-size: 14px;
    line-height: 25px;
    color: #0e24c5; }
    .grt .alert,
    .grt .note,
    .grt .box {
      padding: 19px; }
    .grt .alert {
      background-color: #b1d300; }

    .grt .note {
      background-color: #0e24c5; }

    .grt .box {
      background-color: #03d4d8; }

  .grt .highlight {
    background-color: #fffb7a;
    padding: 4px 0; }
  .grt .impact {
    font-size: 23px;
    line-height: 38px; }
  .grt .bar {
    color: #0e24c5; }
  .grt .pop {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.4); }
  .grt .wp-caption,
  .grt .frame {
    box-sizing: border-box;
    color: #0e24c5;
    background-color: #eeeeee;
    padding: 19px; }
    .grt .wp-caption img {
      margin-bottom: 19px; }
    .grt .wp-caption.aligncenter img {
      margin-right: auto;
      margin-left: auto; }
    .grt .wp-caption .wp-caption-text {
      margin-bottom: 0; }
  .grt .wp-caption-text,
  .grt .caption,
  .grt .footnotes {
    font-size: 14px;
    line-height: 25px; }
    .grt .wp-caption-text code,
    .grt .caption code,
    .grt .footnotes code {
      font-size: 13px; }
  .grt .caption {
    color: #0e24c5;
    margin-top: -26px; }
  .grt .center + .caption,
  .grt .aligncenter + .caption {
    text-align: center; }
  .grt blockquote + .caption {
    padding-left: 26px; }
  .grt .footnotes {
    color: #0e24c5;
    padding-top: 19px;
    border-top: 1px dotted rgba(0, 0, 0, 0.15); }
    .grt .footnotes p {
      margin-bottom: 12px; }
  .grt .author_description {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 31px; }
    .grt .author_description .avatar {
      float: left;
      width: 93px;
      height: 93px;
      margin-right: 19px; }
  .grt .author_description_intro {
    font-weight: bold; }
  .grt .post_box + .post_box {
    margin-top: 50px; }
    .grt .byline,
    .grt .alert,
    .grt .note,
    .grt .box,
    .grt .wp-caption,
    .grt .caption,
    .grt .footnotes,
    .grt .page-links {
      margin-bottom: 31px; }
      .grt .alert > :last-child,
      .grt .note > :last-child,
      .grt .box > :last-child,
      .grt .footnotes > :last-child,
      .grt .post_list > :last-child {
        margin-bottom: 0; }
  .grt .post_list {
    margin-bottom: 0; }
    .grt .post_box:after,
    .grt .headline_area:after,
    .grt .byline:after,
    .grt .post_content:after,
    .grt .post_list:after,
    .grt .extend:after,
    .grt .author_description:after,
    .grt .query_box:after {
      display: table;
      clear: both;
      content: ''; }
  @media all and (min-width: 419px) {
    .grt .byline .post_author:after,
        .grt .byline .post_date:after,
        .grt .byline .num_comments_link:after {
          display: none; }
        .grt .byline .post_author ~ .post_date_intro:before,
        .grt .byline .post_date_intro ~ .post_date_intro:before,
        .grt .byline .post_author ~ .num_comments_link:before,
        .grt .byline .post_date ~ .num_comments_link:before,
        .grt .byline .post_author ~ .post_edit:before,
        .grt .byline .post_date ~ .post_edit:before,
        .grt .byline .num_comments_link ~ .post_edit:before {
          color: #0d0d0f;
          content: '\2022\0020'; } }
  @media all and (min-width: 678px) {
    .grt .headline_area {
      position: relative; }
    .grt .impact {
      font-size: 29px;
      line-height: 47px; } }

label {
  display: block;
  font-weight: bold; }
  label .required {
    font-weight: normal; }

.required {
  color: #dd0000; }

input,
textarea,
select {
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  line-height: 1em;
  font-weight: inherit;
  padding: 7px;
  border: 1px solid rgba(0, 0, 0, 0.2); }

input[type=checkbox],
input[type=radio],
input[type=image],
input[type=submit],
select {
  width: auto; }

input[type=checkbox],
input[type=radio] {
  display: inline-block; }
  input[type=checkbox] + label,
  input[type=radio] + label {
    display: inline;
    font-weight: normal;
    margin-left: 12px; }

textarea {
  line-height: inherit; }


  button,
  input[type=submit],
  .button {
    display: inline-block;
    width: auto;
    font-family: "Raleway", sans-serif;
    font-size: inherit;
    font-weight: normal;
    line-height: 1em;
    vertical-align: top;
    color: #0d0d0f;
    text-decoration: none;
    background-color: #eeeeee;
    padding: 7px 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom-width: 4px;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-radius: 12px;
    outline: 1px solid rgba(0, 0, 0, 0.1);
    outline-offset: -1px;
    cursor: pointer;
    -webkit-appearance: none; }
  button:hover,
  input[type=submit]:hover,
  .button:hover,
  button:active,
  input[type=submit]:active,
  .button:active {
    text-decoration: none;
    background-color: white;
    transition: background-color 0.3s ease; }
  button:active,
  input[type=submit]:active,
  .button:active {
    border-bottom-width: 2px;
    margin-top: 2px; }

    button.save,
    .button.save {
      color: #0e24c5;
      background-color: #509b26; }
    button.save:hover,
    .button.save:hover,
    button.save:active,
    .button.save:active {
      background-color: #60ba2e; }
    button.delete,
    .button.delete {
      color: #0e24c5;
      background-color: #d50b0b; }
    button.delete:hover,
    .button.delete:hover,
    button.delete:active,
    .button.delete:active {
      background-color: #f31313; }
    button.action,
    .button.action {
      color: #0e24c5;
      background-color: #12a7ff; }
    button.action:hover,
    .button.action:hover,
    button.action:active,
    .button.action:active {
      background-color: #38b5ff; }
    button.update,
    .button.update {
      background-color: #fcfc0d; }
    button.update:hover,
    .button.update:hover,
    button.update:active,
    .button.update:active {
      background-color: #fcfc33; }


  #site_title {
    font-family: "Raleway", sans-serif;
    font-size: 47px;
    line-height: 73px;
    font-weight: bold;
    display: inline-block;
    vertical-align: bottom; }
    #site_title.has-logo {
      margin-bottom: 19px; }
    #site_title.has-logo:last-child {
      margin-bottom: 0; }
  #site_title a {
    color: inherit; }

  .prev_next {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 19px;
    padding-bottom: 19px;
    margin-top: 31px;
    margin-bottom: -31px; }
  .prev_next.blog_nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse; }
    .prev_next .previous_posts:first-child {
      margin-right: auto; }
    .prev_next .previous_posts a:before {
      content: '\2190\0020'; }
    .prev_next .next_posts a:after {
      content: '\0020\2192'; }
  .prev_next .next_post,
  .prev_next .previous_post {
    margin-bottom: 0; }
  .prev_next .next_post + .previous_post {
    margin-top: 19px; }

  #comments .comments_intro {
    margin-top: 50px;
    margin-bottom: 31px; }
    #comments .comments_intro:after {
      content: '\0020\2193'; }
  #comments .num_comments,
  #comments .comments_closed {
    font-weight: bold; }
  #comments .comments_closed {
    font-weight: bold;
    margin-top: 50px; }
  #comments .comment_list {
    list-style: none;
    margin-left: 0; }
    #comments .comment_list > .comment:first-child {
      margin-top: 0; }
  #comments .comment {
    margin-top: 50px; }
    #comments .comment #respond {
      margin-top: 31px; }
  #comments .children {
    list-style: none;
    margin-top: 0;
    margin-left: 19px; }
    #comments .children .comment {
      margin-top: 31px; }
  #comments .comment_header {
    margin-bottom: 12px; }
  #comments .avatar {
    float: right;
    width: 50px;
    height: 50px;
    margin-left: 19px; }
  #comments .comment_author {
    font-weight: bold; }
    #comments .comment_date:before {
      display: block;
      height: 0;
      content: '\a';
      white-space: pre; }
    #comments .comment_text :last-child {
      margin-bottom: 12px; }
  #comments .comment_footer {
    font-size: 14px;
    line-height: 25px; }
    #comments .comment_footer a {
      text-transform: lowercase;
      margin-right: 12px; }
  #comments .comment_nav {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 19px 0;
    border-top: 1px dotted rgba(0, 0, 0, 0.15);
    border-bottom: 1px dotted rgba(0, 0, 0, 0.15); }
    #comments .comment_nav .previous_comments:first-child {
      margin-right: auto; }
  #comments #respond {
    margin-top: 50px; }
    #comments #respond p {
      margin-bottom: 19px; }
    #comments #respond .comment-reply-title {
      font-weight: bold; }
    #comments #respond #cancel-comment-reply-link {
      font-weight: normal;
      margin-left: 12px; }
    #comments #respond .comment-notes,
    #comments #respond .logged-in-as {
      padding: 19px;
      background-color: #0e24c5; }
    #comments #respond .comment-form-cookies-consent {
      font-size: 14px;
      line-height: 25px; }
      #comments #respond .comment-form-cookies-consent input {
        vertical-align: -8%; }
      #comments #respond .comment-form-cookies-consent label {
        margin-left: 7px; }
    #comments #respond .submit {
      padding: 12px; }
  @media all and (min-width: 678px) {
    #comments .children {
      margin-left: 31px; }
      #comments .comment_date:before {
        display: inline;
        height: auto;
        content: '\2022\0020';
        white-space: normal; } }

  .sidebar {
    font-family: "Raleway", sans-serif;
    color: #0d0d0f;
    background-color: white;
    padding: 19px; }
  .sidebar > div {
    margin-bottom: 50px; }
    .sidebar > div > :last-child {
      margin-bottom: 0; }
  .sidebar .widget_title {
    font-size: 23px;
    line-height: 38px;
    margin-bottom: 12px; }
  .sidebar p,
  .sidebar ul,
  .sidebar ol {
    margin-bottom: 31px; }
  .sidebar ul,
  .sidebar ol {
    margin-left: 31px; }

  .sidebar li {
    margin-bottom: 12px; }
    .sidebar li:last-child {
      margin-bottom: 0; }
  .sidebar > :last-child,
  .sidebar .textwidget > :last-child {
    margin-bottom: 0; }
  @media all and (min-width: 678px) {
    .sidebar {
    padding: 31px; } }
  @media all and (min-width: 1102px) {
    .sidebar {
    font-size: 14px;
    line-height: 25px;
    padding: 19px; }
    .sidebar > div {
      margin-bottom: 31px; }
    .sidebar .widget_title {
      font-size: 18px;
      line-height: 31px;
      margin-bottom: 7px; }
    .sidebar p,
    .sidebar ul,
    .sidebar ol {
      margin-bottom: 19px; }
    .sidebar ul,
    .sidebar ol {
      margin-left: 19px; }
    .sidebar li {
      margin-bottom: 7px; }
    .sidebar input[type=submit] {
      padding: 7px; } }

      .readability .text .byline .avatar {
        float: right;
        margin-left: 19px;
        margin-bottom: 0; }
      .focus .text .byline .avatar {
        margin-bottom: 7px; }
      @media all and (min-width: 678px) {
        .readability .text .byline .avatar {
          float: left;
          margin-left: 0;
          margin-right: 19px; }
        .focus .text .byline .avatar {
          margin-bottom: 12px; } }
    .focus .text .breakout {
      margin-left: auto;
      margin-right: auto; }
    .text .breakout.left {
      float: none;
      margin-left: 0;
      margin-right: 0; }
    .text .pullout.left {
      float: none;
      margin-right: 0; }

@media all and (min-width: 702px) {
  .readability .text,
    .focus .text {
      max-width: 640px; }
      .readability .text .extend,
      .focus .text .extend {
        box-sizing: border-box;
        max-width: calc(100vw - 62px); }
      .readability .text .wp-caption img,
      .focus .text .wp-caption img {
        max-width: 100%; }
      .readability .text .headline_area,
      .readability .text .post_content > h1,
      .readability .text .post_content > h2,
      .readability .text .post_content > h3,
      .readability .text .post_content > h4,
      .readability .text .post_content > .impact,
      .readability .text .extend,
      .readability .text .extend + .caption {
        margin-right: calc(702px - 100vw); }
    .focus .text {
      margin-left: auto;
      margin-right: auto; }
      .focus .text .headline_area,
      .focus .text .post_content > h1,
      .focus .text .post_content > h2,
      .focus .text .post_content > h3,
      .focus .text .post_content > .impact,
      .focus .text .extend,
      .focus .text .extend + .caption {
        margin-left: calc(351px - (100vw / 2));
        margin-right: calc(351px - (100vw / 2)); }
        .focus .text .extend.right {
          margin-left: 31px; }
        .focus .text .extend.left {
          margin-right: 31px; } }

@media all and (min-width: 1102px) {
  .readability .text .pullout,
      .focus .text .pullout {
        float: right;
        box-sizing: border-box; }
      .readability .text .extend,
      .focus .text .extend {
        max-width: 1040px; }
        .readability .text .extend .pullout,
        .focus .text .extend .pullout {
          float: none;
          max-width: 100%; }
      .readability .text .headline_area,
      .readability .text .post_content > h1,
      .readability .text .post_content > h2,
      .readability .text .post_content > h3,
      .readability .text .post_content > h4,
      .readability .text .post_content > .impact,
      .readability .text .extend,
      .readability .text .extend + .caption {
        margin-right: -400px; }
      .readability .text .breakout {
        max-width: calc(704.5px + (100vw - 1040px) / 2);
        margin-right: calc(-400px - (100vw - 1040px) / 2); }
      .readability .text .pullout {
        max-width: calc(100vw - (100vw - 1040px) / 2 - 690px);
        margin-right: calc(-400px - (100vw - 1040px) / 2); }
        .readability .text .extend .pullout {
          margin-left: 0;
          margin-right: 0; }
      .focus .text .headline_area,
      .focus .text .post_content > h1,
      .focus .text .post_content > h2,
      .focus .text .post_content > h3,
      .focus .text .post_content > .impact,
      .focus .text .extend,
      .focus .text .extend + .caption {
        margin-left: -200px;
        margin-right: -200px; }
      .focus .text .breakout {
        max-width: calc(504.5px + (100vw - 1040px) / 2);
        margin-left: 31px;
        margin-right: calc(320px - (100vw / 2)); }
        .focus .text .breakout.left {
          margin-left: calc(320px - (100vw / 2));
          margin-right: 31px; }
      .focus .text .pullout {
        max-width: calc(100vw - (100vw - 1040px) / 2 - 871px);
        margin-right: calc(-200px - (100vw - 1040px) / 2); }
        .focus .text .pullout.left {
          float: left;
          margin-left: calc(-200px - (100vw - 1040px) / 2);
          margin-right: 0; }
        .focus .text .extend .pullout {
          margin-left: auto;
          margin-right: auto; }
    .text .breakout,
    .text .extend .breakout {
      float: right;
      box-sizing: border-box;
      max-width: calc(504.5px + (100vw - 1040px) / 2);
      margin-left: 31px;
      margin-right: calc((1040px - 100vw) / 2); }
      .text .breakout.left,
      .text .extend .breakout.left {
        float: left;
        margin-left: calc((1040px - 100vw) / 2);
        margin-right: 31px; }
      .has-sidebar .text .breakout,
      .has-sidebar .text .extend .breakout {
        float: none;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0; } }

  @media all and (min-width: 678px) {
    .mode-focus #header,
      .mode-focus #nav,
      .mode-focus #nav-secondary,
      .mode-focus #footer {
        text-align: center; }
        .mode-focus #header_image,
        .mode-focus #logo {
          margin-left: auto;
          margin-right: auto; } }

      .focus .text .headline_area,
      .focus .text .featured_image_wrap,
      .focus .text .post_content h1,
      .focus .text h2,
      .focus .text h3,
      .focus .text h1 + .caption,
      .focus .text h2 + .caption,
      .focus .text h3 + .caption,
      .focus .text .impact,
      .focus .text .extend + .caption,
      .focus .text .extend .caption {
        text-align: center; }
        .focus .text .byline .avatar {
          margin-left: auto;
          margin-right: auto; }
    .focus .archive_title {
      text-align: center; }

      @media all and (min-width: 702px) {
        .readability .text .wp-post-image,
        .focus .text .wp-post-image {
          max-width: calc(100vw - 62px); }
        .focus .text .wp-post-image {
          margin-left: auto;
          margin-right: auto; } }
      @media all and (min-width: 1102px) {
        .readability .text .wp-post-image,
        .focus .text .wp-post-image {
          max-width: 1040px; } }

  .featured_image_link {
    display: inline-block;
    vertical-align: top; }

@media all and (min-width: 702px) {
  .readability .text .featured_image_wrap {
        margin-right: calc(702px - 100vw); }
      .focus .text .featured_image_wrap {
        margin-left: calc(351px - (100vw / 2));
        margin-right: calc(351px - (100vw / 2)); } }

@media all and (min-width: 1102px) {
  .readability .text .featured_image_wrap {
        margin-right: -400px; }
      .focus .text .featured_image_wrap {
        margin-left: -200px;
        margin-right: -200px; } }

  .menu {
    font-family: "Raleway", sans-serif;
    font-size: 18px;
    line-height: 31px;
    list-style: none;
    display: flex;
    align-items: baseline;
    white-space: nowrap;
    overflow-x: auto;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .menu::-webkit-scrollbar {
    display: none; }
  .menu li {
    margin-right: 31px; }
    .menu li:last-child {
      margin-right: 0; }
  .menu a {
    display: block;
    text-transform: uppercase;
    color: black;
    padding-top: 12px;
    padding-bottom: 12px; }
  .menu:before {
    content: '\2194';
    color: #0e24c5;
    margin-right: 19px; }
  @media all and (min-width: 678px) {
    .mode-focus .menu {
      justify-content: center; }
    .menu:before {
      display: none; } }

  .bar {
    color: #0e24c5; }
  @media all and (min-width: 1102px) {
    .text .bar {
      width: 100%; }
      .text .bar code {
        font-size: 13px; }
      .readability .text .bar,
      .focus .text .bar {
        box-sizing: border-box;
        float: right;
        clear: right;
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 19px; }
      .readability .text .bar {
        max-width: 350px;
        margin-right: -400px; }
      .focus .text .bar {
        max-width: 169px;
        margin-right: -200px; }
        .focus .text .bar.left {
          float: left;
          clear: left;
          margin-left: -200px; } }

  .bleed {
    position: relative;
    width: 100vw;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: -19px; }
  .bleed + .bleed {
    margin-top: -50px; }
  .content > .post_box:last-child .bleed:last-child {
    border-bottom: 0;
    margin-bottom: -31px; }
  .bleed:after {
    display: table;
    clear: both;
    content: ''; }
  @media all and (min-width: 678px) {
    .bleed {
    margin-left: calc(calc(640px - 100vw) / 2); } }
  @media all and (min-width: 702px) {
    .bleed {
    margin-left: -31px; } }
  @media all and (min-width: 1102px) {
    .bleed {
    margin-left: calc(calc(1040px - 100vw) / 2); } }
  .focus .bleed {
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw; }
  .bleed .container {
    padding-top: 31px;
    padding-bottom: 19px; }
  .bleed pre,
  .bleed .wp-caption,
  .bleed .frame {
    background-color: rgba(0, 0, 0, 0.1); }
  .bleed.no-border {
    border-top: none; }
  .bleed.red {
    background-color: #ffcccc; }
    .bleed.red blockquote,
    .bleed.red .post_content > .small,
    .bleed.red .caption,
    .bleed.red .bar,
    .bleed.red .wp-caption {
      color: maroon; }
  .bleed.salmon {
    background-color: #ffddcc; }
    .bleed.salmon blockquote,
    .bleed.salmon .post_content > .small,
    .bleed.salmon .caption,
    .bleed.salmon .bar,
    .bleed.salmon .wp-caption {
      color: #802b00; }
  .bleed.orange {
    background-color: #ffeecc; }
    .bleed.orange blockquote,
    .bleed.orange .post_content > .small,
    .bleed.orange .caption,
    .bleed.orange .bar,
    .bleed.orange .wp-caption {
      color: #805500; }
  .bleed.yellow {
    background-color: #ffffcc; }
    .bleed.yellow blockquote,
    .bleed.yellow .post_content > .small,
    .bleed.yellow .caption,
    .bleed.yellow .bar,
    .bleed.yellow .wp-caption {
      color: olive; }
  .bleed.chartreuse {
    background-color: #eeffcc; }
    .bleed.chartreuse blockquote,
    .bleed.chartreuse .post_content > .small,
    .bleed.chartreuse .caption,
    .bleed.chartreuse .bar,
    .bleed.chartreuse .wp-caption {
      color: #558000; }
  .bleed.lime {
    background-color: #ddffcc; }
    .bleed.lime blockquote,
    .bleed.lime .post_content > .small,
    .bleed.lime .caption,
    .bleed.lime .bar,
    .bleed.lime .wp-caption {
      color: #2a8000; }
  .bleed.green {
    background-color: #ccffcc; }
    .bleed.green blockquote,
    .bleed.green .post_content > .small,
    .bleed.green .caption,
    .bleed.green .bar,
    .bleed.green .wp-caption {
      color: green; }
  .bleed.aquamarine {
    background-color: #ccffdd; }
    .bleed.aquamarine blockquote,
    .bleed.aquamarine .post_content > .small,
    .bleed.aquamarine .caption,
    .bleed.aquamarine .bar,
    .bleed.aquamarine .wp-caption {
      color: #00802b; }
  .bleed.turquoise {
    background-color: #ccffee; }
    .bleed.turquoise blockquote,
    .bleed.turquoise .post_content > .small,
    .bleed.turquoise .caption,
    .bleed.turquoise .bar,
    .bleed.turquoise .wp-caption {
      color: #008055; }
  .bleed.cyan {
    background-color: #ccffff; }
    .bleed.cyan blockquote,
    .bleed.cyan .post_content > .small,
    .bleed.cyan .caption,
    .bleed.cyan .bar,
    .bleed.cyan .wp-caption {
      color: teal; }
  .bleed.blue {
    background-color: #cceeff; }
    .bleed.blue blockquote,
    .bleed.blue .post_content > .small,
    .bleed.blue .caption,
    .bleed.blue .bar,
    .bleed.blue .wp-caption {
      color: #005580; }
  .bleed.steel {
    background-color: #ccddff; }
    .bleed.steel blockquote,
    .bleed.steel .post_content > .small,
    .bleed.steel .caption,
    .bleed.steel .bar,
    .bleed.steel .wp-caption {
      color: #002a80; }
  .bleed.lavender {
    background-color: #ccccff; }
    .bleed.lavender blockquote,
    .bleed.lavender .post_content > .small,
    .bleed.lavender .caption,
    .bleed.lavender .bar,
    .bleed.lavender .wp-caption {
      color: navy; }
  .bleed.purple {
    background-color: #ddccff; }
    .bleed.purple blockquote,
    .bleed.purple .post_content > .small,
    .bleed.purple .caption,
    .bleed.purple .bar,
    .bleed.purple .wp-caption {
      color: #2b0080; }
  .bleed.orchid {
    background-color: #eeccff; }
    .bleed.orchid blockquote,
    .bleed.orchid .post_content > .small,
    .bleed.orchid .caption,
    .bleed.orchid .bar,
    .bleed.orchid .wp-caption {
      color: #550080; }
  .bleed.magenta {
    background-color: #ffccff; }
    .bleed.magenta blockquote,
    .bleed.magenta .post_content > .small,
    .bleed.magenta .caption,
    .bleed.magenta .bar,
    .bleed.magenta .wp-caption {
      color: purple; }
  .bleed.pink {
    background-color: #ffccee; }
    .bleed.pink blockquote,
    .bleed.pink .post_content > .small,
    .bleed.pink .caption,
    .bleed.pink .bar,
    .bleed.pink .wp-caption {
      color: #800055; }
  .bleed.rose {
    background-color: #ffccdd; }
    .bleed.rose blockquote,
    .bleed.rose .post_content > .small,
    .bleed.rose .caption,
    .bleed.rose .bar,
    .bleed.rose .wp-caption {
      color: #80002a; }

.grt h1:has(+.caption),
.grt h2:has(+.caption),
.grt h3:has(+.caption),
.grt h4:has(+.caption) {
  margin-bottom: 0; }

    .grt h1 + .caption,
    .grt h2 + .caption,
    .grt h3 + .caption,
    .grt h4 + .caption {
      margin-top: 0; }
  .grt h3 + .caption {
    margin-bottom: 19px; }
  .grt h4 + .caption {
    margin-bottom: 12px; }

      .content > .post_box:first-child > .post_content:first-child > .bleed:first-child {
        border-top: 0;
        margin-top: -31px; }

.bleed:has(+.bleed) {
  border-bottom: 0; }

/*
 * ---:[ Custom CSS ]:---
 */
/*
 * HOME PAGE
 */
/*
 * DESKTOP SCREENS
 */
.container {
  max-width: 100vw;
  padding-left: 0;
  width: 100%;
  padding-top: 10%;
  margin: 0;
  background-color: #0e24c5;
  border-radius: 8px; }

article .post_box {
  max-width: 80vw; }

/*
 * .readability .text, .focus .text {
 * max-width: 80vw;
 * }
 */
body {
  background-color: #0e24c5; }

#container-main {
  width: 100%;
  padding: 100px 0;
    /*
   * not responsive on purpose
   */ }

.container .columns {
  width: 100%; }

/*
 * banner at top of all pages/posts
 */
/*
 * RESIZE HEIGHT FOR MEDIA SIZES
 */
#header {
  position: relative;
  background-color: #0e24c5;
  width: 100%;
  height: 100px;
    /*
   * not responsive on purpose
   */
  padding: 0;
  margin: 0;
  border-bottom: 3px #0e24c5 double; }

#header.header-nav {
  background-color: #0e24c5; }

#logo {
  margin: 1vw 0;
  width: 12%;
  min-width: 140px;
  padding: 0 0 0 5vw;
  position: absolute;
  left: 1vw; }

.container-nav {
  position: absolute;
  right: 0px;
  padding: 0 10%;
  height: 80px;
    /*
   * not responsive on purpose
   */ }

.searchfield {
  float: right;
  width: 170px;
    /*
   * not responsive on purpose
   */
  margin: 12px 0 0 20px;
  color: white; }

#header ul {
  padding: 0px 10px;
    /*
   * not responsive on purpose
   */
  font-size: 1vw;
  margin: 0; }

#header a,
a:visited {
  color: white;
  font-weight: 800; }

#header a:hover {
  text-decoration: underline; }

/*
 * STICKY NAV - NOTE: Some fo the formatting is in the My Sticky Bar plugin settings, incl. background color
 */
/*
 * ****************
 */
#mysticky-wrap {
  opacity: 1; }

#mysticky-wrap a,
a:visited {
  font-size: 1rem;
  color: white;
  font-weight: 800; }

#mysticky-wrap a:hover {
  text-decoration: underline; }

#mysticky-nav.down.wrapfixed {
  border-bottom: 2px #0e24c5 double;
  opacity: 1; }

#mysticky-nav.up.wrapfixed {
  border-bottom: 2px #0e24c5 double;
  opacity: 1; }

/*
 * Affects where the content starts after the nav.
 */
#content {
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #0e24c5; }

/*
 * site-wide
 */
.grt.content-home {
  width: 100%;
  margin: auto;
  margin-top: 0;
  padding: 100px 0 0 0;
    /*
   * not responsive on purpose
   */
  background-color: #0e24c5;
  line-height: 1.5rem;
  font-size: 1.1rem; }

.grt.content-home p {
  padding: 0.5rem;
  margin: 0 5vw; }

.grt.content-home p a,
a:visited {
  color: #0e24c5;
  font-weight: 800;
  text-decoration: none; }

.grt.content-home p a:hover {
  text-decoration: underline; }

/*
 * pushes down the headline
 */
.grt.content-home h1 {
  padding-top: 40px;
  font-size: 1.5rem; }

.grt.content-home img {
    /*
   * also affects featured images
   */
  padding: 0;
  border: 1px #0e24c5 solid; }

.graybg {
  background-color: #e6e6e6;
  padding: 5vw;
  margin: auto; }

/*
 * layout for videos on posts and pages
 */
td.videolayout {
  width: 50%;
  padding: 5vw; }

.pagetext {
  font-size: 1.3rem;
  line-height: 2rem; }

.pagetext a,
a:visited {
  color: #0e24c5;
  text-decoration: none; }

.pagetext a:hover {
  text-decoration: underline;
  color: #0e24c5;
  font-size: 1.3rem;
  line-height: 2rem; }

/*
 * .pagetext p {
 * font-size: 1.3rem;
 * line-height: 2rem;
 * }
 * .pagetext p a, a:visited {
 * color: #0e24c5;
 * text-decoration: none;
 * }
 * .pagetext p a:hover {
 * text-decoration: underline;
 * color: #0e24c5;
 * }
 */
/*
 * BEGIN HOMEPAGE CONTENT
 */
/*
 * VIDEO ON HOMEPAGE
 */
/*
 * Style the video: 100% width and height to cover the entire window
 */
#myVideoBox {
  position: absolute;
  max-height: 500px;
    /*
   * not responsive on purpose
   */
  min-width: 100%;
  overflow: hidden; }

#myVideo {
  position: absolute;
  right: 0;
  min-width: 100%;
  margin-top: 0; }

.myvideotitle {
  position: relative;
  padding-top: 7vw;
  color: white;
  font-size: 3vw;
  font-weight: 800;
  text-align: center;
  line-height: 3.3vw;
  text-decoration: bold;
  text-shadow: 3px 3px black; }

/*
 * END VIDEO ON HOMEPAGE
 */
/*
 * SUBSCRIBE PAGE STYLES
 */
.mc4wp-form-fields input {
  margin-left: 2vw; }

/*
 * Internal Nav that goes with Javascript, toggle changing boxes
 */
/*
 * Added by DIYthemes Support
 */
.toggle-content {
  position: static;
  width: 99.7%;
  margin: 0 auto 0 auto; }
  .toggle-content .toggle {
    display: none; }
    .toggle-content .toggle:first-child {
      display: block; }

/*
 * Oval buttons for 3 tabs
 */
.gridbutton1,
.gridbutton2,
.gridbutton3 {
  color: #fbe8cc;
  font-weight: 800; }

a.button-home1,
a.button-home2,
a.button-home3 {
  height: 10vw;
  width: 25vw;
  color: white;
    /*
   * font-size: 1.5vw;
   */
  background-color: #0e24c5;
  padding: 1vw 1vw 1vw 1vw;
  margin: 0px;
  justify-content: center;
  border: 1px #e6e6e6 solid;
  border-radius: 12px 12px 0px 0px; }

.button-home1:hover,
.button-home2:hover,
.button-home3:hover {
  color: white;
  padding: 1vw;
  font-weight: 800; }

/*
 * :focus causes button to switch to this new style until another button is clicked
 */
.button-home1:focus,
.button-home2:focus,
.button-home3:focus {
  color: #0e24c5;
  background-color: #e6e6e6;
  border: 1px #0e24c5 solid;
  border-radius: 12px 12px 0px 0px; }

.bodyNavGrids {
  position: relative;
  width: 100%;
  height: auto;
  top: 10vw; }

/*
 * this nav is the 3-button nav container for the button-homes above
 */
#nav {
  position: absolute;
  font-size: 1.8vh;
  text-transform: capitalize;
  background: none;
  height: auto;
  width: 100%;
  top: 0;
  margin-bottom: 1vw;
    /*
   * was 10px
   */
  padding: 0px; }

#nav a {
  text-decoration: none; }

#nav a:hover {
  font-size: 1.8vh; }

/*
 * grid for topic buttons above hex buttons
 */
.grid-panelnav {
  position: static;
  display: grid;
  margin: auto;
  grid-template-columns: 18% 20% 20% 20% 22%;
  column-gap: 1vw; }

/*
 * grid for hex buttons
 */
.grid-panels {
  position: relative;
  display: grid;
  margin: auto;
  top: 50px;
    /*
   * 3vw;
   */
  justify-content: center;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  column-gap: 0;
  padding: 1vw 4vw;
  background-color: #e6e6e6; }

.grid-panels img {
  width: 90%;
  height: auto; }

/*
 * moved to bottom of css file to be sure it overwrote other styles
 * .grid-panels img {
 * }
 */
/*
 * ANIMATION KEYFRAMES FOR FADE-IN OF HEXES
 */
@keyframes fadeIn {
    from {
    opacity: 0; }


    to {
    opacity: 1; }
 }
.fade-in {
  opacity: 0;
  animation: fadeIn ease-in 1;
  animation-fill-mode: forwards;
  animation-duration: 0.5s; }

#content1.toggle {
  text-decoration: bold;
  width: 100%;
  margin: auto;
  margin-bottom: 5vw;
    /*
   * was 50px
   */
  margin-left: 2vw;
    /*
   * was 50px;
   */
  padding: 1vw 0px; }

#content2.toggle {
  text-decoration: bold;
  width: 100%;
  margin: auto;
  margin-bottom: 5vw;
  margin-left: 2vw;
    /*
   * was 50px;
   */
  padding: 1vw 0px; }

#content3.toggle {
  text-decoration: bold;
  width: 100%;
  margin: auto;
  margin-bottom: 5vw;
  margin-left: 2vw;
    /*
   * was 50px;
   */
  padding: 1vw 0px; }

/*
 * ALL BLOGS & CATEGORY PAGES
 */
.query_box {
  background-color: #eeeeee;
  margin: 0 10%;
  padding: 0 2%;
  border-right: 1px black solid;
  border-left: 1px black solid;
  font-size: 1vw;
  line-height: 1.3em; }

.query_box h1.headline {
  margin: 0;
  margin-left: 10px;
  margin-bottom: 2vh;
  padding: 0;
  background-color: #eeeeee;
  font-size: 1.2vw;
  line-height: 1.5; }

.query_box h1.headline a {
  color: #0e24c5;
  font-size: 1.2vw;
  line-height: 1.5; }

.query_box h1.headline a:hover {
  text-decoration: underline;
  font-size: 1.2vw;
  line-height: 1.5; }

/*
 * THIS IS THE HOMEPAGE BLOG ONLY - LCA Blog All
 */
.lca-blog-all #content {
  width: 100%;
  background-color: #0e24c5;
  background-attachment: fixed;
  background-position: bottom;
  background-size: 100%; }

.lca-blog-all .container.columns {
  padding: 0 5% 0 0; }

.lca-blog-all .grt.content-home {
  padding: 0;
  margin: 0;
  width: 100%;
  background-color: #0e24c5; }

.lca-blog-all .featured_image_wrap {
  float: left;
  padding: 0 20px 20px 20px;
  margin: 0px; }

.lca-blog-all .featured_image_wrap img {
  width: 15vw;
  padding: 10px 10px;
  background-color: white;
  margin: 0;
  border-top: 1px #616163 solid;
  border-right: 3px #616163 solid;
  border-left: 1px #616163 solid;
  border-bottom: 3px #616163 solid;
  border-radius: 8px; }

.lca-blog-all .next_posts,
.previous_posts {
  font-weight: 600;
  font-size: 2vh; }

.lca-blog-all .query_box h1.headline {
  margin: 0 2vw 2vh 0;
  padding: 0;
  padding-top: 3vh;
  background-color: #eeeeee;
  font-size: 1.2vw;
  line-height: 1.5; }

.lca-blog-all h1.headline a,
a:visited {
  color: #0e24c5;
  padding: 0;
  margin: 0 0 0 2vw;
  font-size: 1.2vw;
  line-height: 1.5;
  font-weight: 800; }

.lca-blog-all h1.headline a:hover {
  text-decoration: underline;
  color: #0e24c5;
  font-size: 1.2vw;
  line-height: 1.5;
  font-weight: 800; }

.lca-blog-all .sidebar {
  margin: 100px; }

article#post-18724.post_box {
  border: 1px black solid;
  margin: 8vw 10% 0 10%;
  background-color: #eeeeee;
  line-height: 2em;
  padding: 20px 0 0 0;
  text-transform: uppercase; }

.lca-blog-all .next_posts,
.previous_posts {
  font-weight: 400;
  font-size: 2vh; }

/*
 * END HOME STYLES
 */
/*
 * NAMED BLOG LISTS AND SEARCH RESULTS PAGES
 */
.lca-blog .container.columns {
  padding-top: 0; }

.lca-blog h1.headline a,
a:visited {
  color: #0e24c5;
  padding: 0;
  margin: 0 0 0 2vw;
  background-color: #eeeeee;
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: 800; }

.lca-blog h1.headline a:hover {
  text-decoration: underline;
  color: #0e24c5;
  font-size: 1.3vw;
  line-height: 1.5; }

.lca-blog .content {
  background-color: #eeeeee; }

.lca-blog .grt.content-home {
  padding: 0 0 0 5vw;
  margin: auto;
  width: 85vw;
  background-color: #0e24c5;
    /*
   * border: 3px red solid;
   */ }

.lca-blog .post_box {
    /*
   * border: 3px black solid;
   */
  margin: 0px auto;
  line-height: 2em;
  padding: 20px 0 0 0;
  text-transform: uppercase;
  border-right: 1px #0c24e5 solid;
  text-align: center; }

.lca-blog .query_box {
  background-color: #eeeeee;
  margin: 0;
  padding: 2% 2%;
  font-size: 1vw;
  line-height: 1.3em; }

.lca-blog .featured_image_wrap {
  float: left;
  padding: 0 20px 20px 20px;
  margin: 0px; }

.lca-blog .featured_image_wrap img {
  width: 200px;
  padding: 10px 10px;
  background-color: white;
  margin: 0;
  border-top: 1px #616163 solid;
  border-right: 3px #616163 solid;
  border-left: 1px #616163 solid;
  border-bottom: 3px #616163 solid;
  border-radius: 8px; }

/*
 * SEARCH RESULT CATEGORY DISPLAY BLOGS GENERAL
 */
/*
 * content container, pushes down the main headline
 */
.category-blog .container {
    /*
   * entire column for post excerpts
   */
  padding: 0;
    /*
   * 120px 20px;
   */ }

.category-blog .container.columns {
  padding-top: 0; }

.category-blog .content {
  background-color: #eeeeee; }

.category-blog .grt.content-home {
  padding-top: 20px;
  margin: 0 0 20px 5vw;
  width: 85vw;
  background-color: #eeeeee; }

.category-blog .post_box {
  margin: 0px auto;
  line-height: 2em;
  padding: 0;
  border-bottom: 1px #0c24e5 solid;
    /*
   * Keep this
   */ }

.category-blog .query_box {
  background-color: #eeeeee;
  margin: 0;
  padding: 2% 2%;
  font-size: 1vw;
  line-height: 1.3em; }

.category-blog .featured_image_wrap {
  float: left;
  padding: 0 20px 20px 20px;
  margin: 0px; }

.category-blog .featured_image_wrap img {
  width: 200px;
  padding: 10px 10px;
  background-color: white;
  margin: 0;
  border-top: 1px #616163 solid;
  border-right: 3px #616163 solid;
  border-left: 1px #616163 solid;
  border-bottom: 3px #616163 solid;
  border-radius: 8px; }

.category-blog .next_posts,
.previous_posts {
  font-weight: 400;
  font-size: 2vh; }

/*
 * SEARCH RESULTS PAGE
 */
/*
 * Headline for the entire search results page. Shows what was searched.
 */
.category-blog .grt.content-home h1.archive_title.headline {
  text-align: center;
  padding: 1vh 0;
  background-color: #eeeeee;
  font-size: 1.3rem;
  color: #0e24c5;
  text-transform: capitalize;
  line-height: 2rem;
  border-bottom: 2px #0e24c5 solid; }

/*
 * Headline for each blog entry, linked to article.
 */
.category-blog .headline_area h1.headline a,
a:visited {
  color: #0e24c5;
  padding: 0;
  margin: 0 0 0 2vw;
  background-color: #eeeeee;
  font-size: 1.2vw;
  line-height: 1.5;
  font-weight: 800; }

.category-blog .headline_area h1.headline a:hover {
  text-decoration: underline;
  color: #0e24c5;
  font-size: 1.2vw;
  line-height: 1.5; }

.post_date_intro {
  display: none; }

/*
 * POSTS & PAGES & CATEGORY PAGES ALL - TITLE HEADLINE
 */
/*
 * Headlines for posts
 */
article.post_box {
  margin: 0 10% 0 10%;
    /*
   * IMPORTANT
   */
  padding: 0;
    /*
   * IMPORTANT
   */
  background: #eeeeee; }

/*
 * byline adds extra spacing. don't need it.
 */
.byline {
  display: none; }

/*
 * title of articles listed in blog/category page
 */
article.text h1.headline {
    /*
   * IMPORTANT
   */
  font-size: 1.8rem;
  margin-top: 0;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 0;
  line-height: 2rem; }

.post_author,
.post_author_intro,
.post_edit {
  display: none; }

.post_date_intro,
.post_date {
  font-size: 0.9em;
  margin-left: 20px;
  margin-top: 0;
  padding: 0; }

.post_excerpt {
  padding: 0;
  border-bottom: 2px #0e24c5 solid;
    /*
   * divider between posts on blog
   */ }

.featured_image_wrap p.caption {
    /*
   * hides the caption on a featured image
   */
  display: none; }

.featured_image_link {
  padding: 0;
  margin: 0; }

.post_content img.size-full {
  width: 100%;
  margin: 20px; }

.post_content p img.size-full {
  width: 40%;
  margin: 20px; }

.post_content img.size-medium {
  width: 60%;
  margin: 20px; }

.post_content p.wp-caption-text {
  margin: 5px; }

/*
 * ABOUT US Page Layout (.focus is the page template's style)
 */
.focus #content {
  background-image: url("https://lightingcontrolsassociation.org/wp-content/uploads/2021/02/AboutTheLCA1920.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  background-size: cover;
  width: 100%; }

.focus .container.columns {
  padding: 0;
  margin: 0;
  width: 100%;
  background: none; }

.focus .grt.content-home {
  margin: auto;
  width: 100%;
  background: none; }

.focus .headline_area {
  display: none; }

.focus article.post_box {
  max-width: 90%;
  margin: 0 5% 0 5%;
    /*
   * IMPORTANT
   */
  padding: 0;
    /*
   * IMPORTANT
   */
  background: none; }

/*
 * post-14 is specific to this About the LCA page
 */
article#post-14.post_box.text.top .post_content {
  width: 100%;
  min-width: 100%;
  padding: 0;
  margin: 0;
  background: none; }

.focus .post_content {
  margin: 1vh 10vw 1vh 10vw;
  width: 100%;
  background: none; }

.focus table.pagebanner tbody {
  width: 100%;
  margin: 11vh auto 10vh auto;
  padding: 3vh 3vw 1vh 2.5vw;
  border-spacing: 10px;
    /*
   * Adds 10px spacing between adjacent cells
   */
  border-collapse: separate;
    /*
   * Required for border-spacing to work
   */
  background-color: none; }

.focus table.pagebanner .pagetitle {
  color: white;
  font-size: 4rem;
  text-align: left;
  font-weight: 800;
  padding: 15vh 0 0 8vw;
  text-shadow: 2px 2px black; }

.focus table.pagebanner td p {
  vertical-align: top;
  margin: 2vh 10vw 8vh 13vw;
  font-size: 2vw;
  color: white;
  text-decoration: bold;
  line-height: 3vw;
  font-weight: 800;
  text-shadow: 2px 2px black; }

.focus .boxbutton {
  display: none;
    /*
   * hiding these buttons per Craig's request. can delete once site finalized
   */ }

.focus table.contentsplit {
  margin: auto;
  width: 100%;
  text-align: top; }

.focus table.contentsplit a,
a:visited {
  color: #0e24c5;
  text-decoration: none; }

.focus table.contentsplit a:hover {
  text-decoration: underline; }

.focus .vr {
  border-left: 1px black solid; }

.teamtable table {
  width: 60%;
  margin: auto; }

.teamtable td {
  width: 220px;
  vertical-align: top;
  padding-bottom: 25px; }

.focus .teamtable img {
  width: 200px;
  margin: auto;
  border-radius: 8px;
  padding: 1px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }

.teamtable > div {
  font-size: 0.9em; }

/*
 * DESIGN CENTER Page Layout (.designcenter is the page template's style)
 */
/*
 * ***********************
 */
.designcenter #content {
  background-image: url("https://lightingcontrolsassociation.org/wp-content/uploads/2025/04/IndustryNews1920.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  background-size: cover;
  width: 100%; }

.designcenter .container.columns {
  padding: 0;
  margin: 0;
  width: 100%;
  background: none; }

.designcenter .grt.content-home {
  margin-top: 0px;
  width: 100%;
  background: none; }

.designcenter .headline_area {
  display: none; }

/*
 * post-19148 is specific to the Design Center page
 */
.designcenter article#post-19148.post_box.text {
  padding: 0;
  margin: 0;
  width: 100%;
  background: none; }

.designcenter .post_content {
  margin: 3vh 0 3vh 0;
  width: 100%;
  background-color: none; }

.designcenter table.pagebanner {
  width: 100%;
  margin: 5vh 50vw 10vh 12vw;
  padding-right: 20vw;
  border-spacing: 10px;
    /*
   * Adds 10px spacing between adjacent cells
   */
  border-collapse: separate;
    /*
   * Required for border-spacing to work
   */ }

.designcenter table.pagebanner .pagetitle {
  color: white;
  font-size: 4vw;
  text-align: left;
  font-weight: 800;
  margin: 2vh;
  text-shadow: 2px 2px black; }

.designcenter table.pagebanner td p {
  vertical-align: top;
  font-size: 2vw;
  color: white;
  text-decoration: bold;
  line-height: 3.2vw;
  font-weight: 800;
  text-shadow: 2px 2px black; }

.designcenter .boxbutton {
  display: none;
    /*
   * hiding these buttons per Craig's request. can delete once site finalized.
   */ }

/*
 * OUR MEMBERS Page Layout (.ourmembers is the page template's style)
 */
/*
 * ******************************
 */
.ourmembers #content {
  background-image: url("https://lightingcontrolsassociation.org/wp-content/uploads/2021/02/panels-OurMembers.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  background-size: cover;
  width: 100%; }

.ourmembers .container.columns {
  padding: 0;
  margin: 0;
  width: 100%;
  background: none; }

.ourmembers .grt.content-home {
  margin-top: 0px;
  width: 100%;
  background: none; }

.ourmembers .headline_area {
  display: none; }

/*
 * post-18693 is specific to this Our Members page
 */
.ourmembers article#post-18693.post_box.text {
  padding: 0;
  margin: 0;
  width: 100%;
  background: none; }

/*
 * NOTE: The margin on this and the following pages are different from the one on About Us. Due to various special formatting on the About Us page, this cannot be made consistent.
 */
.ourmembers .post_content {
  margin: 0;
  width: 100%;
  background-color: none; }

/*
 * styles the logo images
 */
.ourmembers .post_content img {
  border: none;
  margin: auto;
  width: 80%;
  background-color: white; }

.ourmembers table.pagebanner {
  width: 100%;
  margin: 10vh auto 10vh auto;
  padding: 3vw 12vw 1vw 12vw;
  border-spacing: 10px;
    /*
   * Adds 10px spacing between adjacent cells
   */
  border-collapse: separate;
    /*
   * Required for border-spacing to work
   */ }

.ourmembers table.pagebanner .pagetitle {
  color: white;
  font-size: 4rem;
  text-align: left;
  font-weight: 800;
  text-shadow: 2px 2px black;
  margin-bottom: 3vh; }

.ourmembers table.pagebanner td p {
  vertical-align: top;
  font-size: 2rem;
  color: white;
  text-decoration: bold;
  line-height: 3.2rem;
  font-weight: 800;
  text-shadow: 2px 2px black; }

.ourmembers .boxbutton {
  display: none;
    /*
   * hiding these buttons per Craig's request. can delete once site finalized.
   */ }

/*
 * is unique and needs to be here.
 */
.ourmembers .graybg {
  background: none;
  padding: 0; }

/*
 * Smart Logo formatting on Our Members page
 */
.smls-grid-container,
.smls-grid {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: white; }

.smls-grid {
  column-gap: 0px;
  width: 100%;
  margin: 0; }

.smls-grid-pad-container {
  padding: 0;
  margin: auto; }

.smls-grid-container-template-1,
.smls-grid-container-template-2,
.smls-grid-container-template-3,
.smls-main-logo-wrapper .smls-thumbnails {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: white; }

.smlstable {
  width: 100%;
  padding: 0;
  margin: auto;
  background-color: white; }

/*
 * JOIN THE LCA Page Layout
 */
/*
 * ****************************
 */
.joinlca #content {
  background-image: url("https://lightingcontrolsassociation.org/wp-content/uploads/2025/04/JointheLCA1920.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  background-size: cover;
  width: 100%; }

.joinlca .container.columns {
  padding: 0;
  margin: 0;
  width: 100%;
  background: none; }

.joinlca .grt.content-home {
  margin-top: 0px;
  width: 100%;
  background: none; }

.joinlca .headline_area {
  display: none; }

/*
 * post-18 is specific to this Join the LCA page
 */
.joinlca article#post-18.post_box.text {
  padding: 0;
  margin: 0;
  width: 100%;
  background: none; }

.joinlca .post_content {
  margin: 3vh 0 3vh 0;
  width: 100%;
  background-color: none; }

.joinlca table.pagebanner {
  width: 100%;
  margin: 6vw auto 10vh auto;
  padding: 3vh 12vw 0 13vw;
  border-spacing: 10px;
    /*
   * Adds 10px spacing between adjacent cells
   */
  border-collapse: separate;
    /*
   * Required for border-spacing to work
   */ }

.joinlca table.pagebanner .pagetitle {
  color: white;
  font-size: 4rem;
  text-align: left;
  font-weight: 800;
  margin-bottom: 2vh;
  text-shadow: 2px 2px black; }

.joinlca table.pagebanner td p {
  vertical-align: top;
  font-size: 2rem;
  color: white;
  text-decoration: bold;
  line-height: 3.2rem;
  font-weight: 800;
  text-shadow: 2px 2px black; }

.joinlca .boxbutton {
  display: none;
    /*
   * hiding these buttons per Craig's request. can delete once site finalized.
   */ }

/*
 * need this for formatting unique to the Join page
 */
.joinlca .graybg {
  width: 80%; }

/*
 * LEARN Page Layout (.focus is the page template's style)
 */
/*
 * **********************************
 */
.learnpage #content {
  background-image: url("https://lightingcontrolsassociation.org/wp-content/uploads/2025/04/NEMA1920.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  background-size: cover;
  width: 100%; }

.learnpage .container.columns {
  padding: 0;
  margin: 0;
  width: 100%;
  background: none; }

.learnpage .grt.content-home {
  margin-top: 0px;
  width: 100%;
  background: none; }

.learnpage .headline_area {
  display: none; }

/*
 * post-19084 is specific to this Learn page
 */
.learnpage article#post-19084.post_box.text {
  padding: 0;
  margin: 0;
  width: 100%;
  background: none; }

.learnpage .post_content {
  margin: 3vh 0 3vh 0;
  width: 100%;
  background-color: none; }

.learnpage table.pagebanner {
  width: 100%;
  margin: 10vh auto 10vh auto;
  padding: 3vh 12vw 1vh 12vw;
  border-spacing: 10px;
    /*
   * Adds 10px spacing between adjacent cells
   */
  border-collapse: separate;
    /*
   * Required for border-spacing to work
   */ }

.learnpage table.pagebanner .pagetitle {
  color: white;
  font-size: 4rem;
  text-align: left;
  font-weight: 800;
  margin: 1vh;
  text-shadow: 2px 2px black; }

.learnpage table.pagebanner td p {
  vertical-align: top;
  font-size: 2rem;
  color: white;
  text-decoration: bold;
  line-height: 3.2rem;
  font-weight: 800;
  text-shadow: 2px 2px black; }

.learnpage .boxbutton {
  display: none;
    /*
   * hiding these buttons per Craig's request. can delete once site finalized.
   */ }

/*
 * need for formatting specific to this page
 */
.learnpage .graybg {
  width: 80%; }

/*
 * PRODUCTS Page Layout (.focus is the page template's style)
 */
/*
 * **********************************
 */
.products #content {
  background-image: url("https://lightingcontrolsassociation.org/wp-content/uploads/2021/02/nema-products-2.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  background-size: cover;
  width: 100%; }

.products .container.columns {
  padding: 0;
  margin: 0;
  width: 100%;
  background: none; }

.products .grt.content-home {
  margin-top: 0px;
  width: 100%;
  background: none; }

.products .headline_area {
  display: none; }

/*
 * post-19093 is specific to this Products page
 */
.products article#post-19093.post_box.text {
  padding: 0;
  margin: 0;
  width: 100%;
  background: none; }

.products .post_content {
  margin: 3vh 0 3vh 0;
  width: 100%;
  background-color: none; }

.products table.pagebanner {
  width: 100%;
  margin: 10vh auto 10vh auto;
  padding: 2vh 0 1vh 12vw;
  border-spacing: 10px;
    /*
   * Adds 10px spacing between adjacent cells
   */
  border-collapse: separate;
    /*
   * Required for border-spacing to work
   */ }

.products table.pagebanner .pagetitle {
  color: white;
  font-size: 4rem;
  text-align: left;
  font-weight: 800;
  margin: 2vh 1vh 1vh 1vh;
  text-shadow: 2px 2px black; }

.products table.pagebanner td p {
  vertical-align: top;
  font-size: 2rem;
  color: white;
  text-decoration: bold;
  line-height: 3.2rem;
  font-weight: 800;
  text-shadow: 2px 2px black; }

.products .boxbutton {
  display: none;
    /*
   * hiding these buttons per Craig's request. can delete once site finalized.
   */ }

.products .graybg {
  width: 80%; }

/*
 * VIDEO COURSES Page Layout
 */
/*
 * **********************************
 */
.videocourses #content {
  background-image: url("https://lightingcontrolsassociation.org/wp-content/uploads/2025/08/iStock-1398466382-scaled.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  background-size: cover;
  width: 100%; }

.videocourses .container.columns {
  padding: 0;
  margin: 0;
  width: 100%;
  background: none; }

.videocourses .grt.content-home {
  margin-top: 0px;
  width: 100%;
  background: none; }

.videocourses .headline_area {
  display: none; }

/*
 * post-19084 is specific to this Video Courses page
 */
.videocourses article#post-18949.post_box.text {
  padding: 0;
  margin: 0;
  width: 100%;
  background: none; }

.videocourses .post_content {
  margin: 1vh 0 3vh 0;
  width: 100%;
  background-color: none; }

.videocourses table.pagebanner {
  width: 100%;
  margin: 5vh auto 10vh auto;
  padding: 3vh 12vw 1vh 12vw;
  border-spacing: 10px;
    /*
   * Adds 10px spacing between adjacent cells
   */
  border-collapse: separate;
    /*
   * Required for border-spacing to work
   */ }

.videocourses table.pagebanner .pagetitle {
  color: white;
  font-size: 4rem;
  text-align: left;
  font-weight: 800;
  margin: 1vh 1vh 2vh 1vh;
  text-shadow: 2px 2px black; }

.videocourses table.pagebanner td p {
  vertical-align: top;
  font-size: 2rem;
  color: white;
  text-decoration: bold;
  line-height: 3.2rem;
  font-weight: 800;
  text-shadow: 2px 2px black; }

/*
 * Instructions that come after the image overlay text; also on top of the image
 */
.videocourses .videointro {
  vertical-align: top;
  margin: 10vh 10vw 0 10vw;
  font-size: 1.5rem;
  color: white;
  line-height: 3rem;
  font-weight: 800;
  text-shadow: 2px 2px black; }

.videogrid {
  position: relative;
  display: grid;
  margin: auto;
  top: 50px;
    /*
   * 3vw;
   */
  justify-content: center;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  column-gap: 2vw;
  row-gap: 2vw;
  padding: 1vw;
    /*
   * was 1vw 4vw
   */
  background-color: #e6e6e6; }

.videobox {
  background-color: #0e24c5;
    /*
   * border: 2px white solid;
   */
  padding: 10px; }

.videotitle {
  font-size: 1.2vw;
  color: white;
  text-decoration: none;
  font-weight: 800;
  text-justify: center; }

.videocourses .videobox p {
  margin: 1vw 0;
  padding: 0; }

.videocourses .videobox a,
a:visited,
a:hover {
  margin: 0;
  padding: 0;
  font-size: 0.9vw;
  color: white;
  font-weight: 400;
  text-decoration: none; }

/*
 * Creates the hanging indent within the UL for the video descriptions
 */
.videocourses .videobox ul {
  margin: 1vh 1vw 1vw 2vw;
  text-indent: -1vw; }

/*
 * need for formatting specific to this page
 */
.videocourses .graybg {
  width: 80%; }

/*
 * Posts Layout (.lca-post is the main style)
 */
.lca-post #content {
  padding: 0; }

.lca-post .container.columns {
  width: 90%;
  margin: 0 5vw 0 5vw;
  padding-top: 5%;
  background-color: #eeeeee; }

.lca-post .post_box {
  margin: 0px auto;
  line-height: 2em; }

.lca-post .post_box.text {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding: 5vh 5vw 0 5vw; }

.lca-post .featured_image_wrap {
  display: none; }

.lca-post .grt.content-home {
  padding: 0 0 0 0;
  margin: 0 auto;
  width: 85vw;
  background-color: #0e24c5; }

.lca-post .post_content .featured_image_wrap {
  float: left;
  padding: 0 20px 20px 20px;
  margin: 0px; }

.lca-post .sidebar.sidebar-custom {
  width: 15vw;
  padding-top: 10px;
  margin-right: 5vw;
  background: rgba(230, 230, 230, 0.8);
  border: 1px #0e24c5 solid; }

.lca-post .sidebar.sidebar-custom a,
a:visited {
  color: #0e24c5;
  text-decoration: none; }

.lca-post .sidebar.sidebar-custom a:hover {
  text-decoration: underline; }

.lca-post .featured_image_wrap img,
.post_content img {
  width: 200px;
  padding: 10px 10px;
  background-color: white;
  margin: 0;
  border-top: 1px #616163 solid;
  border-right: 3px #616163 solid;
  border-left: 1px #616163 solid;
  border-bottom: 3px #616163 solid; }

.post_content img {
  border: none;
  margin-left: 5vw;
  margin-bottom: 10px;
  width: 30%; }

/*
 * POST TEXT
 */
.headline_area h1.headline.headline-post {
  margin: 20px 0px 20px 20px;
  border-radius: 8px;
  text-transform: capitalize;
  font-size: 2rem;
  color: #0e24c5;
  text-decoration: bold;
  line-height: 2.3rem;
  padding: 0; }

.post_content li {
  margin-left: 8%; }

.post_content h2 {
  padding: 0px;
  margin: 0px;
  font-size: 1.8rem; }

.post_content .centercontent {
  margin: auto;
  text-align: center;
  padding-top: 0;
  margin-top: 0; }

/*
 * GENERAL BUTTONS
 */
.fa-hand-pointer-o {
  color: gold; }

.button {
  background-color: #0e24c5; }

.button a,
a:visited {
  text-decoration: none;
  color: #e6e6e6; }

.button a:hover {
  background-color: #e6e6e6;
  text-decoration: underline;
  color: #0e24c5; }

/*
 * IMAGES ON HOMEPAGE GRID -- ADDED TO GET PARSED LAST
 */
.grid-panels img {
  max-height: 35vh;
  max-width: 35vh;
  padding: 3vh 3vw;
  padding-right: 0;
  margin-top: 1vh;
  margin-bottom: 1vh;
  border: none;
  background-color: none; }

/*
 * PREV / NEXT - BLOG
 */
.prev_next {
  padding-top: 5px;
  padding-bottom: 20px;
  margin-top: 0;
  margin-bottom: 0;
  background-color: #eeeeee; }

.prev_next.text {
  border-top: none;
  padding-top: 20px; }

.prev_next.text a,
a:visited {
  color: #0e24c5;
  font-size: 2.5vh;
  margin-left: 10px; }

.prev_next.text a:hover {
  text-decoration: underline; }

.prev_next.text p {
  font-size: 2vh;
  font-weight: 300;
  margin: 0;
  margin-left: 10px;
  margin-right: 10px;
  border-top: 1px #00d4dc solid; }

.prev_next.text p.previous_post {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 0;
  border-bottom: 1px #00d4dc solid; }

p.next_post {
  margin: 0;
  margin-left: 0;
  padding: 0; }

/*
 * PREV/NEXT ON POST PAGES - sets the font specifically for post pages, which needs to be smaller than the blog prev/next
 */
.lca-post .prev_next.text a,
a:visited {
  color: #0e24c5;
  font-size: 1.5vh;
  margin-left: 10px; }

.lca-post .prev_next.text a:hover {
  text-decoration: underline; }

/*
 * CUSTOM SIDEBAR
 */
.sidebar.sidebar-custom {
  width: 15vw;
  padding-top: 70px;
  margin-right: 5vw;
  background: rgba(230, 230, 230, 0.8);
  border-left: 1px #0e24c5 solid; }

/*
 * puts sidebar on the left - from Chris @ theme hq -- KEEP IN CASE WE WANT TO CHANGE IT LATER
 */
/*
 * .has-sidebar .columns {
 * @media all and (min-width: 1102px) {
 * flex-direction: row-reverse;
 * }
 * }
 */
.sidebar .widget {
  padding: 0px;
  margin: 5px;
  width: 95%; }

.sidebar-links a,
a:visited {
  color: #0e24c5; }

.sidebar-links a:hover {
  text-decoration: underline;
  color: #00d4dc;
    /*
   * turquoise
   */ }

/*
 * COMMENTS
 */
#comments {
  background-color: #eeeeee; }

#comments #respond {
  margin-top: 10px; }

ul.comments_list {
  background-color: #eeeeee; }

li.comment {
  background-color: #eeeeee;
  font-size: 0.9rem;
  margin-left: 2vw; }

#comments .comment_header {
  margin-bottom: 0; }

form#commentform.comment-form {
  margin-bottom: 0;
  background-color: #eeeeee;
  font-size: 0.8rem; }

#comments #respond .comment-reply-title {
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 0; }

#comments #respond .logged-in-as {
  background-color: #eeeeee;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0; }

form#commentform.comment-form a {
  color: #0e24c5; }

p.comment-form-comment {
  margin-bottom: 0; }

/*
 * FOOTER
 */
#footer {
  font-size: 1rem;
  color: #eeeeee;
  background-color: #0e24c5;
  line-height: 1.1rem;
  text-align: justify; }

#footer .container {
  background: none;
  margin-top: 0;
  padding: 0 5% 50px 5%; }

/*
 * Members grid in footer
 */
.membersgrid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  column-gap: 0;
  grid-template-rows: 1fr 1fr 1fr;
  row-gap: 5px;
  justify-content: center;
  margin: 5vh 0;
  background-color: white;
  color: black; }

.membersgrid > div {
  padding: 15px;
  margin: auto; }

.membersgrid img {
  width: auto;
  height: auto;
  margin: auto; }

/*
 * TURNS OFF MOBILE MENU LINK WHEN NOT ON SMALL SCREEN
 */
.menu-item-19241 {
  display: none; }

/*
 * STYLES FOR MOBILE MENU PAGE xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
 */
.mobilemenu {
  justify-content: center; }

.mobilemenu .sidebar.sidebar-custom {
  width: 90vw;
  padding: 0;
  margin-left: 5vw;
  background: rgba(230, 230, 230, 0.8); }

/*
 * DIFFERENT SCREEN SIZES xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
 */
/*
 * LAPTOP
 */
@media (800px < width < 1080px) {
  .videogrid {
    grid-template-columns: 1fr 1fr 1fr; }

  .videotitle {
    font-size: 1.3rem; }

  .videocourses .videobox a,
  a:visited,
  a:hover {
    font-size: 0.9rem; } }

/*
 * CLOSES LAPTOP STYLES
 */
/*
 * TABLET LARGE
 */
@media (600px < width < 800px) {
  .videogrid {
    grid-template-columns: 1fr 1fr; }

  .videotitle {
    font-size: 1.3rem; }

  .videocourses .videobox a,
  a:visited,
  a:hover {
    font-size: 0.9rem; } }

/*
 * CLOSES TABLET LARGE STYLES
 */
/*
 * MOBILES & SMALL TABLET ---------------------------------------------- MOBILES & SMALL TABLETS
 */
@media (width < 600px) {
  #mysticky-wrap a,
  a:visited,
  a:hover {
    font-size: 0.7rem; }

  /*
   * TURNS ON "OTHER" MENU ITEM WHEN ON SMALL SCREEN; THIS LINK GOES TO A PAGE THAT DISPLAYS THE SIDEBAR WIDGET. EDIT LINKS IN THE SIDEBAR-LCA WIDGET.
   */  .menu-item-19241 {
    display: inline; }

  /*
   * TURNS OFF THE SEARCH FIELD IN THE TOP NAVE WHILE ON A SMALL SCREEN
   */  .searchfield {
    display: none; }

  /*
   * TURNS OFF THE SIDEBAR ON A SMALL SCREEN
   */  .sidebar.sidebar-custom {
    display: none; }

  /*
   * KEEPS SIDEBAR SHOWING ON MOBILE MENU
   */  .mobilemenu .sidebar.sidebar-custom {
    display: block; }

  .teamtable td {
    font-size: 0.7em;
    line-height: 1em; }

  .pagetext p {
    font-size: 1rem;
    line-height: 1.3rem; }

  /*
   * ABOUT US
   */  .focus table.pagebanner .pagetitle {
    font-size: 2rem; }

  .focus table.pagebanner td p {
    font-size: 1rem;
    line-height: 2rem; }

  /*
   * DESIGN CENTER
   */  .designcenter table.pagebanner .pagetitle {
    font-size: 2rem; }

  .designcenter table.pagebanner td p {
    font-size: 1rem;
    line-height: 2rem; }

  /*
   * OUR MEMBERS
   */  .ourmembers table.pagebanner .pagetitle {
    font-size: 2rem; }

  .ourmembers table.pagebanner td p {
    font-size: 1rem;
    line-height: 2rem; }

  /*
   * JOIN US
   */  .joinlca table.pagebanner .pagetitle {
    font-size: 2rem; }

  .joinlca table.pagebanner td p {
    font-size: 1rem;
    line-height: 2rem; }

  /*
   * LEARN
   */  .learnpage table.pagebanner .pagetitle {
    font-size: 1.5rem; }

  .learnpage table.pagebanner td p {
    font-size: 1rem;
    line-height: 2rem; }

  /*
   * PRODUCTS
   */  .products table.pagebanner .pagetitle {
    font-size: 2rem; }

  .products table.pagebanner td p {
    font-size: 1rem;
    line-height: 2rem; }

  /*
   * VIDEO COURSES
   */  .videocourses table.pagebanner .pagetitle {
    font-size: 2rem; }

  .videocourses table.pagebanner td p {
    font-size: 1rem;
    line-height: 2rem; }

  .videocourses .videointro {
    font-size: 1rem;
    line-height: 2rem; }

  .videogrid {
    grid-template-columns: 1fr; }

  .videotitle {
    font-size: 1.5rem; }

  .videocourses .videobox a,
  a:visited,
  a:hover {
    font-size: 1rem; }

  /*
   * BLOG POSTS LISTS
   */  /*
   * Body excerpt for the blog page.
   */  .query_box {
    font-size: 12px;
    line-height: 1.5em; }

  /*
   * Post headline in a blog postings list.
   */  .query_box h1.headline a,
  a:visited {
    font-size: 14px;
    line-height: 1.5; }

  .query_box h1.headline a:hover {
    font-size: 14px;
    line-height: 1.5; }

  /*
   * SEARCH RESULTS PAGES
   */  /*
   * Headline for the entire search results page. Shows what was searched.
   */  .category-blog .grt.content-home h1.archive_title.headline {
    font-size: 18px; }

  /*
   * Headline for each blog entry, linked to article.
   */  .category-blog .headline_area h1.headline a,
  a:visited {
    font-size: 14px;
    line-height: 1.5em; }

  .category-blog .headline_area h1.headline a:hover {
    font-size: 14px;
    line-height: 1.5em; }

  .category-blog .query_box {
    font-size: 12px;
    line-height: 1.5em; }

  /*
   * FOOTER
   */  .membersgrid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto; } }

/*
 * CLOSES MOBILE STYLES
 */