@charset "UTF-8";
/*
Theme Name:   	Gray Area LEARN Theme
Theme URI:    	https://github.com/GrayAreaorg/learn.grayarea.org
Author:       	Fabricatorz
Author URI:     http://fabricatorz.com
Template:     	storefront
Description:  	This is a WooThemes StoreFront child theme for Gray Area learning platform
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:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
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.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
@font-face {
  font-family: "Staatliches";
  src: url("./assets/fonts/Staatliches/Staatliches-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("./assets/fonts/IBM_Plex_Sans/IBMPlexSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("./assets/fonts/IBM_Plex_Sans/IBMPlexSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("./assets/fonts/IBM_Plex_Sans/IBMPlexSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "IBM Plex Sans";
  src: url("./assets/fonts/IBM_Plex_Sans/IBMPlexSans-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("./assets/fonts/IBM_Plex_Mono/IBMPlexMono-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "IBM Plex Mono";
  src: url("./assets/fonts/IBM_Plex_Mono/IBMPlexMono-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.01em;
}

p small {
  font-weight: normal;
  font-size: 18px;
}

.is-style-outline .has-green-color, .has-green-color {
  color: #BBFF00;
}

.has-green-background-color {
  background-color: #BBFF00;
}

.is-style-outline .has-blue-color, .has-blue-color {
  color: #2222FF;
}

.has-blue-background-color {
  background-color: #2222FF;
}

h2 {
  font-size: 48px;
}

.lesson-title h1,
.single-course h2,
h1.entry-title,
h2.entry-title {
  color: #2222FF;
  font-weight: bold;
  background-image: url(/wp-content/themes/learn/assets/img/title-wave.svg);
  padding-bottom: 50px;
  padding-top: 50px;
  margin-bottom: 30px;
  background-repeat: no-repeat;
  background-position: 10% 80%;
  background-size: 40%;
}

h2,
h2.entry-title a {
  color: #2222FF;
  font-weight: bold;
}

.single-course-header h1,
.wp-block-cover h1,
.course-archive-header h1 {
  font-family: "Staatliches";
  font-style: normal;
  font-weight: normal;
  font-size: 80px !important;
  line-height: 90px;
}
@media (max-width: 1024px) {
  .single-course-header h1,
  .wp-block-cover h1,
  .course-archive-header h1 {
    font-size: 50px !important;
    line-height: 60px;
  }
}

.post-type-archive-course #primary h2,
.page-template-learn-full-width-page #primary h2 {
  font-family: "Staatliches";
  font-style: normal;
  font-weight: normal;
  font-size: 64px !important;
  line-height: 80px;
}
@media (max-width: 1024px) {
  .post-type-archive-course #primary h2,
  .page-template-learn-full-width-page #primary h2 {
    font-size: 40px !important;
    line-height: 50px;
  }
}

h3 {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: bold;
  font-size: 44px;
  line-height: 57px;
  letter-spacing: -0.01em;
}

h4 {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: bold;
  font-size: 36px;
  line-height: 47px;
  letter-spacing: -0.01em;
}

h5 {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-size: 24px;
  line-height: 31px;
}

.site-branding {
  margin: 0;
}

#masthead {
  background: #2222FF;
  color: #BBFF00;
}
@media (max-width: 1024px) {
  #masthead {
    margin-top: 50px !important;
  }
}
@media (min-width: 768px) {
  #masthead .col-full {
    display: flex;
  }
  #masthead .site-branding {
    flex: 1;
  }
}

.site-header {
  padding-top: 0;
}

#masthead.site-header {
  padding-bottom: 0;
}

.site-branding {
  display: none !important;
}

@media (min-width: 1200px) {
  .storefront-primary-navigation {
    display: flex;
    width: 960px;
    margin: 0 auto;
  }
  .storefront-primary-navigation button {
    display: none;
  }
  .storefront-primary-navigation .learn-handheld-navigation.handheld-navigation {
    max-height: none;
    overflow: auto;
  }
  .storefront-primary-navigation .learn-handheld-navigation.handheld-navigation ul.menu {
    display: flex;
  }
}
.storefront-primary-navigation .menu-item a, .storefront-primary-navigation .menu li a, .storefront-primary-navigation .user-nav li, .storefront-primary-navigation .sub-menu li a, .storefront-primary-navigation ul ul.sub-menu li a {
  white-space: nowrap;
  color: white;
  text-transform: uppercase;
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 36px;
  padding: 0.8em 1em;
}
.storefront-primary-navigation .menu-item a:hover, .storefront-primary-navigation .menu li a:hover, .storefront-primary-navigation .user-nav li:hover, .storefront-primary-navigation .sub-menu li a:hover, .storefront-primary-navigation ul ul.sub-menu li a:hover {
  color: #BBFF00;
}
.storefront-primary-navigation .user-nav .user-profile-link {
  color: #BBFF00;
}
.storefront-primary-navigation .sub-menu li {
  background: #2222FF;
}
.storefront-primary-navigation .sub-menu li:first-child {
  margin-left: 0 !important;
}
.storefront-primary-navigation .sub-menu li.bp-logout-nav a {
  text-align: left;
  border: none !important;
  margin-top: 0px !important;
}

@media (min-width: 1200px) {
  nav.main-navigation {
    flex: 1;
  }
  nav.main-navigation ul.menu {
    display: flex;
    justify-content: space-between;
  }
}
nav.main-navigation ul.menu > li > a {
  padding: 0.8em 1em;
}
@media (min-width: 1200px) {
  nav.main-navigation ul.menu li:first-child {
    margin-left: 0.3em;
  }
}
@media (min-width: 1200px) {
  nav.main-navigation ul.menu li.bp-register-nav,
  nav.main-navigation ul.menu li.bp-login-nav {
    margin-right: 1em;
  }
}
@media (max-width: 1024px) {
  nav.main-navigation ul.menu li.bp-register-nav,
  nav.main-navigation ul.menu li.bp-login-nav {
    margin: 1em 0;
  }
}
nav.main-navigation ul.menu li.bp-register-nav a,
nav.main-navigation ul.menu li.bp-login-nav a {
  color: #BBFF00;
  border: 2px solid #BBFF00;
  background: transparent;
  margin-top: 0.4em;
  padding: 0.4em 2.5em !important;
}
nav.main-navigation ul.menu li.bp-login-nav,
nav.main-navigation ul.menu li.bp-profile-nav {
  margin-left: auto;
}
nav.main-navigation ul.menu li:last-child {
  margin-right: 0;
}

button.menu-toggle, button.menu-toggle:hover {
  background: none;
  background-color: transparent;
  border: none;
  color: #BBFF00;
  text-indent: -9999px;
}
button.menu-toggle:before, button.menu-toggle span:before, button.menu-toggle:after, button.menu-toggle:hover:before, button.menu-toggle:hover span:before, button.menu-toggle:hover:after {
  background-color: #BBFF00;
}

@media (max-width: 1024px) {
  .logged-in.admin-bar #header {
    margin-top: 46px;
  }
}

footer.site-footer {
  background: #2222FF;
  color: white;
  padding: 0;
}
@media (max-width: 1024px) {
  footer.site-footer {
    padding: 1em 0;
    text-align: center;
  }
}
footer.site-footer .widget {
  margin: 0;
}
@media (min-width: 1200px) {
  footer.site-footer .footer-widgets {
    padding: 2em 0;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }
}
footer.site-footer .footer-widgets .block:nth-child(4) .btn {
  color: #BBFF00 !important;
  padding: 0.8em 1.5em !important;
  display: block;
  width: 100%;
}
@media (max-width: 1024px) {
  footer.site-footer .footer-widgets .block {
    margin-bottom: 2em;
  }
}
footer.site-footer .menu-item {
  margin-bottom: 0;
}
footer.site-footer .menu-item a {
  font-family: "IBM Plex Mono";
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  color: white !important;
}
footer.site-footer .social-icons {
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 1024px) {
  footer.site-footer .social-icons {
    text-align: center;
  }
}
footer.site-footer .social-icons li {
  display: inline-block;
  margin-right: 0.5em;
}
footer.site-footer .social-icons li a {
  display: block;
}
footer.site-footer .footer-copyright {
  font-family: "IBM Plex Mono";
  text-transform: uppercase;
  font-size: 14px;
  font-weight: normal;
}
@media (min-width: 1200px) {
  footer.site-footer .footer-widgets.col-4 .block {
    margin-right: 4%;
    width: auto;
    float: none;
  }
  footer.site-footer .footer-widgets.col-4 .block:first-child {
    min-width: 350px;
  }
  footer.site-footer .footer-widgets.col-4 .block:first-child img {
    max-width: 350px;
  }
  footer.site-footer .footer-widgets.col-4 .block:nth-child(2) {
    min-width: 280px;
  }
  footer.site-footer .footer-widgets.col-4 .block:nth-child(2) ul {
    display: block;
    columns: 2;
  }
  footer.site-footer .footer-widgets.col-4 .block:nth-child(3) {
    min-width: 160px;
  }
  footer.site-footer .footer-widgets.col-4 .block:nth-child(4) {
    margin-right: 0;
    min-width: 265px;
  }
}
@media (max-width: 1024px) {
  footer.site-footer .btn {
    white-space: normal;
  }
  footer.site-footer .footer-widgets.col-4 .block:nth-child(2) ul {
    display: block;
  }
}
footer.site-footer .widget_nav_menu ul li {
  padding-left: 0;
}
footer.site-footer .widget_nav_menu ul li:before {
  content: "";
}

.page-template-template-fullwidth .hentry, .page-template-template-fullwidth #primary, .page-template-template-fullwidth #main.site-main, .page-template-learn-full-width-page .hentry, .page-template-learn-full-width-page #primary, .page-template-learn-full-width-page #main.site-main {
  margin-bottom: 0;
}
.page-template-template-fullwidth #masthead, .page-template-learn-full-width-page #masthead {
  margin: 0;
  border-bottom: 0;
}
.page-template-template-fullwidth .col-full, .page-template-learn-full-width-page .col-full {
  padding: 0;
}
@media (min-width: 768px) {
  .page-template-template-fullwidth footer .col-full, .page-template-learn-full-width-page footer .col-full {
    padding: 0 2.617924em;
  }
}
.page-template-template-fullwidth .wp-block-group__inner-container, .page-template-learn-full-width-page .wp-block-group__inner-container {
  margin: 0 auto;
  max-width: 66.4989378333em;
}
@media (min-width: 768px) {
  .page-template-template-fullwidth .wp-block-cover__inner-container, .page-template-learn-full-width-page .wp-block-cover__inner-container {
    padding: 0;
    width: 66.6666666667vw !important;
    max-width: 66.6666666667vw !important;
  }
}
.page-template-template-fullwidth .wp-block-cover, .page-template-learn-full-width-page .wp-block-cover {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.page-template-template-fullwidth .wp-block-cover.wave-after, .page-template-learn-full-width-page .wp-block-cover.wave-after {
  margin-bottom: -50px !important;
}
.page-template-template-fullwidth .wp-block-cover.has-blue-background-color.has-background-dim.cover-color-overlay, .page-template-learn-full-width-page .wp-block-cover.has-blue-background-color.has-background-dim.cover-color-overlay {
  background-color: rgba(34, 34, 255, 0.8);
}
.page-template-template-fullwidth .wp-block-media-text__content h2, .page-template-learn-full-width-page .wp-block-media-text__content h2 {
  margin-top: 1em;
}
.page-template-template-fullwidth ul.homepage-sensei-courses, .page-template-learn-full-width-page ul.homepage-sensei-courses {
  list-style: none;
  margin: 1em 0;
  padding: 0;
}
.page-template-template-fullwidth ul.homepage-sensei-courses li, .page-template-learn-full-width-page ul.homepage-sensei-courses li {
  position: relative;
  left: -20px;
  padding: 0;
  display: inline-block;
  box-shadow: 10px 10px #BBFF00;
  margin: 1em;
  max-width: 100%;
}
.page-template-template-fullwidth ul.homepage-sensei-courses li a, .page-template-learn-full-width-page ul.homepage-sensei-courses li a {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  max-width: 100%;
  display: block;
  width: 400px;
  height: 400px;
  background-size: cover;
  background-position: center;
  padding: 0;
  text-decoration: none;
}
.page-template-template-fullwidth ul.homepage-sensei-courses li a span, .page-template-learn-full-width-page ul.homepage-sensei-courses li a span {
  color: #2222FF;
  background: #BBFF00;
  padding: 0.1em 0.5em 0.5em 0;
}

.wp-playlist-light {
  font-family: "IBM Plex Mono";
  background-color: #2222FF;
  color: #BBFF00;
  font-weight: bold;
}
.wp-playlist-light .wp-playlist-item-title, .wp-playlist-light .wp-playlist-item-length {
  font-size: 14px !important;
  line-height: 28px !important;
}
.wp-playlist-light a {
  color: #BBFF00 !important;
  text-transform: uppercase;
  padding: 0.5em 0 0.5em 1em;
  cursor: pointer;
}
.wp-playlist-light .wp-playlist-tracks .wp-playlist-item {
  border-bottom: 1px solid #BBFF00;
}
.wp-playlist-light .wp-playlist-tracks .wp-playlist-item.wp-playlist-playing {
  color: #2222FF !important;
  background: #BBFF00 !important;
  border-bottom: 1px solid #2222FF;
}
.wp-playlist-light .wp-playlist-tracks .wp-playlist-item.wp-playlist-playing a {
  color: #2222FF !important;
}

/*
**	HEADER CONTAINER
*/
/*
**	HEADER CONTAINER
*/
.shell {
  width: calc(100% - 40px);
  margin: 0 20px;
}
@media (min-width: 992px) {
  .shell {
    width: 960px;
    margin: 0 auto;
  }
}

