/*!
Theme Name: cilipconference
Theme URI: http://underscores.me/
Author: Ed Patrick
Author URI: http://underscores.me/
Description: Theme for the CILIP Conference.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cilipconference
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

cilipconference is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Layout	
--------------------------------------------------------------*/
/**
 * Hide content off screen
 *
 * @source https://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/
 */
/**
 * Display hidden content on screen
 *
 * @source https://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/
 */
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: "Exo 2", "Helvetica", "Arial", sans-serif;
  font-size: 17.6px;
  font-size: 1.1rem;
  line-height: 1.5; }

header#masthead {
  color: #FFF; }

h1, h2, h3, h4, h5, h6 {
  clear: both; }

@media only screen and (min-width: 600px) {
  h1.icon-case:after {
    content: url("../../uploads/site/icons/case.png");
    margin-left: 15px; } }
@media only screen and (min-width: 600px) {
  h1.icon-exhibit:after {
    content: url("../../uploads/site/icons/exhibit.png");
    margin-left: 15px; } }
@media only screen and (min-width: 600px) {
  h1.icon-guide:after {
    content: url("../../uploads/site/icons/guide.png");
    margin-left: 15px; } }
@media only screen and (min-width: 600px) {
  h1.icon-microphone:after {
    content: url("../../uploads/site/icons/microphone.png");
    margin-left: 15px; } }
@media only screen and (min-width: 600px) {
  h1.icon-ticket:after {
    content: url("../../uploads/site/icons/ticket.png");
    margin-left: 15px; } }

h3#theme_information:before {
  content: url("../../uploads/site/theme-info-small.png");
  padding-right: 5px;
  vertical-align: -50%; }

h3#theme-innovation:before {
  content: url("../../uploads/site/theme-innovate-small.png");
  padding-right: 5px;
  vertical-align: -50%; }

h3#theme_technology:before {
  content: url("../../uploads/site/theme-tech-small.png");
  padding-right: 5px;
  vertical-align: -50%; }

p {
  margin-bottom: 1.5em; }

dfn, cite, em, i {
  font-style: italic; }

