body{
   background-color:rgb(32, 33, 35);
}

a{
	color:rgb(32, 33, 35);
}

a:hover{
	color: rgb(171, 130, 48);
	text-decoration: none;
}



p{
font-family: 'Poppins', sans-serif;
font-size: 18px;
}

dd{
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
}

li {
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
}

ol{
	text-align: justify;
line-height: 1.6;
}

ul{
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	text-align: justify;
    line-height: 1.6;
}

h1{
	color:rgb(203, 178, 122);
	font-family: 'Lobster', cursive;
}

h4{
	font-family: 'Poppins', sans-serif;
}


/*-You Tube Button - about us page-*/
.youtube-white {
	fill: rgb(248, 248, 248);
}

.youtube-white:hover {
	color: rgb(203, 178, 122);
}


.btn-outline-warning{
	visibility: visible!important;
}

.btn-primary{
	color:#4267B2;
	padding: 4px;
}

.btn-primary:hover{
	color:#1877f2ff;
}

/*- Button One-*/
.btn-outline-warning{
	color:rgb(32, 33, 35);
	background-color:rgb(203, 178, 122);
	border-color: rgb(32, 33, 35);
	border-width: 2px;
	outline-style: solid;
	outline-width: thin;
	outline-color:rgb(203, 178, 122);
	border-radius: 1px;
	padding-left: 15px;
	padding-right: 15px;
	font-family: 'Poppins', sans-serif;

}

.btn-outline-warning:hover{
	background-color:rgb(32, 33,35);
	border-color: rgb(32, 33, 35);
	color: rgb(171, 130, 48);

}

/*- End of Button One-*/

/*- Button Two-*/
.btn-outline-warning-two{
	color:rgb(248, 248, 248);
	background-color:rgb(203, 178, 122);
	border-color: rgb(248, 248, 248);
	border-width: 2px;
	outline-style: solid;
	outline-width: thin;
	outline-color:rgb(203, 178, 122);
	border-radius: 1px;
	padding-left: 15px;
	padding-right: 15px;
	font-family: 'Poppins', sans-serif;
}

.btn-outline-warning-two:hover{
	background-color:rgb(248, 248, 248);
	border-color: rgb(248, 248, 248);
	color: rgb(171, 130, 48);

}
/*- End of Button Two-*/

.bkground-victoria{
	background-image: url("../img/victoria-img.jpg");
	background-position: 10%;
	background-size: cover;
}

.bkground-1{
	background-image: url("../img/blended-membership.jpg");
	background-size: cover;
}

.bkground-2{
	background-image: url("../img/blended-membership2.jpg");
	background-size: cover;

}

.bkground-drk-grey{
	background-color: rgb(28, 29, 31);
}

.bkground-red{
	background-color: rgb(154, 0, 0)
 }

.bkground-white{
	background-color: rgb(248, 248, 248)
}

.bkground-wallpaper{
	background-image: url("../img/use_your_illusion.webp");
  	background-repeat: repeat;
}

.bkground-blended-dancer{
	background-image: url("../img/blended-dancer.png");
	background-position: 10%;
	background-size: cover;
}

.bkground-hallhire{
	background-image: url("../img/hall-hire-main-img.jpg");
	background-position: 10%;
}

.bkground-hall-hire-1{
	background-image: url("../img/bar-and-catering.jpg");
	background-repeat: no-repeat;
	min-height: 370px;
}

.bkground-hall-hire-2{
	background-image: url("../img/entertainment-and-contacts.jpg");
	background-repeat: no-repeat;
	min-height: 370px;
}

.bkground-blended-guitar{
	background-image: url("../img/blended-guitar.jpg");
	background-repeat: no-repeat;
	background-position: 10%;  	
	background-size: cover;
}

.bkground-blended-champagne{
	background-image: url("../img/blended-champagne.jpg");
	background-size: cover;
  	
}

.bkground-blended-lights{
	background-image: url("../img/blended-lights.png");
	background-size: cover;
  	
}

.bkground-fundraising{
	background-image: url("../img/fundraising-img.jpg");
	background-size: cover;
	background-position: 10%;
}

.bkground-football2{
	background-image: url("../img/bkground-football2.png");
	background-size: cover;
	background-position: 10%;
	background-color: rgba(255,255,255,0.8)!important;
 	
}



