/*
Theme Name: how to: Academy
Theme URI: https://robfenech.co.uk
Author: Rob Fenech
Author URI: https://robfenech.co.uk
Description: Custom theme built by Rob Fenech
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Rob Fenech
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 with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/


button,
input,
optgroup,
select,
textarea,html input[type="button"],
input[type="reset"],
input[type="submit"],button[disabled],
html input[disabled],button::-moz-focus-inner,
input::-moz-focus-inner, input[type="checkbox"],
input[type="radio"], input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button, input[type="search"], input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    border:none;
    background-image:none;
    background-color:transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    appearance: none;
}

button.book_now {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #e8e8e8;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 1px;
    width: 100%;
    padding: 2rem 1rem;
    border: none;
}

.events_single__content .single_event_wrapper__sidebar--book_now > button.book_now.default {
    background-color: #00a647;
}

.events_conference_single__content .single_conference_event_wrapper__sidebar--book_now > button.book_now.default {
    background-color: #00a647;
}

ul#menu-footer li a {
    color: black;
}

li.menu-item.menu-item-has-children {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: -10px;
}

li.menu-item.menu-item-has-children ul.sub-menu {
    opacity: 0;
	visibility: hidden;
    position: absolute;
    top: 100%;
    background: white;
    padding: 20px;
    width: auto;
    list-style: none;
    -webkit-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
	list-style:none;
	margin: 0;
	padding:0;
	min-width:200px;
}

li.menu-item.menu-item-has-children ul.sub-menu a {
	padding: 1rem;
	display:block;
}

li.menu-item.menu-item-has-children:hover ul.sub-menu {
	opacity: 1;
	visibility: visible;
}

.blurry {
	filter: blur(5px);
}

.non-member-overlay {
  display: none;
	position:fixed;
	top:0;
	left: 0;
	width: 100vw;
	height:100vh;
	z-index:99999;
	background: rgba(0, 0, 0, 0.65);
	justify-content:center;
	align-items:center;
}
.non-member-overlay.show {
  display: flex;
}

.non-member-overlay--inner .Logo {
  margin: 0rem auto;
  padding-bottom: 1rem;
  max-width: 230px;
  width: 100%;
  height: auto;
  display: block;
}

.non-member-overlay--inner p {
	color: white;
	font-size: 1.6rem;
  margin: 0.75rem 0rem;
  padding: 0 4rem;
}

.non-member-overlay--inner h1 {
	color: white;
	font-size: 3rem;
  margin: 0.75rem 0rem;
  padding: 2rem 3rem;
}

.non-member-overlay--inner {
    background-color: #081E1F;
    border-radius: 6px;
    max-width: 370px;
    flex-direction: column;
    padding-top: 3rem;
    position: relative;
}

.non-member-overlay--inner #cross {
    position: absolute;
    top: 2rem;
    right: 2rem;
    height: 15px;
    width: 15px;
    cursor: pointer;
}

.non-member-overlay--inner .sticky_text {
    position: absolute;
    bottom: -27.5px;
    left: 0;
    width: 100%;
    background-color: #081E1F;
    padding: 0.75rem 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 6px 6px;
}

.non-member-overlay--inner .sticky_text p {
  padding: 0;
  margin: 0;
}

.non-member-overlay--inner div a{
    width: 50%;
    padding: 3rem 2rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 600;
}

.non-member-overlay--inner div a.subscribe{
  background-color: #FF7F47;
  /* border-top: solid 0.1px #081E1F; */
}

.non-member-overlay--inner div a.login{
  background-color: #124648;
}

.non-member-overlay--inner div a:hover{
  color: rgba(255, 255, 255, 1);
}

.non-member-overlay--inner div{
    width: 100%;
    display: flex;
    margin-top: 2rem;
}

.non-member-overlay--inner img.featured{
    width: 100%;
    object-fit: contain;
    object-position: center;
    border-radius: 0 0 6px 6px;
}
/*
.post-type-archive-videos header#masthead, .single-videos header#masthead {
    position: relative;
    z-index: 99999999;
    background: white;
} */


h2.event-type-header {
    font-weight: 700;
    margin-left: 25px;
}

:root {
  --orange: #ff7f47;
}

#tourdates {
  padding-top: 100px;
  margin-top: -100px;
  .event_status {
    > div {
      width: 95%;
      margin: 0 auto;

      &.orange {
        > span {
          background: var(--orange);
          color: #fff;
        }
      }

      &.green {
        > span {
          background: green;
          color: #fff;
        }
      }
    }
  }
}

div#tourdates .event_date {
    margin-bottom: 5rem;
}


.event_status > div.last {
    width: 30%!important;
}

.event_status > div.last > span {
    font-size: 1.5rem!important;
    background-color: red!important;
    color: #fff!important;
}


body.page-template-page-masterclass .upcoming_events__wrapper--single {
	background: #F1EADC;
}

body.page-template-page-masterclass .upcoming_events__wrapper--single:hover .view_event {
	background: #FF656B;
}