/*
Theme Name: ThreeRings2020
Author: Beverley Newing
Description: Theme for the 2020 Three Ring website
Text Domain: threerings2020
*/
/* BASE */
/* VARIABLES */
* {
  box-sizing: border-box; }

html {
  font-size: 100%; }

body {
  margin: 0;
  height: 100%;
  font-size: 1rem; }

main {
  max-width: 55rem;
  margin: 0 auto;
  padding: 2rem;
  display: block; }

.skip-link {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }
  .skip-link:focus {
    position: static;
    width: auto;
    height: auto; }

.screen-reader-text {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

figure.wp-block-image figcaption {
  color: #505050; }

/* armata-regular - latin */
@font-face {
  font-family: 'Armata';
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/armata-v12-latin/armata-v12-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/armata-v12-latin/armata-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/armata-v12-latin/armata-v12-latin-regular.woff2") format("woff2"), url("./fonts/armata-v12-latin/armata-v12-latin-regular.woff") format("woff"), url("./fonts/armata-v12-latin/armata-v12-latin-regular.ttf") format("truetype"), url("./fonts/armata-v12-latin/armata-v12-latin-regular.svg#Armata") format("svg");
  /* Legacy iOS */ }

/* source-sans-pro-200 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: url("./fonts/source-sans-pro-v14-latinsource-sans-pro-v14-latin-200.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-200.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-200.woff2") format("woff2"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-200.woff") format("woff"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-200.ttf") format("truetype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-200.svg#SourceSansPro") format("svg");
  /* Legacy iOS */ }

/* source-sans-pro-200italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 200;
  src: url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-200italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-200italic.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-200italic.woff2") format("woff2"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-200italic.woff") format("woff"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-200italic.ttf") format("truetype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-200italic.svg#SourceSansPro") format("svg");
  /* Legacy iOS */ }

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url("./fonts/source-sans-pro-v14-latinsource-sans-pro-v14-latin-300.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-300.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-300.woff2") format("woff2"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-300.woff") format("woff"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-300.ttf") format("truetype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-300.svg#SourceSansPro") format("svg");
  /* Legacy iOS */ }

/* source-sans-pro-300italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-300italic.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-300italic.woff2") format("woff2"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-300italic.woff") format("woff"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-300italic.ttf") format("truetype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-300italic.svg#SourceSansPro") format("svg");
  /* Legacy iOS */ }

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-regular.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-regular.woff2") format("woff2"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-regular.woff") format("woff"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-regular.ttf") format("truetype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-regular.svg#SourceSansPro") format("svg");
  /* Legacy iOS */ }

/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/source-sans-pro-v14-latins/ource-sans-pro-v14-latin-italic.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-italic.woff2") format("woff2"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-italic.woff") format("woff"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-italic.ttf") format("truetype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-italic.svg#SourceSansPro") format("svg");
  /* Legacy iOS */ }

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-600.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-600.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-600.woff2") format("woff2"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-600.woff") format("woff"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-600.ttf") format("truetype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-600.svg#SourceSansPro") format("svg");
  /* Legacy iOS */ }

/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-600italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-600italic.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-600italic.woff2") format("woff2"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-600italic.woff") format("woff"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-600italic.ttf") format("truetype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-600italic.svg#SourceSansPro") format("svg");
  /* Legacy iOS */ }

/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-700.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-700.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-700.woff2") format("woff2"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-700.woff") format("woff"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-700.ttf") format("truetype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-700.svg#SourceSansPro") format("svg");
  /* Legacy iOS */ }

/* source-sans-pro-700italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-700italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-700italic.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-700italic.woff2") format("woff2"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-700italic.woff") format("woff"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-700italic.ttf") format("truetype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-700italic.svg#SourceSansPro") format("svg");
  /* Legacy iOS */ }

/* source-sans-pro-900 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 900;
  src: url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-900.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-900.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-900.woff2") format("woff2"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-900.woff") format("woff"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-900.ttf") format("truetype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-900.svg#SourceSansPro") format("svg");
  /* Legacy iOS */ }

/* source-sans-pro-900italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 900;
  src: url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-900italic.eot");
  /* IE9 Compat Modes */
  src: local(""), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-900italic.eot?#iefix") format("embedded-opentype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-900italic.woff2") format("woff2"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-900italic.woff") format("woff"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-900italic.ttf") format("truetype"), url("./fonts/source-sans-pro-v14-latin/source-sans-pro-v14-latin-900italic.svg#SourceSansPro") format("svg");
  /* Legacy iOS */ }

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5; }

li {
  padding: 16px 0 0 0;
  padding: 1rem 0 0 0; }

h1 {
  letter-spacing: -0.25rem;
  margin-top: 48px;
  margin-top: 4rem; }

h2, h3, h4 {
  letter-spacing: -0.1rem;
  margin-top: 32px;
  margin-top: 2rem; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Armata', sans-serif;
  font-weight: 700;
  margin-bottom: 32px;
  margin-bottom: 2rem; }

