/*===================================
 *            Modal
 * ================================*/
.bbwdModalToggle:hover{
	cursor: pointer;
}
#bbwdModal{
    position: fixed;
    top: 0;
    z-index: 9999999;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    height: 100vh;
}
#bbwdModInner{
	width: 50%;
    max-width: 50%;
	max-height: 60vh;
	/*overflow-y: scroll;*/
    padding: 50px 60px;
    background: white;
    border-radius: 10px;
    box-shadow: 0px 5px 10px -3px;
	gap: 20px;
}
#bbwdCloseModal{
    margin-top: -45px;
    margin-right: -55px;
}
#bbwdCloseModal button{
	border-radius: 100px;
	padding: 5px 8px;
	line-height: 1;
	font-size: 15px;
	color: grey;
	border-color: grey;
}
#bbwdCloseModal button:hover{
	color: white;
	background: grey;
}
#bbwdModalContent{
	width: 100%;
}
.bbwdToModal{
	display: none;
}
#bbwdModalContent .bbwdToModal{
	display: inherit;
}
 /**end modal**/
/*===================================
 *          Cookie Notice
 * ================================*/
#bbwdCookieNotice{
	position: fixed;
    bottom: -250px;
    left: 0px;
    width: 100%;
    background: white;
    padding: 30px 5px;
    box-shadow: 0 0 20px -5px rgba(0, 0, 0, .15);
    z-index: 9999;
}
#bbwdInnerCookie{
	margin: auto;
}
#bbwdInnerCookie p{
	margin: 0;
}

#bbwdInnerCookie a{
	text-align: center;
	font-size: 12px;
}




/*======== Home Global ========*/
/*
 * Colors:
 * Blue -    #00314F
 * Orange -  #EC5E00
 * 
 * */
body{
	padding: 0;
	margin: 0;
	font-family: 'Roboto', sans-serif;
}
.bpHideMe{
	display: none !important;
}
.mc-main .my-calendar-header select:focus, .mc-main .my-calendar-footer select:focus, .mc-main .my-calendar-header select:hover, .mc-main .my-calendar-footer select:hover, .mc-main .my-calendar-header input:hover, .mc-main .my-calendar-header input:focus, .mc-main nav .my-calendar-header a:hover, .mc-main nav .my-calendar-footer a:hover, .mc-main nav .my-calendar-header a:focus, .mc-main nav .my-calendar-footer a:focus{
	outline: none !important;
}

a:focus-visible, button:focus-visible{
	outline: none !important;
}

button, button:focus{
	background: #00314F;
	padding: 15px 40px;
	border-radius: 5px;
	outline: none !important;
	border: 2px solid #00314F;
	color: white;
	fill: white;
}
button:hover{
	cursor: pointer;
	outline: none !important;
	background: white;
	color: #00314F;
	fill: #00314F;
}

/** Header **/
header li.menu-item-40 a{
	padding-right: 0 !important;
}
/*end header*/

/** Footer **/
footer a{
	color: white !important;
}
footer a:hover{
	opacity: .8;
}
/*end footer*/

/**Form Fields**/

/*end form fields*/

/*======== end global ========*/

/********** Home Page **********/

/* end home */


