/*
Theme Name:     Trashy Moped
Description:    Custom site theme for Trashy Moped
Author:         Brian Jones
Template:       pacifica
*/
body {
  background-color: #0e0e0e;
  color: #fff; }

.elementor-widget-text-editor {
  color: #fff; }

a {
  color: #ed0080; }
  a:visited {
    color: #ed0080; }
  a:hover {
    color: #ed0080; }
  a.type-contrast-color {
    color: #0e0e0e; }
    a.type-contrast-color:hover {
      color: #ed0080; }
    a.type-contrast-color:visited {
      color: #0e0e0e; }

.ui-normal-button {
  border-color: #fff;
  color: #fff; }
  .ui-normal-button:hover {
    background-color: #ed0080;
    color: #fff; }

.ul-small-button {
  border-color: #fff;
  color: #fff; }
  .ul-small-button:hover {
    background-color: #ed0080;
    color: #fff; }

.type-accent-color {
  color: #ed0080; }

.type-contrast-color {
  color: #0e0e0e; }

.dark-background {
  background-color: #fff; }

.menu-header-container a {
  color: #fff; }

.site-header .mobile-menu li {
  border-color: #b7b7b7; }

.site-header .mobile-menu a:hover, .site-header .mobile-menu a:active {
  background-color: #fff;
  color: #0e0e0e; }

.menu-footer-container a {
  color: #fff; }

.site-info a {
  color: #fff; }

.elementor-button {
  background-color: transparent;
  border-color: #ed0080;
  color: #ed0080; }
  .elementor-button .elementor-button-text {
    color: #ed0080; }
  .elementor-button:hover {
    background-color: #ed0080;
    border-color: #ed0080;
    color: #0e0e0e; }
    .elementor-button:hover .elementor-button-text {
      color: #0e0e0e; }

/*
This file is included from the main Sass file for the theme.

All styles intended to override the base framework for a specific site should be
defined here.

Most sites will benefit from using this file as a location from which to import
organized modular files, but styles may be defined inline here for simpler
customizations as well.
*/
body {
  font-family: 'Open Sans', sans-serif; }

.type-headline-special {
  text-transform: uppercase; }

.type-normal-headline {
  font-family: 'Josefin Sans', sans-serif; }

.type-small-headline {
  font-family: 'Josefin Sans', sans-serif; }

.type-normal-subhead-special {
  font-family: 'Josefin Sans', sans-serif; }

.ui-large-button,
.ui-normal-button,
.ui-small-button,
.ui-extra-small-button {
  border-radius: 0; }

body {
  padding-top: 0; }

.sidebar-featured-image {
  max-height: 250px; }
  .sidebar-featured-image.sidebar-featured-image-square {
    max-width: 250px; }

body {
  background-color: #000;
  color: #e7e7e7; }

.black-background {
  background-color: #0e0e0e; }

.charcoal-background {
  background-color: #191919; }

.secondary-accent-background {
  background-color: #ffd800; }

.type-color-white {
  color: #fff; }

.type-color-contrast {
  color: #191919; }

.type-color-secondary-accent {
  color: #ffd800; }

.elementor-widget-text-editor {
  color: #e7e7e7; }

a {
  transition: all ease .5s; }

.button {
  transition: all ease .5s; }
  .button.button-white-background {
    background-color: #fff;
    border-color: #fff;
    color: #ed0080; }
    .button.button-white-background:hover {
      background-color: #ed0080;
      color: #fff; }
  .button.button-white-outline {
    background-color: transparent;
    border-color: #fff;
    color: #fff; }
    .button.button-white-outline:hover {
      border-color: #ed0080;
      color: #ed0080; }

a.type-no-color-change {
  color: #e7e7e7;
  font-weight: 700;
  text-decoration: none; }
  a.type-no-color-change:hover {
    color: #ed0080; }

.site-header .site-branding a.logo {
  background-image: url(images/FotressPresents-Logo-Small-2x.png);
  background-size: 70px 77px;
  width: 70px; }

.site-header .menu-toggle {
  background-image: url(images/hamburger.png);
  background-size: cover;
  border-width: 0; }

ul.events {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  ul.events li {
    border-color: #404040;
    border-style: solid;
    border-width: 1px 0 0 0;
    display: flex;
    justify-content: space-between; }
    ul.events li:last-child {
      border-bottom-width: 1px; }
    ul.events li div {
      display: flex;
      flex-direction: column;
      justify-content: space-around; }
      ul.events li div.details {
        padding: 0 3rem;
        flex-grow: 2; }

@media all and (max-width: 640px) {
  ul.events li {
    display: block; }
    ul.events li div.details {
      padding: 0; }
    ul.events li div.actions {
      padding-top: .6rem; } }

.full-menu {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  padding: 120px 120px 60px 40px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100; }
  .full-menu.full-menu__expanded {
    display: block; }
  .full-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .full-menu ul a {
      color: #fff;
      text-decoration: none; }
      .full-menu ul a:hover {
        color: #ed0080; }

.menu-button {
  border: 1px #fff solid;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin-top: 2.580645161rem;
  margin-right: 4.5238095%;
  position: absolute;
  top: 0;
  right: 0;
  transition: all ease .5s;
  z-index: 200; }
  .menu-button.menu-button__full {
    height: 32px;
    width: 32px; }
  .menu-button.menu-button__mobile {
    height: 44px;
    width: 44px; }
  .menu-button .icon {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin: 0 auto;
    width: 67%; }
    .menu-button .icon.hamburger {
      display: block; }
    .menu-button .icon.close {
      display: none; }
  .menu-button.menu-button__close .icon.hamburger {
    display: none; }
  .menu-button.menu-button__close .icon.close {
    display: block; }
  .menu-button svg {
    display: block; }
    .menu-button svg path, .menu-button svg rect {
      fill: #fff; }
  .menu-button:hover {
    background-color: #fff; }
    .menu-button:hover svg path, .menu-button:hover svg rect {
      fill: #ed0080; }

@media all and (max-width: 640px) {
  .full-menu {
    display: none; }
    .full-menu.full-menu__expanded {
      display: none; }
  .menu-button__full {
    display: none; } }

.mobile-menu {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100; }
  .mobile-menu.mobile-menu__expanded {
    display: block; }
  .mobile-menu ul {
    list-style-type: none;
    margin: 88px 0 0 44px;
    padding: 0; }
    .mobile-menu ul a {
      color: #fff;
      text-decoration: none; }
      .mobile-menu ul a:hover {
        color: #ed0080; }

@media all and (min-width: 641px) {
  .mobile-menu {
    display: none; }
    .mobile-menu.mobile-menu__expanded {
      display: none; }
  .menu-button__mobile {
    display: none; } }

.hero-box .hero-box-contents {
  justify-content: flex-end; }

.header-logo-bar {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 50; }
  .header-logo-bar a.logo {
    background-image: url(images/tmr-logo.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    margin-top: 1.290322581rem;
    margin-left: 4.5238095%;
    padding-bottom: 4.047619%;
    width: 8.5714286%; }

@media all and (max-width: 640px) {
  .header-logo-bar {
    display: none; } }

.page-photo-header {
  padding-bottom: 24.4047619%; }

.elementor-social-icon {
  margin-right: 3.5335689%; }