/* 
*
=======================================================================+
------------------------------------------------------------------------
   FILE NAME : party events
------------------------------------------------------------------------
========================================================================
*
*/ 


#par-section .search-f .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details{
   top:33px;
}



#par-section .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img{
   width:100%;
   height:200px;
   margin-top:5px;
   border-radius:10px;
}


#par-section .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner{
   width:100%;
   height:136px;
   border-radius:10px;
}

#par-section .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper{
   width:100%;
}
#par-section .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-title .wpem-heading-text{
   font-size:18px;
   text-align:center;
}
#par-section .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-date-time, .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-location, .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-ticket-type, .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-title, .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-type{
   font-size:10px
}
#par-section .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-date-time::before{
   font-size:12px
} 
#par-section .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-location::before{
   top:-3px;
   font-size:13px;
}
#par-section .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-type .wpem-event-type-text{
   margin-top:-15px;
   padding:8px 6px;
   border-radius:7px;
}
#par-section .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper{
   border:none;
}

#par-section .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-date .wpem-event-date-type .wpem-from-date{
   width:38px;
   height:38px;
   border-radius:50%;
}

#par-section .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-date .wpem-event-date-type .wpem-from-date .wpem-date{
   position:relative;
   left:-5px;
   top:-7px;
   font-size:18px;
   
}

#par-section .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-date .wpem-event-date-type .wpem-from-date .wpem-month{
   position:relative;
   top:-13px;
   left:-6px;
   font-size:10px;
}

#par-section  button#drp_autogen0{
   width:82% !important;
   height:36px !important;
   font-size:14px;
}

/* #par-section  #search_keywords, #search_location{
   height:36px !important;
} */

#par-section .wpem-form-wrapper .wpem-form-group select{
   height:36px ;
/*    font-size:18px; */
   font-size:14px;
   color:#b5b2b2 ;
   display:flex;
   align-items:center;
   border-radius:7px !important;
}

#par-section .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details{
     top:36px;
}

#par-section .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details{
   padding-bottom:27px;
}
.search-f #search_keywords{
   height:36px !important;  
   font-size:14px;
}
 .search-f #search_location{
   height:36px !important;
   font-size:14px;
}  

/*                                             // List view design // */


#par-section .wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details{
   position:relative;
   top:31px !important;
}

#par-section .wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation{
   top:0;
}

#par-section .wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img{
  width:15vw;
  height:149px;
  border-radius:13px;
}

 
#par-section .wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-title{
   width:20vw;
   position:relative;
   top:-51px;
   
} 

#par-section .wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-title .wpem-heading-text{
   display:flex;
   align-items:center;
   width:20vw;
   border-radius:12px;
   background-color:#1c171b;
   height:30px;
   color:grey;
   font-size:small;
   padding:4px 10px;
   font-weight:400;
   margin-bottom:5px;
   margin-top:-10px;
}

#par-section .wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-date{
   width:10vw;
   height:30px;
   border-radius:12px;
   background-color:#1c171b;
   font-size:small;
   font-weight:400;
   padding:10px;
   color:grey;

};


#par-section .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-date .wpem-event-date-type .wpem-to-date .wpem-date{
   color:grey
}

#par-section .wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing{
   padding-bottom:0px;
}


#par-section .wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-date .wpem-event-date-type .wpem-from-date .wpem-date{
    font-size:small;
    font-weight:400;
    color:grey;
    position:relative;
    top:-11px;
    left:-13px;
   
   
}
#par-section .wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-date .wpem-event-date-type .wpem-from-date .wpem-month{
    font-size:small;
     position:relative;
    top:-33px;
    left:9px;
    color:grey;
   
}

#par-section .wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-date .wpem-event-date-type .wpem-to-date .wpem-date-separator{
   font-size:14px;
   top:5px;
   left:46px;
   color:grey;
}

#par-section .wpem-event-listing-list-view .wpem-event-date-time-text{
   background-color:#1c171b;
   display:flex;
   align-items:center;
   height:30px;
   width:28vw;
   font-size:small;
   font-weight:400;
   position:relative;
   top:-50px;
   left:-21px;
   border-radius:12px;
   padding-left:30px;
   color:grey;


}
#par-section .wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-date-time::before{
   font-size:small;
   position:absolute;
   top:-47px;
   left:7px;
   color:grey;
   z-index:1;
   
}

