/*!
 *Theme Name: wheelchair_rugby
 *Theme URI: http://underscores.me/
 *Author: Underscores.me
 *Author URI: http://underscores.me/
 *Description: Description
 *Version: 1.0.0
 *Tested up to: 5.4
 *Requires PHP: 5.6
 *License: GNU General Public License v2 or later
 *License URI: LICENSE
 *Text Domain: wheelchair_rugby
 *Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 *
 *This theme, like WordPress, is licensed under the GPL.
 *Use it to make something cool, have fun, and share what you've learned.
 *
 *wheelchair_rugby is based on Underscores https://underscores.me/, (C) 2012-2020 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 https: */
/*--------------------------------------------------------------
 *>>> TABLE OF CONTENTS:
 *----------------------------------------------------------------
 *# Generic
 *	- Normalize
 *	- Box sizing
 *# Base
 *	- Typography
 *	- Elements
 *	- Links
 *	- Forms
 *## Layouts
 *# Components
 *	- Navigation
 *	- Posts and pages
 *	- Comments
 *	- Widgets
 *	- Media
 *	- Captions
 *	- Galleries
 *# plugins
 *	- Jetpack infinite scroll
 *# Utilities
 *	- Accessibility
 *	- Alignments
 *
 *-------------------------------------------------------------- */
/*--------------------------------------------------------------
 *# Generic
 *-------------------------------------------------------------- */