.bodycard-icons{
	max-width: 25px;
	margin-left: 5px;
	margin-bottom: 5px;
}

.border-top-white{
	border-top:1px solid rgba(250, 250, 250, 0.1) !important
}

.box-shadow{
	box-shadow: 5px 10px 8px rgb(136, 136, 136);
}

.card-black{
	background: #222;
	border: 1px solid white;
	color: rgba(250, 250, 250, 0.8);
	margin-bottom: 2rem;
}


.card-dark{
	background: #222;
	border: 1px solid white;
	color: rgba(250, 250, 250, 0.8);
	margin-bottom: 2rem;
	border-radius: 5px;
}


.contact-icons{
	max-width:20px;
	margin-left: 20px;
}

.divider{
	background-color: rgb(203, 178, 122);
	background-image: linear-gradient(to right, rgb(203, 178, 122) 0% 33.33%, rgb(171, 130, 48) 33.33% 66.66%, rgb(203, 178, 122) 66.66% 100%);
	height: 7px;
}

.font-14px{
	font-size:14px;
}

.font-light-gold{
	color: rgb(203, 178, 122);
	}

.font-red{
	color: rgb(154, 0, 0);
}

.f-black{
	color:#212529;
}

.font-script{
	font-family: 'Dancing Script', cursive;
}

.font-white{
	color: rgb(255, 255, 255);
}

.full-width-img{
    width: 100%;
    }



/* Grid items (Membership Info)*/

.border-right{
	border-right: 1px solid rgba(250, 250, 250, 0.1)!important;
}

.border-bottom{
	border-bottom: 1px solid rgba(250, 250, 250, 0.1)!important;
}

.top-b{
		border-top: 1px solid rgba(250, 250, 250, 0.1);
}

.grid-container {
	display:grid;
	column-gap: 1px;
	row-gap: 1px;
	grid-template-columns: 50% 50%;
	grid-template-rows: auto 100%;
	justify-content: space-evenly;

  }

.grid-item{
	padding: 20px;
}

.larger-font{
	color:rgb(203, 178, 122);
	font-family: 'Lobster', cursive;
	font-size: 3.5rem;
}
.image-border{
	max-width: 100%;
	border:10px solid white;
	box-shadow: 5px 10px 8px rgb(136, 136, 136);
}

.item1 {
	grid-row-start: 1;
	grid-row-end: 2;
  }

  .icon-wrapper{
	padding:10px;
  }

  .icon-wrapper img{
	max-width: 50px;
  }
/* end of Grid items */


/*fundraising cards */

.min-height{
	min-height: 186px;
}

/* end of fundraising cards */


.img-fluid{
	min-width: 100%;
}

.light-gold{
background-color: rgb(203, 178, 122);
}

.dark-gold{
background-color: rgb(171, 130, 48);
}

.footer{
	font-size: 15px;
}

.footer p{
	font-size: 15px;
}


.logo-transparent-box{
	max-width: 7%;
}

.mb-2{
	margin-bottom: 2px;
}


.outter-container{
	display: flex;
	position: absolute;
	top: 0;
	bottom: 0;
}

.position-relative{
position: relative;
}

.padding-40{
	padding: 40px 50px 40px 50px;
}


.slider-hider-two{
	visibility: hidden;
	display: none;
}

@media all and (max-width: 700px) {
	.slider-hider{
		visibility: hidden;
		display:none;
	}
}

@media all and (max-width: 699px) {
	.slider-hider-two{
		visibility: visible;
		display: block;
	}
}

.text-container{
	width: 80%;
	margin: auto;
}

.text-container-full-width{
	width: 100%;
	margin: auto;
	padding: 10px;
}


.transparent-box{
    width:800px;
    height:200px;
    background-color: rgb(32, 33, 35,0.9);
    border-radius:5px;
    right: 0;
    bottom: 0;
    left: 0;
    top: -413px;
	margin: auto;
	position: relative;
}

@media all and (max-width: 1470px) {
	.transparent-box{
		top: -340px;
	}
}
@media all and (max-width: 1230px) {
	.transparent-box{
		top: -290px;
	}
}
@media all and (max-width: 1040px) {
	.transparent-box{
		top: -260px;
	}
}
@media all and (max-width: 900px) {
	.transparent-box{
		right: 0;
    bottom: 0;
    left: 0;
    top: 0;
	margin: auto;
	position: relative;
	}
}

