*,
*::before,
*::after {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
body {
  width: 100%;
  margin: 0 auto;
  max-width: 2000px;
  /* background-color: #ccc; */
}
.offcanvas-header .btn-close{
	visibility: hidden;
}
#btnshowOC{visibility: hidden;}
.offcanvas-backdrop {
	transform:none;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color:#fff;
}
div.form-check {
	display:none;
	visibility: hidden }

.container-fluid{
  --bs-gutter-x: 0rem:
}
.row{
	--bs-gutter-x: 0rem:
}

.admin_oc {
	max-width: 200px}
	/* Nav header all pages */
	.nav-header{background-color: #3a506b !important;

	}
  /* phone */
  /* index page */
  #btnLogin{
    padding:0px;
    
  }
  .navbar-toggler{
    padding:4px;
  }
  .text-wrapper{
	
  }
 
  .logo-one{
	border: .5rem;
    max-width: 25%;
    object-fit: contain;
  }
  .reg-txt{
	text-align: center;
  }
.card{
	--bs-card-border-color: none;
  }
  .bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: rgba((0,0,0,0), var(--bs-bg-opacity)) !important;
}
/* .wrap-bg{
		background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .6)), url(../assets/images/ref-bg.webp) center / cover no-repeat;
		height:100vh;
      
	} */
	.admin-wrapper{
		margin-top:2rem;
		 background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(../assets/images/admin2-Login.webp) center / cover no-repeat;
		height:25vh;
	}

	.wrapper{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		margin-top: 5rem;
		border-style: none;
	}

	.style7{
		margin-bottom:0px;
		padding-top:0px;
		padding-bottom:0px;

	}
  /* index */
	/* footer all pages */
	.footer{
		background-color: #3a506b !important;
		color: #fff !important;
		padding: 10px 0px !important;
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 1000;
	}
	/* background index page */
	
	/* index page Members */

	/* Members Section index pg */
		.members-header {
		text-align: center}

		#members-section{
		   height:50vh;
		}
		.members-wrap-bg{
			height:60%;
			background-position:center center;
		background-image:linear-gradient(rgba(0, 0, 20, 0.5), rgba(0, 0, 0, 0.5)), url("/assets/images/header-bcg-2.webp");
		background-repeat: no-repeat; 
	   background-size: cover;

		}
		.members-wrapper{
			margin-top:2%;
			display:flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
		}
		.members-info-txt{
			color:#fff;
			line-height: 2;
			font-size: calc(1rem + 0.2vw);
			/* margin:2rem; */
			padding-bottom: 1rem;
		}
		.wrapper-bg{
			height: 90vh;
		 background-size:cover;
		background-position:top center;
		background-image:linear-gradient(rgba(0, 0, 20, 0.5), rgba(0, 0, 0, 0.5)), url("/assets/images/header-bcg-2.webp")}

		.info-txt{
			color:#fff;
			line-height: 2;
			font-size: calc(1rem + 0.2vw);
			margin:2rem;
		}
		/* .wrapper{
			margin-top: 12rem;
		} */
	.members-cards{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: center;
		margin-bottom:8rem;
	   }
	   .card{
		flex-basis: 48%;
		margin-top: 0.5rem;
	   }

	/* search members */
	th.text-bg-primary.mystyle{
		background-color: #3a506b !important;
		color: #fff !important;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;

	}

	/* instructor listing */
	.instructor
	{
		/* height: 50vh; */
		background-repeat: no-repeat;
		background-size: cover;
		background-image:linear-gradient(rgba(0, 0, 20, 0.5), rgba(0, 0, 0, 0.5)), url("/assets/images/trumpet-bg.webp")}
	.inst-wrap{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin:2rem
	}

	.inst-txt{
		line-height: 1.5;
		 margin-bottom: 1rem;
	}
	.image-upload{
		margin-top: 1rem;
		display: flex;
		flex-direction: row;
		justify-content:flex-start;
		align-items: center;
	}
	/* ensembles listings */
	.ensemble{
		/* height: 50vh; */
		background-repeat: no-repeat;
		background-size: cover;
		background-image:linear-gradient(rgba(0, 0, 20, 0.5), rgba(0, 0, 0, 0.5)), url("/assets/images/freelance.webp")}
	.solo{
		 /* height: 50vh; */
		background-repeat: no-repeat;
		background-size: cover;
		background-image:linear-gradient(rgba(0, 0, 20, 0.5), rgba(0, 0, 0, 0.5)), url("/assets/images/solo.webp")}
	.duo{
		 /* height: 50vh; */
		background-repeat: no-repeat;
		background-size: cover;
		background-image:linear-gradient(rgba(0, 0, 20, 0.5), rgba(0, 0, 0, 0.5)), url("/assets/images/guitar-player.webp")}
    /* logout page */
	.logout-wrapper{
		height: 100vh;
        display: flex;
        align-content: center;
        flex-wrap: wrap;
		background-image:linear-gradient(rgba(0, 0, 20, 0.5), rgba(0, 0, 0, 0.5)), url("/assets/images/bg-2.webp");
		background-repeat: no-repeat;
		background-size:cover ;
	    		
		}
	    
	/* Media  */

@media only screen and (max-width: 500px) {
	
	.wrapper{
		margin-top: 3rem;
	}
	.info-txt{
		font-size: calc(0.8rem + 0.1vw);
		margin:0 1rem;
	}
	.members-cards{
	display: flex;
	flex-direction: row;
	justify-content: center;
   }
   .card{
	flex-basis: 95%;
   }

}
  

/* med phones */
@media (max-device-width: 912px) and (max-device-height:480px){   
    /* index pg */
    .wrap-bg{  
      height:200vh;     
    }
    .wrapper{
      margin-top: 5rem;
    }
  }

@media (min-width: 994px) {

.admin_oc {
		margin-top: 0px}}

@media (min-width: 992px) {
.admin_oc {
  visibility: visible !important;
  margin-left:250px;
  margin-top: 60px;
  position: fixed;
  z-index: 0;
 visibility: visible;

}
}

/* large phones */
 @media (max-device-width: 1040px) and (max-device-height:460px){
  .wrap-bg{
    height: 100%;
  }
  .wrapper{
    margin-top: 2rem;
  }
 } 
 @media (min-width:1200px){
   .pt-xl-3 {
        padding-top: 0 !important;
    }
 }

@media(min-width:1500px){
	.wrapper{
	  flex-direction: column;
	}
} 

.style1 {
  border-style: none;
}