#wpfront-notification-bar {
  font-family: "azo-sans-web", "Helvertica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0;
}

header#header {
  line-height: 1.5;
  color: #666;
  background: #fff;
  transform: scale(0, 0, 1);
  transform: translateZ(0, 0, 0);
  background-color: #232323;
  background-image: linear-gradient(to bottom right, #232323, #454545);
  background-image: -webkit-linear-gradient(to bottom right, #232323, #454545);
  width: 100%;
}
@media (max-width: 1024px) {
  header#header {
    font-size: 0.9em;
  }
}
@media (min-width: 992px) {
  header#header {
    min-width: 960px;
  }
}
@media (max-width: 1024px) {
  header#header {
    height: 50px;
    position: fixed;
    top: 0;
    z-index: 9999;
  }
}
header#header #large-wrap {
  display: none;
  height: 110px;
}
@media (min-width: 1200px) {
  header#header #large-wrap {
    display: block;
  }
}
header#header #large-wrap ul {
  margin: 0;
  padding: 0;
  outline: 0;
}
header#header #large-wrap #pre-nav {
  width: 100%;
  padding-top: 15px;
}
header#header #large-wrap #pre-nav ul.social-icons {
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
}
header#header #large-wrap #pre-nav ul.social-icons li.logo {
  margin-right: 30px;
}
header#header #large-wrap #pre-nav ul.social-icons li.logo a {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
}
@media (min-width: 992px) {
  header#header #large-wrap #pre-nav ul.social-icons li.logo a {
    width: 221px;
    background-repeat: no-repeat;
    display: block;
    text-indent: -9999px;
  }
}
header#header #large-wrap #pre-nav ul.social-icons li {
  list-style: none;
  display: inline-block;
  font-size: 1.25em;
  margin-right: 0.85em;
  vertical-align: middle;
  height: 40px;
}
header#header #large-wrap #pre-nav ul.social-icons li a {
  color: #FFF;
  display: block;
  height: 100%;
  opacity: 0.66;
  width: 100%;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