.divider{
	margin-top:-200px;
}

@media all and (max-width: 900px) {
	.divider{
		margin-top: 0;
	}
}



.top-logo{
    max-width: 20%;
	float: right;
}

.top-text-container{
	position: absolute;
}

.top-text-inner {
	top: -375px;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	}

.navbar-inner{
	background: transparent;
}

.no-gutters {
	margin-right: 0;
	margin-left: 0;
}
	.col {
	  padding-right: 0;
	  padding-left: 0;
	}


.wrapper-padding {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
	padding-right: 30px;
}

.wrapper{
	width: 50%;
	margin: auto;
}

.z-index{
	z-index: 1;
}
/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}	
/* ============ desktop view .end// ============ */

 /* Navigation Menu */
  .accordion {
    background-color: transparent;
    color: #444;
    cursor: pointer;
    padding: 16px;
    width: 100%;
    text-align: left;
    border:none;
    outline: none;
    transition: 0.4s;
    border-bottom: 1px solid #e5e4e3;
    box-shadow: none;
  }
  
    .active, .accordion:hover {
    color:#e60000;
    background-color:transparent;
  }

  .panel {
    padding: 0 16px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    
  }

  .accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    float: left;
    margin-right: 10px;
  }
  
  /*
  .active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) 
  }
  */

  ul{
      text-align: left;
  }  

    /* ============ Navigation desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}	
/* ============ desktop view .end// ============ */

 /* End of Navigation Menu */

@media all and (max-width: 580px) {
	.top-logo{
		float: none;
		min-width: 15px;
	}

	.outter-container{
		margin: 5%;
	}
	
	.outter-container{
		position: relative;
	}

	.icon-wrapper {
		padding: 1px;
	}


	.top-text-inner {
		top: -114px;
		bottom: 0;
		left: 0;
		right: 0;
		position: absolute;
	}
	.top-text-inner h1{
		font-size: 1.5rem;
	}
	p{
		font-size: 16px;
	}

	li{
		font-size: 16px;
	}
	h1{
		font-size: 2.3rem;
	}
	h5{
		font-size: 1rem;
	}

}

@media all and (max-width: 992px) {
	.outter-container{
		position: relative;
		margin-bottom: 20px;
	}
}

/*top inner container*/

@media all and (max-width: 1500px) {
	.top-text-inner{
		top: -327px;
		bottom: 0;
		left: 0;
		right: 0;
		position: absolute;
	}
}
@media all and (max-width: 1200px) {
	.top-text-inner{
		top: -283px;
		bottom: 0;
		left: 0;
		right: 0;
		position: absolute;
	}
}
@media all and (max-width: 900px) {
	.top-text-inner{
		top: -228px;
		bottom: 0;
		left: 0;
		right: 0;
		position: absolute;
	}
}

@media all and (max-width: 700px) {
	.top-text-inner{
		top: -190px;
		bottom: 0;
		left: 0;
		right: 0;
		position: absolute;
	}
	.icon-wrapper img{
		max-width: 40px;
	}
}

@media all and (max-width: 600px) {
	.top-text-inner{
		top: -170px;
		bottom: 0;
		left: 0;
		right: 0;
		position: absolute;
	}
	.youtube-video iframe{
		width:460px;
	}
}

@media all and (max-width: 580px) {
	.home-button{
		visibility: hidden;
	}
	.top-text-inner{
		top: -128px;
		bottom: 0;
		left: 0;
		right: 0;
		position: absolute;
	}
}
@media all and (max-width: 450px) {
	.top-text-inner{
		top: -109px;
		bottom: 0;
		left: 0;
		right: 0;
		position: absolute;
	}
	.youtube-video iframe{
		width:370px;
}
}
@media all and (max-width: 300px) {
	.top-text-inner{
		top: -100px;
		bottom: 0;
		left: 0;
		right: 0;
		position: absolute;
	}
	.top-text-inner h1{
		visibility: hidden;
	}
	.club-name{
		font-size: 20px;
	}
	.grid-item{
		padding-left: 5px;
		padding-right: 5px;
	}
	.youtube-video iframe{
		max-width:100%;
}
.main-header{
	visibility: collapse;
	display: none;
}
.main-sub-header{
	padding: 10px;
}
.transparent-box{
	height: auto;
}
}