/* -------------------------------------------

	Name:		Diver Festival
	Date:		2022/05/16

---------------------------------------------  */
*, *:before, *:after { margin: 0; padding: 0; box-sizing: border-box; outline-color: var(--black); transform-origin: center center; }

html { overflow-x: hidden; overflow-y: scroll; min-height: 100%; margin: 0; font-size: 100.01%; -webkit-tap-highlight-color: transparent; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; -ms-content-zooming: none; -ms-overflow-style: scrollbar; scroll-behavior: smooth; }
body { width: 100%; min-height: 100%; background: var(--white); font-size: 1.389vw; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
@-ms-viewport { width: device-width; }
@viewport { width: device-width; }	


/*! Variables --------- */
:root {
    --white:    #FFFFF3; 
    --grey:     #cdcdcd; 
    --black:    #151515; 
    --blue:     #144bb9;

    --green: #DCFF50;

    --c: 0.069vw;
	
	--ff: 'Narkiss Yair', Arial, Helvetica, sans-serif;
	--s12: 0.75em;
	--fw: 400;
	--lh: 1.25;
	--rpp: 30px;
}


/*! Defaults --------- */
body, textarea, input, select, option, button { color: var(--black); font-family: var(--ff); font-weight: var(--fw); line-height: var(--lh); }
li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; }
ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend, summary, .list-aside.a li { margin-bottom: 2.0833333333vw; }

h1, h2, h3, h4, h5, h6, legend { margin-top: 4.8611111111vw; font-size: 1.5em; font-weight: var(--fw); line-height: var(--lh); text-transform: uppercase; margin-bottom: 0.25em; }

