@media only screen and (min-width: 575px){
	.event-item{
		padding-top: 295px !important;
	}
}


@media only screen and (max-width: 575px){
	.isotope-item{
		width: 150px !important;
	}
	/*.event-item{
		padding-top: 235px !important;
	}*/
}

@media only screen and (max-width: 500px){
	.isotope-item{
		width: 70% !important;
	}
	/*.event-item h5{
		padding-top: 65px !important;
	}*/
}
@media only screen and (max-width: 880px){
	.isotope-item{
		width: 180px;
	}
}

/*@media only screen and (max-width: 960px){
	.isotope-page div.content h1.page-title{
		margin-left: 20px !important;
	}
}*/

/*Astra theme compatibility:*/
div.ast-container div.isotope-page#invoices-page div.grid{
	margin-top: 160px;
}
div.ast-container div.isotope-page#email-page div.grid {
	margin-top: 160px;
}

.isotope-page{
	/*background-image: url('./images/bkg.jpg') !important;*/
	background-size: cover;
	/*padding-top: 90px !important;*/
	/*Astra Compatibility: */
	width: 100%;
	/*Astra Compatibility: */
}

.isotope-page .grid{
	margin: 20px auto;
	max-width: 1240px;
}

.isotope-page .edit-section{
	position: absolute;
	top: 0px;
	right: 0;
	/* left: 0; */
	/*width: 150px;*/
	/* margin-left: auto; */
	/* margin-right: auto; */
	text-align: center;
	background-color: rgba(0,0,0,0.1);
	padding: 10px 20px;
	font-size: small;
	border-radius: 2px;
	margin-bottom:20px;
	/*color: black;*/
}


.isotope-item iframe{
	box-sizing: border-box; 
	width: 100%;
	height: inherit;
}

.isotope-page .background-img {
	background-image: url('./images/bkg.jpg') !important;
	background-size: cover;
	background-attachment: fixed;
	background-color: #ffffff;
	background-repeat: repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
	z-index: -2;
	position: fixed;
	top: 0px;
	left: 0px;
	
	
}

.isotope-page div.content h1.page-title {
	font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    text-align: center;
    font-size: 20px;
    color: white;
}

.isotope-page #mk-footer{
	padding-top: 0px;
}


