.bg-lblue{background-color:#c2d8f5;;}

#mainnav nav{font-size: 14px;}
#mainnav nav ul{list-style: none; margin:0px; padding:0px;}
#mainnav nav li{background-color:rgba(255,255,255,0); transition:all 0.3s ease-in-out; position: relative; margin-bottom: 1px;}
#mainnav nav li .no-link,
#mainnav nav li a{color: #8d8c86; text-decoration: none; display: block; padding:16px 16px 16px 48px; background-size: 32px 32px; background-position: left 32px center; background-repeat: no-repeat; transition:all 0.3s ease-in-out; cursor: pointer; text-transform: uppercase;}

#mainnav nav li .no-link:before,
#mainnav nav li a:before{content:'';position: absolute; left:0px; top:4px; width:0px; height: 0px; border-top:24px solid transparent; border-bottom: 24px solid transparent; border-left: 20px solid rgba(255,255,255,0);  transition:all 0.3s ease-in-out; }

#mainnav nav li > .no-link:hover,
#mainnav nav li > a:hover{background-color:rgba(255, 255, 255,1);}
#mainnav nav li.active .no-link,
#mainnav nav li.active > a{ border-top:4px solid #4ea9ec; border-bottom: 4px solid #4ea9ec; color:#fff; background-color:#000; border-color:#4ea9ec }
#mainnav nav li.active > .no-link:before,
#mainnav nav li.active > a:before{border-left-color: rgba(255,255,255,1); }
#mainnav nav li.active a:hover{color:#333;}


#mainnav nav li.has-submenu .no-link:after{display: inline-block; margin-left:12px; vertical-align: middle; content:''; width:0px; height: 0px; border-top:6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid rgba(255,255,255,1);  transition:all 0.3s ease-in-out;}
#mainnav nav li.has-submenu.on .no-link:after{transform: rotate(90deg);}
#mainnav nav li.has-submenu ul{height: auto; max-height: 0px; overflow-y: hidden; transition: all 0.3s ease-in-out;}
#mainnav nav li.has-submenu.on ul{max-height: 800px;}
#mainnav nav li.has-submenu a{padding-left: 48px;}
#mainnav nav li.has-submenu li.active{font-weight: 700; background-color:rgba(255,255,255,0.2); }

#mainnav nav ul.submenu a{padding-left:64px;}
#mainnav nav ul.submenu a:hover{color:#000;}
#mainnav nav ul.submenu li.on{color:#000; background-color:#fff;}
#mainnav nav ul.submenu li.on a{color:#000;}

@media screen and (max-width:1400px){
    #mainnav nav{font-size: 12px;}
    #mainnav nav li .no-link, #mainnav nav li .no-link,
    #mainnav nav li .no-link, #mainnav nav li a{padding-left: 24px;}
    #mainnav nav li .no-link:before, #mainnav nav li a:before{border-top-width: 22px; border-bottom-width: 22px; border-left-width: 18px; top:6px}
    #mainnav nav ul.submenu a { padding-left: 24px;}

}

#mainnav nav{font-size: 18px;}
#mainnav nav li .no-link, #mainnav nav li a{color:#111; font-family: 'Oswald'; font-weight: 700; letter-spacing: 0.5px;}
#mainnav nav li .no-link:after{content:' - coming soon'; font-style: italic; display: inline-block; margin-left: 6px;}
#mainnav nav li.active .no-link, #mainnav nav li.active > a{border-color:#fed51b;}
#mainnav nav ul.submenu li.on a{color:#fff;}
#mainnav nav ul.submenu{display: none; font-size: 0.8rem;}
#mainnav nav .on > ul.submenu{display: block; background-color:#ababab;}
#mainnav nav li > .no-link:hover, #mainnav nav li > a:hover{color:#202020;}
#mainnav nav li.active a:hover{color:#fff;}
#mainnav nav li.active ul.submenu a:hover{color:#111;}

#calendar_display td{border-top:none; border-bottom:none; padding:0;}

#calendar_display td.single{padding:1rem 0.5rem;}
#calendar_display thead{background-color:#6694d0; color:#fff; border-top:4px solid #fed51b;}
#calendar_display thead th{background-color:#111; }
#calendar_display thead .week th{background-color:#6694d0; padding:8px;}
#calendar_display .date span{background-color:transparent; color:#111; font-weight: 400;}

#bulletin_list .date{color: #033e69; font-size:1.1rem; font-weight: 700; padding:0.5rem 0;}
#bulletin_list .post{overflow: hidden; position: relative; padding-bottom: 1rem;}
#bulletin_list .show-more-row{position: absolute; bottom:0px; width:100%; justify-content: center; background-color:rgba(255,255,255,0.8);}
#bulletin_list .show-more-row .show-more,
#bulletin_list .show-more-row .show-more:focus-visible{border:1px solid #ddd; outline:none}
#bulletin_list .actions{padding:.5rem 0; display: flex; justify-content: end;}
#bulletin_list .actions .button{margin-left: 1rem;}
#bulletin_list .replies{border-top:1px solid #999;}
#bulletin_list .reply{padding:0.5rem 0 0.5rem 2rem; border-bottom: dashed 1px #666;}

.heading{
    font-size: 24px;
}

@media screen and (min-width:767px) {
    .heading{font-size: 30px;}
}

.ui-widget button{font-size: 0.8em; font-family: inherit;}

.tabbed-content.jq-accordion .ui-widget{font-family:'Roboto', sans-serif;}
.tabbed-content.jq-accordion .ui-accordion ul.tabs{margin:0px; padding:0px;}
.tabbed-content.jq-accordion .accordion.header{display: none;}
.tabbed-content.jq-accordion .accordion.header.ui-state-active{background-color:#333; border-color:#333; border-bottom-color:#fed51b}


.label-container{position: relative; border:1px solid #999; border-radius: 3px; margin-bottom: 12px; padding:5px 10px; background-color:#fff;}
.label-container:has(.invalid){box-shadow:0px 0px 0px 4px #ae2307; background-color:#ecafa9;}
.label-container .invalid{background-color:#ecafa9;}
.label-container input{border:none; margin:0px; outline: 0; width:100%;}
.label-container label{position: absolute; transition: all 0.3s ease-in-out; width:auto; max-width:100%;}
.label-container.active label{transform:translate(-12px,-10px) scale(0.8); color:#666;}
.label-container.select-container{ padding:0px 10px;}
.select-container select{border:none;  margin-top:11px; margin-bottom:8px; background-color:none; padding:7px 16px;}
.select-container select:focus-visible{border:none; outline: none;}
.select-container.active label{transform: translate(-13px,-5px)  scale(0.8);}
.label-container input[type="date"]{margin-top:8px;}
.label-container input:-internal-autofill-selected{background-color:#fff !important;}
input[type=checkbox], input[type=radio]{
    width:2em; height: 2em; line-height: 2.2em; margin-bottom: 0.5em; margin-right: 0.5em; display: inline-block; vertical-align: middle;
}

.jd-ui-button{cursor: pointer;}
#Popup{display: none;}

input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], textarea{padding:8px 16px;}

.form-control.invalid{background-color:#f3a090;}

.password-requirements{margin:0px; padding:0px;}
.password-requirements li{transition:color 0.3s ease-out 0.5s, max-height 0.5s ease-out, opacity 0.5s ease-out, margin-bottom 0.5s ease-out; font-weight: 600; overflow-x: visible; overflow:hidden; max-height: 5em; margin-bottom: 1em;}
.password-requirements li.z_warn{color:#ae2307;}
.password-requirements li.invalid{color:#ae2307;}
.password-requirements li.valid{color:#07ae2e; max-height:  0em; opacity: 0; margin-bottom: 0px; transition:color 0.3s ease-out, max-height 0.5s ease-out 0.5s, opacity 0.5s ease-out 0.5s,  margin-bottom 0.5s ease-out 0.5s; }
 #confirm_password_wrapper{opacity: 0; max-height: 0; overflow: hidden; transition: all 0.5 ease-out;}
 #confirm_password_wrapper.on{opacity: 1; max-height: 7em; transition: opacity 0.5s ease-out, max-height 0.5s ease-out;}

#create-password button[type="submit"]{opacity: 0; max-height: 0; overflow: hidden; transition: all 0.5s ease-out;}
#create-password button[type="submit"].on{opacity: 1; max-height: 4em; transition: opacity 0.5s ease-out, max-height 0.5s ease-out;}
.password-input-wrapper{position: relative;}
.toggle-password{position: absolute; right: 0px; top: 0px; padding: 19px 20px; border: none; background: none; color: #666; cursor: pointer; font-size: 14px; border-left: 1px solid #666; border-radius: 0px 4px 4px 0px; transition: all 0.3s ease-in-out;  background-repeat: no-repeat; background-position: center center; background-size: 30px 30px;}
.toggle-password.fa-eye-slash{}


@media screen and (max-width:640px){
    .tabbed-content.jq-accordion ul.tabs{display: none;}
    .tabbed-content.jq-accordion .ui-accordion .ui-accordion-header{display: block; margin-left: -8px; margin-right: -8px;}
    .ui-accordion .ui-accordion-content{padding:24px  16px 24px 16px; margin-left:-8px; margin-right:-8px;}


    
    .dropzone .dz-message{margin:24px 0px;}

    .label-container.active label{transform: translate(-22px, -12px) scale(0.8);}
    .select-container.active label{transform: translate(-16px,-2px)  scale(0.8);}


    
}


#Main{border-top:4px solid #fed51b;}

/* #region Gallery */

.hover-zoom:hover .image,
.parent:hover .hover-zoom .image {
	transform: scale(1.1);
	transition-duration: 15s;
}

.gallery.scrolling-grid {
	margin-top: 5rem !important;
	margin-bottom: 5rem !important;
}

.gallery .item {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.gallery.has-gap:not(.slider) .item {
	padding: 15px;
}

.gallery .item .image-wrapper {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: auto;
	display: block;
}

.gallery .item .image {
	position: relative;
	z-index: 0;
	width: 100%;
	height: auto;
	display: block;
	transition: transform 2s cubic-bezier(0.2, 1, 0.2, 1);
}

.gallery .item .image-wrapper .overlay {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--color);
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.gallery .item.active .overlay,
.gallery .item:hover .overlay {
	opacity: 1;
}

.gallery .item .image-wrapper .overlay.has-border {
	background-color: transparent;
	border: 1px solid;
	border-color: var(--color);
	opacity: 0.5;
}

.gallery .item .image-wrapper .overlay.has-border.top-item {
	border-top: 0
}

.gallery .item .image-wrapper .overlay.has-border.right-item {
	border-right: 0;
}

.gallery .item .image-wrapper .overlay.has-border.bottom-item {
	border-bottom: 0;
}

.gallery .item .image-wrapper .overlay.has-border.left-item {
	border-left: 0;
}

.gallery .item .gallery-icon {
	position: absolute;
	z-index: 2;
	font-size: 5rem;
	color: var(--color);
	opacity: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.gallery .item.active .gallery-icon {
	opacity: 0.75;
}

.gallery .item:hover .gallery-icon {
	font-size: 6rem;
	opacity: 0.75;
}

.gallery .item .text-wrapper {
	position: absolute;
	z-index: 2;
	width: 100%;
	padding: 2.5rem 3.5rem;
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.gallery .item.active .text-wrapper,
.gallery .item:hover .text-wrapper {
	opacity: 1;
}

.gallery .item .text-wrapper .title {
	margin: 0;
	color: var(--color);
}

.gallery .item .text-wrapper .description {
	margin: 1.5rem 0 0;
	color: var(--color);
}

@media (max-width: 991px) {

	.gallery .item .gallery-icon {
		font-size: 3rem;
	}
	
	.gallery .item:hover .gallery-icon {
		font-size: 3.5rem;
	}

	.gallery .item .text-wrapper {
		padding: 1rem;
	}
}

@media (max-width: 767px) {

	.gallery.scrolling-grid {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
	}
}

ul.tabs li.membership{background-image: url(../../assets/img/icons/membership-off.svg);}
ul.tabs li.on.membership{background-image: url(../../assets/img/icons/membership-on.svg);}
ul.tabs li.payment{background-image: url(../../assets/img/icons/payment-history-off.svg);}
ul.tabs li.on.payment{background-image: url(../../assets/img/icons/payment-history-on.svg);}

#sidebar{border-top:4px solid #fed51b;}
/* #endregion Gallery */