/* Normalize
 *--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@import url("//fonts.googleapis.com/css?family=Poiret+One|Josefin+Sans");
.event {
  margin-bottom: 40px;
}

.event h2 {
  width: 100%;
  color: #000;
  font-weight: 400;
}

.event a, .event a:visited, .event a:active {
  color: #000;
  text-decoration: underline;
}

.event .info {
  box-sizing: border-box;
  border: 0;
  position: relative;
  font-weight: 400;
}

.event .info .website {
  position: absolute;
  right: 0;
  top: 0;
}

.home #content-wrapper {
  padding: 0 !important;
}

.latest-news .row {
  margin-bottom: 15px;
}

.latest-news .info {
  box-sizing: border-box;
  border: 0;
  position: relative;
  padding-right: 125px;
  margin-top: 15px;
}

.latest-news .info a {
  text-decoration: underline;
}

.latest-news .info .title {
  font-weight: 600;
}

.latest-news .info .date {
  top: 0;
  right: 0;
  position: absolute;
}

.latest-news .info a.learnmore {
  display: block;
  color: #000;
}

.latest-news .info a.learnmore:active, .latest-news .info a.learnmore:visited {
  color: #000;
}

.flex-container {
  display: block;
  flex-wrap: nowrap;
  box-sizing: border-box;
}

.flex-container .event {
  width: 48%;
  display: inline-block;
  position: relative;
  margin-bottom: 40px;
}

.flex-container .event h2 {
  width: 100%;
  color: #000;
  font-weight: 400;
}

.flex-container .event a, .flex-container .event a:visited, .flex-container .event a:active {
  color: #000;
  text-decoration: underline;
}

.flex-container .event .info {
  box-sizing: border-box;
  border: 0;
  position: relative;
  font-weight: 400;
}

.flex-container .event .info .website {
  position: absolute;
  right: 0;
  top: 0;
}

.flex-container .event:first-child {
  margin-right: 2%;
}

.flex-container .row {
  display: block;
}

.flex-container .row:first-child {
  border-bottom: 2px solid gray;
}

.flex-container .row:nth-child(2) {
  margin-top: 40px;
}

.flex-container .row .col {
  width: 48%;
  margin-left: 0;
  padding: 0;
  display: inline-block;
  list-style-type: none;
  margin-bottom: 40px;
  box-sizing: border-box;
  vertical-align: top;
}

.flex-container .row .col .info {
  box-sizing: border-box;
  border: 0;
  position: relative;
  padding-right: 125px;
}

.flex-container .row .col .info a {
  text-decoration: underline;
}

.flex-container .row .col .info .title {
  font-weight: 600;
}

.flex-container .row .col .info .date {
  top: 0;
  right: 0;
  position: absolute;
}

.flex-container .row .col .info a.learnmore {
  display: block;
  color: #000;
}

.flex-container .row .col .info a.learnmore:active, .flex-container .row .col .info a.learnmore:visited {
  color: #000;
}

.flex-container .row .col:nth-of-type(1), .flex-container .row .col:nth-of-type(3) {
  margin-right: 2%;
}

.site-header .search-wrapper {
  position: absolute;
  top: 255px;
  left: 15px;
  width: 34%;
  display: inline-block;
}

.home #content-wrapper {
  margin: 0;
}

.home #content-wrapper p {
  margin-top: 0;
}

.home #content-wrapper .wp-block-columns {
  margin-bottom: 0;
}

.home .entry-content {
  margin: 0 60px 60px 60px;
}

.homecontent {
  padding-top: 90px;
}

.latest-news {
  display: block;
  width: 100%;
  box-sizing: border-box;
  background: #EFEFEF;
  padding: 60px;
  overflow: auto;
}

.latest-news img {
  filter: grayscale(100%);
}

.latest-news .left {
  width: 29%;
  display: inline-block;
  vertical-align: top;
  padding-right: 15px;
}

.latest-news .right {
  width: 70%;
  display: inline-block;
}

.upcoming-events {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 60px 60px 100px 60px;
}

.upcoming-events .left {
  width: 29%;
  display: inline-block;
  vertical-align: top;
}

.upcoming-events .right {
  width: 70%;
  display: inline-block;
}

@media (max-width: 1024px) {
  .events-page {
    padding: 60px 15px 15px 15px;
  }
  .upcoming-events {
    padding: 16px 16px 70px 16px;
  }
  .upcoming-events .left, .upcoming-events .right {
    display: block;
    margin-right: 0;
    width: 100%;
  }
  .upcoming-events .event h2 {
    margin-bottom: 0;
  }
  .upcoming-events .flex-container .event h2 {
    width: 100%;
  }
}

@media (max-width: 580px) {
  .flex-container {
    width: 100%;
    display: block;
  }
  .flex-container .event {
    width: 100%;
  }
  .flex-container .row {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .flex-container .row .col {
    width: 100%;
    display: block;
  }
  .flex-container .row:first-child {
    border-bottom: none;
  }
}

@media (max-width: 580px) {
  .home .homecontent {
    padding-top: 0;
  }
  .home .content-wrapper {
    padding-top: 0;
  }
  .home .entry-content {
    padding-top: 0;
    margin-top: 40px !important;
  }
}

@media all and (max-width: 767px) {
  .foot-links [class^='col-md'] {
    margin-bottom: 20px;
  }
}

.admin-bar .mobile-header {
  top: 46px;
}

.mobile-header {
  height: 53px;
  text-align: right;
  z-index: 5001;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #000;
  display: none;
}

.mobile-tag {
  line-height: 40px;
  color: #FF4035;
  position: absolute;
  left: 15px;
  top: 7px;
}

.hamburger {
  border-radius: 100%;
  background-color: #FF4035;
  width: 31px;
  height: 31px;
  text-align: center;
  position: absolute;
  right: 15px;
  top: 12px;
  line-height: 30px;
  cursor: pointer;
}

.hamburger::before {
  content: "\f0c9";
  font-family: "Font Awesome 5 Pro";
  color: black;
}

body.mobile-menu-open .hamburger {
  right: 30px;
}

body.mobile-menu-open .hamburger::before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  color: black;
}

.admin-bar .mobile-menu-wrapper {
  padding-top: 130px;
}

.mobile-menu-wrapper {
  display: none;
  background: #000000;
  color: #FF4035;
  position: fixed;
  z-index: 5000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 80px 15px 15px 15px;
  list-style-type: none;
  font-size: 18px;
  overflow-y: scroll;
  padding-bottom: 100px;
  scrollbar-width: auto;
  scrollbar-color: #404040 #000;
}

.mobile-menu-wrapper .moblogo {
  width: 100%;
  margin-top: 20px;
}

.mobile-menu-wrapper .moblogo img {
  display: block;
  width: 100%;
  height: auto;
  text-align: center;
}

.mobile-menu-wrapper::-webkit-scrollbar {
  width: 16px;
}

.mobile-menu-wrapper::-webkit-scrollbar-track {
  background: #000;
}

.mobile-menu-wrapper::-webkit-scrollbar-thumb {
  background-color: #404040;
  border-radius: 10px;
  border: 0;
}

.mobile-menu-wrapper #mobile-navigation a {
  display: block;
  width: 100%;
  position: relative;
  text-decoration: none;
}

.mobile-menu-wrapper #mobile-navigation a::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f078";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 99;
  transition: all 0.3s ease;
  font-size: 20px;
}

.mobile-menu-wrapper #mobile-navigation a, .mobile-menu-wrapper #mobile-navigation a:visited, .mobile-menu-wrapper #mobile-navigation a:active {
  color: #fff;
}

.mobile-menu-wrapper #mobile-navigation a:hover {
  text-decoration: none;
}

.mobile-menu-wrapper #mobile-navigation #mobile {
  display: none;
  color: #000;
}

.mobile-menu-wrapper #mobile-navigation #mobile ul ul {
  display: none;
}

.mobile-menu-wrapper #mobile-navigation #mobile li.active > ul {
  display: block;
}

.mobile-menu-wrapper #mobile-navigation #mobile > ul {
  font-size: 30px;
  line-height: 40px;
}

.mobile-menu-wrapper #mobile-navigation #mobile > ul {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-menu-wrapper #mobile-navigation #mobile > ul > li {
  padding: 5px 0 5px 0;
  border-bottom: 1px solid #fff;
  display: block;
}

.mobile-menu-wrapper #mobile-navigation #mobile > ul > li.active > a::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f00d";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 99;
  transition: all 0.3s ease;
  font-size: 20px;
}

.mobile-menu-wrapper #mobile-navigation #mobile > ul > li ul.sub-menu {
  padding: 5px 0 0 0;
}

.mobile-menu-wrapper #mobile-navigation #mobile > ul > li:first-child {
  border-top: 1px solid #fff;
}

.mobile-menu-wrapper #mobile-navigation #mobile > ul > li:last-child {
  border-bottom: 1px solid #fff;
}

.mobile-menu-wrapper #mobile-navigation #mobile > ul > li > ul {
  margin: 0;
  padding-left: 0;
}

.mobile-menu-wrapper #mobile-navigation #mobile > ul > li > ul > li {
  margin-left: 0;
  padding: 5px 0 5px 0;
  font-size: 16px;
  border-top: 1px solid #fff;
  line-height: 40px;
}

.mobile-menu-wrapper #mobile-navigation #mobile > ul > li > ul > li a {
  display: block;
  width: 100%;
  position: relative;
}

.mobile-menu-wrapper #mobile-navigation #mobile > ul > li > ul > li a::after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f054";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 99;
  transition: all 0.3s ease;
  font-size: 20px;
}

.mobile-menu-wrapper #mobile-navigation #mobile > ul > li > ul:last-child {
  border-bottom: 0;
}

.mobile-menu-wrapper .mobile-search-wrapper {
  overflow: hidden;
  width: 100%;
  background-color: transparent;
  border-radius: 28px;
  border: 1px solid #fff;
  display: inline-block;
  cursor: pointer;
  font-family: Arial;
  font-size: 18px;
  text-decoration: none;
  padding: 0 80px 0 0;
  position: relative;
  margin-top: 28px;
}

.mobile-menu-wrapper .mobile-search-wrapper #mobile-search-form {
  padding: 0 20px;
  -moz-placeholder-color: white;
  -ms-input-placeholder-color: white;
}

.mobile-menu-wrapper .mobile-search-wrapper #mobile-search-form ::-webkit-input-placeholder {
  color: white;
}

.mobile-menu-wrapper .mobile-search-wrapper #mobile-search-form ::-moz-placeholder {
  color: white;
}

.mobile-menu-wrapper .mobile-search-wrapper #mobile-search-form label {
  margin: 0;
}

.mobile-menu-wrapper .mobile-search-wrapper #mobile-search-form input[type=text], .mobile-menu-wrapper .mobile-search-wrapper #mobile-search-form input[type=search] {
  box-shadow: none;
  border: none;
  color: #fff;
  background-color: #000;
  width: auto;
  width: 100%;
  line-height: 50px;
}

.mobile-menu-wrapper .mobile-search-wrapper #mobile-search-form button {
  background: transparent;
  border: 0;
  color: #fff;
  position: absolute;
  right: 0;
  top: 3px;
  line-height: 50px;
  padding: 0 20px;
}

.mobile-menu-wrapper .mobile-search-wrapper #mobile-search-form button:active, .mobile-menu-wrapper .mobile-search-wrapper #mobile-search-form button:focus {
  outline: none;
}

.mobile-menu-wrapper .mobile-search-wrapper #mobile-search-form button span {
  font-weight: lighter;
  font-size: 20px;
}

.mobile-menu-wrapper .mobile-search-wrapper #mobile-search-form button:hover {
  cursor: pointer;
}

@media only screen and (max-width: 1275px) {
  .mobile-header {
    display: block;
  }
  .admin-bar .mobile-header {
    top: 32px;
  }
}

@media only screen and (max-width: 782px) {
  .admin-bar .mobile-header {
    top: 46px;
  }
}

@media only screen and (max-width: 580px) {
  .admin-bar .mobile-header {
    top: 46px;
  }
}

.accordion {
  display: block;
  width: 100%;
  clear: both;
}

.accordion .acc_title {
  border: 1px solid #E6E7E8;
  padding: 20px 50px 20px 20px;
  cursor: pointer;
  margin-bottom: 0;
  margin-top: 3px;
  position: relative;
  font-size: 20px;
  display: block;
  width: 100%;
  margin-bottom: 0px !important;
}

.accordion .acc_title:before {
  content: '\f078';
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  right: 20px;
  top: 19px;
}

.accordion .acc_title.ui-state-active {
  border-bottom: 0;
}

.accordion .acc_title.ui-state-active:before {
  content: '\f077';
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  right: 20px;
  top: 19px;
}

.accordion .acc_title:focus {
  outline: none;
}

.accordion .ui-accordion-content {
  border-left: 1px solid #E6E7E8;
  border-right: 1px solid #E6E7E8;
  border-bottom: 1px solid #E6E7E8;
  padding: 1px 20px 20px 20px;
  margin-top: 0;
  width: 100%;
}

/* Global Styles */
html, body {
  color: #fddaec;
  font-size: 100%;
  height: 100%;
  line-height: 1.45;
}