.isotope-page .mask{
  background: url("./images/mask.png") center center !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.isotope-page h1.title{
	color: black;
	margin-top: 0px;
	font-size: 20px;
	text-align: center;

}

.isotope-item a{
	-transition: .4s;
	-o-transition: .4s;
	-ms-transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
}


.isotope-page .isotope-item{
	width: 210px;
	padding: 35px 25px;
	margin-left: 32px;
	margin-bottom: 22px;
	backdrop-filter: blur(10px);
  	-webkit-backdrop-filter: blur(10px);
	position:relative;
	border-radius: 5px;
	border: 1px solid rgba(0,0,0,0.08);
}
.isotope-item.white{
	background-color: rgba(255,255,255,0.8);
	color: black !important;
	border: 1px solid rgba(0,0,0,0.07);
}
.isotope-item.black{
	border: 1px solid rgba(0,0,0,0.07);
	background-color: rgba(0,0,0,0.7);
  	color: #fff9 !important;
}

.isotope-page .email-item{
	padding: 60px 25px;
}

.isotope-item.white hr{
	border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
}


.isotope-item ul{
	margin-left: 0px;
}

.isotope-item ul li{
	list-style: none;
	margin-left: 0px;
}

.isotope-item hr{
	border-top: 1px solid rgba(0,0,0,0.2);
	border-left: none;
}

.isotope-item.black hr{
	border-top: 1px solid black !important;
	border-bottom: 1px solid rgba(255,255,255,0.09) !important;
	border-right: 0px;
	border-left: 0px;
}
.isotope-item.black ul li{
	color: #fff9 !important;
}

.isotope-item.white h5{
	color: black !important;
}
.isotope-item.black h5{
	color: white !important;
}
.isotope-item.transparent h5{
	color: white !important;
}

.isotope-item.transparent hr{
	border-top: 1px solid black !important;
	border-bottom: 1px solid rgba(255,255,255,0.09) !important;
	border-right: 0px;
	border-left: 0px;
}
.isotope-item.transparent ul li{
	color: #fff9 !important;
}
.isotope-item.transparent .edit a:hover{
	color: white !important;
}
.isotope-item.transparent {
	border: 1px solid rgba(0,0,0,0.07);
	background-color: rgba(0, 0, 0, 0.3);
	color: #fff9 !important;
}
.isotope-item.transparent .edit a{
	color: #00b1ba;
}
.isotope-item.transparent .edit a:hover{
	color: white !important;
}





.grid-item { 
	width: 210px;
	padding: 35px 25px;
	border: 1px solid rgba(0,0,0,0.07);
	margin-left: 32px;
	margin-bottom: 22px;
	background-color: rgba(0, 0, 0, 0.2);
	backdrop-filter: blur(10px);
  	-webkit-backdrop-filter: blur(10px);
  	float:left;
}

.email-item{
	width: 210px;
	padding: 35px 25px;
	margin-left: 32px;
	margin-bottom: 22px;
	backdrop-filter: blur(10px);
  	-webkit-backdrop-filter: blur(10px);
  	float:left;
  	/*height: 150px;*/
  	/*max-height: 150px;*/
  	text-align: center;
	border-radius: 5px;
	border: 1px solid rgba(0,0,0,0.08);
}

.email-item h6{
	margin-top:10px;
	text-align: left;
}

.email-item ul{
	margin-left: 0px;
}
.email-item ul li{
	list-style: none;
	margin-left: 0px;
	text-align: left;
	word-break: break-all;
}

.email-item.black{
	background-color: rgba(0,0,0,0.5) !important;
}

.email-item.black h6{
	color: #00b1ba !important;
	font-size: small;
}

.email-item.black a.post-delete-link{
	color: rgba(255,255,255,0.5);
}
.email-item.transparent{
	background-color: rgba(0,0,0,0.3) !important;
	border: 1px solid rgba(0,0,0,0.07);
}

.email-item.transparent hr{
	border-top: 1px solid black !important;
	border-bottom: 1px solid rgba(255,255,255,0.09) !important;
	border-right: 0px;
	border-left: 0px;
}

.email-item.transparent h6{
	color: #00b1ba !important;
	font-size: small;
}

.grid-item p{
		color: #fff9 !important;
}


.grid-item p.customer_details{
	font-size: 11px !important;
	padding: 0px;
	margin: 0px;
}
 
.grid-item hr{
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(89, 89, 89, 0.3);
	border-right: 0px;
	border-left: 0px;
}

.grid-item-info{
	padding: 0px !important;
	overflow: visible;
}

.grid-item h4{
	color: #e89d73 !important;
	margin-bottom:4px;
}

.grid-item h6{
	
	margin-bottom:20px;
	font-weight:100 !important;
}

/*RECEIPTS*/

.receipts{
	margin-top:40px;
}

.receipt-item{
	width: 210px;
	padding: 35px 25px;
	text-align: center;
	margin-left: 32px;
	margin-bottom: 22px;
	backdrop-filter: blur(10px);
  	-webkit-backdrop-filter: blur(10px);
}

.receipt-item.black { 
	border: 1px solid rgba(0,0,0,0.07);
	background-color: rgba(0,0,0,0.7);
  	color: #fff9 !important;
}

.receipt-item.white {
	background-color: rgba(255,255,255,0.8);
	color: black !important;
	border: 1px solid rgba(0,0,0,0.07);
}
.receipt-item.transparent{
	border: 1px solid rgba(0,0,0,0.07);
	background-color: rgba(0, 0, 0, 0.3);
	color: #fff9 !important;
}

.receipt-item p{
	color: #fff9 !important;
}
.receipt-item.white p{
	color: black !important;
}

.receipt-item p.customer_details{
	font-size: 11px !important;
	padding: 0px;
	margin: 0px;
}
 
.receipt-item hr{
	border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-bottom: 1px solid rgba(89, 89, 89, 0.3) !important;
	border-right: 0px;
	border-left: 0px;
}

.receipt-item.white hr{
	border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
}

.receipt-item-info{
	padding: 0px !important;
	overflow: visible;
}

.receipt-item h4{
	color: white !important;
	margin-bottom:4px;
	margin-top:14px;
}

.receipt-item h4.total{
	color: #00b1ba !important;
	font-size:16px !important;
}
.receipt-item h6.interval{
	color: #00b1ba !important;
}

.receipt-item h6{
	margin-bottom:20px;
	font-weight:100 !important;
}

.receipt-item h6.total{
	color: #00b1ba;
	font-family: 'Anonymous Pro', 'monospace';
	text-align: center;
}


/*plans*/
.page-template-payment-plans #mk-page-title{
  display: none !important;
}