header#header #large-wrap #pre-nav ul.social-icons li a i {
  display: block;
  width: 100%;
  height: 100%;
}
header#header #large-wrap #pre-nav ul.social-icons li a:hover {
  opacity: 1;
  text-decoration: none;
}
header#header #small-wrap {
  display: none;
  font-family: "azo-sans-web", "Helvertica Neue", Helvetica, Arial, sans-serif;
}
@media (max-width: 1024px) {
  header#header #small-wrap {
    display: block;
  }
}
header#header #small-wrap ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
header#header #small-wrap a {
  font-weight: 300;
}
header#header #small-wrap .nav-trigger {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 66% 66%;
  height: 50px;
  opacity: 0.66;
  position: absolute;
  top: 0;
  width: 50px;
}
header#header #small-wrap .nav-trigger.active {
  opacity: 1;
}
header#header #small-wrap #nav-trigger-main {
  background-image: url("./legacy/images/menu-main.svg");
  left: 5px;
}
header#header #small-wrap #nav-trigger-social {
  background-image: url("./legacy/images/menu-social.svg");
  right: 5px;
}
header#header #small-wrap #logo-small {
  background-image: url("./legacy/images/gray-area-logo-text-small.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 37%;
  height: 50px;
  left: 55px;
  position: absolute;
  top: 0;
  width: calc(100% - 110px);
}
header#header #small-wrap ul.social-small li i {
  display: inline-block;
}

/* 
** Mobile Navigation Menus
*/
nav.nav-small {
  background-color: rgba(51, 51, 51, 0.9);
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 50px;
  width: 100%;
  z-index: 9999;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
nav.nav-small ul.sub-menu {
  display: none;
}
nav.nav-small ul li {
  font-size: 1.5em;
  padding: 0.5em 15px;
}
nav.nav-small ul li a {
  color: #FFF;
}
nav.nav-small ul li.color-1 a {
  color: #df77e9;
}
nav.nav-small ul li.color-2 a {
  color: #4dd2ff;
}
nav.nav-small ul li.color-3 a {
  color: #ff9673;
}
nav.nav-small ul li.color-4 a {
  color: #68bb66;
}
nav.nav-small ul li.color-learn a {
  color: #2222FF;
}

nav.nav-small.active {
  opacity: 1;
  pointer-events: auto;
}

nav#nav-small-social ul {
  text-align: right;
}
nav#nav-small-social ul li a i {
  width: 30px;
  display: inline;
}
nav#nav-small-social ul li.current-menu-item a:after,
nav#nav-small-social ul li.current-page-ancestor a:after {
  content: " <";
}

nav#nav-large {
  width: 960px;
  margin-top: 10px;
  font-family: "azo-sans-web", "Helvertica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
nav#nav-large ul.primary-nav {
  color: #FFF;
  list-style: none;
  height: 45px;
  line-height: 45px;
  font-size: 1.1em;
  position: relative;
  left: -10px;
}
nav#nav-large ul.primary-nav li {
  display: inline-block;
  list-style: none;
  padding: 0 10px;
  -webkit-transition: color 0.15s ease-in-out;
  -moz-transition: color 0.15s ease-in-out;
  -ms-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -ms-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  color: #FFF;
  cursor: pointer;
}
nav#nav-large ul.primary-nav li:hover {
  background-color: #FFF;
  color: #232323;
}
nav#nav-large ul.primary-nav li a {
  color: inherit;
}
nav#nav-large ul.primary-nav li a:hover {
  text-decoration: none;
}
nav#nav-large ul.primary-nav li.current-page-ancestor {
  background-color: #2222FF;
}
nav#nav-large ul.primary-nav li ul.sub-menu {
  margin-top: 0 !important;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1000;
  -webkit-transition: opacity 0.2 ease-in-out;
  -moz-transition: opacity 0.2 ease-in-out;
  -ms-transition: opacity 0.2 ease-in-out;
  -o-transition: opacity 0.2 ease-in-out;
  transition: opacity 0.2 ease-in-out;
}
nav#nav-large ul.primary-nav li ul.sub-menu li {
  background-color: #FFF;
  color: #232323;
  display: block;
  padding: 0 40px 0 10px;
  position: relative;
  font-size: 0.8em;
  line-height: 2em;
  left: -10px;
  -webkit-transition: color 0.2 ease-in-out;
  -moz-transition: color 0.2 ease-in-out;
  -ms-transition: color 0.2 ease-in-out;
  -o-transition: color 0.2 ease-in-out;
  transition: color 0.2 ease-in-out;
  -webkit-transition: background-color 0.2 ease-in-out;
  -moz-transition: background-color 0.2 ease-in-out;
  -ms-transition: background-color 0.2 ease-in-out;
  -o-transition: background-color 0.2 ease-in-out;
  transition: background-color 0.2 ease-in-out;
}
nav#nav-large ul.primary-nav li ul.sub-menu li:hover {
  color: #FFF;
  background-color: #666;
}
nav#nav-large ul.primary-nav li ul.sub-menu li a {
  width: 100%;
  display: block;
}
nav#nav-large ul.primary-nav li ul.sub-menu.visible {
  opacity: 1;
  pointer-events: auto;
}
nav#nav-large ul.primary-nav li.color-1 {
  color: #df77e9;
}
nav#nav-large ul.primary-nav li.color-1:hover {
  color: #232323;
  background-color: #df77e9;
}
nav#nav-large ul.primary-nav li.color-1 ul.sub-menu > li {
  background-color: #df77e9;
}
nav#nav-large ul.primary-nav li.color-1 ul.sub-menu > li:hover {
  color: #FFF;
  background-color: #63136c;
}
nav#nav-large ul.primary-nav li.color-2 {
  color: #4dd2ff;
}
nav#nav-large ul.primary-nav li.color-2:hover {
  color: #232323;
  background-color: #4dd2ff;
}
nav#nav-large ul.primary-nav li.color-2 ul.sub-menu > li {
  background-color: #4dd2ff;
}
nav#nav-large ul.primary-nav li.color-2 ul.sub-menu > li:hover {
  color: #FFF;
  background-color: #1E86A9;
}
nav#nav-large ul.primary-nav li.color-3 {
  color: #ff9673;
}
nav#nav-large ul.primary-nav li.color-3:hover {
  color: #232323;
  background-color: #ff9673;
}
nav#nav-large ul.primary-nav li.color-3 ul.sub-menu > li {
  background-color: #ff9673;
}
nav#nav-large ul.primary-nav li.color-3 ul.sub-menu > li:hover {
  color: #FFF;
  background-color: #852c17;
}
nav#nav-large ul.primary-nav li.color-4 {
  color: #68bb66;
}
nav#nav-large ul.primary-nav li.color-4:hover {
  color: #232323;
  background-color: #68bb66;
}
nav#nav-large ul.primary-nav li.color-4 ul.sub-menu > li {
  background-color: #68bb66;
}
nav#nav-large ul.primary-nav li.color-4 ul.sub-menu > li:hover {
  color: #FFF;
  background-color: #358b2f;
}
nav#nav-large ul.primary-nav li.color-learn a {
  color: #BBFF00;
}
nav#nav-large ul.primary-nav li.color-learn:hover {
  color: #232323;
  background-color: #2222FF;
}
nav#nav-large ul.primary-nav li.color-learn ul.sub-menu > li {
  background-color: #2222FF;
}
nav#nav-large ul.primary-nav li.color-learn ul.sub-menu > li:hover {
  color: #FFF;
  background-color: #0000bb;
}
nav#nav-large ul.primary-nav li.current-menu-item,
nav#nav-large ul.primary-nav li.current-menu-parent {
  background-color: #FFF;
  color: #333;
  cursor: default;
  opacity: 1;
}
nav#nav-large ul.primary-nav li.current-menu-item.color-1,
nav#nav-large ul.primary-nav li.current-menu-parent.color-1 {
  background-color: #df77e9;
}
nav#nav-large ul.primary-nav li.current-menu-item.color-2,
nav#nav-large ul.primary-nav li.current-menu-parent.color-2 {
  background-color: #4dd2ff;
}
nav#nav-large ul.primary-nav li.current-menu-item.color-3,
nav#nav-large ul.primary-nav li.current-menu-parent.color-3 {
  background-color: #ff9673;
}
nav#nav-large ul.primary-nav li.current-menu-item.color-4,
nav#nav-large ul.primary-nav li.current-menu-parent.color-4 {
  background-color: #68bb66;
}
nav#nav-large ul.primary-nav li.current-menu-item.color-learn,
nav#nav-large ul.primary-nav li.current-menu-parent.color-learn {
  background-color: #2222FF;
}
nav#nav-large ul.primary-nav li.current-menu-item.color-learn a,
nav#nav-large ul.primary-nav li.current-menu-parent.color-learn a {
  color: #BBFF00;
}