a { border-bottom: 1px solid var(--black); background: none; color: inherit; text-decoration: none; cursor: pointer; outline-width: 0; -webkit-text-decoration-skip: objects; } /*---*/ a span { cursor: pointer; }
	[data-whatintent="mouse"] a:hover, a[href*="tel"] { border-width: 0; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, legend a { border-width: 0; color: inherit; }
	[data-whatintent="mouse"] a:hover { border-bottom-color: rgba(0,0,0,0); }

ul, ol, dd, blockquote { padding-left: 40px; }


/*! Mixins --------- */
/* cl:b */	.owl-carousel .owl-stage:after, .owl-carousel .owl-stage-outer:after, .list-aside:after, form p:after { content: ""; display: block; overflow: hidden; clear: both; }
/* fill */	.list-gallery a:before { content: ""; display: block; overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; text-align: left; text-indent: -3000em; direction: ltr; }
/* wide */	#top:before, #footer:before { content: ""; display: block; position: absolute; left: 50%; top: 0; bottom: 0; z-index: -1; width: 100vw; margin: 0 0 0 -50vw; }
/* icon */ 	.owl-nav button:before, .popup-a .box-inset > .close:before, .form-newsletter button:before, #footer button:before { display: block; position: absolute; left: 0; right: 0; top: 50%; margin: -10px 0 0; font-weight: 400; font-family: i; line-height: 20px; text-align: center; text-indent: 0; letter-spacing: normal; }
/* z:9  */	.list-gallery a:before { z-index: 8; }
/* tr:n */ 	.popup-a.shown .box-inset { -webkit-transform: none; transform: none; }
/* show */	.popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close, .popup-shown #root:after { visibility: visible; opacity: 1; }
/* hide */	.owl-carousel.owl-loading, .owl-carousel.owl-hidden, .owl-carousel.owl-refresh .owl-item, .owl-carousel .owl-item .owl-lazy { visibility: hidden; opacity: 0; }
/* i:wi */	.list-gallery img { display: block; position: relative; z-index: 1; width: 100% !important; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; aspect-ratio: 1.45 / 1; }
/* td:n */ 	[data-whatintent="mouse"] a:hover, #nav > ul > li > a:hover, #nav > ul > li.current-menu-item > a { text-decoration: none; border-bottom: 1px solid var(--black) }


/*! Layout --------- */
#root { position: relative; width: 100%; min-height: 100vh; padding: 180px 100px 0; }
	#top { position: fixed; top: 0; left: 0; right: 0; z-index: 9; margin-left: 0; padding: 0 100px var(--rpp); border-top: var(--rpp) solid rgba(0,0,0,0); font-weight: var(--fw); }
	#top:not(.scroll-to-fixed-fixed) { left: 0 !important; right: 0 !important; }
		#top:before { left: 0; right: 0; top: -3.8vw; width: auto; margin: 0; background: linear-gradient(180deg, var(--green) 0%, var(--white) 100%); }
		#top > * { width: 50%; }
    #top > .menu { display: none;}
		#logo { position: relative; z-index: 9; font-weight: 400; text-transform: uppercase; margin-bottom: 0; }
			#logo a { display: block; border-width: 0; color: inherit; text-decoration: none; }
			#logo span.upper.upper { display: block; position: absolute; left: 0; bottom: 100%; padding: 0 1px .3472222222vw; font-size: 0.5em; direction: ltr; }
		#skip { position: fixed; top: 0; left: 0; right: 0; z-index: 10001; line-height: 1.5; }
			#skip ul { list-style: none; margin: 0; padding: 0; }
			#skip a { display: block; position: absolute; left: -3000em; top: 0; min-width: 200px; padding: 8px 16px; background: var(--azure); color: var(--white); font-weight: 700; text-align: center; text-decoration: none; white-space: nowrap; outline: none; }
				#skip a:focus, #skip a:active { left: 0; }
		#nav { width: 100%; margin-left: auto; margin-right: 0; }
			#nav > ul { list-style: none; margin: 0; padding: 0; }
				#nav > ul > li { position: relative; z-index: 9; margin-left: 3.472vw; }
        #nav > ul > li:before { content: "-"; display: inline-block; padding-right: 0.694vw;}
        #nav > ul > li > a { border-bottom: none; }
	#content { }
		#content > *:last-child { margin-bottom: 6.1111111111vw; }
		#content > .double:last-child { margin-bottom: 4.0277777778vw; }
	#lang { position: fixed; left: var(--rpp); bottom: var(--rpp); z-index: 8; margin: 0; font-size: 0.9027777778vw; font-weight: 400; }
		#lang a { display: block; width: 2.7777777778vw; height: 2.7777777778vw; border-radius: 99px; border: 1px solid var(--black); background: var(--white); text-align: center; }
    #lang a:hover { background-color: var(--black); color: var(--white);}
	#footer { margin-top: 30px; margin-left: 0; position: relative; padding-top: 30px; border-top: 1px solid var(--black); }
    #footer > * { padding-left: var(--rpp);}
		#footer > p, #footer > div { width: 25%; padding: 0; }
    #footer > nav { width: 50%;}
		#footer > ul, #footer > nav ul { list-style: none; padding: 0 4.8611111111vw 0 0; white-space: nowrap; }
    #footer > nav ul:nth-of-type(2) { padding-left: var(--rpp);}
		#footer ul { list-style: none; padding: 0; }
		#footer a { border-width: 0; text-decoration: none; }
		#footer .s12 { line-height: var(--lh); }
		#footer form, .form-newsletter, .popup-a.form-newsletter p { margin-top: 0;}
			#footer input {  }
			#footer input, .form-newsletter input { padding-right: 2.2222222222vw; }
			#footer button, .form-newsletter button { display: block; position: absolute; right: 0; bottom: 0; z-index: 9; width: 2.2222222222vw; min-width: 0; height: 2.361111111vw; margin: 0; padding: 0; border-width: 0; background: none; color: inherit; font-size: 0.6944444444vw; text-align: left; text-indent: -3000em; direction: ltr; }
				.js #footer button, .js .form-newsletter button { display: none; }
				.js #footer .filled button, .js .form-newsletter .filled button { display: block; }
				#footer button:before, .form-newsletter button:before { content: "\e902"; padding: 0 0.1388888889vw; text-align: right; color: var(--black); }
		[data-whatintent="mouse"] #footer a:hover { border-bottom: none; }

    #footer ::-webkit-input-placeholder { opacity: 1; color: var(--black); }
    #footer :-ms-input-placeholder { opacity: 1; color: var(--black); }
    #footer ::-ms-input-placeholder { opacity: 1; color: var(--black); }
    #footer ::placeholder { opacity: 1; color: var(--black); }

#intro { position: fixed; height: 100vh; width: 100vw; z-index: 9999; top: 0; left: 0; color: var(--white); background: var(--white);}
  #intro video {  width: 100vw; height: 100vh; object-fit: cover;}
  #intro div { position: absolute; top: 10%; left: 50%; width: 50%; z-index: 10000; transform: translateX(-50%); text-align: center;}
    #intro div p { margin-bottom: 0; font-family: 'Windsor BT'; font-size: 5vw; line-height: 1;}
  #intro > span { position: absolute; left: 50%; bottom: 10%; transform: translateX(-50%); text-align: center; }

/*! Columns --------- */
.double, .triple, .quadruple { display: block; position: relative; list-style: none; padding: 0; }
	.double > *, .triple > *, .quadruple > * { display: block; position: relative; clear: none; float: right; border: 0 solid rgba(0,0,0,0); }
	.double > figure, .double > .list-slider { position: sticky; top: 8vw; }
.double.a, .triple, .quadruple { margin-left: calc(0px - var(--rpp)); }
	.double.a > *, .triple > *, .quadruple > * { float: left; width: 50%; border-left-width: var(--rpp); }
  .double.a.w50 > * { margin-bottom: 1em;}
	.triple > * { width: 33.3333333333333%; }
	.quadruple > * { width: 25%; margin-bottom: var(--rpp); }
.triple.a { }
	.triple.a > *:nth-child(1) { width: 50%; }
	.triple.a > *:nth-child(2) { width: 34%; }
	.triple.a > *:nth-child(3) { width: auto; max-width: 16%; }


/*! Modules --------- */
.accordion-a { }
	.accordion-a > p a { border-width: 0; }
	.accordion-a.active > p a span { display: none; }
	.accordion-a.active > p a span.hidden { display: inline; position: relative; left: 0; top: 0; }

.toggle-content { text-decoration: none; border-bottom: none;}
.toggle-bio { text-transform: capitalize;}
	
details { margin: 3.611111111vw 0 0; }
	details[open] { margin-bottom: 2.5694444444vw; }
	summary > span { width: auto; border-bottom: 2px solid var(--black); cursor: pointer; }
	details > div { width: 100%; }
	details > .double { width: calc(100% + var(--rpp)); }
	details + details { margin-top: 0; }
  details > .double.hidden { display: none;}
	
.fancybox-container.fancybox-is-open { visibility: visible; opacity: 1; }
.fancybox-container { visibility: hidden; opacity: 0; }

.popup-a { overflow-y: auto; overflow-x: hidden; visibility: hidden; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 122998; width: 100%; }
	.popup-a .box-outer { position: absolute; left: 0; top: 0; right: 0; z-index: 2; min-height: 100%; padding: var(--rpp); }
		.popup-a .box-outer > .close, #root:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; visibility: hidden; z-index: 997; text-indent: -3000em; cursor: pointer; opacity: 0; }
		#root:after { position: fixed; z-index: 12998; background: rgba(255,255,255,.5); }
	.popup-a .box-inner { position: relative; z-index: 998; width: 47.3611111111vw; margin: 0; }
	.popup-a .box-inset { visibility: hidden; padding: 5.5555555556vw 5.5555555556vw 4.1666666667vw; border: 1px solid var(--black); background: var(--white); opacity: 0; }
		.popup-a .box-inset > .close { display: block; position: absolute; right: 0; top: 0; width: 44px; height: 44px; border-width: 0; color: var(--black); font-size: 12px; text-indent: -3000em; text-align: left; direction: ltr; }
		.popup-a .box-inset > .close:before { content: "\e905"; }
	.popup-a.form-newsletter p { margin-left: auto; margin-right: auto; }
	.popup-a .box-outer > .close { border-width: 0; }
#root .popup-a { min-width: 0; max-width: none; }
.popup-a::-webkit-scrollbar { width: 0; background: none; }
.popup-a.shown { z-index: 12999; }

.owl-carousel { position: absolute; left: -3000em; top: 0; }
.owl-carousel { -webkit-tap-highlight-color: transparent; }
	.owl-carousel .owl-stage { position: relative; }
	.owl-carousel .owl-stage { -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; backface-visibility: hidden; }
	.owl-carousel .owl-stage-outer { overflow: hidden; position: relative; }
	.owl-carousel .owl-stage-outer { -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
	.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
	.owl-carousel .owl-item { position: relative; float: left; }
	.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
	.owl-carousel.owl-loading, .owl-carousel.owl-loaded { position: relative; left: 0; top: 0; }
	.owl-carousel.owl-drag .owl-item { -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
	.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item { -ms-touch-action: auto; touch-action: auto; }
	.owl-carousel.owl-grab { cursor: move; cursor: grab; }
	.owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }
	.owl-carousel.owl-rtl { direction: rtl; }
	.owl-carousel.owl-rtl .owl-item { float: right; }
	.owl-nav button, .owl-dots button { display: block; position: relative; z-index: 2; min-width: 0; width: 10px; height: 10px; margin: 0; padding: 0; box-shadow: none; border-radius: 0; border: 0; background: none; color: var(--black); font-size: 0.5555555556vw; text-indent: -3000em; text-align: left; direction: ltr; }
		.owl-nav button { width: 2.5vw; height: 1.3888888889vw; height: 35px; }
			.owl-nav button.owl-prev { left: 0; }
			.owl-nav button.owl-next { right: 0; }
			.owl-nav button:before { text-align: left; top: 50%; margin-top: -50%; content: ""; display: block; background-position: center; background-repeat: no-repeat; height: 35px;}
				.owl-nav button.owl-prev:before { background-image: url('/wp-content/themes/diver-festival/styles/icons/arrow-left.svg');  }
				.owl-nav button.owl-next:before { background-image: url('/wp-content/themes/diver-festival/styles/icons/arrow-right.svg'); }

.animated  { -webkit-animation-duration : 0ms  !important; animation-duration : 0ms !important; -webkit-animation-fill-mode : both !important; animation-fill-mode : both !important; }          
.fadeOut  {-webkit-animation-name : fadeOut; animation-name : fadeOut;}  
@-webkit-keyframes  fadeOut  { 0% { opacity : 0; }   100% { opacity: 0; }  }
@keyframes  fadeOut  { 0% { opacity : 0; }   100% { opacity : 0; }  }
		
.w505 { max-width: 35.0694444444vw; }

.overlay-blue { color: var(--blue);}
.overlay-blue span { color: var(--black);}


/*! Content --------- */
.strong { font-weight: 700; }
.em { font-style: italic; }
	h1 .em, h2 .em, h3 .em, h4 .em, h5 .em, h6 .em, h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, h1 i, h2 i, h3 i, h4 i, h5 i, h6 i { text-transform: none; }

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }
.text-uppercase { text-transform: uppercase; }

.s12 { display: block; font-size: var(--s12); line-height: 1.7692307692; }
	.s12 li { margin-bottom: 6px; }
	/* h1 + .s12, h2 + .s12, h3 + .s12, h4 + .s12, h5 + .s12, h6 + .s12 { margin-top: -1.5972222222vw; } */


/*! Media --------- */
img, iframe, object, embed { max-width: 100% !important; border-style: none; }
img { height: auto !important; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }
	img::selection { background: transparent; }
	img::-moz-selection { background: transparent; }
picture { width: 100%; }
figure { position: relative; z-index: 2; font-size: var(--s12); line-height: 1.7692307692; }
	figure .icon-play { display: block; position: absolute; left: 0; top: 50%; right: 0; margin-top: -1.5vw; color: var(--white); font-size: 2.2222222222vw; line-height: 3vw; text-align: center; }
	figure a { display: block; position: relative; z-index: 2; border-width: 0; }
	figcaption + *, * + figcaption { display: block; margin-top: 0.4861111111vw; }
	
	
/*! Tables --------- */
table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; text-align: left; }
	th, td { padding-bottom: 2.0833333333vw; padding-left: var(--rpp); font-weight: 400; }
	tr:last-child > * { padding-bottom: 0; }
	tr > *:first-child { padding-left: 0; }