blockquote, q {
  padding: 0 10px;
  margin: 0;
  border-left: 10px solid #ccc; }
  @media only screen and (min-width: 600px) {
    blockquote, q {
      margin-left: 1em; } }

h1 {
  font-size: 51.2px;
  font-size: 3.2rem;
  font-weight: 200; }

h1.session-title {
  font-size: 35.2px;
  font-size: 2.2rem;
  font-weight: 400; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Exo 2", "Helvetica", "Arial", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-family: "Exo 2", "Helvetica", "Arial", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  background: #FFF;
  /* Fallback for when there is no custom background color defined. */ }

hr {
  background-color: #4d4d4e;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 1.5em 0.5em; }
  @media only screen and (min-width: 600px) {
    ul, ol {
      margin-left: 1em; } }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

/**
 * Side bar list
 */
.sidebar-text ul {
  list-style-image: url("../../uploads/site/arrow-brown.png");
  margin: 0;
  padding-left: 1em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

table {
  margin: 0 0 1.5em;
  width: 100%; }

thead {
  text-align: left;
  background-color: #4c4c4d;
  color: #FFF; }

th {
  padding: 0.5em; }

td {
  padding: 0.5em; }

tr:nth-child(even) {
  background-color: #e5e5e6; }

.banner, .banner__background, .banner__background--exhibitors, .banner__background--audience, .banner__background--2019banner, .banner__background--crowd, .banner__background--microphone, .banner__background--scott_bonner, .banner__background--speaker, .banner__background--speaker_2, .banner__background--suitcase, .banner__background--manchester, .banner__image, .banner__aside {
  color: #FFF;
  background-color: #061d49;
  overflow: hidden;
  width: 100%;
  display: block; }
  @media only screen and (min-width: 600px) {
    .banner h1.entry-title, .banner__background h1.entry-title, .banner__background--exhibitors h1.entry-title, .banner__background--audience h1.entry-title, .banner__background--2019banner h1.entry-title,.banner__background--crowd h1.entry-title, .banner__background--microphone h1.entry-title, .banner__background--scott_bonner h1.entry-title, .banner__background--speaker h1.entry-title, .banner__background--speaker_2 h1.entry-title, .banner__background--suitcase h1.entry-title, .banner__background--manchester h1.entry-title, .banner__image h1.entry-title, .banner__aside h1.entry-title {
      margin-bottom: 0; } }

@media only screen and (min-width: 600px) {
  .banner__background, .banner__background--exhibitors, .banner__background--audience, .banner__background--2019banner, .banner__background--crowd, .banner__background--microphone, .banner__background--scott_bonner, .banner__background--speaker, .banner__background--speaker_2, .banner__background--suitcase, .banner__background--manchester {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; } }

@media only screen and (min-width: 600px) {
  .banner__background--exhibitors {
    background-image: url("../../uploads/site/banners/exhibitors.jpg"); } }

@media only screen and (min-width: 600px) {
  .banner__background--audience {
    background-image: url("../../uploads/site/banners/audience.jpg"); } }

@media only screen and (min-width: 600px) {
  .banner__background--2019banner {
    background-image: url("../../uploads/site/banners/2019banner.png"); } }

@media only screen and (min-width: 600px) {
  .banner__background--crowd {
    background-image: url("../../uploads/site/banners/crowd.jpg"); } }

@media only screen and (min-width: 600px) {
  .banner__background--microphone {
    background-image: url("../../uploads/site/banners/microphone.jpg"); } }

@media only screen and (min-width: 600px) {
  .banner__background--scott_bonner {
    background-image: url("../../uploads/site/banners/scott_bonner.jpg"); } }

@media only screen and (min-width: 600px) {
  .banner__background--speaker {
    background-image: url("../../uploads/site/banners/speaker.jpg"); } }

@media only screen and (min-width: 600px) {
  .banner__background--speaker_2 {
    background-image: url("../../uploads/site/banners/speaker_2.jpg"); } }

@media only screen and (min-width: 600px) {
  .banner__background--suitcase {
    background-image: url("../../uploads/site/banners/suitcase.jpg"); } }

@media only screen and (min-width: 600px) {
  .banner__background--manchester {
    background-image: url("../../uploads/site/banners/manchester.png"); } }

@media only screen and (min-width: 850px) {
  .banner__image {
    display: inline-block;
    width: 60%;
    float: left; } }

@media only screen and (min-width: 850px) {
  .banner__aside {
    display: inline-block;
    width: 40%;
    float: left; } }
@media only screen and (min-width: 1000px) {
  .banner__aside {
    margin-top: 4em; } }

/**
 * Banner
 */
.banner img, .banner__background img, .banner__background--exhibitors img, .banner__background--audience img, .banner__background--2019banner img, .banner__background--crowd img, .banner__background--microphone img, .banner__background--scott_bonner img, .banner__background--speaker img, .banner__background--speaker_2 img, .banner__background--suitcase img, .banner__background--manchester img, .banner__image img, .banner__aside img {
  max-width: 100%;
  display: block; }
.banner .banner-title, .banner__background .banner-title, .banner__background--exhibitors .banner-title, .banner__background--audience .banner-title, .banner__background--2019banner .banner-title, .banner__background--crowd .banner-title, .banner__background--microphone .banner-title, .banner__background--scott_bonner .banner-title, .banner__background--speaker .banner-title, .banner__background--speaker_2 .banner-title, .banner__background--suitcase .banner-title, .banner__background--manchester .banner-title, .banner__image .banner-title, .banner__aside .banner-title {
  margin-top: 4em;
  padding-left: 1em;
  padding-right: 1em; }
  @media only screen and (min-width: 850px) {
    .banner .banner-title, .banner__background .banner-title, .banner__background--exhibitors .banner-title, .banner__background--audience .banner-title, .banner__background--2019banner .banner-title, .banner__background--crowd .banner-title, .banner__background--microphone .banner-title, .banner__background--scott_bonner .banner-title, .banner__background--speaker .banner-title, .banner__background--speaker_2 .banner-title, .banner__background--suitcase .banner-title, .banner__background--manchester .banner-title, .banner__image .banner-title, .banner__aside .banner-title {
      display: inline-block;
      vertical-align: bottom;
      margin-top: 8em;
      width: 49%; } }
@media only screen and (min-width: 850px) {
  .banner .banner-aside, .banner__background .banner-aside, .banner__background--exhibitors .banner-aside, .banner__background--audience .banner-aside, .banner__background--2019banner .banner-aside, .banner__background--crowd .banner-aside, .banner__background--microphone .banner-aside, .banner__background--scott_bonner .banner-aside, .banner__background--speaker .banner-aside, .banner__background--speaker_2 .banner-aside, .banner__background--suitcase .banner-aside, .banner__background--manchester .banner-aside, .banner__image .banner-aside, .banner__aside .banner-aside {
    display: inline-block;
    vertical-align: bottom;
    width: 49%; }
  .banner .banner-intro, .banner__background .banner-intro, .banner__background--exhibitors .banner-intro, .banner__background--audience .banner-intro, .banner__background--2019banner .banner-intro, .banner__background--crowd .banner-intro, .banner__background--microphone .banner-intro, .banner__background--scott_bonner .banner-intro, .banner__background--speaker .banner-intro, .banner__background--speaker_2 .banner-intro, .banner__background--suitcase .banner-intro, .banner__background--manchester .banner-intro, .banner__image .banner-intro, .banner__aside .banner-intro {
    width: 49%; } }

.banner__quote {
  margin: 1em 10px;
  padding: 0.5em;
  line-height: 1;
  display: block; }
  .banner__quote:before {
    content: url("../../uploads/site/open-quote.png"); }
  .banner__quote:after {
    content: url("../../uploads/site/close-quote.png");
    vertical-align: -35px; }
  .banner__quote p {
    display: inline;
    font-size: 20px;
    font-weight: 600; }
    @media only screen and (min-width: 600px) {
      .banner__quote p {
        font-size: 30px; } }

table.programme {
  width: 100%;
  border-collapse: collapse;
  padding-bottom: 1em;
  display: block; }

table.programme a {
  color: #2491b7; }
  table.programme a:visited {
    color: #2491b7; }
  table.programme a:hover, table.programme a:focus, table.programme a:active {
    color: #2491b7; }
  table.programme a:focus {
    outline: 2px medium dotted; }
  table.programme a:hover, table.programme a:active {
    outline: 0;
    text-decoration: underline; }

table.programme,
table.programme thead,
table.programme tbody,
table.programme th,
table.programme td,audi
table.programme tr {
  display: block; }

table.programme th {
  font-weight: bold; }

table.programme td.programme,
table.programme th.programme {
  padding: 12px 6px;
  border: 1px solid #000;
  text-align: left; }

/* Hide table headers (but not display: none;, for accessibility) */
table.programme thead th {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important; }

table.programme tr {
  border: 1px solid #fff; }

table.programme td {
  /* Behave  like a "row" */
  border: none;
  text-align: center;
  vertical-align: top; }

table.programme .keynote:before {
  content: url("../../uploads/site/icons/microphone-small.png");
  margin-right: 8px; }

table.programme tr:nth-child(even) {
  background-color: transparent; }

@media only screen and (min-width: 850px) {
  table.programme {
    display: table; }

  table.programme thead {
    display: table-header-group; }

  table.programme tbody {
    display: table-row-group; }

  table.programme td,
  table.programme th {
    display: table-cell; }

  table.programme tr {
    display: table-row; }

  table.programme td,
  table.programme th,
  table.programme tr {
    border: none;
    border-left: none;
    text-align: left; }

  table.programme td:nth-child(2),
  table.programme td:nth-child(3),
  table.programme td:nth-child(4),
  table.programme td:nth-child(5),
  table.programme td:nth-child(6) {
    background: #353535; }

  table.programme tr.black,
  table.programme td.black {
    background-color: #000; }

  table.programme thead th {
    position: relative !important;
    top: auto !important;
    left: auto !important; }

  .secondary-titles {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important; }

  .blue {
    background-color: #2491b7; }

  .grey {
    background-color: #404040; }

  .purple {
    background-color: #7b58ba; }

  .red {
    background-color: #fb0404; }

  .green {
    background-color: #b7bf58; } }
.highlight-box, .highlight-box--main {
  background-color: #4c4c4d;
  color: #FFF; }

.highlight-box--main {
  padding: 0.5em;
  margin-bottom: 1em;
  float: left; }

.parallel-sessions .highlight-box, .parallel-sessions .highlight-box--main {
  width: 50%;
  display: inline-block; }

.session-theme .highlight-box, .session-theme .highlight-box--main {
  width: 32.6%;
  display: inline-block; }

.highlight-box a, .highlight-box--main a {
  color: #91C8db; }

.highlight-box a:visited, .highlight-box--main a:visited {
  color: #91C8db; }

@media only screen and (min-width: 600px) {
  .highlight-box h3, .highlight-box--main h3 {
    clear: none; } }

.image-box-container {
  margin-bottom: 1em;
  overflow: hidden;
  clear: both; }
  @media only screen and (min-width: 850px) {
    .image-box-container {
      display: flex;
      padding-bottom: 0; } }

.image-box, .image-box--medium, .image-box--large {
  margin-top: 1em;
  vertical-align: top; }
  @media only screen and (min-width: 600px) {
    .image-box, .image-box--medium, .image-box--large {
      width: 49%;
      align-items: stretch;
      position: relative;
      display: inline-block; }
      .image-box.image-box-2, .image-box-2.image-box--medium, .image-box-2.image-box--large, .image-box.image-box-4, .image-box-4.image-box--medium, .image-box-4.image-box--large {
        margin-left: 1%; } }
  @media only screen and (min-width: 850px) {
    .image-box, .image-box--medium, .image-box--large {
      width: 24.25%;
      float: left; }
      .image-box.image-box-3, .image-box-3.image-box--medium, .image-box-3.image-box--large {
        margin-left: 1%; } }

@media only screen and (min-width: 600px) {
  .image-box--medium {
    width: 100%; }
    .image-box--medium.image-box-2, .image-box--medium.image-box-3, .image-box--medium.image-box-4 {
      margin-left: 0%; } }
@media only screen and (min-width: 850px) {
  .image-box--medium {
    width: 32.3%; }
    .image-box--medium.image-box-2, .image-box--medium.image-box-3 {
      margin-left: 1%; } }

@media only screen and (min-width: 600px) {
  .image-box--large {
    width: 100%; }
    .image-box--large.image-box-2, .image-box--large.image-box-3, .image-box--large.image-box-4 {
      margin-left: 0%; } }
@media only screen and (min-width: 850px) {
  .image-box--large {
    width: 49%; }
    .image-box--large.image-box-2, .image-box--large.image-box-4 {
      margin-left: 1%; } }

.image-box-text {
  padding: 0 1em 0.5em 1em; }
  @media only screen and (min-width: 850px) {
    .image-box-text {
      margin-bottom: 1em; } }

.image-box-intro {
  width: 100%; }
  @media only screen and (min-width: 850px) {
    .image-box-intro {
      width: 49.5%;
      padding-top: 0; }
      .image-box-intro.image-box-intro h2:first-child {
        margin-top: 0; } }

.image-box-link {
  padding: 0.5em 1em; }
  @media only screen and (min-width: 850px) {
    .image-box-link {
      position: absolute;
      bottom: 0;
      left: 0; } }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  textarea:focus {
    color: #111; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 3px; }

textarea {
  padding-left: 3px;
  width: 100%; }

/**
 * Ninja forms plugin
 */
.ninja-forms-all-fields-wrap li {
  display: block;
  width: 100%; }

.ninja-forms-error-msg {
  border: 5px solid red;
  font-size: 24px;
  font-size: 1.5rem; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #2f748e;
  text-decoration: none; }
  a:visited {
    color: #2f748e; }
  a:hover, a:focus, a:active {
    color: #404040; }
  a:focus {
    outline: 2px medium dotted; }
  a:hover, a:active {
    outline: 0;
    text-decoration: underline; }

.content-area a {
  text-decoration: underline;
  font-weight: 600; }

.site-footer a,
.site-footer a:visited {
  color: #cdcdcd; }

.site-footer a:hover {
  color: #91C8db; }

.sidebar-text a,
.secondary-menu a {
  color: #8b7962; }
  .sidebar-text a a:visited,
  .secondary-menu a a:visited {
    color: #2f748e; }
  .sidebar-text a:hover, .sidebar-text a:focus, .sidebar-text a:active,
  .secondary-menu a:hover,
  .secondary-menu a:focus,
  .secondary-menu a:active {
    color: #404040;
    text-decoration: underline; }

.site-navigation a {
  color: #FFF;
  text-decoration: none; }
  .site-navigation a:visited {
    color: #FFF; }
  .site-navigation a:hover {
    color: #2f748e; }

.highlight-box .image-box-link a, .highlight-box--main .image-box-link a {
  background-color: #21759b; }
  .highlight-box .image-box-link a:hover, .highlight-box--main .image-box-link a:hover {
    color: #91C8db; }
    .highlight-box .image-box-link a:hover:after, .highlight-box--main .image-box-link a:hover:after {
      content: url("../../uploads/site/arrow-blue.png"); }
  .highlight-box .image-box-link a:visited, .highlight-box--main .image-box-link a:visited {
    color: #FFF; }
    .highlight-box .image-box-link a:visited:hover, .highlight-box--main .image-box-link a:visited:hover {
      color: #91C8db; }

.highlight-box a, .highlight-box--main a {
  color: #91C8db;
  text-decoration: none; }
  .highlight-box a:hover, .highlight-box--main a:hover {
    text-decoration: underline; }

.image-box-link a {
  padding: 0.5em;
  display: inline-block;
  text-decoration: none;
  background-color: #4c4c4d;
  color: #FFF;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  font-size: 1rem; }
  .image-box-link a:hover {
    color: #91C8db; }
    .image-box-link a:hover:after {
      content: url("../../uploads/site/arrow-blue.png"); }
  .image-box-link a:after {
    content: url("../../uploads/site/arrow-white.png");
    margin-left: 0.5em; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/**
 * SHOW AND HIDE MENU
 */
.hide,
.site-navigation.hide,
.search.hide,
.button__icon--search.hide,
.button__icon--menu.hide {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important; }

.site-navigation.show,
.search.show {
  position: static !important; }

/* Small menu. */
.menu-toggle,
.main-navigation ul {
  display: inline-block; }

@media only screen and (min-width: 600px) {
  #menu-button.show,
  .button__icon--search.hide,
  .button__icon--menu.hide {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important; }

  .site-navigation.hide,
  .site-navigation.show,
  .search.show {
    position: static !important; }

  .site-navigation {
    margin-top: 1em; } }
/**
 * MENU
 */
.menu {
  margin: 0;
  padding: 0.5em 0 0 0;
  overflow: hidden;
  clear: both; }

.menu {
  margin: 0;
  padding: 0.5em 0 0 0;
  overflow: hidden;
  clear: both; }
  .menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block; }
  .menu li {
    display: block; }
    @media only screen and (min-width: 600px) {
      .menu li {
        postion: relative;
        float: left; } }
  @media only screen and (min-width: 600px) {
    .menu li.menu-item-has-children a:after {
      content: "\2304";
      margin-left: 5px; } }
  @media only screen and (min-width: 600px) {
    .menu .sub-menu li a:after {
      content: normal;
      margin-left: 0; } }
  .menu a {
    display: block;
    padding: 0.25em 1em;
    color: #FFF; }
    @media only screen and (min-width: 600px) {
      .menu a {
        display: inline-block;
        border-right: 1px solid #91C8db;
        margin-bottom: 0.5em; } }
    .menu a:hover {
      color: #91C8db; }
  .menu :last-child a {
    border-right: none; }
  .menu li > ul {
    display: none; }
  .menu li > ul {
    display: none; }
    @media only screen and (min-width: 600px) {
      .menu li > ul {
        float: none;
        position: absolute;
        background-color: #2d2d2d; } }
  @media only screen and (min-width: 600px) {
    .menu li:hover > ul {
      display: block; }
      .menu li:hover > ul > li {
        display: block;
        float: none; }
      .menu li:hover > ul > li a {
        display: block;
        border-top: 1px dotted #FFF;
        padding: 0.5em 3em 0.5em 0;
        margin: 0 0.5em;
        text-align: left; }
      .menu li:hover > ul > li:first-child a {
        border-top: none; }
      .menu li:hover > ul > li > ul {
        display: none; } }

.site-navigation .menu-main-container {
  overflow: hidden;
  clear: both;
  text-align: center; }
.site-navigation .menu ul {
  text-align: center; }
  @media only screen and (min-width: 600px) {
    .site-navigation .menu ul {
      float: left; } }

/**
 * FOOTER MENU
 */
#footer-menu li:first-child a {
  padding-left: 0; }
#footer-menu .menu {
  padding: 0; }
#footer-menu .menu a {
  margin: 0; }

/**
 * SECONDARY MENU
 */
.secondary-menu {
  margin-bottom: 1em; }
  .secondary-menu > ul > li > a:first-child {
    display: block;
    padding: 98px 1em 0 0.5em;
    margin: 1em 0;
    background-color: #8b7962;
    color: #FFF;
    font-size: 1.17em;
    font-weight: bold; }
  .secondary-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .secondary-menu li > ul > li {
    border-bottom: solid 1px #404040; }
  .secondary-menu li > ul > li > ul > li {
    margin-left: 0.5em;
    border: 0; }
  .secondary-menu li > ul > li a:before {
    content: url("../../uploads/site/arrow-brown.png");
    margin-left: 0.25em;
    margin-right: 0.25em; }
  .secondary-menu li > ul > li a:hover:before {
    content: url("../../uploads/site/arrow-grey.png"); }
  .secondary-menu li.current_page_item a {
    font-weight: 800; }
  .secondary-menu li.current_page_item ul a {
    font-weight: 400; }

/**
 * GENERAL LAYOUT
 */
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%; }
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */ }
  .widget select {
    max-width: 100%; }

/* Search widget. */
.widget_search .search-submit {
  display: none; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.hentry {
  margin: 0 0 1.5em; }

.byline,
.updated:not(.published) {
  display: none; }

.single .byline,
.group-blog .byline {
  display: inline; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/* Make all images responsive */
img {
  max-width: 100%;
  /* just in case, to force correct aspect ratio */
  height: auto !important;
  -ms-interpolation-mode: bicubic; }

.img-bkg {
  background-color: #4c4c4d; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }

.gallery-caption {
  display: block; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.svg, .icon-twitter,
.icon-search,
.icon-menu {
  margin: 0 auto;
  width: 60px;
  height: 60px; }

.icon-twitter,
.icon-search,
.icon-menu {
  background-size: 60px 60px; }
  @media screen and (-ms-high-contrast: active) {
    .icon-twitter,
    .icon-search,
    .icon-menu {
      stroke: #49FF33; }
      .icon-twitter:hover,
      .icon-search:hover,
      .icon-menu:hover {
        stroke: #22B111; } }
  @media screen and (-ms-high-contrast: black-on-white) {
    .icon-twitter,
    .icon-search,
    .icon-menu {
      stroke: #333; }
      .icon-twitter:hover,
      .icon-search:hover,
      .icon-menu:hover {
        stroke: #59573B; } }
  @media screen and (-ms-high-contrast: white-on-black) {
    .icon-twitter,
    .icon-search,
    .icon-menu {
      stroke: #efefef; }
      .icon-twitter:hover,
      .icon-search:hover,
      .icon-menu:hover {
        stroke: #CFC1C1; } }

/*Twitter*/
.icon-twitter:hover path {
  stroke: #FFF; }

.icon-twitter:hover path.blur {
  filter: url(#blur-filter); }

/*Search*/
.icon-search:hover circle,
.icon-search:hover line {
  stroke: #FFF; }

.icon-search:hover .blur {
  filter: url(#blur-filter); }

/*Menu*/
.icon-menu:hover rect,
.icon-menu:hover path {
  stroke: #FFF;
  fill: #FFF; }

.icon-menu:hover .blur {
  filter: url(#small-blur-filter); }

.icon, .icon__svg, .icon--register {
  background-color: transparent;
  padding: 1em;
  display: inline-block;
  text-align: center;
  border: 0;
  text-decoration: none; }
  .icon:focus, .icon__svg:focus, .icon--register:focus {
    outline-style: none;
    outline-width: 0; }
  .icon:hover, .icon__svg:hover, .icon--register:hover {
    text-decoration: none; }
  .icon:visited, .icon__svg:visited, .icon--register:visited {
    text-decoration: none; }

.icon__svg {
  width: 32%;
  margin: 0 auto;
  padding: 0; }
  @media only screen and (min-width: 600px) {
    .icon__svg {
      width: 60px;
      margin-right: 0;
      padding: 0;
      margin-left: 3px; } }

.svg-filters {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important; }

.icon__svg.last,
.icon__svg.last {
  margin-right: 0; }

.icon--register {
  width: 100%;
  font-size: 1.5em;
  background-color: #2491b7;
  color: #FFF; }
  .icon--register:hover {
    background-color: #2f748e;
    color: #FFF; }
  .icon--register:visited {
    color: #FFF; }
  @media only screen and (min-width: 600px) {
    .icon--register {
      width: 50%;
      margin-top: 0;
      margin-right: 0;
      float: left;
      /*set margin as % minus width of 2 svg icons to right align icons*/
      margin-left: calc(50% - 130px);
      /* Firefox */
      margin-left: -moz-calc(50% - 130px);
      /* WebKit */
      margin-left: -webkit-calc(50% - 130px);
      /* Opera */
      margin-left: -o-calc(50% - 130px);
      /* Standard */
      margin-left: calc(50% - 130px);
      background-color: transparent;
      background-image: url("../../uploads/site/register-badge.png");
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      padding: 0.5em 0 1.5em 0; }
      .icon--register:hover {
        background-image: url("../../uploads/site/register-badge-hover.png");
        background-color: transparent; } }
  @media only screen and (min-width: 850px) {
    .icon--register {
      width: 33%;
      /*set margin as % minus width of 2 svg icons to right align icons*/
      margin-left: calc(67% - 130px);
      /* Firefox */
      margin-left: -moz-calc(67% - 130px);
      /* WebKit */
      margin-left: -webkit-calc(67% - 130px);
      /* Opera */
      margin-left: -o-calc(67% - 130px);
      /* Standard */
      margin-left: calc(67% - 130px); }
      .icon--register:hover {
        background-color: transparent; } }

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
body {
  max-width: 1200px;
  margin: 0 auto; }

.site-content--dark {
  overflow: hidden;
  color: #f0f0f0;
  background: #2d2d2d;
  /* For browsers that do not support gradients */ }
  @media only screen and (min-width: 850px) {
    .site-content--dark {
      background: -webkit-linear-gradient(#2d2d2d, #4d4d4e, #2d2d2d);
      /* For Safari 5.1 to 6.0 */
      background: -o-linear-gradient(#2d2d2d, #4d4d4e, #2d2d2d);
      /* For Opera 11.1 to 12.0 */
      background: -moz-linear-gradient(#2d2d2d, #4d4d4e, #2d2d2d);
      /* For Firefox 3.6 to 15 */
      background-image: linear-gradient(#2d2d2d 30%, #4d4d4e 70%, #2d2d2d 100%);
      /* Standard syntax */ } }

#primary .search-form {
  float: left; }

.content-default {
  padding: 0 0.5em; }
  @media only screen and (min-width: 850px) {
    .content-default {
      padding: 0 1em; } }

.content-area.content-page {
  padding: 0 0.5em;
  display: block; }
  @media only screen and (min-width: 850px) {
    .content-area.content-page {
      display: inline-block;
      width: 80%;
      float: left;
      padding: 0 1em; } }

@media only screen and (min-width: 850px) {
  .widget-area {
    display: inline-block;
    width: 20%;
    float: left; } }

.sidebar-title {
  background-color: #e78800;
  padding: 0.5em 0.5em 0 0.5em;
  color: #FFF;
  margin-top: 1em; }
  @media only screen and (min-width: 850px) {
    .sidebar-title {
      padding-left: 0.5em; } }

.sidebar-title h3:after {
  content: url("../../uploads/site/mouse.png");
  margin-left: 1.5em;
  position: relative;
  top: 10px; }

.sidebar-text {
  background-color: #d2d2c6;
  padding: 0.5em; }
  @media only screen and (min-width: 850px) {
    .sidebar-text {
      padding: 1em; } }

.sidebar-text ul {
  margin: 0; }

.site-branding,
#site-navigation {
  overflow: hidden;
  clear: both; }

#site-navigation {
  margin-top: 1em; }

#search {
  overflow: hidden;
  clear: both;
  text-align: center; }
  @media only screen and (min-width: 600px) {
    #search {
      text-align: none; } }

.search-form {
  margin: 1% 0; }
  @media only screen and (min-width: 600px) {
    .search-form {
      float: right; } }

header#masthead {
  background-color: #4c4c4d;
  padding: 0 0.5em 0;
  overflow: hidden;
  clear: both; }
  header#masthead .logo {
    margin-top: 0.5em; }
  header#masthead .site-branding {
    overflow: hidden;
    clear: both; }
  header#masthead #site-navigation {
    overflow: hidden;
    clear: both; }
    @media only screen and (min-width: 600px) {
      header#masthead #site-navigation {
        margin-top: 1em; } }
  @media only screen and (min-width: 600px) {
    header#masthead .logo {
      width: 50%;
      float: left;
      display: inline-block; }
    header#masthead .sitelinks {
      width: 50%;
      display: inline-block; } }

#site-navigation {
  margin-top: 1em; }

.content-container {
  padding: 0 1em 0 1em;
  overflow: hidden;
  clear: both; }

@media only screen and (min-width: 600px) {
  .intro p {
    margin-bottom: 0; } }

.sponsors img {
  margin: 4px; }

footer.site-footer {
  background-color: #4c4c4d;
  color: #cdcdcd;
  padding: 0.5em 1em 0 1em;
  overflow: hidden; }

.button.last {
  margin-right: 0;
  border-right: 0; }

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