.sub-nav, .sort-nav {
  font-family: "azo-sans-web", "Helvertica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  background-color: #2222FF;
  font-size: 0.8em;
  line-height: 1.35em;
  width: 100%;
}
@media (max-width: 1024px) {
  .sub-nav, .sort-nav {
    line-height: 2.5;
  }
}
.sub-nav ul, .sort-nav ul {
  list-style: none;
  padding: 20px 0;
  text-align: left;
  width: 100%;
  margin: 0;
  text-transform: uppercase;
}
@media (max-width: 1024px) {
  .sub-nav ul, .sort-nav ul {
    padding: 15px 0 10px 0;
  }
}
.sub-nav ul li, .sort-nav ul li {
  display: inline-block;
  margin-right: 1.5em;
}
.sub-nav ul li a, .sort-nav ul li a {
  color: #FFF;
  padding: 6px 0;
}
.sub-nav ul li a:hover, .sort-nav ul li a:hover {
  color: #1d1d88;
  text-decoration: none;
}
.sub-nav ul li.current-menu-item a, .sort-nav ul li.current-menu-item a {
  background-color: #1d1d88;
  color: #FFF;
  padding: 6px 10px;
}

.p2-person-list {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  justify-content: flex-start;
}
.p2-person-list .person, .p2-person-list .partner, .p2-person-list .project {
  width: 130px;
  margin-bottom: 30px;
  margin-right: 15px;
  text-align: left;
}
@media (min-width: 1200px) {
  .p2-person-list .person, .p2-person-list .partner, .p2-person-list .project {
    width: 220px;
    margin-bottom: 40px;
    margin-right: 20px;
  }
}
.p2-person-list .person .image, .p2-person-list .partner .image, .p2-person-list .project .image {
  width: 130px;
  height: 130px;
  margin-bottom: 7.5px;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
}
@media (min-width: 1200px) {
  .p2-person-list .person .image, .p2-person-list .partner .image, .p2-person-list .project .image {
    width: 220px;
    height: 220px;
    margin-bottom: 10px;
  }
}
.p2-person-list .person .image {
  background-size: cover;
}
.p2-person-list .partner .image {
  background-size: 80%;
}
.p2-person-list .project .image {
  background-size: cover;
}

.p2-bio-wrap {
  font-size: 1em;
  line-height: 1.4em;
  text-align: center;
}
.p2-bio-wrap ul {
  list-style: none;
  font-size: 1.5em;
  line-height: 1.8em;
}
.p2-bio-wrap .p2-bio-text {
  text-align: left;
}
@media (min-width: 1200px) {
  .p2-bio-wrap .p2-bio-text {
    width: 66%;
    margin: 0 auto;
  }
}
@media (min-width: 767px) {
  .p2-bio-wrap .p2-bio-text {
    width: 50%;
  }
}
.p2-bio-wrap p {
  margin-top: 1em;
}
.p2-bio-wrap .p2-bio-image {
  width: 240px;
  height: 240px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: inline-block;
  margin: 1em 0;
}
@media (min-width: 1200px) {
  .p2-bio-wrap .p2-bio-image {
    width: 280px;
    height: 280px;
  }
}
@media (min-width: 767px) {
  .p2-bio-wrap .p2-bio-image {
    width: 320px;
    height: 320px;
  }
}

.post-type-archive-course #secondary {
  display: none;
}

.course-archive-header {
  display: block;
  text-align: center;
  background-color: rgba(23, 23, 223, 0.53);
  background-size: cover;
  min-height: 480px;
  box-shadow: inset 0 0 0 1000px rgba(23, 23, 223, 0.53);
  margin-bottom: 2em;
}
.course-archive-header h1 {
  padding-top: 150px;
  color: white;
}
.course-archive-header a {
  display: none;
}

.sensei-archive-controls {
  margin-top: 2em;
  display: none;
}

.post-type-archive-course.sensei .archive-header {
  display: none;
}
.post-type-archive-course.sensei .sensei-pagination {
  display: none;
}

.course-archive {
  margin: 0 auto;
  max-width: 66.4989378333em;
}
@media (min-width: 1600px) {
  .course-archive {
    max-width: 100%;
  }
}

.course-archive-section-title {
  padding-top: 5%;
}

.course-archive-section-title ~ .sensei-category-title {
  display: none;
}

.sensei-course-filters li a {
  border: none;
  margin-right: 3em;
  background: #BBFF00 !important;
  border: 3px solid #2222FF;
  color: #2222FF;
}
.sensei-course-filters li a.active {
  border-color: #BBFF00;
}
.sensei-course-filters li a:hover {
  border-color: #BBFF00;
}

.sensei-ordering select {
  height: 59px;
  border: none;
}

.course-archives {
  margin: 0 auto;
}
.course-archives h4 {
  color: #2222FF;
  text-transform: uppercase;
  text-align: center;
}
.course-archives .courses-upcoming, .course-archives .courses-past, .course-archives .courses-ongoing {
  margin: 0 auto;
}
.course-archives .force-full-width {
  background-color: #2222FF;
}
.course-archives .courses-past {
  margin-top: 3em;
  background-color: white !important;
}
.course-archives .courses-past ul {
  background-color: white !important;
}
.course-archives .courses-past h5 a {
  color: #2222FF;
  font-weight: bold;
}
.course-archives .courses-ongoing .gray-learn-highlights .gray-learn-slider-square span {
  display: none;
}
.course-archives .gray-learn-highlights {
  width: 100%;
  margin: 0 auto;
  background: none !important;
}
.course-archives .gray-learn-highlights ul {
  width: 100%;
  padding: 0 !important;
}
.course-archives .gray-learn-highlights li {
  margin-bottom: 2em;
}
.course-archives .gray-learn-highlights p {
  color: black;
}

.courses-ongoing .sensei-category-title {
  display: none;
}
.courses-ongoing .gray-learn-highlights {
  width: 100%;
  margin: 0 auto;
  background: none !important;
}
.courses-ongoing .courses-loop > a:before {
  content: "Ongoing";
  font-family: "IBM Plex Sans";
  color: #2222FF;
  background: #BBFF00;
  padding: 0.2em 0.5em 0.5em 0.3em;
  text-transform: uppercase !important;
}
.courses-ongoing .courses-loop > a > span {
  display: none;
}