@media only screen and (min-width: 1001px) { /* 1000 */
.table-a { }
	.table-a tr > :last-child { width: 23.26388889vw; }
}


/*! Lists --------- */
.list-aside { list-style: none; margin-left: 0; padding: 0; font-weight: var(--fw); }
	.list-aside li, #root .list-aside .list-aside > li { clear: both; padding-left: calc(25% + var(--rpp)); margin-bottom: 4px; }
	.list-aside li > span:first-child, #root .list-aside .list-aside > li > span:first-child { display: block; float: left; width: calc(31.35% + var(--rpp)); min-width: calc(31.35% + var(--rpp)); max-width: calc(31.35% + var(--rpp)); margin-left: calc(-31.35% - var(--rpp)); padding-right: var(--rpp); }
	.list-aside li > span:first-child a { border-width: 0; }
	.list-aside .list-aside { float: left; }
	.list-aside .s12 { font-weight: 400; }
	.double .list-aside li { padding-left: calc(50% + var(--rpp)); }
	.double .list-aside li > span:first-child { width: calc(100% + var(--rpp)); min-width: calc(100% + var(--rpp)); max-width: calc(100% + var(--rpp)); margin-left: calc(-100% - var(--rpp)); }
	#root .list-aside ul li { margin-bottom: 0; padding-left: 0; padding-right: 0; }
		#root .list-aside ul li > span:first-child { display: inline; float: none; width: auto; min-width: 0; max-width: none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; text-transform: inherit; }
		#root .list-aside .list-aside > li > span:first-child { }