/* Video Overlay */
#overlay {
  background-color: rgba(0, 0, 0, 0.65);
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  transition: background-color 300ms ease;
  width: 100%;
}

.fade {
  background-color: rgba(0, 0, 0, 0.85) !important;
}

/* Hero Video + Fallback */
#hero-vid {
  backface-visibility: hidden;
  background: url("http://www.markhillard.com/sandbox/media/polina.jpg") no-repeat scroll 0 0 #000;
  background-size: cover;
  bottom: 0;
  height: auto;
  min-height: 100%;
  min-width: 100%;
  perspective: 1000;
  position: fixed;
  right: 0;
  width: auto;
  z-index: -1;
}

#hero-pic {
  display: block;
  height: auto;
  width: 100%;
}

#state {
  bottom: 0;
  cursor: pointer;
  font-size: 2.25rem;
  left: 0;
  line-height: 1;
  padding: 2rem 2.5rem 1.65rem;
  position: absolute;
  color: #fff;
}

/* Content Styles */
#title {
  backface-visibility: hidden;
  left: 0;
  perspective: 1000;
  position: fixed;
  width: 100%;
}

#title h1 {
  background-color: rgba(0, 0, 0, 0.5);
  font-family: "Poiret One", sans-serif;
  font-size: 2.5rem;
  padding: 1rem 1.75rem;
}

/* Media Queries */
@media only screen and (max-width: 768px) {
  #overlay {
    height: auto;
  }
}

/* Visibility Helpers */
@media only screen and (min-width: 769px) {
  .visible-mobile, .visible-tablet, .hidden-desktop {
    display: none !important;
  }
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
  .visible-mobile, .hidden-tablet, .visible-desktop {
    display: none !important;
  }
}

@media only screen and (max-width: 479px) {
  .hidden-mobile, .visible-tablet, .visible-desktop {
    display: none !important;
  }
}

.upcoming-event {
  margin-bottom: 60px;
}

.upcoming-event h1 {
  margin-bottom: 40px;
}

.upcoming-event h2 {
  margin-bottom: 40px;
}

.past-event-list, .upcoming-event-list {
  display: grid;
  grid-gap: 70px 35px;
  grid-template-columns: 1fr 1fr 1fr;
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 70px;
}

.past-event-list .single-event h2, .upcoming-event-list .single-event h2 {
  width: 100%;
  margin-bottom: 0;
  color: #000;
  font-weight: 400;
}

.past-event-list .single-event a, .past-event-list .single-event a:visited, .past-event-list .single-event a:active, .upcoming-event-list .single-event a, .upcoming-event-list .single-event a:visited, .upcoming-event-list .single-event a:active {
  color: #000;
  text-decoration: underline;
}

.past-event-list .single-event .info, .upcoming-event-list .single-event .info {
  box-sizing: border-box;
  border: 0;
  position: relative;
  font-weight: 400;
}

.past-event-list .single-event .info .website, .upcoming-event-list .single-event .info .website {
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 1400px) {
  .past-event-list .single-event a, .upcoming-event-list .single-event a {
    position: inherit !important;
  }
}

@media (max-width: 639px) {
  .past-event-list, .upcoming-event-list {
    grid-template-columns: 1fr;
  }
  .past-event-list .single-event a, .upcoming-event-list .single-event a {
    position: inherit;
  }
}

#foot-section {
  background-color: #000;
  width: 100%;
  height: auto;
  padding: 50px 60px 50px 60px;
  color: #fff;
  position: relative;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.02em;
  text-align: left;
}

#foot-section .newswrap {
  border: 1px solid white;
  border-radius: 30px;
  padding: 10px 80px 10px 15px;
  position: relative;
  background-color: #000;
}

#foot-section .newswrap input[type=text], #foot-section .newswrap input[type=email] {
  box-shadow: none;
  border: none;
  color: white !important;
  background-color: black;
  width: auto;
  width: 100%;
}

#foot-section .newswrap input[type=submit] {
  background: transparent;
  border: 0;
  color: #fff;
  font-size: 18px;
  position: absolute;
  right: 0;
  top: 5px;
}

#foot-section .newswrap:hover {
  cursor: pointer;
}

#foot-section .foot-head h2 {
  color: #fff;
  font-size: 28px;
}

#foot-section a {
  display: block;
  color: #fff;
  text-decoration: underline;
}

#foot-section a:active, #foot-section a:visited {
  display: block;
  color: #fff;
  text-decoration: underline;
}

#foot-section .logo {
  background: url("../images/footer.png") no-repeat 100% 100%;
  background-size: contain;
  width: 218px;
  height: 95px;
}

.foot-copyright {
  margin-top: 0 !important;
}

.news {
  margin-bottom: 0 !important;
}

@media (max-width: 768px) {
  .foot-social {
    margin: 0;
  }
  .foot-links, .foot-copyright {
    text-align: right;
  }
}

.eventMarquee {
  width: 100%;
  height: 40px;
  line-height: 37px;
  overflow: hidden;
  position: relative;
  font-weight: 900;
  font-family: 'Night-ExtraBold', cursive;
  font-size: 40px;
  background: none repeat scroll 0 0 #000;
  color: #FF4035;
}

