/*
Theme Name: Skate Time
Theme URI: https://halabuda.io
Description: Skate Time is a child theme of Hello Elementor.
Author: Nathan Halabuda
Author URI: https://halabuda.io
Template: hello-elementor
Version: 1.0.0
Text Domain: skate-time
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

img.orange-border, .orange-border{
  border-color: var(--e-global-color-accent);
  border-width: 2px;
  border-radius: 4px;
  border-style: solid;
}

img.mobile-full-screen

.single-event em.em-item.em-item-single.size-small .em-item-header .em-item-image img, .single-event .em.em-item.em-item-single .em-item-image img{
  padding: 0px !important;
  display: block;
  border-left: none !important;
}

.em.em-item.em-item-single.size-medium .em-item-header .em-item-image img, .em.em-item.em-item-single.size-small .em-item-header .em-item-image img{
  padding: 0 !important;
  border-bottom: unset;
}


.em.em-item.em-item-single .em-item-meta{
  align-content: center;
}

.em.em-item.em-item-single .em-item-meta .button, .em.em-item.em-item-single .em-item-meta button{
  background-color: var(--e-global-color-accent) !important;
  color: var(--e-global-color-primary) !important;
}

.site-footer:not(.footer-stacked) .footer-inner .site-branding,
.site-footer:not(.footer-stacked) .footer-inner .copyright{
  max-width: 100%;
}
.site-footer:not(.footer-stacked) .footer-inner .site-branding .custom-logo{
  max-width: 20vw;
}

.site-header:not(.header-stacked) .header-inner .site-branding,
.site-header:not(.header-stacked) .header-inner .copyright{
  max-width: 100%;
}
.site-header:not(.header-stacked) .header-inner .site-branding .custom-logo{
  max-width: 20vw;
}

.em.pixelbones, .em.em-view-container{
  --accent-color: var(--e-global-color-secondary);
}

.em.em-view-container .em-item-image, .em.em-view-container .em-item-info, .em.pixelbones .em-cal-event{
  --default-border: var(--e-global-color-accent);
  --event-background-color: var(--e-global-color-accent) !important;
  --event-border-color: var(--e-global-color-accent) !important;
  --event-color: var(--e-global-color-primary) !important;
}

/*h1, h2, h3, h4, h5, h6{*/
/*  color: var(--e-global-color-accent)*/
/*}*/

/*a > h1:hover, a > h2:hover, a > h3:hover, a > h4:hover, a > h5:hover, a > h6:hover{*/
/*  color: var(--e-global-color-secondary);*/
/*}*/

.my-events-list h3{
  color: var(--e-global-color-text);
  font-size: 1.5rem;
}

.my-events-list h3:hover{
  color: var(--e-global-color-accent);
}

.my-events-list .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.my-events-list .column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
  padding: 1rem;
  justify-content: center;
}

.my-events-list .double{
    flex: 4;
}

.my-events-list p{
    margin: 0;
    line-height: 1.5rem
}

.my-events-list hr{
  margin: 1rem auto;
	width: 75%;
	border-color: var(--e-global-color-accent);
	border-width: 1px 0 0 0;
	border-style: dashed;
}

.my-events-list img{
    width: 100%;
    height: auto;
    border-radius: 4px;
    border-color: var(--e-global-color-accent);
    border-width: 2px;
    border-style: solid;
}

.my-events-list .row.center{
  justify-content: center;
}

.home.my-events-list button{
  width: 100%;
  border: unset;
}


.home.my-events-list button:hover{
  background-color: var(--e-global-color-secondary);
  border: unset;
}

.my-events-list .row.center img{
  /*max-height: 200px;*/
}

.my-events-list > h2{
    text-align: right;
    font-weight: bold;
	  color: black;
	  margin-right: 10vw;
}

@media only screen and (max-width: 767px) {
  .my-events-list .row {
    flex-direction: column-reverse;
  }
  
  .elementor-widget-theme-site-logo img{
    /*max-width: 90px;*/
  }
  .my-events-list .row.center{
    order: 999;
  }
  .elementor-nav-menu--dropdown{
  	box-shadow: 0 14px 12px -6px black;
  	background-image: url(/wp-content/uploads/2023/05/bbburst_bottomright.svg);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
  }
      
}