.list-aside.text-uppercase li > span:first-child { text-transform: none; }
.list-aside.a { width: 100%; }
	.list-aside.a li, #root .list-aside.a .list-aside > li { padding-left: calc(13.5% + var(--rpp)); }
	#root .list-aside.a .list-aside > li { margin-bottom: 1.6vw; padding-bottom: 1.6vw; border-bottom: 1px solid var(--black); }
  #root .list-aside.a .list-aside > li:last-of-type { margin-bottom: 3.2vw; border-bottom: 0;;}
	.list-aside.a li > span:first-child, #root .list-aside.a .list-aside > li > span:first-child { width: calc(13.5% + var(--rpp)); min-width: calc(13.5% + var(--rpp)); max-width: calc(13.5% + var(--rpp)); margin-left: calc(-17% - var(--rpp)); }
  .list-aside.a li > span small { display: block; font-size: 0.5em;}
.list-aside.a li .triple li:last-of-type a { display: inline-block; margin-bottom: 0.25em; line-height: 1.1;}
  /* .list-aside.a li h2 { font-size: 1.75em;} */
  .list-aside.archive > li > a { float: right; text-transform: capitalize;}
  .list-aside.archive > li { padding-bottom: 2.0833333333vw;}
  .list-aside.about-credits .em { text-transform: capitalize;}
  .list-aside.a.base > li { border-top: 1px solid var(--black); padding-top: 1.6vw;}
  .list-aside.a.base .big { font-size: 1.5em;}
  .list-aside.a.base > li:first-of-type { border: none;}
  .list-aside.a.tickets > li:not(.strong) { border-bottom: 1px solid var(--black);}
  .list-aside.a.tickets > li { padding-bottom: 1.6vw; margin-bottom: 1.6vw;}
	.list-aside.a.tickets > li:last-of-type { border-bottom: none;}

.list-inner { list-style: none; margin: 0; padding: 0;}
#root .list-aside .list-inner li { margin-bottom: 1em; position: relative; padding-left: 1.5em;}
#root .list-aside .list-inner li:before { content: ""; display: block; position: absolute; top: 15%; left: 0; background-image: url('/wp-content/themes/diver-festival/styles/icons/arrow-right.svg'); height: 16px; width: 16px; background-repeat: no-repeat; background-position: center;}

.about-container { display: flex; flex-flow: row wrap;}
.about-container > div:first-child { flex-basis: 25%;}
.about-container > div:last-child { flex-basis: 75%;}

.toggle-bio { text-decoration: underline; cursor: pointer;}
.intro p:last-of-type { margin-bottom: 1em;}