.js-marquee {
  line-height: 37px;
  height: 40px;
  font-size: 40px;
}

.pause {
  height: 40px;
  position: absolute;
  background-color: #FF4035;
  width: 40px;
  right: 0;
  z-index: 50;
  text-align: center;
}

.pause::after {
  font-family: 'Font Awesome 5 Pro';
  content: '\f04c';
  color: #000;
  font-size: 25px;
  text-align: center;
  font-weight: 900;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.pause.paused::after {
  font-family: 'Font Awesome 5 Pro';
  content: '\f04b';
  color: #000;
  font-size: 25px;
  text-align: center;
  font-weight: 900;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.eventdate {
  font-size: 18px;
  line-height: 34px;
  font-family: "Regola Pro Book" !important;
  display: inline;
  vertical-align: middle;
  height: 40px;
  display: inline-block;
}

/* Document
 *	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS. */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Fonts */
@font-face {
  font-family: 'Regola Pro Book';
  src: url("../fonts/Regola/RegolaPro-Book.woff") format("woff2");
  src: url("../fonts/Regola/RegolaPro-Book.woff") format("woff");
}

@font-face {
  font-family: 'Regola Pro Bold';
  src: url("../fonts/Regola/RegolaPro-Bold.woff") format("woff2");
  src: url("../fonts/Regola/RegolaPro-Bold.woff") format("woff");
}

@font-face {
  font-family: 'Night-ExtraBold';
  src: url("../fonts/Night/Night-ExtraBold.woff") format("woff");
}

.block-editor-block-list__layout {
  padding: 0;
}

/* Sections
 *	 ========================================================================== */
/**
 * Remove the margin in all browsers. */
body {
  margin: 0;
  font-family: "Regola Pro Book", "Open Sans", sans-serif !important;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -2%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width: 100%;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/**
 * Render the `main` element consistently in IE. */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari. */
h1 {
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 60px;
  letter-spacing: -0.02em;
  text-align: left;
  margin: 0;
  color: #FF4035;
  margin-bottom: 40px;
}

h2 {
  display: block;
  font-weight: 400;
  font-size: 28px;
  line-height: 30px;
  margin: 0;
  color: #FF4035;
}

h4 {
  color: #FF4035;
}

h5 {
  color: #000;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: -2%;
  margin-bottom: 0;
  font-weight: bold;
}

.highlight .col p {
  margin-bottom: 0 !important;
}

::-moz-selection, ::selection, ::-webkit-selection, ::-moz-selection {
  color: #FFF;
}

.c-accordion__content h5 {
  margin: 0 !important;
}

/* Editor Font Sizes for Gutenberg
 * ========================================================================== */
.has-wwr-small-font-size, .has-wwr-normal-font-size, .has-wwr-medium-font-size, .has-wwr-large-font-size, .has-wwr-huge-font-size {
  font-family: "Regola Pro Book", "Open Sans", sans-serif !important;
  letter-spacing: -.02em;
}

.has-wwr-small-font-size {
  font-size: 14px;
  line-height: 16px;
}

.has-wwr-normal-font-size {
  font-size: 18px;
  line-height: 22px;
}

.has-wwr-medium-font-size {
  font-size: 22px;
}

.has-wwr-large-font-size {
  font-size: 28px;
  line-height: 36px;
}

.has-wwr-huge-font-size {
  font-size: 60px;
  line-height: 60px;
}

/* Grouping content
 * ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE. */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  background-color: 1px solid #000;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers. */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

.entry-content a, .entry-content a:visited, .entry-content a:active {
  color: #000 !important;
}

/*--------------------------------------------------------------
 *# Wordpress override
 *-------------------------------------------------------------- */
.c-accordion__content h2, .c-accordion__content h2, .c-accordion__content h4, .c-accordion__content h5 {
  margin: 15px 0;
}

.wp-block-separator {
  border-bottom: 1.25px solid #000;
}

textarea:focus, input:focus {
  outline: none;
}

.wpcf7 label {
  display: block;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="password"], .wpcf7 input[type="search"], .wpcf7 input[type="number"], .wpcf7 input[type="tel"], .wpcf7 input[type="range"], .wpcf7 input[type="date"], .wpcf7 input[type="month"], .wpcf7 input[type="week"], .wpcf7 input[type="time"], .wpcf7 input[type="datetime"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="color"], .wpcf7 textarea {
  width: 100%;
  border-radius: 25px;
  border: 1px solid #444444;
  line-height: 40px;
  padding: 0 15px;
  margin-bottom: 15px;
  color: #444444;
}

.wpcf7 textarea {
  font-size: 18px;
}

.wpcf7 input[type="submit"] {
  background-color: #ffffff;
  border-radius: 28px;
  border: 1px solid #000000;
  display: inline-block;
  cursor: pointer;
  color: #000000;
  padding: 11px 15px;
  text-decoration: none;
  float: right;
  transition: 0.3s ease all;
}

.wpcf7 input[type="submit"]:hover {
  background-color: #ff3f35;
  color: #000;
}

.event h2 {
  color: #000;
  font-weight: 400;
}

.event a, .event a:visited, .event a:active {
  color: #000;
}

.event .info {
  box-sizing: border-box;
  border: 0;
  position: relative;
  font-weight: 400;
}

.event .info .website {
  position: absolute;
  right: 0;
  top: 0;
}

.event:first-child {
  margin-right: 2%;
}

#site-wrapper {
  transition: 0.3s ease all;
  background-color: #fff;
  margin: 0 auto;
  width: 100%;
  position: relative;
  height: auto;
  min-width: 310px;
}

#content-wrapper {
  padding: 228px 0 0 0;
  margin: 0px 60px 0 60px;
}

p {
  margin-top: 0;
}

.entry-content .alignwide {
  margin-left: -80px;
  margin-right: -80px;
}

.entry-content .alignfull {
  max-width: 100vw;
}

.alignfull img {
  width: 100vw;
}

a.wwrButton:visited {
  color: #000;
}

.gwwrButton {
  background-color: #efefef;
  border-radius: 28px;
  border: 1px solid #000000;
  display: inline-block;
  cursor: pointer;
  color: #000000;
  padding: 11px 15px;
  text-decoration: none;
  float: right;
  transition: 0.3s ease all;
}

.gwwrButton a {
  border-bottom: none;
}

.gwwrButton a:hover {
  text-decoration: none;
}

.gwwrButton:hover {
  background-color: #FF4035;
  border: 1px solid #FF4035;
  color: #000;
  text-decoration: none;
}

.gwwrButton:active {
  position: relative;
  top: 1px;
  color: #000;
}

.wwrButton {
  background-color: #ffffff;
  border-radius: 28px;
  border: 1px solid #000000;
  display: inline-block;
  cursor: pointer;
  color: #000000;
  padding: 11px 15px;
  text-decoration: none;
  float: right;
  transition: 0.3s ease all;
}

.wwrButton a {
  border-bottom: none;
  text-decoration: none;
}

.wwrButton a:hover {
  text-decoration: none;
}

.wwrButton:hover {
  background-color: #FF4035;
  border: 1px solid #FF4035;
  color: #000;
  text-decoration: none;
}

.wwrButton:active {
  position: relative;
  top: 1px;
  color: #000;
}

/*--------------------------------------------------------------
 *# News
 *-------------------------------------------------------------- */
.news-info {
  margin: 15px 0 50px 0;
}

.news-thumbnail img {
  filter: grayscale(100%);
}

.news-date {
  margin: 0 0 15px 0;
}

.news-title {
  font-weight: bold;
  display: block;
}

.read-more {
  display: block;
  text-decoration: underline !important;
  border-bottom: none !important;
}

.news-older {
  display: none;
  transition: 0.3s ease all;
}

.past-event-list {
  display: none;
  transition: 0.3s ease all;
}

#news-toggler {
  margin: 0 0 20px 0;
  display: block;
  overflow: hidden;
}

