/* 
*
=======================================================================+
------------------------------------------------------------------------
   FILE NAME : Party_tab_css
------------------------------------------------------------------------
========================================================================
*
*/ 

/* 01 Febuary 2023 */

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

#par-section .wpem-event-listings.wpem-event-listing-box-view .wpem-event-layout-wrapper .wpem-event-banner .wpem-event-banner-img{
   height: 170px!important;
}

.wpem-event-cstm-box-title-tag {
    position: absolute;
    bottom: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.wpem-event-cstm-box-title-tag-div {
    background: #1c171b;
    padding: 5px 9px;
    color: #fff;
    border-radius: 50px;
    width: 86%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 200;
    font-size: 16px;
}

.wpem-event-listings.wpem-event-listing-box-view .wpem-event-box-col {
    padding-bottom: 6px;
}

.wpem-event-cstm-box-title-addr{
     white-space: nowrap; 
     width: 71px; 
     overflow: hidden;
     text-overflow: ellipsis; 
}

.wpem-event-cstm-header-icon-box {
    position: absolute;
    top: 15px;
    left: 15px;
    border-radius: 50px;
    background:#7e7c7cd1;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wpem-event-cstm-header-icon {
    color: #231e22;
    font-size: 24px;
    margin-right: 5px;
}

.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body .wpem-single-event-body-sidebar .wpem-event-type .event-type {
    color:#fff;
    background-image: linear-gradient(to top, #e40f8b, #ff0064)!important;
}

.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body .wpem-single-event-body-sidebar .wpem-event-category .event-category {
    color:#fff;
    background-image: linear-gradient(to top, #e40f8b, #ff0064)!important;
}


.border-cstm-parties {
    border-bottom: 1px solid #e0e0e042;
}

.add-parties-btn {
    background: #fff;
    border-radius: 16px;
    padding: 10px 25px;
    font-size: 13px;
}

.add-parties-btn {
    display: inline-block;
    padding: 6px 22px;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #2f242a;
    background-color: #fff;
    border: none;
    border-radius: 11px;
   margin-top:12px;
}
.add-parties-btn:active {
  background-color: #fff;
  transform: translateY(4px);
}










/* 27 Nov start */

.par-image-dimension{
   width:15vw;
   height:149px;
   border-radius:13px;
   background-color:grey;
}

.par-dob{
   width:10vw;
   border-radius:12px;
   background-color:#1c171b;
   color: grey;
   font-size:small;
   padding:4px 10px;
   border:none;
   margin-bottom:5px;
   height:30px;

}
.par-name{
   width:20vw;
   border-radius:12px;
   background-color:#1c171b;
   color: grey;
   font-size:small;
   padding:4px 10px;
   border:none;
   margin-bottom:5px;
   height:30px;
}
.par-address{
   width:20vw;
   border-radius:12px;
   background-color:#1c171b;
   color: grey;
   font-size:small;
   padding:4px 10px;
   border:none;
   margin-bottom:5px;
   height:30px;
}
.par-Booze{
   width:40%;
   border-radius:12px;
   background-color:#2f242a;

   color: white;
   font-size:small;
   padding:4px 10px;
   border:none;
   margin-bottom:5px;
   height:30px;
   
}
/* .par-btn-color{
   background-color:#9f1276;
   color:white;
} */
.par-toggle-btn{
   background-color:red;
   color:black;
}


.par-button-checkbox{
   height:28px;
   width:fit-content;
   border-radius:12px;
   background-color:#2f242a;
   border:none;
   color:#b5b2b2;
/*    #b5b2b2!important */
   padding:2px 10px;
   
/*    font-size:15px; */
   font-size:11px;
   background-color:transparent;
   margin-bottom:5px;
}
.par-cat-button-checkbox{
   height:28px;
   width:fit-content;
   border-radius:12px;
   background-color:#2f242a;
   border:none;
   color:#b5b2b2;
/*    #b5b2b2!important */
   padding:2px 10px;
   
/*    font-size:15px; */
   font-size:11px;
   background-color:transparent;
   margin-bottom:5px;
}
.par-checkbox-all{
   margin-top:2px;
}
.par-margin-all{
   margin-top:11px;
   color:#b5b2b2;
   font-size:12px;
}
.par-input-radio{
   margin-left:10px;
}
.par-cup{
   color:white;
   font-size:14px;
}
.par-send{
   color:white;
   
   font-size:11px;
}
.par-img-flex{
   display:flex;
   direction:row;
   justify-content:center;
   position:relative;
   left:0px;
   right:0px;
}
.par-4image-dimension{

   width:13vw;
   height:136px;

   background-color:grey;
   border-radius:10px;
   margin:10px 5px;
   position:relative;
   top:0px;
   left:0px;

}
.par-send-icon{
   background-color:#2f242a;
   
   color:white;
   border-radius:17px;
   width:30px;
   height:30px;
   text-align:center;
   padding-top:5px;
   padding-bottom:5px;


}
#par-send-icon1{
    position:absolute;
   top:23px;
   left:6vw;
   
}
#par-send-icon2{
   position:absolute;
   top:23px;

   left:20vw;
   
}
#par-send-icon3{
   position:absolute;
   top:23px;

   right:29vw;
   
}
#par-send-icon4{
   position:absolute;
   top:23px;

   right:15vw;
   
}