.list-gallery { list-style: none; margin: 0 0 0 calc(0px - var(--rpp)); padding: 0; text-transform: uppercase; }
	.list-gallery li { position: relative; z-index: 2; width: 50%; margin-bottom: 2em; border-left: var(--rpp) solid rgba(0,0,0,0); }
	.list-gallery figure { overflow: hidden; margin-bottom: 1.5em; background: var(--green); }
		[data-whatintent="mouse"] .list-gallery li:hover figure { border-radius: 20vw; }
    li:hover figure img { mix-blend-mode: luminosity;}
	.list-gallery h1, .list-gallery h2, .list-gallery h3, .list-gallery h4, .list-gallery h5, .list-gallery h6 { font-weight: inherit; }
  .list-gallery h2 a { text-decoration: none;}
	.list-gallery ul { margin-top: 0; }
	
.list-inline { list-style: none; margin-right: -10px; padding: 0; margin-bottom: 0.5em;}
	.list-inline li { width: auto; margin: 0 10px 0 0; border-width: 0; text-transform: uppercase; }

.list-nav { list-style: none; padding: 0; }
.list-nav li { margin-bottom: 0.25em;}
.list-nav.scroll-to-fixed-fixed { left: var(--rpp) !important; margin-top: 10vw !important;}
.is-anchor { position: relative; }
	.is-anchor > .anchor { display: block; position: absolute; left: 0; top: calc(-7.582vw - 4em); }
  .show-in-event.is-anchor > .anchor { top: -7.25vw;}
	
.list-slider { position: relative; z-index: 2; list-style: none; padding: 0; }
	.list-slider figure { font-size: var(--s12); }
  .list-slider img { width: 100%; }
	.list-slider .owl-item figure { margin-bottom: 0; }
  .list-slider .owl-nav { margin-top: 1em;}
	.list-slider .owl-nav button { display: block; position: absolute; bottom: -25px; z-index: 99; height: 35px; }
	.list-slider .owl-nav button:before { text-align: right; }
		.list-slider .owl-nav button.owl-prev { left: auto; right: 2.5vw; }
		.list-slider .owl-nav button.owl-next { left: auto; right: 0; }
	.list-slider figure > img:last-child, .list-slider figure > a:last-child { display: block; margin-bottom: 2.0833333333vw; }
	.list-slider figcaption { padding-right: 4.1666666667vw; }
	

/*! Forms --------- */
fieldset, hr { min-width: 0; margin: 0; padding: 0; border-width: 0; }
	form p { position: relative; }
	legend { display: none; width: 100%; max-width: 100%; padding: 0; border: 0; white-space: normal; }
	input, select, textarea { position: relative; z-index: 1; margin: 0; padding: 0; box-shadow: none; border-radius: 0; font-size: 1em; line-height: normal; text-align: left; text-transform: none; outline-width: 0; }
	input, select, textarea { -moz-appearance: none; -webkit-appearance: none; appearance: none; }
	input, select, textarea, button, input[type="button"], input[type="reset"], input[type="submit"] { box-sizing: border-box; text-transform: none; outline-offset: -2px; }
		input { }
			input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input::-webkit-clear-button, input::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; visibility: hidden !important; height: auto; margin: 0; }
			input::-o-outer-spin-button, input::-o-inner-spin-button { appearance: none; margin: 0; }
			input::-webkit-inner-spin-button, input::-webkit-outer-spin-button { height: auto; }
			input::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
			[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
			input[type="checkbox"], input[type="radio"] { display: inline-block; width: auto; height: auto; padding: 0; border: 0; background: none; line-height: 1; }
				input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; appearance: checkbox; }
				input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; appearance: radio; }
			input[type="color"] { padding: 0; cursor: pointer; }
			input[type="date"] { display: -webkit-inline-flex; }
			input[type="number"] { appearance: textfield; -moz-appearance: textfield; }
				input[type="number"]::-webkit-outer-spin-button,  input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
				input[type="number"]::-o-outer-spin-button, input[type="number"]::-o-inner-spin-button { -o-appearance: none; margin: 0; }
		textarea { overflow: auto; vertical-align: top; resize: vertical; }
		select { line-height: 1; text-overflow: ''; text-indent: 0.01px; }
			select::-ms-expand { display: none; }
	button, input[type="button"], input[type="reset"], input[type="submit"] { display: block; overflow: visible; position: relative; z-index: 3; height: auto; margin: 0; box-shadow: none; text-transform: none; text-indent: 0; cursor: pointer; outline-width: 0; -webkit-appearance: button; appearance: button; -webkit-font-smoothing: inherit; }
		button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; outline: none; }
		button[disabled], input[type="button"][disabled], input[type="reset"][disabled], input[type="submit"][disabled] { border-color: var(--silver); background: var(--silver); cursor: default; }
::-webkit-input-placeholder { opacity: 1; color: inherit; }
:-ms-input-placeholder { opacity: 1; color: inherit; }
::-ms-input-placeholder { opacity: 1; color: inherit; }
::placeholder { opacity: 1; color: inherit; }
	:focus::-webkit-input-placeholder { opacity: 0; }
	:focus:-ms-input-placeholder { opacity: 0; }
	:focus::-ms-input-placeholder { opacity: 0; }
	:focus::placeholder { opacity: 0; }

form { }
	label { display: block; position: relative; left: 0; top: 0; z-index: 2; font-weight: inherit; }
	input, select, textarea { display: block; width: 100%; border: 0; border-bottom: 1px solid var(--black); background: none; }
		input, select { height: 2.9166666667vw; padding: 0; }
			input[type="date"] { line-height: 30px; }
		select { padding-right: 2.2222222222vw; line-height: normal; } 
		textarea { padding: 0; }  
	button, input[type="button"], input[type="reset"], input[type="submit"] { overflow: hidden; float: left; padding: 0; border-radius: 0; border-width: 0; background: none; }

