/* 1.0 GENERAL */

html, body { margin: 0; padding: 0; position: relative }

body,
body * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none !important; position: relative }

body { background-color: #FFF; color: #000; font-family: 'Montserrat', sans-serif; font-size: 14px; letter-spacing: 0.1em; padding-top: 70px }
body.home { padding-top: 0 }

h1, h2, h3, h4, h5, h6 { font-weight: bold }

a { color: inherit; text-decoration: none }
a:hover,
a:focus { color: inherit; text-decoration: none }

img.faux { display: none !important }

svg { display: table }

.svg-arrow-down.animate .main {
	stroke-dasharray: 70; stroke-dashoffset: 70;
    animation-name: ani-arrow-down-main;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: normal;
}
@keyframes ani-arrow-down-main {
	  0% { stroke-dashoffset: 70 }
	100% { stroke-dashoffset: 0 }
}

.svg-arrow-down.animate .blade {
	stroke-dasharray: 22; stroke-dashoffset: 22;
    animation-name: ani-arrow-down-blade;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: normal;
}
@keyframes ani-arrow-down-blade {
	  0% { stroke-dashoffset: 22 }
	 50% { stroke-dashoffset: 0 }
	 75% { stroke-dashoffset: 0 }
	100% { stroke-dashoffset: 0 }
}

.no-entry-found p { padding: 30px 0; text-align: center }

@media all and (max-width:600px) {
	body #wpadminbar { position: fixed }
}


/* 2.0 HEADER */

#header { left: 0; position: fixed; top: 0; width: 100%; z-index: 5000 }
#header .content-wrap { /*height: 70px*/ }
#header #logo { display: block; position: absolute; height: 70px; left: 30px; padding: 25px 0; top: 0 }
#header #menu-burger { display: block; position: absolute; height: 70px; padding: 19px 0; right: 30px; top: 0 }
body.nav-open #header svg .fill-color,
body[data-heroslidetheme='dark'] #header svg .fill-color { fill: #FFF }
body.nav-open #header svg .stroke-color,
body[data-heroslidetheme='dark'] #header svg .stroke-color { stroke: #FFF }

body.admin-bar #header { top: 32px }

.svg-menu .menu-line-1,
.svg-menu .menu-line-2,
.svg-menu .menu-line-3 { stroke-dasharray: 29; stroke-dashoffset: 0; -moz-transition: stroke-dashoffset 0.3s cubic-bezier(.14,.56,.79,.44) 0.3s; -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(.14,.56,.79,.44) 0.3s; transition: stroke-dashoffset 0.3s cubic-bezier(.14,.56,.79,.44) 0.3s; }
.svg-menu .cross-line-1,
.svg-menu .cross-line-2 { stroke-dasharray: 40; stroke-dashoffset: 40; -moz-transition: stroke-dashoffset 0.3s cubic-bezier(.14,.56,.79,.44) 0s; -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(.14,.56,.79,.44) 0s; transition: stroke-dashoffset 0.3s cubic-bezier(.14,.56,.79,.44) 0s; }
body.nav-open .svg-menu .menu-line-1,
body.nav-open .svg-menu .menu-line-2,
body.nav-open .svg-menu .menu-line-3 { stroke-dashoffset: 29; -moz-transition: stroke-dashoffset 0.3s cubic-bezier(.14,.56,.79,.44) 0s; -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(.14,.56,.79,.44) 0s; transition: stroke-dashoffset 0.3s cubic-bezier(.14,.56,.79,.44) 0s; }
body.nav-open .svg-menu .cross-line-1,
body.nav-open .svg-menu .cross-line-2 { stroke-dashoffset: 0; -moz-transition: stroke-dashoffset 0.3s cubic-bezier(.14,.56,.79,.44) 0.3s; -webkit-transition: stroke-dashoffset 0.3s cubic-bezier(.14,.56,.79,.44) 0.3s; transition: stroke-dashoffset 0.3s cubic-bezier(.14,.56,.79,.44) 0.3s; }

@media all and (max-width:782px) {
	body.admin-bar #header { top: 46px }
}

@media all and (max-width:767px) {
	#header #logo { left: 15px }
	#header #menu-burger { right: 15px }
}

@media all and (max-width:400px) {
	#header #logo { padding: 29px 0 }
	.svg-logo { height: 12px; width: auto }
}



/* 2.1 Menu */

#nav { background-color: rgba(0,0,0,0.9); color: #FFF; height: 100%; left: 0; position: fixed; top: -100%; width: 100%; z-index: 4900; -moz-transition: top 0.3s ease 0.6s; -webkit-transition: top 0.3s ease 0.6s; transition: top 0.3s ease 0.6s; }
body.nav-open #nav { top: 0; -moz-transition: top 0.3s ease 0s; -webkit-transition: top 0.3s ease 0s; transition: top 0.3s ease 0s; }
.primary-nav-wrap { display: table; height: 100%; width: 100% }
#primary-nav { display: table-cell; margin: 0; opacity: 0; padding: 0; text-align: center; vertical-align: middle; -moz-transition: opacity 0.3s ease 0s; -webkit-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; }
body.nav-open #primary-nav { opacity: 1; -moz-transition: opacity 0.3s ease 0.3s; -webkit-transition: opacity 0.3s ease 0.3s; transition: opacity 0.3s ease 0.3s; }
#primary-nav li { display: table; margin: 0 auto }
#primary-nav li + li { margin-top: 3em }
#primary-nav li + li::before { content: '–'; display: block; line-height: 3em; position: absolute; text-align: center; top: -3em; width: 100% }
#primary-nav li a { display: block; font-size: 20px; font-weight: 500; line-height: 3em }
#primary-nav li a:hover { color: #FFF }
#primary-nav li a:hover span { border-bottom: 1px solid #FFF }

@media all and (max-width:767px) {
	#primary-nav { padding-top: 70px }
	#primary-nav li a { font-size: 14px }
}

@media all and (max-width:600px) {
	#primary-nav li a { font-size: 12px; line-height: 2em }
}



/* 3.0 CONTENT */

#content { display: block; min-height: calc(100vh - 111px) }
body.admin-bar #content { display: block; min-height: calc(100vh - 143px) }

.entry { margin: 0 auto 45px; max-width: 100%; width: 900px }
.entry-title { font-size: 18px; margin: 45px 0; text-align: center }
.entry-content p { line-height: 34px; margin: 0; text-align: center }
.entry-content p + p { margin-top: 35px }
.entry-content p a { /*border-bottom: 1px dotted rgba(0,0,0,0.3)*/ }
.entry-content p a:hover { color: #999999; text-decoration: underline; /*border-bottom-style: solid; color: #000*/ }
.entry-content img { max-width: 100%; height: auto; width: auto }

.back-to-top { display: none; margin: 70px auto 40px }
body.has-long-content .back-to-top { display: table }
.back-to-top span { font-size: 16px; font-weight: bold; text-transform: uppercase }
.back-to-top svg { margin: 0 auto 10px }

a#show-more-content { background-color: #FFF; bottom: 0; display: block; left: 0; padding: 10px 0; opacity: 0; position: fixed; visibility: hidden; width: 100%; z-index: 1000; -moz-transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s; -webkit-transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s; transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s; }
body.has-long-content a#show-more-content { opacity: 1; visibility: visible; -moz-transition: opacity 0.3s ease 0s, visibility 0s ease 0s; -webkit-transition: opacity 0.3s ease 0s, visibility 0s ease 0s; transition: opacity 0.3s ease 0s, visibility 0s ease 0s; }
body.bottom-approaching a#show-more-content { opacity: 0; visibility: hidden; -moz-transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s; -webkit-transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s; transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s; }
a#show-more-content svg { margin: 0 auto }

body[class*='extracted'] .entry form { /*padding: 20px 0*/ }
body[class*='extracted'] .entry form input[type='image'] { display: table; margin: 0 auto }
body.page-contact .entry-content p { font-size: 15px }

@media all and (max-width:782px) {
	body.admin-bar #content { min-height: calc(100vh - 157px) }
}

@media all and (max-width:767px) {
	.entry-title { margin: 30px 0 }
	body.page-contact .entry-content p,
	.entry-content p { font-size: 12px; line-height: 26px }
}



/* 3.1 Homepage */

#hero-slides.carousel {}
#hero-slides.carousel .carousel-item { background: transparent none center center no-repeat; background-size: cover; height: auto; /*padding-top: calc(100vh - 41px)*/ }
body.admin-bar #hero-slides.carousel .carousel-item { /*padding-top: calc(100vh - 73px)*/ }
#hero-slides.carousel .carousel-item img { display: block; height: auto; width: 100% }
#hero-slides.carousel .carousel-item span { display: none }
#hero-slides.carousel .carousel-control-next,
#hero-slides.carousel .carousel-control-prev,
#hero-slides.carousel .carousel-control { background: transparent none; cursor: url('../images/cursor-arrow-right-light.png') 71 15, auto; width: 35% }
#hero-slides.carousel .carousel-control.left,
#hero-slides.carousel .carousel-control-prev { cursor: url('../images/cursor-arrow-left-light.png') 0 15, auto }
body[data-heroslidetheme='dark'] #hero-slides.carousel .carousel-control.right,
body[data-heroslidetheme='dark'] #hero-slides.carousel .carousel-control-next { cursor: url('../images/cursor-arrow-right-dark.png') 71 15, auto }
body[data-heroslidetheme='dark'] #hero-slides.carousel .carousel-control.left,
body[data-heroslidetheme='dark'] #hero-slides.carousel .carousel-control-prev { cursor: url('../images/cursor-arrow-left-dark.png') 0 15, auto }
.carousel-control-next-icon,
.carousel-control-prev-icon { visibility: hidden }
#hero-slides.carousel .mobile-swipe-capture { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 10 }

@media all and (max-width:782px) {
	body.admin-bar #hero-slides.carousel .carousel-item { /*padding-top: calc(100vh - 46px)*/ }
}

@media all and (max-width:767px) {
	#hero-slides.carousel .carousel-item { height: auto; padding-top: calc(100vh - 41px) }
	body.admin-bar #hero-slides.carousel .carousel-item { padding-top: calc(100vh - 46px) }
	#hero-slides.carousel .carousel-item img { display: none }
	#hero-slides.carousel .carousel-item span { background: transparent none center center no-repeat; background-size: cover; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1 }
}



/* 3.2 Promo */

.popup-wrap { background-color: rgba(0,0,0,0.9); height: 100%; left: 0; opacity: 0; position: fixed; top: 0; visibility: hidden; width: 100%; z-index: 6000; -moz-transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s; -webkit-transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s; transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s; }
body.promo-open .popup-wrap[data-popupfor='promo'] { opacity: 1; visibility: visible; -moz-transition: opacity 0.3s ease 0s, visibility 0s ease 0s; -webkit-transition: opacity 0.3s ease 0s, visibility 0s ease 0s; transition: opacity 0.3s ease 0s, visibility 0s ease 0s; }
#promo {
	height: 580px;
	left: 50%;
	padding: 35px 25px;
	top: 50%;
	width: 780px;
	background: #f3c0b5; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #f3c0b5 0%, #c6e9fa 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg,  #f3c0b5 0%,#c6e9fa 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg,  #f3c0b5 0%,#c6e9fa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c0b5', endColorstr='#c6e9fa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	-moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
#promo a.close { display: block; height: 22px; opacity: 0.9; position: absolute; right: 25px; top: 25px; width: 22px; z-index: 1 }
#promo a.close:hover { opacity: 1 }
#promo h3 { font-size: 20px; line-height: 32px; margin: 0 }
#promo h2 { font-size: 46px; font-weight: 500; letter-spacing: 0.15em; line-height: 52px; margin: 45px 0 0 }
#promo h2 span { font-family: 'Hind', sans-serif; font-weight: normal }
#promo p.opening-info { font-size: 20px; line-height: 28px; margin: 35px 0 0 }
#promo p.timings-n-venue { bottom: 35px; font-size: 12px; left: 25px; line-height: 22px; margin: 0; position: absolute; text-transform: uppercase }
#promo .galerija { background: transparent url(../images/galerija-fotografija.png) 0 0 no-repeat; bottom: 25px; display: block; height: 128px; position: absolute; right: 25px; width: 212px; }

@media all and (max-width:820px) {
	#promo { height: auto; max-width: 96%; padding-bottom: 190px }
}

@media all and (max-width:600px) {
	.popup-wrap { overflow: auto }
	#promo { left: 0%; margin: 40px auto; padding: 25px; top: auto; -moz-transform: none; -webkit-transform: none; transform: none; }
	#promo h3 { font-size: 16px; line-height: 26px; padding-right: 30px }
	#promo h2 { font-size: 36px; line-height: 42px; margin: 35px 0 0 }
	#promo p.opening-info { font-size: 14px; line-height: 22px }
	#promo p.timings-n-venue,
	#promo .galerija { position: relative; bottom: auto; left: auto; right: auto; text-align: center; margin: 20px auto 0 }
}



/* 3.3 Misc */

.entry-content .has-book-image {  }
.entry-content .has-book-image a { background-color: #EEE; border: 2px solid #FFF; border-radius: 50% 50%; display: block; /*position: absolute; top: 50%; left: 50%;*/ z-index: 1; width: 125px; height: 125px; line-height: 1.4em; word-spacing: 100px; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 18px; margin: 20px auto; padding: 35px 0; /*-moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);*/ }
.entry-content .has-book-image a::before { content: ''; display: block; position: absolute; top: 6px; left: 6px; right: 6px; bottom: 6px; border-radius: 50% 50%; border: 1px solid #000 }
.entry-content form[action*='paypal.com'] input[type='submit'] { background: transparent url('../images/button-checkout.png') 0 0 no-repeat; border: 0 none; display: none; height: 54px; margin-left: auto; margin-right: auto; overflow: hidden; text-indent: -999px; width: 240px }

.main-video-wrap { padding-top: 56.25% }
.main-video-wrap iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100% }



/* 4.0 FOOTER */

#footer { border-top: 1px solid #000 }
#footer p { font-size: 10px; line-height: 4em; margin: 0; text-align: center }

@media all and (max-width:500px) {
	#footer p { letter-spacing: 0.05em }
}