/*planS*/

.plans{
	margin-top:40px;
}

.plan-item{
	text-align: center;
	width: 210px;
	padding: 35px 25px;
	margin-left: 32px;
	margin-bottom: 22px;
	backdrop-filter: blur(10px);
  	-webkit-backdrop-filter: blur(10px);

}

.plan-item.black { 
	border: 1px solid rgba(0,0,0,0.07);
	background-color: rgba(0,0,0,0.7);
  	color: #fff9 !important;
}

.plan-item.white {
	background-color: rgba(255,255,255,0.8);
	color: black !important;
	border: 1px solid rgba(0,0,0,0.07);
}

.plan-item p{
	color: #fff9 !important;
}
.plan-item.white p{
	color: black !important;
}

.plan-item p.customer_details{
	font-size: 11px !important;
	padding: 0px;
	margin: 0px;
}
 
.plan-item hr{
	border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-bottom: 1px solid rgba(89, 89, 89, 0.3) !important;
	border-right: 0px;
	border-left: 0px;
}

.plan-item.white hr{
	border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
}

.plan-item-info{
	padding: 0px !important;
	overflow: visible;
}

.plan-item h4{
	color: white !important;
	margin-bottom:4px;
	margin-top:14px;
}

.plan-item h4.total{
	color: #00b1ba !important;
	font-size:16px !important;
}
.plan-item h6.interval{
	color: #00b1ba !important;
}

.plan-item h6{
	margin-bottom:20px;
	font-weight:100 !important;
}

.plan-item h6.total{
	color: #00b1ba;
	font-family: 'Anonymous Pro', 'monospace';
	text-align: center;
}

.plan-item div.paid-by{
	text-align: center;
}

/*subscriptionS*/

.page-template-subscriptions-page #mk-page-title{
  display: none !important;
}

.subscriptions{
	margin-top:40px;
}

.subscription-item{
	text-align: center;
}

.subscription-item.black { 
	width: 210px;
	padding: 35px 25px;
	border: 1px solid rgba(0,0,0,0.07);
	margin-left: 32px;
	margin-bottom: 22px;
	background-color: rgba(0,0,0,0.7);
	backdrop-filter: blur(10px);
  	-webkit-backdrop-filter: blur(10px);
  	color: #fff9 !important;
  	position:relative;
}

.subscription-item.white {
	background-color: rgba(255,255,255,0.8);
	color: black !important;
	width: 210px;
	padding: 35px 25px;
	border: 1px solid rgba(0,0,0,0.07);
	margin-left: 32px;
	margin-bottom: 22px;
	backdrop-filter: blur(10px);
  	-webkit-backdrop-filter: blur(10px);
  	color: black !important;
  	position:relative;
}

.subscription-item.black .edit a{
	color: #00b1ba;
}
.subscription-item.black .edit a:hover{
	color: white !important;
}
.subscription-item.white .edit a{
	color: #00b1ba;
}
.subscription-item.white .edit a:hover{
	color: black !important;
}

.subscription-item p{
	color: #fff9 !important;
}
.subscription-item.white p{
	color: black !important;
}