@media only screen and (max-width: 375px) {
  img.mobile-full-screen{
    min-width: 100%;
  }
}
  .single-location .elementor-element-3d2b212,
  .single-event .elementor-element-3d2b212{
    padding: 1rem;
  }


.sticky-column{
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}
.sticky-parent .elementor-widget-wrap {
  display: block!important;
}

.em.pixelbones .em-item-meta button.input{
  box-shadow: none;
  border: none !important;
}

marquee.header{
  font-family: "Eurostile Extended";
  font-weight: normal;
  color: var(--e-global-color-primary);
}

marquee.header .time{
  font-style: italic;
  font-weight: bold;
}

marquee.header .date{
  font-weight: bold;
}

marquee.header a:after{
  content: " ... ";
	margin-right: 2rem;
	color: var(--e-global-color-primary);
}

marquee.header a{
  font-weight: bold;
	color: var(--e-global-color-primary);
}

marquee.header a:hover,marquee.header a:active{
	color: var(--e-global-color-accent);
}


marquee.header .name{
	text-transform: uppercase;
	padding: 0 1rem ;
}

marquee.header a:last-child:after{
  content: ".";
}

.elementor-social-icons-wrapper.elementor-grid .elementor-grid-item:hover{
	transform: rotate(-25deg) scale(1.1);
}

#mc4wp-form-1 input[type=email]{
  border-width: 2px;
  width: auto;
  border-color: var(--e-global-color-accent);
  background-color: var(--e-global-color-primary);
  vertical-align: top;
}

#mc4wp-form-1 input[type=submit]{
  border-width: 2px;
  border-color: var(--e-global-color-accent);
  vertical-align: top;
  box-shadow: unset;
}

.post .wp-post-image{
	width: auto !important;
}

.google-maps-embed{
	margin: 0;
	padding: 0;
	line-height: 0;
}

.google-maps-embed iframe{
	height: 300px;
	margin: 0;
	padding: 0;
}


.em.em-calendar .em-cal-body.event-style-pill .em-cal-event{
	height: auto;	
}

.em.em-calendar .em-cal-body.event-style-pill .em-cal-event>div{
	position: relative;
	height: auto;
	white-space: inherit;
	overflow: inherit;
	text-overflow: inherit;
}

.em.em-calendar .em-cal-body{
	background-color: #ffffff59;	
	background-image: url("/wp-content/uploads/2023/04/blueandlight.svg");
  	background-repeat: no-repeat;
  	background-size: cover;
  	background-attachment: fixed;
}

/*.em.em-calendar .em-cal-body .em-cal-day.eventful-pre .em-cal-day-date{
	opacity: 100%;
}

.em.em-calendar .em-cal-body .em-cal-day.eventless-pre .em-cal-day-date{
	opacity: 50%;
}*/


.em.em-calendar .em-cal-body .em-cal-day.eventful-post .em-cal-day-date{
	opacity: 100%;	
}
.em.em-calendar .em-cal-body .em-cal-day.eventful-pre .em-cal-day-date a,
.eventful-post.em-cal-day .em-cal-day-date a, .eventful.em-cal-day .em-cal-day-date a{
	background: white !important;
}
.eventless.em-cal-day .em-cal-day-date span{
	background: #ffffff59 !important;
	background-opacity: .5;
}

/* party form */
#partyform .packages .package{
  border-color: var(--e-global-color-accent);
  border-style: none;
  border-radius: 4px;
  border-width: 4px;
  /*cursor: default;*/
  background-image: url(//skatetimeny.com/wp-content/uploads/2023/04/waves1.svg);
  background-size: 100vw;
  background-position: center;
  padding: 1em;
}

#partyform .packages .package:nth-child(1){
  background-position: bottom left;
}

#partyform .packages .package:nth-child(3){
  background-position: top right;
}

/*.packages .package:hover{
  border-color: lime;
}
*/
#partyform .packages{
  grid-gap: 1em;
}

#partyform .elementor-field-group-field_4bcb43b{
  flex-flow: column;  
}

#partyform > .elementor-element-240f3779{
  cursor: default !important;
  max-width: 1200px;
  margin: 0px auto; 
}

#partyform .elementor-field-type-radio.elementor-field-group-field_4bcb43b > .elementor-field-subgroup.elementor-subgroup-inline{
  padding: 1em;
}