.single-course #primary a, .single-course #secondary a, .single-lesson #primary a, .single-lesson #secondary a {
  color: #2222FF;
}
.single-course #secondary, .single-lesson #secondary {
  font-size: 18px;
  padding-top: 46px;
}
.single-course #secondary .single_add_to_cart_button,
.single-course #secondary .send-message-button, .single-lesson #secondary .single_add_to_cart_button,
.single-lesson #secondary .send-message-button {
  color: #2222FF;
  background: transparent;
  border: 3px solid #2222FF;
}
.single-course #secondary h5, .single-lesson #secondary h5 {
  color: #2222FF;
  font-weight: bold;
}
.single-course #secondary:before, .single-lesson #secondary:before {
  content: none;
  background: linear-gradient(180deg, rgba(34, 34, 255, 0) 0%, rgba(34, 34, 255, 0.5) 89.83%);
  position: fixed;
  height: 100%;
  bottom: 0;
  height: fill-available;
  height: -webkit-fill-available;
  width: 100%;
  z-index: -1;
}
@media (min-width: 767px) {
  .single-course #secondary:before, .single-lesson #secondary:before {
    content: "";
  }
}
.single-course #secondary > div, .single-lesson #secondary > div {
  padding: 0 0 1em 1em;
}
.single-course .send-message-button, .single-lesson .send-message-button {
  background: transparent;
  border: 2px solid #2222FF;
  color: #2222FF;
}

header.single-course-header {
  min-height: 444px;
  background-color: rgba(34, 34, 255, 0.5);
  background-size: cover;
  box-shadow: inset 0 0 0 2000px rgba(34, 34, 255, 0.5);
}
header.single-course-header h1 {
  color: white;
  padding-top: 3em;
}

.single-course.no-wc-breadcrumb #masthead {
  margin: 0;
  border-bottom: none;
}
.single-course #content {
  overflow: hidden;
}
.single-course #primary {
  background: white;
}
.single-course .social-sharing {
  display: none;
}
.single-course h4 {
  color: #2222FF;
}
.single-course .course-video {
  text-align: center;
  background-color: black;
}
.single-course .course-actions {
  display: flex;
  padding-bottom: 3em;
}
.single-course .course-actions .course-meta.course-enrolment {
  margin-right: 1em;
}
.single-course .course-actions .course-meta.course-enrolment .single_add_to_cart_button,
.single-course .course-actions .course-meta.course-enrolment .course-start,
.single-course .course-actions .course-meta.course-enrolment .register {
  color: #BBFF00;
  background: transparent;
  border: 3px solid #BBFF00;
}
.single-course .course-actions .status.in-progress, .single-course .course-actions .status.register {
  border-radius: 2px solid white;
  border: 0;
  border-radius: 0;
  background: none;
  background-color: #2222FF;
  border-color: #2222FF;
  color: #fff;
  padding: 0.6180469716em 1.41575em;
  text-decoration: none;
  font-weight: 600;
  text-shadow: none;
  display: inline-block;
}
.sensei-storefront .sensei-message.info,
.single-course .course-actions .status.in-progress,
.single-course .course-actions .sensei-message.info {
  display: none !important;
}
.single-course .course-actions .status.register {
  background: none;
  border: 5px solid #BBFF00;
  box-sizing: border-box;
  border-radius: 5px;
}
.single-course .course-actions .status.register a {
  color: #BBFF00;
}
.single-course h2 {
  padding-top: 1em;
}

.learn-teacher-widget .headshot {
  display: inline-flex;
  align-items: center;
}
.learn-teacher-widget .headshot .circular {
  width: 120px;
  min-width: 120px;
  height: 120px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  display: inline-block;
  margin: 1em 0;
}
.learn-teacher-widget .headshot a {
  margin-left: 1em;
  font-size: 24px;
  font-family: IBM Plex Sans;
  font-weight: bold;
  line-height: 31px;
  color: #2222FF;
  text-decoration: none !important;
}
.learn-teacher-widget .headshot a small {
  font-weight: normal;
  margin-top: 0.3em;
  display: block;
  line-height: 24px;
}

.single-lesson #primary .lesson-title {
  margin: 2em 0 3em 0;
  display: block;
}
.single-lesson #primary .lesson-title h1 {
  width: 100%;
}
.single-lesson #primary h2 {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: bold;
}
.single-lesson #secondary .widget_sensei_course_progress {
  background: transparent !important;
}
.single-lesson #secondary .widget_sensei_course_progress header {
  padding: 0.5em;
}
.single-lesson #secondary .widget_sensei_course_progress header h2 a {
  color: #2222FF;
}
.single-lesson #secondary .widget_sensei_course_progress ul, .single-lesson #secondary .widget_sensei_course_progress li, .single-lesson #secondary .widget_sensei_course_progress a {
  border: none !important;
  background: transparent !important;
}
.single-lesson #secondary .widget_sensei_course_progress a {
  text-decoration: none !important;
}

.bp-user:not(.logged-in) .bp-navs {
  display: none;
}

.bp-user.courses .my-messages-link-container {
  display: none;
}
.bp-user.courses .gray-learn-highlights {
  background: none;
}
.bp-user.courses #my-courses .col-full {
  max-width: 100%;
}
.bp-user.courses h5 {
  color: #2222FF;
}

@media (min-width: 1200px) {
  .bp-user #content > .col-full {
    max-width: 95%;
  }
}
@media (max-width: 1024px) {
  .bp-user #content > .col-full {
    margin: 0;
  }
}
.bp-user .hentry, .bp-user #primary, .bp-user .site-main {
  margin-bottom: 0;
}
.bp-user #cover-image-container {
  pointer-events: none;
}
.bp-user #item-header-cover-image {
  z-index: 2;
}
@media (min-width: 1200px) {
  .bp-user #item-header-cover-image {
    left: 8%;
    position: absolute;
  }
}
.bp-user #item-header-content {
  display: none;
}
.bp-user #item-header-avatar {
  pointer-events: auto;
}
.bp-user #item-header-avatar img {
  border-radius: 100%;
}
.bp-user #item-body {
  margin: 0;
  padding: 0 1em 6em 1em;
  max-width: 960px;
}
.bp-user #item-body h2 {
  display: none;
}
.bp-user .activity {
  display: none;
}
.bp-user .main-bp-profile {
  position: relative;
}
@media (min-width: 1200px) {
  .bp-user .main-bp-profile {
    margin-top: 225px;
  }
}
.bp-user .bp-subnavs {
  margin: 0 -1em 1em -1em;
}
.bp-user .bp-navs, .bp-user .bp-subnavs {
  width: 100vw;
}
.bp-user .bp-navs ul, .bp-user .bp-subnavs ul {
  width: 960px;
}
@media (min-width: 1200px) {
  .bp-user .bp-navs ul, .bp-user .bp-subnavs ul {
    display: flex;
  }
}
.bp-user .bp-navs ul li, .bp-user .bp-subnavs ul li {
  float: none;
  background: transparent !important;
}
.bp-user .bp-navs ul {
  justify-content: space-between;
}
.bp-user .bp-subnavs ul {
  justify-content: end;
}
.bp-user nav.bp-navs {
  background: #2222FF;
  border: none !important;
  box-shadow: none !important;
}
.bp-user nav.bp-navs.bp-subnavs {
  background: #BBFF00 !important;
}
.bp-user nav.bp-navs.bp-subnavs li:not(.selected) a {
  color: #2222FF;
}
.bp-user nav.bp-navs.bp-subnavs li:not(.selected) a:hover {
  background-color: #2222FF;
  color: #BBFF00;
}
.bp-user nav.bp-navs li a {
  white-space: nowrap;
  color: white;
  text-transform: uppercase;
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 36px;
  padding: 0.8em 1em !important;
}
.bp-user nav.bp-navs li a:hover {
  color: #709900;
}
.bp-user nav.bp-navs li:not(.selected) a:hover {
  color: #BBFF00;
  background: transparent;
}
.bp-user nav.bp-navs li.current.selected {
  background-color: #2222FF !important;
}
.bp-user nav.bp-navs li.current.selected a {
  color: #BBFF00;
  background: transparent;
}
.bp-user .profile-main-content a {
  color: #2222FF;
}
@media (min-width: 1200px) {
  .bp-user .profile-main-content {
    display: flex;
  }
}
@media (max-width: 1024px) {
  .bp-user .profile-main-content {
    background: linear-gradient(180deg, rgba(34, 34, 255, 0) 0%, rgba(34, 34, 255, 0.5) 89.83%);
  }
}
.bp-user .profile-main-content .profile-col-right {
  min-height: 80vh;
}
@media (max-width: 1024px) {
  .bp-user .profile-main-content .profile-col-left {
    text-align: center;
  }
}
@media (min-width: 1200px) {
  .bp-user .profile-main-content .profile-col-left {
    min-width: 25%;
    max-width: 25%;
  }
  .bp-user .profile-main-content .profile-col-left:before {
    content: "";
    background: linear-gradient(180deg, rgba(34, 34, 255, 0) 0%, rgba(34, 34, 255, 0.5) 89.83%);
    position: absolute;
    height: 100%;
    bottom: 0;
    height: fill-available;
    height: -moz-available;
    height: -webkit-fill-available;
    width: 100%;
    z-index: -1;
    left: -75%;
  }
  .bp-user .profile-main-content .profile-col-left h5 {
    margin-top: 5em;
  }
}