.par-add-party-btn{
   font-size:12px;
   background-color:white;
   width:93px;
   border-radius:10px;
   padding:5px 10px;
   border:none;
   margin-top:4px;
}
.par-line{
   border:1px solid #40373c;
   margin-top:20px;
   width:62vw;

}
.par-4img-row{
   padding-top:22px;
}


.par-pagination-center{
   display:flex;
   justify-content:center;
   margin-top:20px;
}
.par-pagination-btn-flex{

   background-color:#1c171b;
   border-radius:14px;
   width:187px;
   height:32px;
   padding:3px 2px;
}
.par-pagination-btn{
   font-size:12px;
   width:21px;
   height:21px;
   border-radius:10px;
   border:none;

   background-color:transparent;
   color:#b5b2b2;
   margin:2px 4px;

   
}
#par-btn-id1{

   
   background-color:white;
   color:#2e2c2e;
}
#par-btn-end{
   width:40px;
   height:21px;
   border-radius:10px;
   
}

@media screen and (max-width:767px){
   .par-main-div{
      width:90vw;
      padding:40px 22px;
       margin:10px auto;
   
}
   .par-line{
   
   width:78vw;

}
   .par-name-detail{
      margin-top:30px;

   }
   .par-dob{
      width:40vw;
   }
   .par-name{
   width:76vw; 
   }
   
   
   .par-address{
       width:76vw;   
      margin-bottom:10px;
   }
   .par-button-checkbox{
   height:25px;
   width:fit-content;
   border-radius:8px;
   font-size:10px;
   padding:0px 6px;
}
   .par-image-dimension{

      width:78vw;
      border-radius:8px;
      height:180px;
      
}
   .par-add-party-btn{
   width:72px;
   border-radius:6px;
   padding:2px 6px;
   
}
    .par-img-flex{
      
   display:flex;
   flex-flow:wrap

      
   
}
   .par-4image-dimension{
   width:36vw;
   height:108px;
   
   border-radius:8px;
   margin:5px 5px;
      

}
   #par-send-icon1{
   position:absolute;
   top:23px;
   left:9vw;

   
}
   #par-send-icon2{
   position:absolute;
   top:23px;
   left:48vw;

   
}
#par-send-icon3{
   position:absolute;
   top:139px;
   left:9vw;
   
}
#par-send-icon4{
   position:absolute;
   top:139px;
   left:48vw;

   
}
   
}
@media screen and (max-width:280px){
   .par-4image-dimension{
      width:32vw;
      height:88px;
      margin:5px;
   }
      #par-send-icon1{
   position:absolute;
   top:12px;
   left:10vw;

   
}
   #par-send-icon2{
   position:absolute;
   top:12px;
   right:28vw;

   
}
   #par-send-icon3{
   position:absolute;
   top:110px;
   left:10vw;
   
}
#par-send-icon4{
   position:absolute;
   top:110px;
   right:28vw;

   
}
   
}
@media screen and (max-width:360px) and (min-width:281px){
   .par-4image-dimension{
      width:33vw;
      height:88px;
      margin:8px;
   }
   #par-send-icon3{
   position:absolute;
   top:127px;
   left:9vw;
   
}
#par-send-icon4{
   position:absolute;
   top:127px;
   left:48vw;

   
}
}
   @media screen and (max-width:1280px) and (min-width:768px){
      .par-4image-dimension{
         width:14vw;
         height:100px;
      }
      
      #par-send-icon1{
   position:absolute;
   top:20px;
   left:4vw;

   
}
   #par-send-icon2{
   position:absolute;
   top:20px;
   left:19vw;

   
}
   #par-send-icon3{
   position:absolute;
   top:20px;
   left:34vw;
   
}
#par-send-icon4{
   position:absolute;
   top:20px;
   left:49vw;

   
}
   
   }
   

@media only screen and (min-width: 700px) and (max-width: 1050px){
   .par-main-div {
      display:flex;
      width:100%;
      margin:0;
   }
}






/* 27 Nov End */
.par-types-css{
  color:#b5b2b2;
  font-size:12px; 
}

.par-category-css{
  color:#b5b2b2;
  font-size:12px; 
}