/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/






/* ----------------------------------------------------------------
	Pager
-----------------------------------------------------------------*/
.page-pagination-1{
    
    display: flex;
    justify-content: center;
    align-items: center;
}



/* ----------------------------------------------------------------
	Pager END
-----------------------------------------------------------------*/














/* ----------------------------------------------------------------
	Make the text inside table cells vertically centered
-----------------------------------------------------------------*/
.swiper-pagination.active-black-border span:hover, .swiper-pagination.active-black-border span.swiper-pagination-bullet-active{
    background-color: black !important;
}
.swiper-pagination.active-black-border span{
    border: 1px solid black;
}

.cells-vertic-center td{

    vertical-align: middle;
                            
                            
}



 .upload-area {
            text-align: left;
            
            padding:30px;
        }

.upload-area input{
            width:100%;
        }

.upload-area img{
            width: 250px;
    height: 250px;
    object-fit: cover;
        }


        .upload-area .preview-container {
            display: none;
            max-width: 100%;
            max-height: 300px;
            margin-top: 10px;
        }
        .upload-area .btn-danger, .btn-secondary{
            margin-top:10px;
            width:100%;
        }
        












        .no-click {
      pointer-events: none;
      cursor: default;
    }






/* ----------------------------------------------------------------
	Form style for edit.php
-----------------------------------------------------------------*/
.block-form-9 .form-control {
            --cnvs-input-btn-padding-x: 1rem;
            --cnvs-input-btn-padding-y: 0.875rem;
            --cnvs-input-btn-border-width: 1px;
            --cnvs-input-btn-border-color: var(--cnvs-contrast-1000);
			--cnvs-input-btn-input-color: var(--cnvs-contrast-1000);
			--cnvs-input-focus-color: var(--cnvs-input-btn-input-color);
            --cnvs-form-control-radius: 0.875rem;
		}

        .block-form-9 label {
            --cnvs-input-label-mb: 0.75rem;
        }

        .block-form-9 form .btn {
            --bs-btn-padding-y: 0.875rem;
            --bs-btn-border-radius: 0.875rem;
        }

        .block-form-9 .form-select {
            padding: 0.875rem 1rem;
            border-color: var(--cnvs-contrast-1000);
            border-radius: 0.875rem;
        }

        .file-drop-zone {
            border:none;
            
            
            
        }
        .file-preview{
           
            overflow:hidden;
        }




    .same-size-300 img {
       
        max-height: 100%; /* Set a maximum width if needed */
      max-width: 100%;
    }
    .same-size-300 {
       display: flex;
  justify-content: center;
  align-items: center;
        height: 300px;; /* Set a maximum width if needed */
       
    }


.mfp-container.mfp-s-ready.mfp-image-holder .mfp-bottom-bar .mfp-title{
    display: none;
}






/* Signout buttons mobile vs desktop */
@media (max-width: 991px) {
            #dektop-signout-icon{
                
                display: none;
                
            }
            
  
}
        
        @media (min-width: 992px) {
            #mob-signout-link{
                
                display: none;
                
            }
  }