.widget_learn_course_progress {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-size: 14px !important;
  line-height: 28px !important;
}
.widget_learn_course_progress h4 {
  margin-bottom: 2em;
}
.widget_learn_course_progress .course-progress-navigation a {
  color: #BBFF00 !important;
}
.widget_learn_course_progress ul {
  padding: 0;
}
.widget_learn_course_progress li {
  text-transform: uppercase;
  padding: 0.5em 0 0.5em 1em;
  background-color: #2222FF;
  border-bottom: 1px solid #BBFF00;
  cursor: pointer;
}
.widget_learn_course_progress li.course-progress-lesson {
  text-align: left;
  padding: 1em;
}
.widget_learn_course_progress li.course-progress-lesson, .widget_learn_course_progress li.current {
  color: #2222FF !important;
  background: #BBFF00 !important;
  border-bottom: 1px solid #2222FF;
}
.widget_learn_course_progress li.course-progress-lesson:not(.current) {
  display: none;
}
.widget_learn_course_progress .module-title {
  color: #BBFF00;
  font-weight: bold;
}
.widget_learn_course_progress a {
  color: #2222FF !important;
  text-decoration: none !important;
}

#buddypress .activity-update-form #whats-new-submit input {
  width: 20em;
}
#buddypress #activity-stream .activity-inner a {
  color: #2222FF;
}
#buddypress #item-header-cover-image {
  margin-bottom: 0;
}
#buddypress #item-header-cover-image h4 {
  margin: 0;
}
#buddypress #item-header-cover-image .group-description {
  color: gray;
}
#buddypress #item-header-cover-image .groups-meta.action {
  display: none;
}
#buddypress .bp-screen-title {
  display: none;
}
#buddypress #bp-nouveau-activity-form {
  margin: 0 auto;
}

.register.buddypress h1.entry-title {
  color: #2222FF !important;
  margin-top: 1em;
}

#buddypress .register-page input {
  border-radius: 5px;
}
#buddypress .register-page .layout-wrap {
  display: block;
}
#buddypress .register-page .layout-wrap .register-section {
  padding: 0;
}
@media (min-width: 1200px) {
  #buddypress .register-page .layout-wrap #pass1 {
    width: 20em;
  }
}
#buddypress .register-page .bp-heading {
  display: none;
}
#buddypress .register-page #submit {
  border: 3px solid #2222FF;
  color: #2222FF;
  font-weight: 800;
}

section.mailing-list {
  display: flex;
  text-align: center;
}
section.mailing-list .wrap {
  margin: 0 auto;
}
section.mailing-list #mc_embed_signup_scroll {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  section.mailing-list #mc_embed_signup_scroll {
    display: block;
  }
}
section.mailing-list #mc_embed_signup_scroll .field-group {
  display: inline-block;
  margin: 0.5em 1em;
  max-width: 60%;
}
@media (max-width: 768px) {
  section.mailing-list #mc_embed_signup_scroll .field-group {
    max-width: 100%;
    width: 80%;
  }
}
section.mailing-list #mc_embed_signup_scroll .field-group label {
  display: none;
  font-size: 1.25em;
  line-height: 2;
  text-align: left;
  color: #2222FF;
}
section.mailing-list #mc_embed_signup_scroll input {
  border: 2px solid #2222FF;
  box-sizing: border-box;
  border-radius: 8px;
  color: #2222FF;
  display: block;
  font-size: 1em;
  line-height: 1.5;
  outline: 0;
  padding: 0.8em 2em 0.8em 0.7em;
  width: 100%;
  box-sizing: border-box;
  background-color: white;
  text-align: center;
}
section.mailing-list #mc_embed_signup_scroll input:focus {
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: inset 0px 0px 0px 1px rgb(255, 255, 255);
}
section.mailing-list #mc_embed_signup_scroll input::placeholder {
  color: #2222FF;
  font-weight: bold;
}
section.mailing-list #mc_embed_signup_scroll input[type=submit] {
  background: #2222FF;
  color: #BBFF00;
  padding: 1em 5em !important;
  transition: background-color 0.7s;
  margin: 0.5em 1em;
}
section.mailing-list #mc_embed_signup_scroll input[type=submit]:hover {
  color: #2222FF;
}
@media (max-width: 1024px) {
  section.mailing-list #mc_embed_signup_scroll input[type=submit] {
    margin: 2em auto;
    width: 80%;
  }
}