.wpcf7 form.sent .wpcf7-response-output { margin: 0 0 1em; padding: 0; border: none;}
.wpcf7 form.sent p { display: none;}
.form-newsletter { margin: 6.5972222222vw 0; }
.wpcf7 form.invalid .wpcf7-response-output { display: none;}
.wpcf7-not-valid-tip { position: absolute; left: 0; bottom: -1.5em; font-size: 14px;}

header h1 { font-size: 1.5em;}

/*! Helpers --------- */
.list-gallery figure, .owl-height { transition-property: all; transition-duration: 0.4s; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-delay: 0s; }
.owl-height { transition-property: height; }

.text-underline { border-bottom: 1px solid var(--black); text-decoration: none;}

.clear { clear: both; }
#root .desktop-hide, #root .tablet-only, #root .mobile-only { position: absolute; left: 0; top: -3000em; right: auto; bottom: auto; }
.hidden, [hidden], template, #nav em, .popup-a, .popup-a .box-inset, .popup-a .box-outer > .close, .hidden[data-popup], #root .owl-carousel .disabled, #lang span { display: none; }
article, aside, details, dialog, div, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, .popup-a.ready, .popup-a.shown, .popup-a.shown .box-inset, .popup-a.shown .box-outer .close { display: block; }

hr { display: block; overflow: hidden; width: 100%; height: 1px; margin: 15px 0; padding: 0; border: 0; border-top: 1px solid var(--black); background: none; font-size: 0; } 

.form-newsletter:first-child, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, figure:first-child, #root .m0 + * { margin-top: 0; }
#root .m0, ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }
#root .m30 { margin-bottom: 2.0833333333vw; }
#root .m50 { margin-bottom: 3.4722222222vw; }
#root .m70 { margin-bottom: 4.8611111111vw; }
#root .m90 { margin-bottom: 6.25vw; }
#root .m120 { margin-bottom: 8.125vw; }


/*! Miscellaneous --------- */
audio, canvas, iframe, img, svg, video { border-width: 0; vertical-align: middle; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]), video[autoplay]:not([muted]) { display: none; }	
svg:not(:root) { overflow: hidden; }

::selection { background: var(--black); color: var(--white); text-shadow: none; }
::-moz-selection { background: var(--black); color: var(--white); text-shadow: none; }


/*! Outlines --------- */
[data-whatinput="keyboard"] a:focus, [data-whatinput="keyboard"] button:focus, [data-whatinput="keyboard"] input:focus, [data-whatinput="keyboard"] select:focus, [data-whatinput="keyboard"] textarea:focus { outline-width: 2px; outline-style: solid; }
[data-whatintent="mouse"] input:focus, [data-whatintent="mouse"] select:focus, [data-whatintent="mouse"] textarea:focus { outline: none; }