#event-toggler {
  margin-left: auto;
  display: block;
  text-align: right;
}

#event-toggler .wwrButton {
  float: none !important;
}

/* Text-level semantics
 *	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10. */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari. */
b, strong {
  font-family: "Regola Pro Bold", 'Open Sans', sans-serif;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers. */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers. */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
 *	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10. */
img {
  border-style: none;
}

/* Forms
 *	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge. */
button, input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox. */
button, select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox. */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers. */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+. */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari. */
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS. */
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
 *	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox. */
details {
  display: block;
}

/*
 * Add the correct display in all browsers. */
summary {
  display: list-item;
}

/* Misc
 *	 ========================================================================== */
/**
 * Add the correct display in IE 10+. */
template, [hidden] {
  display: none;
}

/**
 * Add the correct display in IE 10. */
/* Box sizing
 *--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
 *@link http: */
* {
  box-sizing: inherit;
}

*::before, *::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
 *# Base
 *-------------------------------------------------------------- */
/* Typography
 *--------------------------------------------- */
body, button, input, select, optgroup, textarea {
  color: #000;
  line-height: 1.3;
}

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

p {
  margin-bottom: 1.5em;
}

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

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

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

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

big {
  font-size: 125%;
}

/* Elements
 *--------------------------------------------- */
body {
  background: #fff;
}

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

ul {
  list-style: disc;
  padding-left: 1em;
}

ol {
  list-style: decimal;
}

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

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

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

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

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

/* Footer
 *--------------------------------------------- */
.site-footer {
  display: block;
  width: 100%;
  background-color: black;
  color: white;
  min-height: 200px;
  padding: 60px;
  clear: both;
  position: relative;
  height: 600px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.02em;
  text-align: left;
}

.site-footer .newswrap {
  border: 1px solid white;
  border-radius: 30px;
  padding: 10px 80px 10px 15px;
  position: relative;
}

.site-footer input[type=text], .site-footer input[type=email] {
  box-shadow: none;
  border: none;
  color: white;
  background-color: black;
  width: auto;
  width: 100%;
}

.site-footer input[type=submit] {
  background: transparent;
  border: 0;
  color: #fff;
  font-size: 18px;
  position: absolute;
  right: 0;
  top: 5px;
}

.site-footer input[type=submit]:hover {
  cursor: pointer;
}

.site-footer textarea:focus, .site-footer input:focus {
  outline: none;
  color: white !important;
}

.site-footer a, .site-footer a:visited, .site-footer a:active {
  color: #fff;
  text-decoration: underline;
}

.site-footer .logo {
  position: absolute;
  bottom: 60px;
  left: 60px;
  background: url(../images/footer.png) no-repeat 100% 100%;
  background-size: contain;
  width: 218px;
  height: 95px;
}

.site-footer .site-info {
  overflow: hidden;
}

.site-footer .site-info .contact-wrapper {
  display: block;
  width: 60%;
  position: absolute;
  bottom: 60px;
  right: 60px;
  overflow: hidden;
}

.site-footer .site-info .contact-wrapper .rows {
  box-sizing: border-box;
}

.site-footer .site-info .contact-wrapper .columns {
  display: inline-block;
  box-sizing: border-box;
  color: white;
}

.site-footer .site-info .contact-wrapper .columns ul {
  list-style-type: none;
  color: white;
  margin: 0;
  padding: 0;
}

.site-footer .site-info .contact-wrapper .columns ul li {
  margin-left: 0;
}

.site-footer .site-info .contact-wrapper .column1 {
  width: 44%;
}

.site-footer .site-info .contact-wrapper .column2 {
  width: 44%;
}

.site-footer .site-info .contact-wrapper .column3 {
  width: 10%;
}

.site-footer .site-info .contact-wrapper .underline {
  text-decoration: underline;
}

.site-footer .site-info .intro-copy {
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0em;
  text-align: left;
  color: white;
  margin-bottom: 50px;
}

/* Links
 *--------------------------------------------- */
a {
  color: #000;
  text-decoration: underline;
}

a:visited {
  color: #000;
}

a:focus {
  outline: none;
}

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

.partners_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.partners_list .partner {
  width: 30%;
  margin: 5px 5px 40px 5px;
}

.partners_list .partner .partner-image-wrapper {
  height: 115px;
  vertical-align: top;
  display: table-cell;
}

.partners_list .partner .partner-image-wrapper img {
  vertical-align: middle;
}

.partners_list .partner .partner-information {
  padding-top: 10px;
}

/* Header
 *--------------------------------------------- */
.videowrapper {
  height: 100%;
}

.fullscreen-bg {
  overflow: hidden;
  z-index: 100;
  width: 100%;
  height: 100%;
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (orientation: portrait) and (max-width: 480px) {
  #slideshower {
    display: block;
  }
  .fullscreen-bg {
    display: none;
  }
  .swiper-container {
    width: 100%;
    height: 100%;
    display: block !important;
  }
  .swiper-container .swiper-wrapper {
    height: 100%;
  }
  .swiper-container .swiper-slide {
    height: 100%;
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .swiper-container .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

a.watchlink {
  color: #FF4035 !important;
}

header .logo {
  position: absolute;
  top: 7px;
  left: 60px;
  background: url(../images/header.png) no-repeat 100% 100%;
  background-size: contain;
  width: 127px;
  height: 35px;
}

header .svglogo {
  position: fixed;
  bottom: 60px;
  left: 60px;
  width: auto;
  display: none;
  max-width: 418px;
}

header .svglogo svg {
  width: 100%;
  height: 100%;
}

header .svglogo.topped {
  top: 5px;
  left: 60px;
  height: 35px;
  width: 127px;
  height: 35px;
  display: block !important;
}

/* Desktop Menu
 *--------------------------------------------- */
.swiper-container {
  display: none;
}

#desktop-menu-wrapper {
  width: 100%;
  position: fixed;
  left: 0;
  min-height: 48px;
  box-sizing: border-box;
  background-color: #fff;
  transition: 0.3s ease all;
  overflow: hidden;
  box-shadow: none;
  z-index: 1000;
  border: 0;
  padding: 0 60px;
  top: 0;
}

#desktop-menu-wrapper .main-navigation {
  display: inline-block;
}

#desktop-menu-wrapper .name {
  font-size: 18px;
  margin-top: 13px;
  width: auto;
  display: inline-block;
}

