/* CORE */
/*!
 * Theme Name: 2017 IWVCOP
 * Theme URI: N/A
 * Description: A custom theme for NSWDoE Transition to Schools.
 * Version: 1.0.0
 * Author: Alex Dewez-Lopez (@dewezlopez)
 * Author URI: http://iamalex.com.au
 * Tags: HTML5, CSS3, SASS, autoprefixer
 *
 * License: MIT
 * License URI: http://opensource.org/licenses/mit-license.php
*/
img, .alignnone, .aligncenter, .alignright, .alignleft {
  display: block;
  max-width: 100%;
  width: 100%;
  height: auto;
  margin: 20px 0; }

/* SETUP */
html {
  font-size: 80%;
  line-height: 1.55;
  color: #444; }
  @media screen and (min-width: 40rem) {
    html {
      font-size: 100%; } }

body {
  font-family: "Montserrat", sans-serif; }

h1, h2, h3, h4, h5, h6 {
  margin: 30px 0 20px;
  line-height: 1.3;
  color: #333;
  font-family: "Montserrat", sans-serif; }

ul, ol {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative; }
  ul > li, ol > li {
    padding-left: 0; }
    ul > li:before, ol > li:before {
      content: none; }
  ul li, ol li {
    padding-left: 1.5em;
    padding-bottom: 0.5em; }
    ul li:before, ol li:before {
      position: absolute;
      left: 0; }

ul li:before {
  content: '\2022'; }

ul ul {
  margin-top: 20px; }
  ul ul li:before {
    content: '\2023'; }

ol {
  counter-reset: ol; }
  ol li:before {
    counter-increment: ol;
    content: counter(ol) ".";
    font-weight: 600;
    font-size: 0.8em;
    line-height: 2; }
  ol ol {
    counter-reset: olol; }
    ol ol li:before {
      counter-increment: olol;
      content: counter(olol, lower-roman) "."; }

a {
  color: #1d3278;
  font-weight: 600; }
  a:hover, a:focus {
    text-decoration: none;
    color: #1C4F5F; }

blockquote {
  margin-left: 0;
  margin-top: 2em;
  margin-bottom: 0;
  border-left: 5px solid #1d3278;
  padding: 1em;
  font-style: italic; }
  blockquote p {
    margin: 0; }
  blockquote + p {
    margin-top: 0;
    margin-bottom: 2em; }

hr {
  margin: 20px 0;
  border: 1px solid #ccc; }
  @media screen and (min-width: 40rem) {
    hr {
      margin: 30px 0; } }

form {
  background-color: #dbdde6;
  border-radius: 10px; }
  form > *:first-child {
    margin-top: 0; }
  form.login-form {
    padding: 20px 20px 0;
    max-width: 400px;
    margin: 20px auto; }
    @media screen and (min-width: 40rem) {
      form.login-form {
        margin: 70px auto; } }
  form nav {
    padding-bottom: 20px;
    text-align: center; }

label {
  display: block;
  margin-top: 20px;
  margin-bottom: 0.3em;
  font-weight: bold;
  cursor: pointer; }
  input[type="radio"] + label,
  input[type="checkbox"] + label {
    display: inline-block;
    margin-top: 0;
    max-width: 85%; }
  label.error {
    color: #A04141; }
  label.success {
    color: #237537; }
  .comment-form-subscriptions label {
    font-weight: 300;
    font-size: 0.8rem; }

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding: 0 7.5px;
  line-height: 32px;
  border: 1px solid #1C4F5F;
  border-radius: 2px;
  transition: all 0.2s; }
  input[type="text"]:hover,
  input[type="email"]:hover,
  input[type="password"]:hover,
  input[type="number"]:hover,
  input[type="tel"]:hover,
  textarea:hover {
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.2); }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="password"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  textarea:focus {
    box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.3), inset 0px 0px 1px 0px rgba(0, 0, 0, 0.5);
    outline: none;
    border-color: #1C4F5F; }
  .error + input[type="text"], .error +
  input[type="email"], .error +
  input[type="password"], .error +
  input[type="number"], .error +
  input[type="tel"], .error +
  textarea {
    border-color: #C33838;
    color: #A04141; }
  .success + input[type="text"], .success +
  input[type="email"], .success +
  input[type="password"], .success +
  input[type="number"], .success +
  input[type="tel"], .success +
  textarea {
    border-color: #27A747;
    color: #237537; }
  @media screen and (min-width: 40rem) {
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    textarea {
      line-height: 40px; } }

textarea {
  line-height: 1.5;
  padding-top: 7px; }

input[type="radio"],
input[type="checkbox"] {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  width: 20px !important; }

.form-input-group *:first-child {
  margin-top: 0; }

.form-checkbox-group,
.form-radio-group {
  margin-top: 32px; }
  .form-checkbox-group p,
  .form-radio-group p {
    margin-bottom: 0.5em; }
  .form-checkbox-group div,
  .form-radio-group div {
    display: block;
    margin: 10px 0; }

fieldset {
  border-radius: 5px;
  border-color: #1C4F5F;
  padding: 20px 15px; }

legend {
  padding-left: 5px;
  padding-right: 5px; }
  legend + * {
    margin-top: 0; }

select:focus {
  outline: 2px dotted #1d3278;
  outline-offset: 2px; }

.form-submit input[type="submit"] {
  margin: 0;
  background-color: #457cd4; }
  .form-submit input[type="submit"]:hover, .form-submit input[type="submit"]:focus {
    background-color: #2865c5; }

.only-on-sr {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.hidden-on-mobile {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  @media screen and (min-width: 40rem) {
    .hidden-on-mobile {
      clip: auto;
      height: auto;
      margin: 0;
      overflow: auto;
      position: relative;
      width: auto; } }

@media screen and (min-width: 60rem) {
  .hidden-on-desktop {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; } }

@media screen and (min-width: 40rem) {
  .only-on-mobile {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; } }

.only-on-desktop {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  @media screen and (min-width: 60rem) {
    .only-on-desktop {
      clip: auto;
      height: auto;
      margin: 0;
      overflow: auto;
      position: relative;
      width: auto; } }

/*
 * Wordpess core classes
 */
/* Gallery & images */
.wp-caption {
  max-width: 100%;
  text-align: center;
  font-style: italic;
  margin: 20px 0; }
  .wp-caption img {
    width: 100%;
    height: auto;
    margin: 0; }

.wp-caption .wp-caption-text,
.gallery-caption {
  margin: 0;
  padding: 20px 15px;
  border: 1px solid #ddd;
  border-top: 0; }

/* Alignment */
@media screen and (min-width: 40rem) {
  .alignnone {
    width: auto;
    margin: 20px 0; } }

@media screen and (min-width: 60rem) {
  .alignnone {
    margin: 30px auto; } }

@media screen and (min-width: 40rem) {
  .aligncenter {
    display: block;
    width: auto;
    margin: 20px auto; } }

@media screen and (min-width: 60rem) {
  .aligncenter {
    margin: 30px auto; } }

@media screen and (min-width: 40rem) {
  .alignright {
    float: right;
    width: auto;
    max-width: 50%;
    margin: 0 0 20px 15px; } }

@media screen and (min-width: 60rem) {
  .alignright {
    margin: 0 0 30px 25px; } }

.alignleft {
  max-width: 240px; }
  @media screen and (min-width: 40rem) {
    .alignleft {
      float: left;
      width: auto;
      max-width: 50%;
      margin: 0 15px 20px 0; } }
  @media screen and (min-width: 60rem) {
    .alignleft {
      margin: 0 25px 30px 0; } }

/* CUSTOM */
.article_header {
  margin-top: 20px; }

.article_title {
  font-size: 2rem;
  line-height: 1.1;
  margin-top: 0; }
  .single .article_title {
    margin-bottom: 5px; }
  .article_title.article_title--question {
    font-size: 1.1rem; }
  .template-form .article_title {
    font-size: 1.5rem;
    margin-bottom: 20px; }
  .article_title a {
    text-decoration: none;
    font-size: 0.8em;
    font-weight: 600;
    color: #2865c5; }
    .article_title a:hover, .article_title a:focus {
      text-decoration: underline; }
  @media screen and (min-width: 40rem) {
    .article_title {
      font-size: 2.5rem; } }

.article_byline {
  font-size: 0.7rem;
  color: #767676;
  clear: left; }

.article_author {
  display: inline;
  font-style: normal; }

.article_thumb {
  display: block;
  position: relative;
  width: 100%;
  height: 75px;
  overflow: hidden;
  margin-top: 3px;
  margin-right: 15px;
  margin-bottom: 20px;
  background-color: #eee; }
  .article_thumb img {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 0; }
  @media screen and (min-width: 40rem) {
    .article_thumb {
      width: 33%;
      height: 150px; } }
  @media screen and (min-width: 60rem) {
    .article_thumb {
      width: 25%;
      height: 150px; } }

.article_tags ul,
.article_categories ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: middle; }
  .article_tags ul > li,
  .article_categories ul > li {
    padding-left: 0; }
    .article_tags ul > li:before,
    .article_categories ul > li:before {
      content: none; }
  .article_tags ul li,
  .article_categories ul li {
    display: inline-block;
    padding: 0 1em 0 0; }

.article_tags span,
.article_categories span {
  display: inline-block;
  vertical-align: middle; }

.article_categories {
  margin-top: 0.3em; }
  .article_categories ul {
    padding-left: 1em; }

.article_tags {
  font-size: 0.8rem; }
  .article_tags a {
    display: inline-block;
    padding: 0.2em 0.5em;
    background-color: #eee;
    border-radius: 3px;
    text-decoration: none;
    transition: background-color 0.2s; }
    .article_tags a:hover, .article_tags a:focus {
      background-color: #fff;
      color: #444; }

.article_edit-link {
  clear: both; }

.article_snip-link {
  display: block;
  margin-top: 20px; }

.article--question h2:first-of-type {
  font-size: 1.7rem; }

.article_content {
  font-weight: 300;
  font-size: 1.1rem; }
  .article_content p:first-child {
    margin-top: 0; }
  @media screen and (min-width: 40rem) {
    .article_content {
      font-size: 1.2rem; } }

.banner {
  background-color: #1d3278;
  padding: 0 0 30px;
  overflow: hidden; }
  .template-forum .banner {
    position: relative;
    background-color: #457cd4;
    padding: 0; }
  .template-forum .banner .container {
    padding: 0;
    overflow: hidden;
    max-height: 400px; }
    @media screen and (min-width: 40rem) {
      .template-forum .banner .container {
        overflow: visible; } }
  .forum .banner .container {
    padding: 15px; }
  @media screen and (min-width: 40rem) {
    .banner {
      padding: 20px 0 30px; } }

.banner_title {
  position: relative;
  margin-top: 0;
  color: #eee;
  font-weight: 600;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
  font-size: 1.6rem; }
  @media screen and (min-width: 40rem) {
    .banner_title {
      font-size: 2rem;
      font-weight: bold;
      line-height: 1.4;
      margin-bottom: 1.5rem;
      padding-bottom: 1.5rem;
      border-bottom: 2px solid #eee; } }
  .template-forum .banner_title {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    font-weight: 400;
    color: #fff;
    font-size: 1.4rem; }
  @media screen and (min-width: 40rem) {
    .forum .banner_title {
      margin: 1.5rem 0;
      font-size: 1.6rem; } }

.banner_container {
  position: absolute;
  bottom: 0;
  margin: 0;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  box-sizing: border-box; }
  @media screen and (min-width: 60rem) {
    .banner_container {
      margin: 0 -30px;
      padding: 20px 30px;
      width: auto;
      display: block; } }

.banner_overview {
  color: #eee;
  font-weight: normal;
  letter-spacing: 0.02em; }
  .banner_overview p {
    clear: both; }
  .template-forum .banner_overview {
    color: #444;
    font-size: 1rem;
    font-weight: 300;
    padding-top: 10px; }
  @media screen and (min-width: 40rem) {
    .banner_overview {
      font-size: 1.3rem; }
      .template-forum .banner_overview {
        font-size: 1rem; } }
  .banner_overview img {
    margin-top: 0; }

.banner_button {
  position: relative;
  display: block;
  float: left;
  background-color: #fff;
  border-radius: 3px;
  padding: 7.5px 10px;
  margin-top: 10px;
  margin-right: 30px;
  color: #2865c5;
  font-weight: 400; }
  .banner_button.banner_button--alt {
    background-color: #457cd4;
    color: #fff;
    margin-bottom: 20px; }
    .banner_button.banner_button--alt:first-child {
      margin-top: 0; }
    .banner_button.banner_button--alt:hover, .banner_button.banner_button--alt:focus {
      background-color: #2865c5; }
  .banner_button.banner_button--open {
    background-color: #7125c8;
    color: #fff;
    margin-bottom: 20px; }
    .banner_button.banner_button--open:first-child {
      margin-top: 0; }
    .banner_button.banner_button--open:hover, .banner_button.banner_button--open:focus {
      background-color: #63469e; }

.banner_image {
  position: relative;
  display: block;
  z-index: 0;
  top: 0;
  width: 100%;
  margin: 0; }
  @media screen and (min-width: 60rem) {
    .banner_image {
      width: auto;
      margin: 0 -30px;
      max-width: 780px; } }

.breadcrumbs {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.75rem;
  margin-bottom: 20px;
  color: #767676; }
  .breadcrumbs > li {
    padding-left: 0; }
    .breadcrumbs > li:before {
      content: none; }
  .breadcrumbs li {
    display: inline-block; }
    .breadcrumbs li:after {
      content: ">";
      display: inline-block;
      margin: 0 1em; }
    .breadcrumbs li:last-child:after {
      content: none; }
  .breadcrumbs a {
    font-weight: bold;
    color: #767676; }

.button,
form button,
form input[type="submit"] {
  box-shadow: 0px 3px 0px 0px shade(#1d3278, 50%), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);
  background-color: #1d3278;
  margin: 20px 15px 20px 0;
  border: 0;
  border-radius: 5px;
  padding: 0 15px;
  color: #eee;
  line-height: 32px;
  font-weight: bold;
  transition: all 0.2s; }
  .button:hover, .button:focus,
  form button:hover,
  form button:focus,
  form input[type="submit"]:hover,
  form input[type="submit"]:focus {
    background-color: #1C4F5F;
    box-shadow: 0px 4px 0px 0px shade(#1C4F5F, 50%), 0px 8px 8px 0px rgba(0, 0, 0, 0.3);
    transform: translateY(-1px);
    outline: none; }
  .button:active,
  form button:active,
  form input[type="submit"]:active {
    background-color: #1d3278;
    box-shadow: 0px 1px 0px 0px shade(#1d3278, 50%), 0px 4px 6px 0px rgba(0, 0, 0, 0.3);
    transform: translateY(2px); }
  .button.secondary,
  form button.secondary,
  form input[type="submit"].secondary {
    box-shadow: 0px 3px 0px 0px shade(#eee, 50%), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);
    background-color: #eee;
    background-color: #eee;
    color: #444; }
    .button.secondary:hover, .button.secondary:focus,
    form button.secondary:hover,
    form button.secondary:focus,
    form input[type="submit"].secondary:hover,
    form input[type="submit"].secondary:focus {
      background-color: #fff;
      box-shadow: 0px 4px 0px 0px shade(#fff, 50%), 0px 8px 8px 0px rgba(0, 0, 0, 0.3);
      transform: translateY(-1px);
      outline: none; }
    .button.secondary:active,
    form button.secondary:active,
    form input[type="submit"].secondary:active {
      background-color: #eee;
      box-shadow: 0px 1px 0px 0px shade(#eee, 50%), 0px 4px 6px 0px rgba(0, 0, 0, 0.3);
      transform: translateY(2px); }
  .button.success,
  form button.success,
  form input[type="submit"].success {
    box-shadow: 0px 3px 0px 0px shade(#237537, 50%), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);
    background-color: #237537;
    color: #eee; }
    .button.success:hover, .button.success:focus,
    form button.success:hover,
    form button.success:focus,
    form input[type="submit"].success:hover,
    form input[type="submit"].success:focus {
      background-color: #27A747;
      box-shadow: 0px 4px 0px 0px shade(#27A747, 50%), 0px 8px 8px 0px rgba(0, 0, 0, 0.3);
      transform: translateY(-1px);
      outline: none; }
    .button.success:active,
    form button.success:active,
    form input[type="submit"].success:active {
      background-color: #237537;
      box-shadow: 0px 1px 0px 0px shade(#237537, 50%), 0px 4px 6px 0px rgba(0, 0, 0, 0.3);
      transform: translateY(2px); }
  .button.alert,
  form button.alert,
  form input[type="submit"].alert {
    box-shadow: 0px 3px 0px 0px shade(#A04141, 50%), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);
    background-color: #A04141;
    color: #eee; }
    .button.alert:hover, .button.alert:focus,
    form button.alert:hover,
    form button.alert:focus,
    form input[type="submit"].alert:hover,
    form input[type="submit"].alert:focus {
      background-color: #C33838;
      box-shadow: 0px 4px 0px 0px shade(#C33838, 50%), 0px 8px 8px 0px rgba(0, 0, 0, 0.3);
      transform: translateY(-1px);
      outline: none; }
    .button.alert:active,
    form button.alert:active,
    form input[type="submit"].alert:active {
      background-color: #A04141;
      box-shadow: 0px 1px 0px 0px shade(#A04141, 50%), 0px 4px 6px 0px rgba(0, 0, 0, 0.3);
      transform: translateY(2px); }
  .button.light,
  form button.light,
  form input[type="submit"].light {
    box-shadow: 0px 3px 0px 0px shade(#eee, 50%), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);
    background-color: #eee;
    color: #1d3278; }
    .button.light:hover, .button.light:focus,
    form button.light:hover,
    form button.light:focus,
    form input[type="submit"].light:hover,
    form input[type="submit"].light:focus {
      background-color: #fff;
      box-shadow: 0px 4px 0px 0px shade(#fff, 50%), 0px 8px 8px 0px rgba(0, 0, 0, 0.3);
      transform: translateY(-1px);
      outline: none; }
    .button.light:active,
    form button.light:active,
    form input[type="submit"].light:active {
      background-color: #eee;
      box-shadow: 0px 1px 0px 0px shade(#eee, 50%), 0px 4px 6px 0px rgba(0, 0, 0, 0.3);
      transform: translateY(2px); }
  .button.dark,
  form button.dark,
  form input[type="submit"].dark {
    box-shadow: 0px 3px 0px 0px shade(#1d3278, 50%), 0px 6px 6px 0px rgba(0, 0, 0, 0.3);
    background-color: #1d3278;
    color: #eee; }
    .button.dark:hover, .button.dark:focus,
    form button.dark:hover,
    form button.dark:focus,
    form input[type="submit"].dark:hover,
    form input[type="submit"].dark:focus {
      background-color: #1C4F5F;
      box-shadow: 0px 4px 0px 0px shade(#1C4F5F, 50%), 0px 8px 8px 0px rgba(0, 0, 0, 0.3);
      transform: translateY(-1px);
      outline: none; }
    .button.dark:active,
    form button.dark:active,
    form input[type="submit"].dark:active {
      background-color: #1d3278;
      box-shadow: 0px 1px 0px 0px shade(#1d3278, 50%), 0px 4px 6px 0px rgba(0, 0, 0, 0.3);
      transform: translateY(2px); }
  @media screen and (min-width: 40rem) {
    .button,
    form button,
    form input[type="submit"] {
      line-height: 40px; } }

.container {
  position: relative;
  padding: 20px 15px;
  max-width: 720px;
  margin: 0 auto; }
  .header .container {
    padding: 0; }
  @media screen and (min-width: 40rem) {
    .container {
      overflow: auto; } }

.comments_header {
  font-size: 0.9rem !important;
  color: #2865c5;
  margin-bottom: 5px; }

.comments-title {
  font-weight: 400;
  font-size: 1.1rem;
  color: #2865c5; }

.comment-form {
  overflow: auto;
  padding: 20px 15px;
  background-color: #eee;
  font-size: 0.8rem;
  font-weight: 300; }
  .comment-form a {
    font-weight: normal;
    color: #457cd4;
    font-weight: 300; }
  .comment-form p {
    font-weight: 300; }

.form-allowed-tags {
  display: none; }

.logged-in-as {
  font-size: 0.9rem; }

.form-submit input {
  float: right; }

.comment-list {
  position: relative; }
  .comment-list > li {
    margin-bottom: 30px; }
  .comment-list li:before {
    font-size: 0.8rem;
    line-height: inherit;
    color: #666;
    font-weight: 600; }
  .comment-list p {
    font-size: 1rem;
    color: #000;
    font-weight: 300; }
  .comment-list .comment-author {
    font-size: 0.9rem; }
    .comment-list .comment-author cite {
      color: #000;
      font-style: normal;
      font-weight: bold; }
  .comment-list .comment-meta {
    position: absolute;
    font-size: 0.8rem;
    font-weight: normal;
    bottom: 40px; }
    .comment-list .comment-meta a {
      color: #676767; }
  .comment-list .reply {
    position: absolute;
    bottom: 0px; }
    .comment-list .reply a {
      color: #2865c5; }
  .comment-list .children {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px; }
    .comment-list .children li {
      margin-bottom: 10px; }
    .comment-list .children .children,
    .comment-list .children .reply {
      display: none;
      visibility: hidden; }
    .comment-list .children .comment-meta {
      bottom: 10px; }
  @media screen and (min-width: 40rem) {
    .comment-list .comment-meta {
      bottom: 60px;
      font-size: 0.7rem; }
    .comment-list .comment-author {
      font-size: 0.8rem; }
    .comment-list .reply {
      bottom: 20px; }
    .comment-list > li {
      margin-bottom: 30px; }
      .comment-list > li:first-child {
        margin-top: 30px; } }

.comment-body {
  position: relative;
  padding-bottom: 50px; }
  .children .comment-body {
    border-left: 5px solid #bcd8fb;
    padding-bottom: 20px;
    padding-left: 10px; }
  @media screen and (min-width: 40rem) {
    .comment-body {
      padding-bottom: 70px; } }

.comment-awaiting-moderation {
  display: block;
  font-style: normal;
  background-color: #fff0a7;
  padding: 10px;
  margin: 10px 0 0; }

.comment-reply-title,
.comments-title {
  font-weight: 600;
  margin-top: 0;
  font-size: 0.9rem;
  color: #2865c5; }

.comments-title {
  margin-top: 40px; }

.footer {
  margin-top: 30px;
  padding: 20px 0;
  background-color: #1d3278; }
  .blog .footer,
  .single .footer,
  .page-template-template-forum-landing .footer {
    background: #457cd4; }
  .footer p {
    color: #eee; }
  .footer a {
    color: #eee; }
    .footer a:hover, .footer a:focus {
      color: #fff; }

.footer_nav ul {
  list-style: none;
  padding: 0;
  margin: 0; }
  .footer_nav ul > li {
    padding-left: 0; }
    .footer_nav ul > li:before {
      content: none; }

.footer_nav a {
  background-color: transparent;
  color: #eee !important; }

.footer_copyright {
  text-align: center; }

.header {
  background-color: #1d3278;
  position: relative; }
  @media screen and (min-width: 40rem) {
    .header {
      overflow: auto; } }

.header_logo {
  position: relative;
  overflow: auto;
  z-index: 2;
  display: block;
  padding: 20px 0 20px 15px;
  margin: 0;
  background-color: #1d3278; }
  .header_logo a {
    display: block;
    float: left;
    width: 60px; }
  .header_logo img {
    max-width: none;
    width: 100%; }
  @media screen and (min-width: 40rem) {
    .header_logo {
      float: left; } }
  @media screen and (min-width: 760px) {
    .header_logo {
      padding-left: 0; } }

.header_logo-img {
  display: block;
  width: 150px;
  margin: 0; }
  @media screen and (min-width: 40rem) {
    .header_logo-img {
      margin: 0 auto; } }

.block-link {
  color: #fff;
  background-color: #1d3278;
  padding: 7.5px 10px;
  display: inline-block;
  border-radius: 4px;
  text-decoration: underline;
  font-weight: 400; }
  .open-forum .block-link {
    background-color: #7125c8; }
    .open-forum .block-link:hover, .open-forum .block-link:focus {
      background-color: #63469e; }
  .structured-forum .block-link {
    background-color: #457cd4; }
    .structured-forum .block-link:hover, .structured-forum .block-link:focus {
      background-color: #2865c5; }
  .block-link:focus, .block-link:hover {
    text-decoration: underline;
    color: #fff;
    background-color: #1C4F5F; }

.nav {
  display: block;
  position: relative;
  margin: 0;
  background-color: #1d3278; }
  .nav > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    z-index: 1;
    display: block;
    width: 100%;
    background-color: #1d3278;
    transform: translateY(-100%);
    transition: transform 0.6s; }
    .nav > ul > li {
      padding-left: 0; }
      .nav > ul > li:before {
        content: none; }
    .nav > ul.active {
      transform: translateY(0); }
    .nav > ul li {
      display: block;
      padding: 0; }
  .nav a {
    display: block;
    padding: 0.7em 15px;
    margin-bottom: 0;
    text-decoration: underline;
    text-transform: uppercase;
    background-color: #eee;
    color: #1d3278;
    font-size: 1.2rem;
    transition: background-color 0.2s; }
    .nav a:hover, .nav a:focus {
      color: #1C4F5F;
      background-color: #fff; }
  @media screen and (min-width: 40rem) {
    .nav {
      float: right;
      background-color: transparent;
      margin-right: 0;
      margin-top: 55px; }
      .nav ul {
        list-style: none;
        padding: 0;
        margin: 0;
        position: relative;
        text-align: right;
        transform: translateY(0);
        transition: none;
        background-color: transparent; }
        .nav ul > li {
          padding-left: 0; }
          .nav ul > li:before {
            content: none; }
        .nav ul li {
          display: inline-block; }
      .nav a {
        background-color: transparent;
        color: #eee;
        display: inline-block;
        font-size: 0.9rem;
        text-decoration: underline;
        text-transform: none; }
        .nav a:hover, .nav a:focus {
          background-color: transparent;
          color: #fff;
          text-decoration: none; } }

.nav-show-switch {
  display: block;
  position: absolute;
  z-index: 3;
  top: 50%;
  right: 15px;
  width: auto;
  height: 20px;
  border: 0;
  background-color: transparent;
  padding: 0 20px 0 5px;
  border-radius: 2px;
  transition: background-color 0.2s;
  transform: translateY(-50%); }
  .nav-show-switch:focus {
    outline: 0;
    background-color: transparent; }
  @media screen and (min-width: 40rem) {
    .nav-show-switch {
      display: none !important;
      visibility: hidden !important; } }

.nav-show-switch_text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  line-height: 20px; }

.nav-show-switch_icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  display: block;
  width: 35px;
  height: 20px; }
  .nav-show-switch_icon:before, .nav-show-switch_icon:after {
    position: absolute;
    display: block;
    background-color: #eee;
    width: 100%;
    height: 4px;
    border-radius: 5px;
    content: '';
    transform-origin: 57% 50%;
    transition: top 0.15s 0.15s, bottom 0.15s 0.15s, transform 0.15s; }
  .nav-show-switch_icon:before {
    top: 0;
    transform: translateY(-50%); }
  .nav-show-switch_icon:after {
    bottom: 0;
    transform: translateY(50%); }
  .active .nav-show-switch_icon:before, .active .nav-show-switch_icon:after {
    transition: top 0.15s, bottom 0.15s, transform 0.15s 0.15s; }
  .active .nav-show-switch_icon:before {
    top: 50%;
    transform: rotate(45deg); }
  .active .nav-show-switch_icon:after {
    top: auto;
    bottom: 50%;
    transform: rotate(-45deg); }

.nav-show-switch_bar {
  position: absolute;
  display: block;
  background-color: #eee;
  width: 100%;
  height: 4px;
  border-radius: 5px;
  top: 50%;
  transform: translateY(-50%);
  transition: opacity 0.15s; }
  .active .nav-show-switch_bar {
    opacity: 0;
    transition: opacity 0s 0.15s; }

.open-forum .banner {
  background-color: #7125c8; }

.open-forum .post-list_link_push,
.open-forum .post-list_link,
.open-forum .article_title a,
.open-forum .comment-reply-title,
.open-forum .comment-reply-title a,
.open-forum .comment-form a,
.open-forum .comments-title,
.open-forum .comment-list .reply a {
  color: #63469e; }

.open-forum .page-numbers a:hover, .open-forum .page-numbers a:focus {
  background-color: transparent;
  color: #7125c8;
  border-color: #7125c8; }

.open-forum .article_title a {
  display: block;
  margin-bottom: 20px;
  font-size: 1.5rem; }

.open-forum .form-submit input[type="submit"] {
  background-color: #7125c8; }
  .open-forum .form-submit input[type="submit"]:hover, .open-forum .form-submit input[type="submit"]:focus {
    background-color: #63469e; }

.open-forum .children .comment-body {
  border-color: #b4e4d2; }

.open-forum .article_content {
  font-size: 1rem; }
  .open-forum .article_content h2 {
    font-size: 1.25rem;
    font-weight: 400; }
  .open-forum .article_content h3 {
    font-size: 1.1rem;
    font-weight: 600; }
  .open-forum .article_content h4, .open-forum .article_content h5, .open-forum .article_content h6 {
    font-size: 1rem;
    font-weight: 600; }

.open-forum .post-link_author {
  color: #000;
  font-weight: 600; }

.post-type-archive-user-forum .footer {
  background-color: #7125c8; }

.post-list {
  list-style: none;
  padding: 0;
  margin: 0; }
  .post-list > li {
    padding-left: 0; }
    .post-list > li:before {
      content: none; }
  .post-list li {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px; }
    .post-list li:last-child {
      border-bottom: 0; }

.post-list_link {
  text-decoration: none;
  font-weight: 300;
  display: block;
  font-size: 0.9rem;
  margin-top: 5px; }
  .post-list_link:hover, .post-list_link:focus {
    text-decoration: underline; }
  @media screen and (min-width: 60rem) {
    .post-list_link {
      font-size: 1rem;
      margin-top: 10px; } }

.post-list_link_push {
  display: block;
  font-weight: 600;
  text-decoration: underline;
  padding-top: 5px;
  margin-bottom: 15px;
  color: #2865c5; }
  @media screen and (min-width: 40rem) {
    .post-list_link_push {
      font-size: 0.9em; } }
  @media screen and (min-width: 40rem) {
    .post-list_link_push {
      font-size: 0.85em;
      padding-top: 10px; } }

.post-list_link_meta {
  display: inline-block;
  font-size: 0.7rem;
  font-weight: 600;
  color: #666; }
  .post-list_link_meta:first-of-type {
    margin-right: 30px; }
  @media screen and (min-width: 60rem) {
    .post-list_link_meta {
      font-weight: 400; } }

.post-list-container--left {
  margin-top: 20px;
  margin-bottom: 50px; }
  @media screen and (min-width: 40rem) {
    .post-list-container--left {
      float: left;
      width: 45%;
      padding-right: 4.5%;
      border-right: 1px solid #ccc; }
      .post-list-container--left h3 {
        margin-top: 0; }
      .post-list-container--left .post-list_link {
        font-size: 0.9rem; } }

.post-list-container--right {
  margin-top: 20px;
  margin-bottom: 50px; }
  @media screen and (min-width: 40rem) {
    .post-list-container--right {
      float: left;
      width: 45%;
      padding-left: 4.5%; }
      .post-list-container--right h3 {
        margin-top: 0; }
      .post-list-container--right .post-list_link {
        font-size: 0.9rem; } }

.pagination {
  display: block;
  margin-top: 20px;
  clear: both; }
  @media screen and (min-width: 40rem) {
    .pagination {
      margin-top: 30px; } }

.page-numbers {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center; }
  .page-numbers > li {
    padding-left: 0; }
    .page-numbers > li:before {
      content: none; }
  .page-numbers li {
    display: inline; }
    .page-numbers li:first-child a:before {
      display: inline-block;
      vertical-align: top;
      content: "<";
      margin-right: 7.5px; }
    .page-numbers li:last-child a:after {
      display: inline-block;
      vertical-align: top;
      content: ">";
      margin-left: 7.5px; }
  .page-numbers a, .page-numbers span {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    display: inline-block;
    text-decoration: none;
    font-weight: 400;
    font-size: 0.8rem;
    margin: 0 7.5px;
    padding: 0 7.5px;
    border-radius: 5px;
    background-color: #eee;
    color: #000;
    line-height: 20px;
    transition: all 0.2s;
    border: 2px solid #eee; }
    .page-numbers a.next, .page-numbers span.next {
      clip: auto;
      height: auto;
      margin: 0;
      overflow: auto;
      position: relative;
      width: auto; }
    @media screen and (min-width: 40rem) {
      .page-numbers a, .page-numbers span {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: auto;
        position: relative;
        width: auto; } }
  .page-numbers a {
    text-decoration: underline; }
    .page-numbers a:hover, .page-numbers a:focus {
      background-color: transparent;
      color: #2865c5;
      border-color: #2865c5; }
  @media screen and (min-width: 40rem) {
    .page-numbers a, .page-numbers span {
      line-height: 28px;
      padding: 0 15px; } }

.article .rmagic {
  display: block;
  border-top: 0;
  float: none;
  height: auto; }
  .article .rmagic .buttonarea {
    margin-top: 0;
    background-color: #dbdde6;
    padding: 20px 20px; }
  .article .rmagic form {
    float: none;
    padding-top: 20px; }
  .article .rmagic input[type=button] {
    background-color: #1d3278;
    background-image: none;
    border: 1px solid #fff;
    margin: 0 auto 30px;
    width: 100%;
    display: block;
    float: none;
    max-width: 360px; }
    .article .rmagic input[type=button]:focus, .article .rmagic input[type=button]:hover {
      background-color: #42579e; }

.article .rmfield {
  padding: 0;
  min-height: 0;
  float: none; }
  .article .rmfield label {
    margin-top: 0;
    font-weight: normal;
    font-size: 0.9rem;
    padding-right: 40px;
    margin-left: 4px; }
    .article .rmfield label sup {
      float: left;
      height: 2em;
      left: -3px;
      top: 7px; }

.article .rmrow:first-child label {
  margin-top: 20px; }

.article .rminput {
  padding: 0;
  margin-top: 0;
  float: none;
  min-height: 0; }
  .article .rminput input, .article .rminput select {
    width: 100% !important; }
  .article .rminput input[type="checkbox"] {
    width: auto !important; }
  .article .rminput select {
    height: 35px; }

.article .rmcontent form fieldset {
  max-width: 500px;
  margin: 0 auto;
  float: none;
  padding-right: 20px; }

.article .rmcontent .rm_input_fields_container,
.article .rmcontent .rmrow {
  padding-top: 0;
  background-color: #dbdde6; }

.article .rmcontent .rm_form_field_type_paragraph {
  margin: 20px 0 0;
  font-size: 1.2rem; }

.article .rmradio {
  margin-top: 0; }
  .article .rmradio li {
    padding-top: 10px;
    padding-left: 0;
    font-size: 1rem;
    padding-right: 1rem; }
    .article .rmradio li:before {
      content: none; }

.article .rmnote {
  display: block !important;
  margin: 5px 0 !important;
  font-size: 0.8rem;
  background-color: transparent;
  border: 0;
  padding: 10px !important;
  height: auto !important; }

.form-small {
  width: 40% !important; }

.register-nav {
  position: relative;
  display: block;
  margin-top: 20px; }

#google_translate_element {
  z-index: 100;
  right: 20px;
  top: 0; }
  #google_translate_element img {
    display: none;
    margin: 0 3px;
    min-width: 0;
    width: auto;
    max-width: none; }
  #google_translate_element .goog-te-gadget-icon {
    width: 18px;
    height: 18px; }
  #google_translate_element .goog-te-gadget-simple {
    padding: 10px;
    border-radius: 0 0 3px 3px;
    border: 1px solid #000; }
  #google_translate_element span {
    font-family: "Montserrat", sans-serif;
    color: #2865c5;
    font-weight: normal;
    text-decoration: underline; }
    #google_translate_element span ~ span {
      display: none; }
  @media screen and (min-width: 60rem) {
    #google_translate_element {
      position: absolute !important;
      width: auto;
      height: 30px; } }

.translate-holder {
  position: static;
  z-index: 100; }

/* PRINT */
/*
 * Print styles
 * (from https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css)
 */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    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,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group;
    /* h5bp.com/t */ }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

/*# sourceMappingURL=style.css.map */