/*
Theme Name: Zatoka Sztuki
Theme URI: http://zatoka-sztuki.pl/
Description: 
Author: 
Author URI: 
Template: jupiter
Version: 1.0.0
Tags: 
Text Domain: zatokasztuki
*/


#mk-header {
	border-bottom: 0px !important;
}

.mk-header-inner, .header-sticky-ready .mk-header-inner, .header-style-2.header-sticky-ready .mk-classic-nav-bg {
	border-bottom: 0px !important;
}

.mk-footer-copyright {
	float: right !important;
	color: #fff !important;
}

.fullwidth-footer .mk-footer-copyright {
	padding-right: 20px !important;
}

.mk-footer-copyright a {
	color: #fff !important;
}

.txtwhitebg span {
	background-color: #fff !important;
}

/* MAILCHIMP SUBMIT */

.mcsubmit {
	padding:10px 15px;
	background: #000;
	border:2px solid #000;
	margin: 0px;
	color: #fff;
	cursor:pointer;

	letter-spacing: 2px;
	font-weight: 700;
	font-size: 12px;
}

.mcsubmit:hover {
	background: #fff;
	border: 2px solid;
	margin: 0px;
	color: #000;
}

.mcemail {
	margin-bottom: 0px !important;
}

/* FANYCBOX */

.fancybox-close {
	background-color: #fff;
	color: #000;
	border-radius: 0px;
	right: 0px;
	top: 0px;
	width: 35px;
	height: 35px;
}

.fancybox-close:hover {
	background-color: rgba(0, 0, 0, 1) !important;
	color: #fff !important;
}

.fancybox-close a:hover {
	color: #fff !important;
}

.fancybox-nav {
	height: 100%;
	top: 0;
	width: 50%;
}

.fancybox-nav span {
	background-color: rgba(0, 0, 0, 0) !important;
}

.fancybox-nav span i {
	font-size: 30px;
	line-height: 40px;
}

#fancybox-loading {
  background-image: none !important;
}
#fancybox-loading {
  margin-top: -25px;
  margin-left: -25px;
  opacity: 1;
}

#fancybox-loading div {
  width: 50px;
  height: 50px;
  background: url(tail-spin.svg) center center no-repeat !important;
}

/* POST TYPE BADGE */
.post-type-badge {
	display: none;
}

.image-hover-overlay:hover {
	opacity: 0.5;
}

/* FOOTER MARGIN FIX */
#theme-page {
	margin-bottom: 235px !important;
}

/* GALLERY LOAD MORE BTN */

.mk-loadmore-button {
	display: none !important;
}

/* SAVVY BTN CHANGE ROTATION */

.mk-button.savvy-dimension::after {
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}



/* HEADER MOBILE */

/* TODO rozwijane menu i po scrollu kolor */

/*
#mk-header {
	position: fixed !important;
	
}

#mk-header-holder {
	
	
}

.mk-header-holder {
	
	
}

.mk-header-bg {
	background-color: transparent !important;

}

.header-logo {
	
}
*/

/* FBEVENTS FBEVENTS FBEVENTS FBEVENTS FBEVENTS FBEVENTS FBEVENTS FBEVENTS FBEVENTS FBEVENTS FBEVENTS FBEVENTS FBEVENTS FBEVENTS FBEVENTS FBEVENTS FBEVENTS FBEVENTS */

.fbevents {
	width: 720px;
	margin: auto;
}

@media screen and (max-width: 720px) {
	.fbevents {
		width: 100%;
	}
}

.fbevent {
	margin-bottom: 50px;
	padding-bottom: 50px !important;
}

.name {
	font-weight: 800;
	text-transform: uppercase;
}

.time {
	font-weight: 200;
	text-transform: uppercase;
}

.time h3 {
	font-weight: 800 !important;
	font-size: 40px !important;
}

.description {
	font-weight: 400;
	font-size: 12px;
	margin-top: 10px;
}

.fbline {
	margin-top: 20px;
}

.attending {
	text-transform: uppercase;
	line-height: 100%;
	vertical-align: middle;
	display: inline-block;
	float: left;
	height: 30px;
	margin-right: 10px;
}

.buyticket {
	text-transform: uppercase;
	line-height: 100%;
	vertical-align: middle;
	display: inline-block;
	height: 30px;
}

.ticketbtn {
	color: #000;
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border: 2px solid #000;
	margin: 2px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 100%;
	font-weight: 600;

	transition: color 0.15s ease-in-out 0s, background 0.15s ease-in-out 0s, border 0.15s ease-in-out 0s;
}

.ticketbtn:hover {
	color: #fff;
	background-color: #000;
}


.attendingpicture {
	width: 24px;
	margin: 1px;
}



.time h3 {
	margin-bottom: 0px;
	line-height: 100%;
}

/* BELKA BELKA BELKA BELKA BELKA BELKA BELKA BELKA BELKA BELKA BELKA BELKA BELKA BELKA BELKA BELKA BELKA BELKA BELKA BELKA BELKA BELKA BELKA BELKA */

.svg-wrapper { display: inline-block; position: relative; width: 100%; vertical-align: middle; }
.svg-wrapper svg { display: inline-block; position: absolute; top: 0; left: 0; }
svg rect { transition: .3s opacity; }
svg rect:hover { opacity: 0.3; }
.belka { width: 100%; }