#desktop-menu-wrapper:hover {
  min-height: 338px;
  background-color: #efefef;
}

#desktop-menu-wrapper #cssmenu {
  border: none;
  padding: 0;
  box-sizing: content-box;
  clear: both;
  width: auto;
  background: transparent;
}

#desktop-menu-wrapper #cssmenu ul li:first-child > ul {
  left: 0;
}

#desktop-menu-wrapper #cssmenu ul, #desktop-menu-wrapper #cssmenu li, #desktop-menu-wrapper #cssmenu a, #desktop-menu-wrapper #cssmenu ul, #desktop-menu-wrapper #cssmenu li, #desktop-menu-wrapper #cssmenu a {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#desktop-menu-wrapper #cssmenu > ul {
  list-style: inside none;
  padding: 0;
  margin: 0;
}

#desktop-menu-wrapper #cssmenu > ul li:first-child a {
  padding-left: 0;
}

#desktop-menu-wrapper #cssmenu > ul > li {
  list-style: inside none;
  padding: 0;
  margin: 0;
  display: block;
  position: relative;
}

#desktop-menu-wrapper #cssmenu > ul > li > ul > li a:hover {
  background: transparent;
}

#desktop-menu-wrapper #cssmenu > ul > li > a {
  outline: none;
  display: block;
  position: relative;
  padding: 12px 25px;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  font-style: normal;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: -0.02em;
  text-align: left;
  color: #000;
}

#desktop-menu-wrapper #cssmenu > ul > li > a:hover {
  text-decoration: underline;
  color: #000;
}

#desktop-menu-wrapper #cssmenu > ul > li > a:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f107";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 99;
  transition: all 0.3s ease;
}

#desktop-menu-wrapper #cssmenu ul li.has-sub:hover > a:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f106";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 99;
  transition: all 0.3s ease;
}

#desktop-menu-wrapper #cssmenu ul li.has-sub:hover > a {
  padding-bottom: 13px;
  padding-top: 13px;
  top: -1px;
  z-index: 999;
}

#desktop-menu-wrapper #cssmenu ul li.has-sub:hover > ul, #desktop-menu-wrapper #cssmenu ul li.has-sub:hover > div {
  display: block;
}

#desktop-menu-wrapper #cssmenu ul li.has-sub > a:hover {
  text-decoration: underline;
}

#desktop-menu-wrapper #cssmenu ul li > ul, #desktop-menu-wrapper #cssmenu ul li > div {
  display: none;
  width: auto;
  position: absolute;
  top: 40px;
  left: 25px;
  padding: 10px 0;
  border-radius: 0 0 5px 5px;
  z-index: 999;
}

#desktop-menu-wrapper #cssmenu ul li > ul {
  width: 225px;
}

#desktop-menu-wrapper #cssmenu ul li > ul li {
  display: block;
  list-style: inside none;
  padding: 0 0 5px 0;
  margin: 0;
  position: relative;
  line-height: 20px;
}

#desktop-menu-wrapper #cssmenu ul li > ul li a {
  outline: none;
  display: block;
  position: relative;
  margin: 0;
  color: #000;
  text-decoration: none;
}

#desktop-menu-wrapper #cssmenu ul ul a:hover {
  color: #000;
  text-decoration: underline;
}

#desktop-menu-wrapper #cssmenu > ul > li.has-sub > a:hover:before {
  border-top: 5px solid #ffffff;
}

.home header .logo {
  background: url(../images/mobile.png) no-repeat 100% 100%;
  background-size: contain;
}

.home #desktop-menu-wrapper {
  background-color: transparent;
  transition: 0.3s ease all;
}

.home #desktop-menu-wrapper:hover {
  min-height: 338px;
  background-color: #000;
}

.home #desktop-menu-wrapper .name {
  color: #FF4035;
}

.home #desktop-menu-wrapper .search-wrapper {
  border: 1px solid #fff;
  color: #fff;
  -moz-placeholder-color: #efefef;
  -ms-input-placeholder-color: #efefef;
}

.home #desktop-menu-wrapper .search-wrapper ::-webkit-input-placeholder {
  color: #efefef;
}

.home #desktop-menu-wrapper .search-wrapper ::-moz-placeholder {
  color: #efefef;
}

.home #desktop-menu-wrapper .search-wrapper button {
  background: transparent;
  border: 0;
  color: #efefef;
}

.home #desktop-menu-wrapper .search-wrapper input[type=search] {
  color: #efefef;
}

.home #desktop-menu-wrapper .search-wrapper input[type=submit] {
  color: #efefef;
}

.home #desktop-menu-wrapper #cssmenu {
  background: transparent;
  color: #efefef;
}

.home #desktop-menu-wrapper #cssmenu ul li > ul li a {
  color: #efefef;
}

.home #desktop-menu-wrapper #cssmenu > ul > li > a {
  color: #efefef;
}

.home #desktop-menu-wrapper #cssmenu > ul > li > a:hover {
  color: #efefef;
}

.home #desktop-menu-wrapper #cssmenu ul a:hover {
  color: #efefef;
}

html:not([data-scroll='0']) .home header .logo {
  background: url(../images/header.png) no-repeat 100% 100%;
  background-size: contain;
}

html:not([data-scroll='0']) .home header .svglogo.topped {
  top: 5px !important;
}

html:not([data-scroll='0']) .home #desktop-menu-wrapper {
  background-color: #efefef;
  transition: 0.3s ease all;
}