.subscription-item p.customer_details{
	font-size: 11px !important;
	padding: 0px;
	margin: 0px;
}
 
.subscription-item hr{
	border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-bottom: 1px solid rgba(89, 89, 89, 0.3) !important;
	border-right: 0px;
	border-left: 0px;
}

.subscription-item.white hr{
	border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
}

.subscription-item-info{
	padding: 0px !important;
	overflow: visible;
}

.subscription-item h4{
	color: white !important;
	margin-bottom:4px;
	margin-top:14px;
}

.subscription-item h4.total{
	color: #00b1ba !important;
	font-size:16px !important;
}
.subscription-item h6.interval{
	color: #00b1ba !important;
}

.subscription-item h6{
	margin-bottom:20px;
	font-weight:100 !important;
}

.subscription-item h6.total{
	color: #00b1ba;
	font-family: 'Anonymous Pro', 'monospace';
	text-align: center;
}


/*COUPONS*/
.page-template-coupons-page #mk-page-title{
  display: none !important;
}

/*.coupons{
	margin-top:40px;
}*/

.coupon-item { 
	width: 210px;
	padding: 35px 25px;
	border: 1px solid rgba(0,0,0,0.07);
	margin-left: 32px;
	margin-bottom: 22px;
	background-color: rgba(0, 0, 0, 0.7);
	backdrop-filter: blur(10px);
  	-webkit-backdrop-filter: blur(10px);
  	color: #fff9 !important;
}

.coupon-item.white{
	width: 210px;
	padding: 35px 25px;
	border: 1px solid rgba(0,0,0,0.07);
	margin-left: 32px;
	margin-bottom: 22px;
	background-color: rgba(255, 255,255, 0.8);
	backdrop-filter: blur(10px);
  	-webkit-backdrop-filter: blur(10px);
  	color: black !important;	
}

.grey { 
	border: 1px solid rgba(0,0,0,0.07);
	background-color: rgba(0, 0, 0, 0.7);
  	color: #fff9 !important;
}

.grey hr{
	border-top: 1px solid rgba(0, 0, 0, 0.5) !important;
	border-bottom: 1px solid rgba(89, 89, 89, 0.3) !important;
}

.coupon-item p{
		color: #fff9 !important;
}

.coupon-item.white p{
	color: black !important;
}


.coupon-item p.customer_details{
	font-size: 11px !important;
	padding: 0px;
	margin: 0px;
}
 
.coupon-item hr{
	border-right: 0px;
	border-left: 0px;
}

.coupon-item.white hr{
	border-bottom: 1px solid rgba(255, 255, 255, 0.8) !important;
}

.coupon-item-info{
	padding: 0px !important;
	overflow: visible;
}

.coupon-item h4{
	color: white !important;
	margin-bottom:4px;
	margin-top:14px;
}

.coupon-item h4.total{
	color: #00b1ba !important;
	font-size:16px !important;
	font-family: 'Anonymous Pro', 'monospace';
	text-align: center;
}
.coupon-item h6.interval{
	color: #00b1ba !important;
}

.coupon-item h6{
	margin-bottom:20px;
	font-weight:100 !important;
}

.coupon-item h6.total{
	color: #00b1ba;

}



p.payment-plan{
	position: absolute;
	display: block;
	top: -1px;
	right: 17px;
	background-color: rgba(0,0,0,0.10);
	padding: 0px 20px;
	color: #00b1ba !important;
	font-weight: normal;
	font-size:10px !important;
}

p.subscription{
	position: absolute;
	display: block;
	top: -1px;
	right: 17px;
	background-color: rgba(0,0,0,0.10);
	padding: 0px 20px;
	color: #00b1ba !important;
	font-weight: normal;
	font-size:10px !important;
}

a.view-item{
	padding: 5px 0px;
	border-radius: 20px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
	font-weight: bolder;
	transition: .4s;
	-o-transition: .4s;
	-ms-transition: .4s;
	-moz-transition: .4s;
	-webkit-transition: .4s;
}