/******* Association Page *******/
.Associations p, .Rentals p{
	margin: 0 0 -2px 0 !important;
	padding: 0px !important;
}
#AssociationContact .elementor-tab-title{
	border: none !important;
	color: white;
	background: #EC5E00;
}
.bbwdCal .e-con-inner{
	justify-content: center !important;
}
.bbwdCal .mc-main .mc_general .event-title, .bbwdCal .mc-main .mc_general .event-title a{
	background-color: #00314F !important;
}
.bbwdCal input, .bbwdCal select{
	margin: 0px 5px !important;
	border-radius: 5px !important;
}
.bbwdCal select:hover{
	cursor: pointer;
}
.bbwdCal input[type="submit"]{
    border: 2px solid #00314F !important;
    font-family: 'Inter' !important;
    text-transform: uppercase;
    font-weight: 800 !important;
    color: white;
    background: #00314F !important;
    border-radius: 5px;
}
.bbwdDocMaster{
    display: flex;
    flex-flow: row wrap;
	align-items: stretch;
    justify-content: start;
    padding: 25px 0;
	gap: 20px;
}
.bbwdDoc {
    width: 24%;
    background: white;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    padding: 20px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
}
.bbwdDocMaster a{
	width: 32%;
	font-family: "Roboto", Sans-serif;
	display: flex;
}
.bbwdDocMaster button{
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 800;
	gap: 10px;
	border-radius: 5px;
	padding: 12px 24px;
	width: 100%;
	box-shadow: 0 5px 10px rgba(0, 0, 0, .4);
	transition-duration: .2s;
}
.bbwdDocMaster button:hover{
	box-shadow: 0 2px 2px rgba(0, 0, 0, .4);
}
.bbwdDocMaster button p{
	padding: 0;
	margin: 0;
}
.bbwdDoc img{
    width: 100%;
    height: 150px;
    object-fit: cover;
}
.bbwdDoc h3{
	text-align: center;
	text-transform: Capitalize;
}
.bbwdDoc svg{
	margin-bottom: -2px;
}
.bbwdCardBtn{
	width: 100%;
}
.bbwdAssocCont .elementor-tab-title{
	text-align: center;
    border-radius: 5px;
	border: 2px solid #00314F;
}
form.mc-date-switcher input[type='submit']{
	color: white !important;
}

/* end association */

/******* Rentals Page *******/
.rentalPage .elementor-tab-title{
	border: 1px solid #00314f !important;
    border-radius: 10px;
	margin: 0 20px;
}
.rentalPage .elementor-tab-title.elementor-active{
	color: white !important;
    background: #ec5e00;
    border-color: #ec5e00 !important;
}
.rentalPage .listing-filters{
	background: transparent;
}
.rentalPage .main-listings-page .listing-item img{
	object-fit: cover;
}
.rentalPage .listing-filters form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 25px;
}
.rentalPage .listing-filters select, .listing-filters input[type="text"], .listing-filters input[type="number"]{
	width: 100% !important;
	margin: 10px 10px;
}
.rentalPage .listing-filters input[type="submit"],  .rentalPage .details a{
	background: #00314F !important;
	border: none;
}
.rentalPage .list-img span.rent-price{
	background: #EC5E00;
}
.rentalPage .listing-filters input[type="submit"]{
	padding: 10px 40px;
	font-family: "Inter";
	font-weight: 500;
	align-self: stretch;
}

.rentalPage .details{
	background: #F6F6F6;
}
/***** end Rentals *****/

/******* About Us Page *******/
.page-id-19 .elementor-tab-title{
	text-align: center !important;
	border-radius: 3px !important;
}

/***** end About Us *****/


/**************** Screen at 1080px ****************/
@media only screen and (max-width: 1080px){
	.bbwdDocMaster a{
		width: 50%;
	}
}


/**************** Screen at 800px ****************/
@media only screen and (max-width: 800px){
	.bbwdDocMaster a{
		
	}
	.rentalPage .listing-filters form{
		flex-flow: column;
	}
	.bbwdCal .my-calendar-header{
		justify-content: center !important;
	}
	
	.bbwdDocMaster{
		flex-flow: column;
	}
	.bbwdDoc{
		width: 100%;
	}
	.bbwdDocMaster a{
		width: 100%;
	}
}
/**** end *****/






/*===================================
 *          Tablet
 * ================================*/
@media only screen and (max-width: 1024px) {
}

/*===================================
 *          Mobile
 * ================================*/
@media only screen and (max-width: 767px) {
	#bbwdCookieNotice{
		bottom: -440px;
	}
  #bbwdInnerCookie{
		flex-flow: column;
		justify-content: stretch;
		align-items: stretch;
		gap: 0;
	}
}