html:not([data-scroll='0']) .home #desktop-menu-wrapper .search-wrapper {
  border: 1px solid #000;
  color: #000;
  -moz-placeholder-color: #000;
  -ms-input-placeholder-color: #000;
}

html:not([data-scroll='0']) .home #desktop-menu-wrapper .search-wrapper ::-webkit-input-placeholder {
  color: #000;
}

html:not([data-scroll='0']) .home #desktop-menu-wrapper .search-wrapper ::-moz-placeholder {
  color: #000;
}

html:not([data-scroll='0']) .home #desktop-menu-wrapper .search-wrapper input[type=search] {
  color: #000;
}

html:not([data-scroll='0']) .home #desktop-menu-wrapper .search-wrapper input[type=submit] {
  color: #000;
}

html:not([data-scroll='0']) .home #desktop-menu-wrapper .search-wrapper button {
  color: #000;
}

html:not([data-scroll='0']) .home #desktop-menu-wrapper .name {
  color: #000;
}

html:not([data-scroll='0']) .home #desktop-menu-wrapper:hover {
  min-height: 338px;
}

html:not([data-scroll='0']) .home #desktop-menu-wrapper #cssmenu {
  background: transparent;
  color: #000;
}

html:not([data-scroll='0']) .home #desktop-menu-wrapper #cssmenu ul li > ul li a {
  color: #000;
}

html:not([data-scroll='0']) .home #desktop-menu-wrapper #cssmenu > ul > li > a {
  color: #000;
}

html:not([data-scroll='0']) .home #desktop-menu-wrapper #cssmenu > ul > li > a:hover {
  color: #000;
}

html:not([data-scroll='0']) .home #desktop-menu-wrapper #cssmenu ul a:hover {
  color: #000;
}

html:not([data-scroll='0']) #desktop-menu-wrapper {
  background-color: #efefef;
}

/* Adjust the menu location for the admin bar */
.admin-bar #desktop-menu-wrapper {
  top: 32px;
}

.admin-bar html[data-scroll='0'] #desktop-menu-wrapper {
  top: 32px;
}

@media only screen and (max-width: 782px) {
  .admin-bar #desktop-menu-wrapper {
    top: 46px;
  }
}

.mobile-search-wrapper {
  overflow: hidden;
  width: 100%;
  background-color: transparent;
  border-radius: 28px;
  border: 1px solid #fff;
  display: inline-block;
  cursor: pointer;
  font-family: Arial;
  font-size: 18px;
  text-decoration: none;
  padding: 0 80px 0 0;
  position: relative;
  margin-top: 28px;
}

.search-wrapper {
  overflow: hidden;
  background-color: transparent;
  border-radius: 28px;
  border: 1px solid #000000;
  display: block;
  cursor: pointer;
  color: #000000;
  font-size: 18px;
  text-decoration: none;
  padding: 10px 80px 10px 15px;
  position: relative;
  -moz-placeholder-color: #000;
  -ms-input-placeholder-color: #000;
}

.search-wrapper ::-webkit-input-placeholder {
  color: #000;
}

.search-wrapper ::-moz-placeholder {
  color: #000;
}

.search-wrapper label {
  width: 100%;
  margin-bottom: 0;
}

.search-wrapper input[type=search] {
  box-shadow: none;
  border: none;
  color: black;
  background-color: transparent;
  width: 100%;
  padding: 0;
  line-height: 30px;
}

.search-wrapper button {
  background: transparent;
  border: 0;
  color: #000;
  position: absolute;
  right: 0;
  top: 6px;
  line-height: 50px;
  padding: 0 20px;
  font-size: 1.2em;
  line-height: 40px;
}

.search-wrapper button span {
  font-weight: 300;
}

.search-wrapper button:active, .search-wrapper button:focus {
  outline: none;
}

.search-wrapper button:hover {
  cursor: pointer;
}

/* Forms
 *--------------------------------------------- */
button {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}

input[type="button"], input[type="reset"], input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}

button:hover {
  border-color: #ccc #bbb #aaa;
}

input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active, button:focus {
  border-color: #aaa #bbb #bbb;
}

input[type="button"]:active, input[type="button"]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type="reset"]:active, input[type="reset"]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type="submit"]:active, input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus {
  color: #111;
}

textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
 *# Components
 *-------------------------------------------------------------- */
#rankings {
  border-top: 1px solid black;
}

#rankings span {
  display: block;
}

#rankings .country {
  font-size: 28px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.02em;
  margin-bottom: 30px;
}

#rankings .ranklist {
  border-bottom: 1px solid black;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
  }
}

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links {
  display: flex;
}

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
  flex: 1 0 50%;
}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

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

.post, .page {
  margin: 0;
}

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

.page-content, .entry-content, .entry-summary {
  margin: 1.5em 0 0;
}

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

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

.bypostauthor {
  display: block;
}

/* Widgets
 *--------------------------------------------- */
.vertspacer {
  line-height: 1.5em;
}

.widget {
  margin: 0 0 1.5em;
}

.widget select {
  max-width: 100%;
}

/* 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 logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* 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;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
 *# Plugins
 *-------------------------------------------------------------- */
/* Jetpack infinite scroll
 *--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
 *# Utilities
 *-------------------------------------------------------------- */
/* Accessibility
 *--------------------------------------------- */
/* Text meant only for screen readers. */
.slideshow-logo {
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  height: auto;
  z-index: 999999;
  overflow: hidden;
}

.slideshow-logo img {
  height: auto;
  width: 100%;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.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;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

.page-id-22 .newswrap {
  border: 1px solid #000;
  border-radius: 30px;
  padding: 10px 80px 10px 15px;
  position: relative;
  background-color: #fff;
}

.page-id-22 .newswrap input[type=text], .page-id-22 .newswrap input[type=email] {
  box-shadow: none;
  border: none;
  color: #000 !important;
  background-color: #fff;
  width: auto;
  width: 100%;
}

.page-id-22 .newswrap input[type=submit] {
  background: transparent;
  border: 0;
  color: #000;
  font-size: 18px;
  position: absolute;
  right: 0;
  top: 5px;
}

.page-id-22 .newswrap:hover {
  cursor: pointer;
}

.mc4wp-form-success .mc4wp-success {
  position: absolute;
  top: 15px;
  left: 34px;
  color: #000;
}

.mc4wp-form-success .newswrap {
  background-color: #FF4035;
  border-color: #FF4035;
  min-height: 51px;
}

.mc4wp-form-success .newswrap input[type='email'], .mc4wp-form-success .newswrap input[type='submit'] {
  display: none;
}

/* Alignments
 *--------------------------------------------- */
.alignleft {
  /*rtl:ignore */
  float: left;
  /*rtl:ignore */
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore */
  float: right;
  /*rtl:ignore */
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

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

@media (max-width: 1275px) {
  #desktop-menu-wrapper {
    display: none;
  }
}

@media (max-width: 1120px) {
  .name {
    display: none;
  }
}

@media (max-width: 860px) {
  #desktop-menu-wrapper {
    display: none;
  }
}