.gray-learn-highlights {
  list-style: none;
  text-align: left;
  background: #2222FF;
  margin: 0 auto;
  max-width: 66.4989378333em;
}
.gray-learn-highlights a {
  text-decoration: none !important;
}
@media (min-width: 1200px) {
  .gray-learn-highlights {
    padding: 0.5em;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .gray-learn-highlights li {
    flex: 1 0 calc(33% - 10px);
    max-width: 33%;
  }
}
@media (min-width: 1600px) {
  .gray-learn-highlights li {
    flex: 1 0 calc(25% - 10px);
    max-width: 25%;
  }
}
@media (min-width: 1200px) {
  .gray-learn-highlights .gray-learn-slider-item {
    display: flex;
    flex-flow: column nowrap;
    padding: 1em 2em 1em 0;
  }
}
@media (max-width: 1024px) {
  .gray-learn-highlights .gray-learn-slider-item {
    padding-bottom: 4em;
  }
}
.gray-learn-highlights .gray-learn-slider-item-content {
  padding-top: 5%;
}
.gray-learn-highlights .gray-learn-slider-square {
  font-family: "IBM Plex Sans";
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  box-shadow: 10px 10px #BBFF00 !important;
  margin-bottom: 1em;
  display: block;
  max-width: 100%;
  background-size: cover;
  background-position: center;
  padding: 0;
  text-decoration: none !important;
}
.gray-learn-highlights .gray-learn-slider-square:after {
  content: "";
  display: block;
  padding-top: 90%;
}
.gray-learn-highlights .gray-learn-slider-square span {
  font-family: "IBM Plex Sans";
  color: #2222FF;
  background: #BBFF00;
  padding: 0.2em 0.5em 0.5em 0.3em;
  text-transform: uppercase !important;
}
.gray-learn-highlights h4 {
  font-size: 20px;
  line-height: 36px;
  margin: 1em 0;
}
.gray-learn-highlights h4 a {
  font-family: "IBM Plex Sans";
  font-weight: bold;
  color: #BBFF00;
  text-decoration: none !important;
}
.gray-learn-highlights h5 {
  font-weight: bold;
}
.gray-learn-highlights h5 a {
  color: #2222FF;
  font-weight: bold;
}
.gray-learn-highlights p {
  color: white;
}
.gray-learn-highlights .gray-learn-slider-item-spacer {
  display: block;
  height: 25px;
}
.gray-learn-highlights .gray-learn-slider-item-description {
  max-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gray-learn-highlights .gray-learn-slider-item-footer {
  width: 100%;
  display: block;
  text-align: center;
  margin-top: auto;
}

.gray-learn-highlights-read-more {
  text-align: center;
  width: 100%;
  margin: 0 0 2em 0;
}

#display-medium-posts .gray-learn-slider-item-footer {
  margin-top: auto;
}

.has-blue-background-color {
  color: white;
}
.has-blue-background-color h4 {
  color: white;
}
.has-blue-background-color h5 a {
  color: #BBFF00;
  font-weight: bold;
}
.has-blue-background-color a.btn {
  border: 2px solid #BBFF00;
  color: #BBFF00;
}
.has-blue-background-color .gray-learn-highlights {
  padding: 1em;
}

.highlights-no-button .gray-learn-highlights .gray-learn-slider-item-footer {
  display: none;
}

.medium-container {
  margin: 0 auto;
  max-width: 66.4989378333em;
}

/*
* shortcuts to be used in wp block editor
*/
.gradient, .testimonial-block {
  background: linear-gradient(180deg, rgba(34, 34, 255, 0.375) 0%, rgba(34, 34, 255, 0) 100%);
}

.gradient-inverse {
  background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%), rgba(34, 34, 255, 0.33);
}

.blue-bg {
  background-color: #2222FF;
  color: white;
}
.blue-bg h2 {
  color: white !important;
}

.wave-after {
  -webkit-mask: linear-gradient(#fff, #fff) top, url(/wp-content/themes/learn/assets/img/wave.svg) bottom;
  -webkit-mask-size: 100% calc(100% - 30px), auto 30px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position-x: right;
  margin-bottom: -30px !important;
  z-index: 10;
}
.wave-after.wave-pull-left {
  -webkit-mask-position-x: left;
}
.wave-after.wave-pull-center {
  -webkit-mask-position-x: center;
}
.wave-after .wp-block-cover__inner-container {
  border-bottom: 30px solid transparent;
}

.wp-block-spacer.wave-after {
  z-index: 100;
}

.title-wave {
  background-image: url(/wp-content/themes/learn/assets/img/title-wave.svg);
  padding-bottom: 50px;
  margin-bottom: 30px;
  background-repeat: no-repeat;
  background-position: 50% bottom;
  background-size: 60%;
}

.no-padding-bottom {
  padding: 0;
}

.students-testimonials .testimonial, .teachers-testimonials .testimonial, .organizations-testimonials .testimonial {
  padding: 1em;
}
.students-testimonials .testimonial .testimonial-content, .teachers-testimonials .testimonial .testimonial-content, .organizations-testimonials .testimonial .testimonial-content {
  background: #2222FF;
  padding: 1em;
  color: white;
  position: relative;
  margin-bottom: 2em;
}
.students-testimonials .testimonial .testimonial-content:after, .teachers-testimonials .testimonial .testimonial-content:after, .organizations-testimonials .testimonial .testimonial-content:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 31px solid transparent;
  border-top-color: #2222FF;
  border-bottom: 0;
  border-left: 0;
  margin-left: -15.5px;
  margin-bottom: -31px;
}
.students-testimonials .testimonial .testimonial-name, .teachers-testimonials .testimonial .testimonial-name, .organizations-testimonials .testimonial .testimonial-name {
  font-weight: bold;
  font-size: 24px;
  line-height: 31px;
  color: #2222FF;
  text-align: center;
}
.students-testimonials .testimonial .testimonial-field, .teachers-testimonials .testimonial .testimonial-field, .organizations-testimonials .testimonial .testimonial-field {
  color: #2222FF;
  text-align: center;
}

.tools-testimonials {
  text-align: center;
}

.strong-view.controls-style-buttons:not(.rtl) .wpmslider-next:before {
  content: "►";
  mask: none;
  -webkit-mask: none;
  background: transparent;
}

.strong-view.controls-style-buttons:not(.rtl) .wpmslider-prev:before {
  content: "◄";
  mask: none;
  -webkit-mask: none;
  background: transparent;
}

.strong-view.controls-type-sides-outside .wpmslider-prev,
.strong-view.controls-type-sides-outside .wpmslider-next {
  top: -450px;
}

.strong-view.controls-type-sides-outside:not(.rtl) .wpmslider-next {
  right: 0px;
}

.strong-view.controls-type-sides-outside:not(.rtl) .wpmslider-prev {
  left: 0px;
}

.strong-view.controls-type-sides-outside .wpmslider-controls {
  width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}

.strong-view.controls-style-buttons .wpmslider-next,
.strong-view.controls-style-buttons .wpmslider-prev {
  color: #BBFF00;
  background-color: #2222FF;
  line-height: 50px;
  width: 50px;
  height: 50px;
}
@media (min-width: 1200px) {
  .strong-view.controls-style-buttons .wpmslider-next,
  .strong-view.controls-style-buttons .wpmslider-prev {
    line-height: 92px;
    width: 92px;
    height: 92px;
  }
}