/*! Flexbox --------- */
/* flex */ 	.quadruple, .triple, .list-inline, .list-gallery li > div, .list-gallery, #root, .popup-a .box-outer, #lang a, #footer nav, #footer, summary, #nav > ul, .double, #top { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
/* flix */	figure > a, figure { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: inline-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

/* f:wn */	figure, .list-gallery li > div, #root, #footer nav, #footer, .list-aside li, .double, #top { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
/* f:w */	  .double.a.w50 { -webkit-flex-wrap: wrap; flex-wrap: wrap; }

/* f:ds */	.double.inv { -webkit-flex-direction: row-reverse; flex-direction: row-reverse; }
/* f:dc */	figure, #root { -webkit-flex-direction: column; flex-direction: column; }

/* f:jc */	.popup-a .box-outer, #lang a { -webkit-justify-content: center; justify-content: center; }
/* f:je */	#nav ul { -webkit-justify-content: flex-end; justify-content: flex-end; }
/* j:jb */	.list-gallery li > div, #footer, .double, .triple { -webkit-justify-content: space-between; justify-content: space-between; }
	
/* f:as */	.list-gallery li > div, .double { -webkit-align-items: flex-start; align-items: flex-start; }
/* f:ac */	.popup-a .box-outer, #lang a, #top { -webkit-align-items: center; align-items: center; }

/* f:b0 */	#footer nav > * { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; }
/* f:g3 */	#footer nav > * { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; }


@media only screen and (min-width: 1001px) { /* 1000 */
/* f:b0 */	#footer nav > * { -webkit-flex-basis: 0; -ms-flex-basis: 0; flex-basis: 0; }
/* f:g3 */	#footer nav > * { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; }
}


/*! Icons --------- */
@font-face { font-family: 'i'; src: url('/wp-content/themes/diver-festival/styles/icons/icomoon.woff2') format('woff2'), url('/wp-content/themes/diver-festival/styles/icons/icomoon.woff') format('woff'); font-display: swap; }
[class*="icon-"] { font-family: 'i' !important; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.icon-arrow-down:before { content: "\e900"; }
	.icon-arrow-left:before { content: "\e901"; }
	.icon-arrow-right:before { content: "\e902"; }
	.icon-arrow-up:before { content: "\e903"; }
	.icon-play:before { content: "\e904"; }
	.icon-x:before { content: "\e905"; }
	
.icon-arrow-left, .icon-arrow-right { font-size: 0.6944444444vw; }


/*! Fonts --------- */
@font-face { font-family: 'Narkiss Yair'; src: url('/wp-content/themes/diver-festival/styles/fonts/NarkissYair-Light.woff2') format('woff2'), url('/wp-content/themes/diver-festival/styles/fonts/NarkissYair-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap;}
@font-face { font-family: 'Narkiss Yair'; src: url('/wp-content/themes/diver-festival/styles/fonts/NarkissYair-Regular.woff2') format('woff2'), url('/wp-content/themes/diver-festival/styles/fonts/NarkissYair-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face { font-family: 'Narkiss Yair'; src: url('/wp-content/themes/diver-festival/styles/fonts/NarkissYair-Bold.woff2') format('woff2'), url('/wp-content/themes/diver-festival/styles/fonts/NarkissYair-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap;}

/* Animations --------- */
.popup-a.shown .box-inset, .popup-a.unshown .box-inset { -webkit-animation-duration: .25s; animation-duration: .25s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
	.popup-a.shown .box-inset { -webkit-animation-name: anim-open; animation-name: anim-open; }
	.popup-a.unshown .box-inset { -webkit-animation-name: anim-close; animation-name: anim-close; }
		
@-webkit-keyframes anim-open { 0% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } 100% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes anim-open { 0% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } 100% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } }
@-webkit-keyframes anim-close { 0% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } 100% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(.9,.9,1); transform: scale3d(.9,.9,1); } }
@keyframes anim-close { 0% { visibility: visible; opacity: 1; -webkit-transform: none; transform: none; } 100% { visibility: hidden; opacity: 0; -webkit-transform: scale3d(.9,.9,1); transform: scale3d(.9,.9,1); } }


/* Responsive --------- */
@media only screen and (max-width: 1400px) { /* 1400 */
	#lang { font-size: 13px; }
		#lang a { width: 40px; height: 40px; }

}
@media only screen and (max-width: 1000px) { /* 1000 */
:root { --s12: 12px; }
body { font-size: 18px; }
li *, dt *, dd *, p *, figure *, th *, td *, legend * { font-size: 1em; }
ul, ol, dl, p, figure, table, pre, h1, h2, h3, h4, h5, h6, legend, summary, .list-aside.a li { margin-bottom: 20px; }
#root .list-aside.a .list-aside > li { margin-bottom: 2em; padding-bottom: 2em; }
#root, #top { padding-left: var(--rpp); padding-right: var(--rpp);}
#top { padding-bottom: 20px; border-top-width: 30px; }
	#top:before { top: -30px; z-index: 2; }
	#logo span.upper { padding-bottom: 1px; }
	#top.scroll-to-fixed-fixed { padding-bottom: .1px; }
#content { }
	#content > *:last-child { margin-bottom: 50px; }
	#content > .double:last-child { margin-bottom: 30px; }
#footer { }
	#root #footer > ul, #root #footer > nav > ul { padding-left: 0; padding-right: 0; white-space: normal; }
	#footer form, .form-newsletter, .popup-a.form-newsletter p { min-width: 220px; max-width: 220px; }
	#footer input, .form-newsletter input { padding-right: 24px; font-size: 1em; }
	#footer button, .form-newsletter button { width: 34px; height: 28px; font-size: 8px; }

figure .icon-play { margin-top: -16px; font-size: 32px; line-height: 32px; }
	figcaption + *, * + figcaption { margin-top: 7px; }
.icon-arrow-left, .icon-arrow-right, .owl-nav button, .owl-dots button  { font-size: 8px; }
input, select { height: 34px; }

.double { }
	.double > figure, .double > .list-slider { top: 70px; }
.triple { }
	.triple > *:first-child:last-child { width: 100%; }
.form-newsletter { margin: 50px 0; }
.list-aside .list-aside li .triple > * + * { margin-top: 1em; }
.list-gallery { }
	.list-gallery > li { margin-bottom: 15px; }
	.list-gallery figure { margin-bottom: 18px; }
	.list-gallery ul { margin-right: -10px; }
		.list-gallery ul li { margin-right: 10px; }
.list-slider { }
	.list-slider figure > img:last-child, .list-slider figure > a:last-child { margin-bottom: 28px; }
	.list-slider .owl-nav button.owl-prev { right: 36px; }
	.list-slider figcaption { padding-right: 60px; }
#root .m30 { margin-bottom: 10px; }
#root .m50 { margin-bottom: 30px; }
#root .m70 { margin-bottom: 50px; }
#root .m90 { margin-bottom: 70px; }
#root .m120 { margin-bottom: 100px; }
.owl-nav button { width: 36px; height: 20px; }
.popup-a { }
	.popup-a .box-inner { width: 100%; max-width: 392px; }
	.popup-a .box-inset { padding: 50px 30px 30px; }
.s12 { font-size: var(--s12); }
.w505 { max-width: 505px; }

#footer nav { -webkit-flex-grow: 3; -ms-flex-grow: 3; flex-grow: 3; }

#root .desktop-hide, #root .tablet-only { position: relative; left: 0; top: 0; }
#root .desktop-only, #root .tablet-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; }
}
@media only screen and (max-width: 760px) { /* 760 */
:root { --rpp: 20px; --s12: 12px; }

#footer > p, #footer div, #footer nav { width: 100%;}

.list-aside.a.base .big, h1, h2, h3, h4, h5, h6 { font-size: 1.25em;}

#root { padding-top: 80px; overflow-x: hidden; }
#top { overflow-y: hidden; position: fixed !important; left: 0 !important; right: 0 !important; top: 0 !important; width: auto !important; height: 90px; margin: 0 !important; padding-top: 10px; border-width: 0; background: var(--white); white-space: nowrap; }
#top.scroll-to-fixed-fixed {  }
	/* #top:before { display: none; } */
  #top > .menu { display: block; background-image: url('/wp-content/themes/diver-festival/styles/icons/menu-open.svg'); background-size: 100%; background-position: center; background-repeat: no-repeat; height: 32px; width: 32px; border: none; position: absolute; right: calc(var(--rpp) * 1); z-index: 6; top: 28px;}
  .menu-active #top > .menu { background-image: url('/wp-content/themes/diver-festival/styles/icons/menu-x.svg');}
  #nav { display: none; position: fixed; left: 0; top: 0; height: calc(100vh + 2 * var(--rpp)); background: var(--white); border: none; width: 100%; z-index: 1; justify-content: flex-start; align-items: flex-start; width: 100%; padding-top: 120px;}
  .menu-active #nav { display: flex;}
  #nav > ul { flex-flow: column wrap; align-items: flex-start; font-size: 1.25em;}
  #nav > ul > li { width: 100%; display: block; margin-bottom: 1em;}
		#nav > ul > li a { border-width: 0; }
	#top #logo { display: block; width: auto; margin: 0; top: 10px; width: calc(100% - 100px);}
#content { padding-top: var(--rpp); }
	#content > *:last-child { margin-bottom: 30px; }
	#content > .double:last-child { margin-bottom: 10px; }
#footer { display: block; padding-top: 4em;  }
#footer .s12 { font-size: 1em; }
	#lang ~ #footer { border-bottom: 56px solid rgba(0,0,0,0); }
  #intro div p { font-size: 8vw;}
#footer #footer1 { display: none; }
	


.page-template-program #content > .list-aside.a > li { border-top: 1px solid var(--black); margin-top: 2em; padding-top: 2em;  }
.page-template-program #content > .list-aside.a > li:first-of-type { border-top: none; margin-top: 0; padding-top: 0;  }

/* a, .text-underline { border-bottom: none; text-decoration: underline; } */
#lang a, #footer a, #nav a, .list-gallery a, .list-aside li > span:first-child a { text-decoration: none; }
	
.about-container > div:first-child, .about-container > div:last-child { flex-basis: 100%;}
.list-aside.text-uppercase li > span:first-child { padding-left: 10px; margin-left: -6.75em;}

.list-gallery h1, .list-gallery h2, .list-gallery h3, .list-gallery h4, .list-gallery h5, .list-gallery h6, .list-gallery ul { width: 100%; margin-bottom: 0; }
.list-gallery > li { width: 100%; margin-bottom: 2em; }
.list-gallery li > div { display: block;}
.list-gallery li ul { justify-content: flex-start;}

.list-aside { margin-left: 0; margin-right: var(--rpp); }
.list-aside.a li > span:first-child, #root .list-aside.a .list-aside > li > span:first-child { margin-left: 0; margin-bottom: var(--rpp); float: none; min-width: 100%; max-width: 100%; width: 100%;} 
#root .list-aside.a .list-aside > li > span:first-child { margin-bottom: 1em; font-size: 1.25em;}
.list-aside.a li, #root .list-aside.a .list-aside > li { padding-left: 0;}
	.page-template-tickets #root .list-aside ul li { margin-bottom: 1em; }

#root .list-aside ul li { display: flex; flex-flow: column wrap; }

.list-inline { margin-bottom: 1em;}
.list-nav { display: flex; flex-flow: row wrap; margin-right: -0.5em; margin-left: -0.5em;}
.list-nav li { margin: 0 0.5em;}

#root .list-aside.a .list-aside > li .triple.a li:last-of-type { display: flex; flex-flow: row wrap; }
#root .list-aside.a .list-aside > li .triple.a li:last-of-type br { display: none;}
#root .list-aside.a .list-aside > li .triple.a li:last-of-type a { margin-right: 2em; }

.list-aside.archive > li > a { display: block; width: 100%; float: none; }

span.bigger { font-size: 1.5em; }
	
.page-template-tickets .s12 { line-height: 1.1; font-size: 1em;}
	.page-template-tickets .list-aside.a li > span:first-child { font-size: 12px; text-transform: uppercase; }

.double { }
	#root .double > *, #root .triple > * { width: 100%; max-width: none; }
	.double > figure, .double > .list-slider { position: relative; top: 0; }
	
#top, #nav > ul, #root .double { display: -moz-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; flex-direction: row; }



#top p { display: none; }
#root .tablet-hide, #root .mobile-only { position: relative; left: 0; top: 0; }
#root .tablet-only, #root .mobile-hide { position: absolute; left: -3000em; top: -3000em; right: auto; bottom: auto; }
}