/* Smartphones (portrait and landscape) ----------- */
@media (max-width: 580px) {
  /* Styles */
  .wp-block-image .alignright {
    float: none;
    margin: .5em 0;
  }
  #content-wrapper {
    margin: 0;
  }
  body {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.02em;
    text-align: left;
  }
  .has-medium-font-size {
    line-height: 1.25em;
  }
  #foot-section {
    padding: 16px;
    font-size: 14px;
    line-height: 18px;
  }
  #foot-section .foot-head h2 {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 15px;
  }
  .home .entry-content {
    line-height: 22px;
  }
  .home .news {
    margin: 10px 0 0 0 !important;
  }
  .home .news [class^='col-md'] {
    padding: 0;
    margin: 0;
  }
  .home .logo {
    width: 270px !important;
    margin-bottom: 15px;
  }
  .foot-links {
    margin: 0 !important;
  }
  .foot-links [class^='col-md'] {
    padding-left: 0;
    padding-right: 0;
  }
  .latest-news {
    padding: 15px;
    overflow: hidden;
  }
  .latest-news .left {
    width: 100%;
    display: block;
  }
  .latest-news .right {
    width: 100%;
    display: block;
    font-size: 18px;
    line-height: 23px;
  }
  .entry-content {
    margin: 60px 15px 0 15px !important;
  }
  .page-id-360 .entry-content {
    margin: 0 !important;
  }
  #content-wrapper {
    padding: 55px 0 0 0;
  }
  .page-template-page-world-rankings #content-wrapper {
    margin: 55px 15px 15px 15px;
  }
  .page-template-page-world-rankings .entry-content {
    margin: 0 !important;
  }
  #world-rankings {
    overflow: hidden;
  }
}

@media (max-width: 580px) {
  h1 {
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -0.03em;
    margin-bottom: 20px;
    color: #FF4035;
  }
  h2 {
    font-size: 19px;
    line-height: 22px;
    margin-bottom: 40px;
    color: #FF4035;
  }
}

/* Define max font size */
@media (min-width: 1440px) {
  h1 {
    font-size: 60px;
  }
  h2 {
    font-size: 28px;
  }
  h4 {
    font-size: 28px;
  }
  .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="password"], .wpcf7 input[type="search"], .wpcf7 input[type="number"], .wpcf7 input[type="tel"], .wpcf7 input[type="range"], .wpcf7 input[type="date"], .wpcf7 input[type="month"], .wpcf7 input[type="week"], .wpcf7 input[type="time"], .wpcf7 input[type="datetime"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="color"], .wpcf7 textarea {
    font-size: 18px;
  }
  .wpcf7 textarea {
    font-size: 18px;
  }
  .wpcf7 input[type="submit"] {
    font-size: 18px;
  }
  .wpcf7 body {
    font-size: 18px;
  }
  .has-large-font-size {
    font-size: 28px;
  }
}

@media (max-width: 1439px) {
  .c-accordion__desc {
    display: none;
  }
  .has-wwr-small-font-size {
    font-size: 14px;
    line-height: 16px;
  }
  .has-wwr-normal-font-size {
    font-size: 18px;
    line-height: 22px;
  }
  .has-wwr-medium-font-size {
    font-size: 22px;
  }
  .has-wwr-large-font-size {
    font-size: 28px;
    line-height: 36px;
  }
  .has-wwr-huge-font-size {
    font-size: 60px;
    line-height: 60px;
  }
  h1 {
    font-size: calc(44px + (60 - 44) * (100vw - 640px) / (1439 - 640));
  }
  h2 {
    font-size: calc(18px + (28 - 18) * (100vw - 640px) / (1439 - 640));
  }
  h4 {
    font-size: calc(18px + (28 - 18) * (100vw - 640px) / (1439 - 640));
  }
  body {
    font-size: calc(14px + (18 - 14) * (100vw - 640px) / (1439 - 640));
  }
  .has-large-font-size {
    font-size: calc(18px + (28 - 18) * (100vw - 640px) / (1439 - 640));
  }
}

/* Editor Font Sizes for Gutenberg
 * ========================================================================== */
.has-wwr-small-font-size, .has-wwr-normal-font-size, .has-wwr-medium-font-size, .has-wwr-large-font-size, .has-wwr-huge-font-size {
  font-family: "Regola Pro Book", "Open Sans", sans-serif !important;
  letter-spacing: -.02em;
}

.has-wwr-small-font-size {
  font-size: 14px;
  line-height: 16px;
}

.has-wwr-normal-font-size {
  font-size: 18px;
  line-height: 22px;
}

.has-wwr-medium-font-size {
  font-size: 22px;
}

.has-wwr-large-font-size {
  font-size: 28px;
  line-height: 36px;
}

.has-wwr-huge-font-size {
  font-size: 60px;
  line-height: 60px;
}

/* Define mobile/small font size */
@media (max-width: 639px) {
  .has-large-font-size {
    font-size: 18px;
  }
  body {
    font-size: 14px;
  }
  h1 {
    font-size: 40px;
    margin-bottom: 60px;
  }
  h2 {
    font-size: 18px;
    margin-bottom: 25px;
  }
  h4 {
    font-size: 18px;
  }
  .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="password"], .wpcf7 input[type="search"], .wpcf7 input[type="number"], .wpcf7 input[type="tel"], .wpcf7 input[type="range"], .wpcf7 input[type="date"], .wpcf7 input[type="month"], .wpcf7 input[type="week"], .wpcf7 input[type="time"], .wpcf7 input[type="datetime"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="color"], .wpcf7 textarea {
    font-size: 14px;
  }
  .wpcf7 textarea {
    font-size: 14px;
  }
  .wpcf7 input[type="submit"] {
    font-size: 14px;
  }
  .has-wwr-small-font-size {
    font-size: 14px;
    line-height: 16px;
  }
  .has-wwr-normal-font-size {
    font-size: 14px;
    line-height: 18px;
  }
  .has-wwr-large-font-size {
    font-size: 18px;
    line-height: 22px;
  }
  .home .entry-content {
    margin-bottom: 30px !important;
  }
  .latest-news {
    padding: 15px 15px 30px 15px;
  }
  .gwwrButton {
    padding: 5px 15px;
  }
  .wwrButton {
    padding: 5px 15px;
  }
}