.black a.view-item{
	background-color: rgba(255,255,255,0.1);
	color: gray;
}

.black a.view-item:hover{
	background-color: rgba(255,255,255,0.3);
	color: black;
}
.transparent a.view-item{
	background-color: rgba(0,0,0,0.5);
	color: gray;
}

.transparent a.view-item:hover{
	background-color: rgba(0,0,0,0.7);
	color: white;
}

.white a.view-item{
	background-color: rgba(0,0,0,0.5) !important;
	color:white;
}
.white a.view-item:hover{
	background-color: rgba(0,0,0,0.9) !important;
	color:gray;
}





#theme-page.isotope-page{
	background: none !important;
}

.isotope-page .theme-page-wrapper{
	background-color: transparent !important;
}

.isotope-page .welcome-div{
	background-color: rgba(0,0,0,0.15);
	backdrop-filter: blur(10px);
  	-webkit-backdrop-filter: blur(10px);
  	width: 400px;
  	display: block;
  	margin-left: auto;
  	margin-right: auto;
  	padding:15px;
  	text-align: center;
  	font-weight: bolder;
}


/*eventS*/

.events{
	margin-top:40px;
}

.event-item{
	width: 210px;
	padding: 35px 25px;
	margin-left: 32px;
	margin-bottom: 22px;
	backdrop-filter: blur(10px);
  	-webkit-backdrop-filter: blur(10px);
  	padding-top: 290px;
	border-radius: 10px;
}

.event-item .edit{
	text-align: center;
	color: #00b1ba;
}
.event-item .edit a{
	color: #00b1ba;
}
.event-item.black .edit a:hover{
	color: white !important;
}

.event-item.white .edit a:hover{
	color: black !important;
}

.event-item.transparent{
	background-color: rgba(0, 0, 0, 0.3);
	color: #b7b7b7;
}
.event-item.transparent hr{
	border-top: 1px solid black;
	border-bottom: 1px solid grey;
	border-right: none;
	border-left:none;
}

.event-item.transparent p{
	color: white;
}

.event-item img{
	width: 100%;
	height: auto;
	position:absolute;
	top: 0px;
	left:0px;
	border-radius: 10px 10px 0px 0px;
}

.event-item.black { 
	background-color: rgba(0,0,0,0.7);
	border: 1px solid rgba(0,0,0,0.07);
  	color: #fff9 !important;
}

.event-item.white {
	background-color: rgba(255,255,255,0.8);
	color: black !important;
	border: 1px solid black;
}

.event-item.black p{
	color: #fff9 !important;
}
.event-item.white p{
	color: black !important;
}

.event-item p.customer_details{
	font-size: 11px !important;
	padding: 0px;
	margin: 0px;
}
 
.event-item.black hr{
	border-top: 1px solid black !important;
  	border-bottom: 1px solid rgba(255,255,255,0.09) !important;
	border-right: 0px;
	border-left: 0px;
}

.event-item.white hr{
	border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
}

.event-item-info{
	padding: 0px !important;
	overflow: visible;
}

.event-item h4{
	color: white !important;
	margin-bottom:4px;
	margin-top:14px;
}

.event-item h4.total{
	color: #00b1ba !important;
	font-size:16px !important;
}
.event-item h6.interval{
	color: #00b1ba !important;
}

.event-item h6{
	margin-bottom:20px;
	font-weight:100 !important;
}



.event-item h6.total{
	font-weight: bolder !important;
	position: absolute;
	bottom: -21px;
	left: 0;
	right: 0;
	margin-left:auto;
	margin-right:auto;
	padding: 11px 22px;
	border-radius: 10px 10px 0px 0px;
	font-family: 'Anonymous Pro', 'monospace';
	width:120px;
	text-align: center;
	overflow: hidden;
}

.event-item.black h6.total{
	color: #00b1ba;
	background-color: rgba(255,255,255,0.1);
}
.event-item.white h6.total{
	color: #00b1ba;
	background-color: rgba(0,0,0,0.7);
}
.event-item.transparent h6.total{
	color: #00b1ba;
	background-color: rgba(0,0,0,0.3);
}