h1 {
  font-size: 48px;
  font-size: 3rem; }

h2 {
  font-size: 36px;
  font-size: 2.25rem; }

h3 {
  font-size: 24px;
  font-size: 1.5rem; }

h4 {
  font-size: 21px;
  font-size: 1.3125rem; }

h5 {
  font-size: 18px;
  font-size: 1.125rem; }

h6 {
  font-size: 16px;
  font-size: 1rem; }

i {
  font-style: italic; }

b {
  font-weight: 700; }

a {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  font-size: 1.125rem;
  color: #007fa0;
  border: 2px solid transparent; }
  a:hover, a:active {
    color: #004254; }
  a:focus {
    outline: 4px solid orange;
    border: 2px solid black; }
  a:visited {
    color: #2a8fa9; }

.wp-block-image figcaption {
  font-style: italic;
  color: gray;
  font-size: 16px; }

.button {
  padding: 0.5rem 1rem;
  border: 2px solid transparent;
  border-radius: 0.25rem;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  font-family: 'Source Sans Pro', sans-serif;
  cursor: pointer;
  margin-top: 1rem;
  display: block; }
  .button:focus {
    outline: 4px solid orange;
    border: 2px solid black; }
  .button--primary {
    background-color: #a0ce62;
    color: #000; }
    .button--primary:hover, .button--primary:active {
      background-color: #42ad49; }
    .button--primary:visited {
      color: #000; }
  .button--secondary {
    background-color: #00a8d3;
    color: #000; }
    .button--secondary:hover, .button--secondary:active {
      background-color: #b8e5fa; }
    .button--secondary:visited {
      color: #000; }

.form-field__label, .form-field__radio-button--legend {
  display: block;
  font-family: 'Source Sans Pro', sans-serif;
  margin-bottom: 0.5rem; }
  .form-field__label:after, .form-field__radio-button--legend:after {
    content: ":"; }

.form-field__text-box--field {
  width: 25rem;
  border: 2px solid black;
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: 2rem; }
  .form-field__text-box--field:focus {
    outline: 4px solid orange; }
  @media (max-width: 27rem) {
    .form-field__text-box--field {
      width: 100%; } }

.form-field__radio-button {
  margin: 0 0 1rem 0;
  display: block; }
  .form-field__radio-button--fieldset {
    border: 0;
    margin-bottom: 2rem;
    padding: 0; }
  .form-field__radio-button input[type="radio"] {
    opacity: 0;
    position: absolute; }
    .form-field__radio-button input[type="radio"] + label::after, .form-field__radio-button input[type="radio"] .wpcf7-list-item-label::after {
      content: none; }
    .form-field__radio-button input[type="radio"]:checked + label::after, .form-field__radio-button input[type="radio"] :checked + .wpcf7-list-item-label::after {
      content: ""; }
    .form-field__radio-button input[type="radio"]:focus + label::before, .form-field__radio-button input[type="radio"] :focus + .wpcf7-list-item-label::before {
      outline: 4px solid orange; }
  .form-field__radio-button--label, .form-field__radio-button .wpcf7-list-item-label {
    position: relative;
    display: inline-block;
    padding-left: 3em;
    padding-top: 1rem; }
    .form-field__radio-button--label::before, .form-field__radio-button .wpcf7-list-item-label::before {
      height: 2rem;
      width: 2rem;
      border: 2px solid;
      left: 0px;
      border-radius: 1.5rem;
      top: 0.5rem; }
    .form-field__radio-button--label::after, .form-field__radio-button .wpcf7-list-item-label::after {
      content: "";
      display: inline-block;
      height: 1.25rem;
      width: 1.25rem;
      background-color: #42ad49;
      border-radius: 1rem;
      top: 1rem;
      left: 0.5rem; }
    .form-field__radio-button--label::before, .form-field__radio-button--label::after, .form-field__radio-button .wpcf7-list-item-label::before, .form-field__radio-button .wpcf7-list-item-label::after {
      position: absolute;
      content: "";
      display: inline-block; }

.form-field__textarea--field {
  width: 40rem;
  height: 20rem;
  border: 2px solid black;
  font-size: 18px;
  font-size: 1.125rem;
  font-family: 'Source Sans Pro', sans-serif; }
  .form-field__textarea--field:focus {
    outline: 4px solid orange; }
  @media (max-width: 40rem) {
    .form-field__textarea--field {
      width: 100%; } }

/* LAYOUT */
.footer {
  background-color: #b8e5fa;
  padding: 1rem;
  margin-top: 2rem; }
  .footer__container {
    max-width: 50rem;
    margin: 0 auto; }
  .footer__menu {
    display: inline-block;
    vertical-align: top;
    margin: 1rem 2rem 0 0; }
    .footer__menu a {
      color: #000; }
    .footer__menu .menu {
      list-style: none;
      margin-left: 0;
      padding-left: 0; }
    .footer__menu .menu-item {
      padding: 0.25rem;
      text-align: left;
      padding-left: 0; }
  .footer__menu-header {
    margin: 0 0 1rem 0;
    text-align: left; }
  .footer__social-media {
    display: inline-block;
    vertical-align: top;
    margin: 1rem 2rem 0 0;
    text-align: left; }
    .footer__social-media--link {
      display: inline-block;
      margin-right: 1rem;
      color: #000;
      text-decoration: none; }
      .footer__social-media--link span {
        text-decoration: underline; }
      .footer__social-media--link:visited {
        color: #000; }
    .footer__social-media--logo {
      width: 2rem;
      height: auto;
      background-color: white;
      border: 0.25rem solid white;
      border-radius: 0.5rem;
      text-align: left;
      vertical-align: middle;
      padding: 0.1rem; }
  .footer__copyright-info {
    margin-bottom: 1rem;
    margin-top: 2rem;
    text-align: left; }
    .footer__copyright-info p {
      margin-top: 0.5rem;
      margin-bottom: 0; }

.navbar {
  display: inline-block;
  float: right; }
  @media (max-width: 55rem) {
    .navbar {
      float: unset;
      display: inline;
      text-align: center; } }
  .navbar__button {
    display: none; }
    @media (max-width: 55rem) {
      .navbar__button {
        display: block;
        margin: 1rem auto 0;
        font-size: 1.25rem;
        font-family: 'Source Sans Pro', sans-serif;
        cursor: pointer;
        display: block;
        color: #000;
        background-color: #a0ce62;
        margin: 1rem;
        float: right; }
        .navbar__button:hover, .navbar__button :active {
          background-color: #42ad49; } }
  .navbar.toggled .nav-menu {
    display: block; }
  .navbar .close-navbar-menu-text {
    display: none; }
  .navbar.toggled > .navbar__button > .close-navbar-menu-text {
    display: inline; }
  @media (max-width: 24.875rem) {
    .navbar.toggled > .navbar__button {
      float: unset;
      margin: 0 auto; } }

.nav-menu {
  list-style: none;
  padding: 0; }
  .nav-menu .menu-item {
    padding: 0.5rem;
    display: inline; }
    @media (max-width: 55rem) {
      .nav-menu .menu-item {
        display: block; } }
    .nav-menu .menu-item a {
      color: #3b9b41;
      font-weight: 700;
      font-size: 1.2rem;
      text-decoration: none;
      border: 2px solid transparent;
      border-bottom: 3px solid #42ad49;
      padding-bottom: 0.0125rem;
      margin: 0.5rem; }
      .nav-menu .menu-item a:hover, .nav-menu .menu-item a:active {
        color: #26632a;
        border-bottom: 3px solid #26632a; }
  @media (max-width: 55rem) {
    .nav-menu {
      display: none; } }

.nav-menu li:last-child a {
  display: inline-block;
  color: #000;
  text-decoration: none;
  padding: 0.5rem 1rem;
  border: 2px solid transparent;
  border-radius: 0.25rem;
  font-weight: 700;
  font-size: 1.2rem;
  font-family: 'Source Sans Pro', sans-serif;
  cursor: pointer;
  background-color: #a0ce62;
  color: #000; }
  .nav-menu li:last-child a:hover, .nav-menu li:last-child a:active {
    background-color: #42ad49;
    border-bottom: none; }
  .nav-menu li:last-child a:focus {
    outline: 4px solid orange;
    border: 2px solid black; }
  @media (max-width: 40rem) {
    .nav-menu li:last-child a {
      margin: 0 auto;
      display: block;
      width: 8rem; } }
  .nav-menu li:last-child a:visited {
    color: #000; }

.header .custom-logo {
  margin: 0.7rem;
  vertical-align: middle; }

.custom-logo-link {
  display: inline-block;
  margin: 3px; }

.jumbotron {
  margin: 3rem 2rem; }
  .jumbotron__image {
    max-width: 15rem;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5rem; }
    @media (max-width: 60rem) {
      .jumbotron__image {
        max-width: 10rem; } }
    @media (max-width: 50.5rem) {
      .jumbotron__image {
        max-width: 5rem; } }
    @media (max-width: 40.5rem) {
      .jumbotron__image {
        display: none; } }
  .jumbotron__text {
    max-width: 32rem;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3rem; }
    @media (max-width: 60rem) {
      .jumbotron__text {
        max-width: 35rem;
        margin-left: 2rem; } }
    @media (max-width: 55rem) {
      .jumbotron__text {
        max-width: 32rem; } }
    @media (max-width: 45.5rem) {
      .jumbotron__text {
        max-width: 28rem;
        margin-left: 1rem; } }
    @media (max-width: 40.5rem) {
      .jumbotron__text {
        max-width: auto; } }
    .jumbotron__text--strapline {
      display: inline-block;
      margin-bottom: 0;
      margin-top: 1rem;
      font-size: 2rem; }

/* PAGES */

/* OVERRIDES */
h2.entry-title a {
  font-size: 2.25rem;
}