#par-section .wpem-event-listing-list-view .wpem-event-location-text{
   color:#b5b2b2;
   position:relative;
   top:-44px;
   
}
 #par-section .wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-location::before{
   top:-44px
}

#par-section .wpem-event-type-text .event-type .class-training-or-workshop{
      position:relative;
     top:-21px;
}
#par-section .wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-type .wpem-event-type-text{
   position:relative;
   top:-37px;
}
#par-section .wpem-event-listing-list-view .wpem-event-ticket-type .wpem-event-ticket-type-text{
   position:relative;
   top:-37px;
   border-radius:4px;
}

#par-sectiom .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-date .wpem-event-date-type .wpem-to-date .wpem-date{
   font-size:small;
   color:grey;
   
}
#par-section .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-date .wpem-event-date-type .wpem-to-date .wpem-date{
   font-size:small;
   top:-51px;
   left:47px;
   color:grey;
   
}
#par-section .wpem-event-listings .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-date .wpem-event-date-type .wpem-to-date .wpem-month {
    font-size:small;
   position:relative;
   top:-79px;
   left:64px;
   color:grey;
}
#par-section button#drp_autogen0{
   width:78%!important;
}
.wpem-form-group .event-manager-category-dropdown .level-0{
   margin-top:6px!important;
   margin-bottom:10px!important;
}

                                       /* Mobile Screen */



@media screen and (max-width: 576px){
   #par-section .wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img{
      position:relative;
      left:-16px;
      width:78vw;
      height:180px;
      border-radius:8px;
      margin-bottom:30px;
   }
   #par-section .wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation{
      left:-15px;
   }
   #par-section .wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing{
      display:flex;
      flex-direction:column;
   }
   #par-section .wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-title .wpem-heading-text{
      width:40vw;
      font-size:15px !important;
   }
   #par-section .wpem-event-listing-list-view .wpem-event-date-time-text{
      width:76vw;
      font-size:10px;
   }
   #par-section .wpem-event-listing-list-view .wpem-event-location-text {
      display:flex;
      align-items:center;
      width:76vw;
      color:grey;
      padding-left:30px;
      height:30px;
      border-radius:12px;
      background-color:#1c171b;
      position:relative;
      left:-22px;
   }
   #par-section .wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-details .wpem-event-location::before{
      z-index:1;
      left:7px;
      top:-42px;
   }
   #par-section .wpem-event-listing-list-view .wpem-event-ticket-type .wpem-event-ticket-type-text {
      position:relative;
      top:-37px;
      left:0px;
      border-radius:4px !important;
   }
   
    .search-f #search_keywords{
/*       margin-left:-6px; */
       height:36px !important;  
       font-size:14px;
}
     .search-f #search_location{
/*      margin-left:-6px; */
      height:36px !important;
      font-size:14px;
}
   #par-section button#drp_autogen0{
/*        width:86% !important; */
      width:82% !important;
/*       width:78% !important; */
      margin-left:-13px;
   }
   #par-section .wpem-form-wrapper .wpem-form-group select{
     margin-left:-6px;
     width:80vw;
     border-radius:7px !important;
   
   }
   #par-section .wpem-event-listings-header .wpem-event-layout-action-wrapper .wpem-event-layout-action .wpem-event-layout-icon.wpem-active-layout{
        height:35px;
      border:none;
      box-shadow:none;
   }
   #par-section div#wpem-event-box-layout{
      height:35px;
      border:none;
      box-shadow:none;
   }
   
   
   
}


@media only screen and (min-width: 700px) and (max-width: 1050px){
   
   #par-section .wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img{
      width:28vw;
      height:14vh;
   }
   
   #par-section .wpem-event-listing-list-view .wpem-event-layout-wrapper .wpem-event-infomation .wpem-event-date {
      width:16vw;
   }
   
   #par-section .wpem-event-listing-list-view .wpem-event-date-time-text{
      width:47vw;
   }
   
}
@media only screen and (max-width:767px){
   #par-section button#drp_autogen0{
      margin-left:-6px!important;
   }
   #par-section button#drp_autogen0{
   width:82% !important;
}
   
}