.event-item.transparent h5{
	color: white;
}

.event-item.black a > h5{
	color: white;
}
.event-item.white a > h5{
	color: black;
}

.event-item a.view-item{
	margin-top:36px;
}

.event-item .view-event{
	text-align: center;
	margin-top: 20px;
}

.event-item.black .view-event a{
	color: white !important;
}

.event-item.white .view-event a{
	color: black;
}


.event-item .button{
  border-radius: 20px;
  padding: 10px 25px;
  cursor: pointer;
  transition: .4s;
  -webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
  text-align:center;
}

.event-item .button:hover{
	background-color: white !important;
}
.event-item .button a{
	color: white !important;
}
.event-item .button:hover a{
	color: black !important;
}

.event-item.black .button{
	background-color: rgba(255,255,255,0.13);
	border: 1px solid rgba(255,255,255,0.5);
	color: white !important;
}

.event-item.white .button{
	background-color: rgba(0,0,0,0.3);
	border: 1px solid rgba(255,255,255,0.5);
	color: white !important;
}

.event-item.white p.event-date{
	background-color: rgba(255,255,255,0.7);
	color: white;
}
.event-item.black p.event-date{
	background-color: rgba(0,0,0,0.7);
	color: white !important;
}
.event-item.transparent p.event-date{
	background-color: rgba(0,0,0,0.7);
	color: white !important;
}


.event-item p.event-date{
	position:absolute;
	padding: 5px;
	width:50px;
	top:0px;
	left:25px;
	color: black !important;
	font-family: 'Anonymous Pro', 'monospace';
	border-radius:0px 0px 2px 2px;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	text-align: center !important;
}

.event-item p.event-date span.day{
	font-size: 30px;
	text-align: center !important;
	display: block;
	margin-bottom: -20px;
	margin-left: auto;
	margin-right: auto;
	max-width: 40px;
}
.event-item p.event-date span.month{
	font-size:17px;
	text-align: center !important;
}

.event-item p.event-date span.timestamp{
	display: none;
}

.event-item p.event-time{
	text-align: center;
}

.event-item p.event-address{
	text-align: center;
}


/*videos*/

.videos{
	margin-top:40px;
}

.video-item{
	width: 310px;
	padding: 35px 25px;
	text-align: center;
	margin-left: 32px;
	margin-bottom: 22px;
	backdrop-filter: blur(10px);
  	-webkit-backdrop-filter: blur(10px);
}

.video-item .edit-section a:not(:hover){
	color: #00b1ba;
}

.video-item.black { 
	border: 1px solid rgba(0,0,0,0.07);
	background-color: rgba(0,0,0,0.7);
  	color: #fff9 !important;
}

.video-item.white {
	background-color: rgba(255,255,255,0.8);
	color: black !important;
	border: 1px solid rgba(0,0,0,0.07);
}

.video-item p{
	color: #fff9 !important;
}
.video-item.white p{
	color: black !important;
}

.video-item p.customer_details{
	font-size: 11px !important;
	padding: 0px;
	margin: 0px;
}
 
.video-item hr{
	border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
	border-bottom: 1px solid rgba(89, 89, 89, 0.3) !important;
	border-right: 0px;
	border-left: 0px;
}

.video-item.white hr{
	border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
}

.video-item-info{
	padding: 0px !important;
	overflow: visible;
}

.video-item h4{
	color: white !important;
	margin-bottom:4px;
	margin-top:14px;
}

.video-item h4.total{
	color: #00b1ba !important;
	font-size:16px !important;
}
.video-item h6.interval{
	color: #00b1ba !important;
}

.video-item h6{
	margin-bottom:20px;
	font-weight:100 !important;
}

.video-item h6.total{
	color: #00b1ba;
	font-family: 'Anonymous Pro', 'monospace';
	text-align: center;
}

.video-item div.paid-by{
	text-align: center;
}

.video-item iframe{
	width: 100%;
	display:inline-block;
}