.btn,
.button,
.wp-block-button__link,
.register-page input[type=submit],
.single-course .course-meta.course-enrolment .course-start,
.single-course .course-meta.course-enrolment .register,
.single-course .course-meta .single_add_to_cart_button,
button.single_add_to_cart_button,
a.send-message-button,
a.alt.button.a.woocommerce-MyAccount-downloads-file,
nav.main-navigation .bp-register-nav a,
nav.main-navigation .bp-login-nav a,
.button.checkout-button {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: bold;
  font-size: 14px !important;
  line-height: 28px !important;
  border-radius: 8px !important;
  text-transform: uppercase;
  text-decoration: none !important;
  text-align: center;
  letter-spacing: 0.02em;
  border: none;
  background: #BBFF00;
  color: #2222FF;
  padding: 0.8em 3.5em !important;
  white-space: nowrap;
}
.btn.btn-outline,
.button.btn-outline,
.wp-block-button__link.btn-outline,
.register-page input[type=submit].btn-outline,
.single-course .course-meta.course-enrolment .course-start.btn-outline,
.single-course .course-meta.course-enrolment .register.btn-outline,
.single-course .course-meta .single_add_to_cart_button.btn-outline,
button.single_add_to_cart_button.btn-outline,
a.send-message-button.btn-outline,
a.alt.button.a.woocommerce-MyAccount-downloads-file.btn-outline,
nav.main-navigation .bp-register-nav a.btn-outline,
nav.main-navigation .bp-login-nav a.btn-outline,
.button.checkout-button.btn-outline {
  background: transparent;
  border: 2px solid #BBFF00;
  color: #BBFF00;
}
.btn:hover,
.button:hover,
.wp-block-button__link:hover,
.register-page input[type=submit]:hover,
.single-course .course-meta.course-enrolment .course-start:hover,
.single-course .course-meta.course-enrolment .register:hover,
.single-course .course-meta .single_add_to_cart_button:hover,
button.single_add_to_cart_button:hover,
a.send-message-button:hover,
a.alt.button.a.woocommerce-MyAccount-downloads-file:hover,
nav.main-navigation .bp-register-nav a:hover,
nav.main-navigation .bp-login-nav a:hover,
.button.checkout-button:hover {
  background-color: transparent !important;
}
.btn.btn-lowercase,
.button.btn-lowercase,
.wp-block-button__link.btn-lowercase,
.register-page input[type=submit].btn-lowercase,
.single-course .course-meta.course-enrolment .course-start.btn-lowercase,
.single-course .course-meta.course-enrolment .register.btn-lowercase,
.single-course .course-meta .single_add_to_cart_button.btn-lowercase,
button.single_add_to_cart_button.btn-lowercase,
a.send-message-button.btn-lowercase,
a.alt.button.a.woocommerce-MyAccount-downloads-file.btn-lowercase,
nav.main-navigation .bp-register-nav a.btn-lowercase,
nav.main-navigation .bp-login-nav a.btn-lowercase,
.button.checkout-button.btn-lowercase {
  font-family: IBM Plex Sans;
  font-size: 18px !important;
  text-transform: none;
  font-weight: normal;
}
.btn.btn-outline-white,
.button.btn-outline-white,
.wp-block-button__link.btn-outline-white,
.register-page input[type=submit].btn-outline-white,
.single-course .course-meta.course-enrolment .course-start.btn-outline-white,
.single-course .course-meta.course-enrolment .register.btn-outline-white,
.single-course .course-meta .single_add_to_cart_button.btn-outline-white,
button.single_add_to_cart_button.btn-outline-white,
a.send-message-button.btn-outline-white,
a.alt.button.a.woocommerce-MyAccount-downloads-file.btn-outline-white,
nav.main-navigation .bp-register-nav a.btn-outline-white,
nav.main-navigation .bp-login-nav a.btn-outline-white,
.button.checkout-button.btn-outline-white {
  background: transparent;
  border: 2px solid white;
  color: white;
}
.btn.btn-outline-blue, .btn.has-blue-color.has-white-background-color,
.button.btn-outline-blue,
.button.has-blue-color.has-white-background-color,
.wp-block-button__link.btn-outline-blue,
.wp-block-button__link.has-blue-color.has-white-background-color,
.register-page input[type=submit].btn-outline-blue,
.register-page input[type=submit].has-blue-color.has-white-background-color,
.single-course .course-meta.course-enrolment .course-start.btn-outline-blue,
.single-course .course-meta.course-enrolment .course-start.has-blue-color.has-white-background-color,
.single-course .course-meta.course-enrolment .register.btn-outline-blue,
.single-course .course-meta.course-enrolment .register.has-blue-color.has-white-background-color,
.single-course .course-meta .single_add_to_cart_button.btn-outline-blue,
.single-course .course-meta .single_add_to_cart_button.has-blue-color.has-white-background-color,
button.single_add_to_cart_button.btn-outline-blue,
button.single_add_to_cart_button.has-blue-color.has-white-background-color,
a.send-message-button.btn-outline-blue,
a.send-message-button.has-blue-color.has-white-background-color,
a.alt.button.a.woocommerce-MyAccount-downloads-file.btn-outline-blue,
a.alt.button.a.woocommerce-MyAccount-downloads-file.has-blue-color.has-white-background-color,
nav.main-navigation .bp-register-nav a.btn-outline-blue,
nav.main-navigation .bp-register-nav a.has-blue-color.has-white-background-color,
nav.main-navigation .bp-login-nav a.btn-outline-blue,
nav.main-navigation .bp-login-nav a.has-blue-color.has-white-background-color,
.button.checkout-button.btn-outline-blue,
.button.checkout-button.has-blue-color.has-white-background-color {
  border: 2px solid #2222FF;
  color: #2222FF;
}

.return-to-shop .button,
.button.single_add_to_cart_button,
#place_order,
.actions button,
a.alt.button.woocommerce-MyAccount-downloads-file,
.button.checkout-button {
  background: transparent;
  border: 2px solid #2222FF;
  color: #2222FF;
}
.return-to-shop .button:hover,
.button.single_add_to_cart_button:hover,
#place_order:hover,
.actions button:hover,
a.alt.button.woocommerce-MyAccount-downloads-file:hover,
.button.checkout-button:hover {
  border-color: #2222FF;
  color: #2222FF;
}

select,
#notifications-filter-by {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: bold;
  font-size: 14px !important;
  line-height: 28px !important;
  appearance: auto;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  border-radius: 2px !important;
  text-transform: uppercase;
  text-decoration: none !important;
  text-align: center;
  letter-spacing: 0.02em;
  border: none;
  color: #BBFF00;
  background-color: #2222FF;
  padding: 0.8em 3.5em !important;
  white-space: nowrap;
}

.buddypress-wrap .select-wrap {
  border: none;
}
.buddypress-wrap .select-wrap:hover {
  border: none;
}
.buddypress-wrap .select-arrow {
  display: none;
}

.storefront-breadcrumb {
  display: none;
}

.single-product #content,
.single-product div.product div.summary,
.single-product div.product div.images {
  float: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.single-product .product_meta,
.single-product .edit-link,
.single-product .storefront-product-pagination,
.single-product .related.products {
  display: none;
}
.single-product h4 {
  color: #2222FF;
}

.woocommerce-checkout.woocommerce-order-received td.download-remaining,
.woocommerce-checkout.woocommerce-order-received th.download-remaining {
  display: none;
}

body, a {
  color: black;
}

img {
  border-radius: 0;
}

@media (min-width: 1200px) {
  #content > .col-full, .col-full {
    max-width: 95%;
  }
}
@media (min-width: 1600px) {
  #content > .col-full, .col-full {
    max-width: 80%;
  }
}

@media (min-width: 1200px) {
  .profile #content > .col-full {
    max-width: 95%;
  }
}

ul.partners-list {
  list-style: none;
  padding: 0;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
ul.partners-list li {
  flex: 1 0 calc(20% - 10px);
  max-width: 120px;
  margin: 1em;
}
ul.partners-list img {
  filter: grayscale(100%) brightness(60%) contrast(10000000%);
  -webkit-filter: grayscale(100%) brightness(60%) contrast(10000000%);
  opacity: 0.5;
}

/*
* Sensei reset
*/
.course,
.course-container,
.course-container .course {
  position: relative;
  margin: 0;
  padding: 0;
  border-bottom: none;
  list-style: none;
}

body.buddypress .site-content {
  padding: 0;
}

.bp-user #primary {
  float: none;
  width: 100%;
}
.bp-user #masthead {
  padding: 0;
  margin: 0;
  border-bottom: none;
}
.bp-user .site-content {
  padding-top: 0;
}

.force-full-width {
  width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw !important;
  margin-right: -50vw !important;
}
.force-full-width.wp-block-media-text {
  padding: 0 !important;
}
.force-full-width.wp-block-media-text .wp-block-media-text__content {
  margin-right: 5vw;
}

@media (min-width: 782px) {
  .wp-block-columns {
    gap: 50px;
  }
}
@media (max-width: 1024px) {
  .invert-order .wp-block-column:first-child {
    order: 2;
  }
}

h2.has-text-align-center,
.has-medium-font-size.has-text-align-center {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.no-wc-breadcrumb .site-header {
  margin-bottom: 0 !important;
}

.site-header {
  border-bottom-color: transparent !important;
}

@media (min-width: 1200px) {
  .cover-low-padding.wp-block-cover .wp-block-cover__inner-container {
    padding: 0 !important;
  }
}

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