@charset "utf-8";
/* CSS Document */



.pbk-body {
	background-color: #ffff99;
	background-image: linear-gradient(-225deg, #DFFFCD 0%, #90F9C4 48%, #39F3BB 100%);
	background-image: linear-gradient(-225deg, #FFE29F 0%, #FFA99F 48%, #FF719A 100%);
	background-image: linear-gradient(135deg, #CE9FFC 10%, #7367F0 100%);
	background-image: linear-gradient(135deg, #65FDF0 10%, #1D6FA3 100%);
	background-image: linear-gradient(135deg, #FFF997 10%, #F183C7 100%);
	background-attachment: fixed;
	background-size: cover;
	background-position: bottom;
}

.pbk-main-container {
	background-color: rgba(255, 255, 255, 0.75);
	min-height: 1000px;
	margin-bottom: 20px;
	padding-bottom: 60px;
}

.pbk-link {
	color: #000 !important;
}

.pbk-link:hover {
	color: #A00 !important;
}


.pbk-month-title {
	background-color: #009688;
	color: #FFF;
}

.pbk-month-btn {
	color: #FFF !important;
	background-color: #4caf50;

}


.pbk-month-btn:hover {
	color: #000 !important;
	background-color: #ffeb3b;
}


.pbk-month-btn {
	background-image: linear-gradient(to right, #B24592 0%, #F15F79 51%, #B24592 100%)
}

.pbk-month-btn {
	margin: 10px;
	padding: 15px 45px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	box-shadow: 0 0 20px #eee;
	border-radius: 10px;
	display: block;
}

.pbk-month-btn:hover {
	background-position: right center;
	/* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}



.pbk-acitvies-btn {
	background-color: #fdf5e6;
	color: #000;
}

.pbk-acitvies-btn:hover {
	background-color: #dbd3c4;
	color: #000;
}






.pbk-acitvies-btn {
	background-image: linear-gradient(to right, #E0EAFC 0%, #CFDEF3 51%, #E0EAFC 100%)
}

.pbk-acitvies-btn {
	margin: 10px;
	padding: 15px 45px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	box-shadow: 0 0 20px #eee;
	border-radius: 10px;
	display: block;
}

.pbk-acitvies-btn:hover {
	background-position: right center;
	/* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}






.pbk-acitvies-btn {
	background-image: linear-gradient(to right, #fffc00 0%, #ffffff 51%, #fffc00 100%)
}

.pbk-acitvies-btn {
	margin: 10px;
	padding: 15px 45px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	box-shadow: 0 0 20px #eee;
	border-radius: 10px;
	display: block;
}

.pbk-acitvies-btn:hover {
	background-position: right center;
	/* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}








.pbk-activies-title {
	background-color: #009688;
	color: #FFF;
	cursor: pointer
}


.pbk-activies-title {
	background-image: linear-gradient(to right, #02AAB0 0%, #00CDAC 51%, #02AAB0 100%)
}

.pbk-activies-title {
	margin: 10px;
	padding: 15px 45px;
	text-align: center;
	text-transform: uppercase;
	transition: 0.5s;
	background-size: 200% auto;
	color: white;
	box-shadow: 0 0 20px #eee;
	border-radius: 10px;
	display: block;
}

.pbk-activies-title:hover {
	background-position: right center;
	/* change the direction of the change here */
	color: #fff;
	text-decoration: none;
}


.pbk-facebook-title {
	background-color: #1877F2;
	color: #FFF;
	cursor: pointer
}

.pbk-facebook-title {
	background-color: #1877F2;
	color: #FFF;
	cursor: pointer
}


.pbk-pointer {
	cursor: pointer !important;
}

.pbk-shadow {
	text-shadow: 1px 1px 1px #AAA;
}

.pbk-shadow:hover {
	text-shadow: 0px 0px 3px #0FF;
}

.pbk-fb-btn {
	color: #3B5998
}

.pbk-link-btn {
	color: #ff5722;
}

.pbk-info-btn {
	color: #4caf50;
}

.pbk-ig-btn {
	color: #833AB4
}

.pbk-youtube-btn {
	color: #c4302b
}

.pbk-schoolLink {
	color: #FFF;
}

.pbk-schoolLink:hover {
	color: #FF0
}

.pbk-schoolLink-bg {
	background-color: mediumblue;
}