@charset "UTF-8";

	  /* ------------------------------------------ */
			    /*= Desktops ------------*/
			/* ------------------------------------------ */
							
@media only screen 
and (min-width : 65em) /*1040px*/
and (max-width : 78.125em) /*1250px*/ {

/* small screen padding left+right */	

#header {
	padding: 20px 3% 10px;
}
.page .middle-width {
	padding: 0 3%;
}
.page-all {
    padding-right: 50px;
    padding-left: 50px;
}


.about-content .about-right {
    padding-right: 50px;
}


}/* Desktops and laptops ----------- */		




			
			
						/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 76.500em) /*1224px*/ {
/* Styles */
}/* Desktops and laptops ----------- */

						/* Large screens ----------- */
@media only screen 
and (min-width : 114.000em ) /*1824px*/ {
/* Styles */
}	/* Large screens ----------- */




















					/* ------------------------------------------ */
						/*= @max 960 new design ------------*/
					/* ------------------------------------------ */
@media only screen 
and (max-width : 60em) /*960px*/ {
	.big-screen-menu{
		display: none;
	}
	/* .small-screen-menu{
		display: block;
	} */
	.mobile-nav {
		display: block;
	}

	.home #header h1 {
		color: #000;
	}
.mobile-header{
	position: relative;
}
.mobile-nav {
    display: block;
    position: absolute;
    right: 0;
    background: #e4e4e3;
    bottom: -40px;
    padding: 0;
    width: 45px;
    height: 45px;
	border: 5px solid #fff;
	cursor: pointer;
	color: #000;
	z-index: 99;
}
		a.mobile-nav {
		font-size: 1.8em;
		}
		a.mobile-nav-click {
		z-index: 99;
		}

		#header {
			padding: 20px 3% 10px;
		}
    /***********    hamburger    **************/

	#nav-icon3 {
		width: 24px;
		height: 24px;
		position: relative;
		margin: 6px auto;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	  }
	.lang-en #nav-icon3 {
		margin: 12px auto;
	  }
	  
	  #nav-icon3 span{
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		background: #000;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	  }
	  
	  /* Icon 3 */
	  
	  #nav-icon3 span:nth-child(1) {
		top: 2px;
	  }
	  
	  #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
		top: 10px;
	  }
	  
	  #nav-icon3 span:nth-child(4) {
		top: 18px;
	  }
	  
	  #nav-icon3.open span:nth-child(1) {
		top: 18px;
		width: 0%;
		left: 50%;
	  }
	  
	  #nav-icon3.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	  }
	  
	  #nav-icon3.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	  }
	  
	  #nav-icon3.open span:nth-child(4) {
		top: 18px;
		width: 0%;
		left: 50%;
	  }



.page-wrap {
	margin: 0 3%;
	width: 94%;
	z-index: 99;
}
#header {
	background: transparent;
	padding: 20px 0 0;
	margin: 0;
}
#header h1, #header h2 {
	margin: 0;
	background: #fff;
}
#header h1 {
	padding: 10px;
}
#header h2 a {
	display: block;
	padding: 10px;
}


.droppy {
	display: inline-block;
	margin: 0;
	padding: 0;
	position: relative;
}
.droppy > li {
	display: block;
	float: none;
	width: auto;
	border: none;
	margin-top: -6px;
}
.pages-nav {
    border-top: none;
}
.pages-nav .menu-top-menu > li:first-child, 
.pages-nav .menu-top-menu-second > li:first-child {
	border-left: none;
}
.pages-nav li a {
	display: inline-block;
	border: 6px solid #fff;
	height: 45px;
}

.pages-nav li.current-menu-ancestor, 
.pages-nav li.current_page_ancestor, 
.pages-nav li.current_page_item, .pages-nav li:hover {
	background: transparent;
}

.pages-nav ul.sub-menu {
    top: 0;
    left: 0;
    position: relative;
}
.pages-nav li li{
	border: none;
	position: relative;
	margin: 0;
	display: inline-block;
	padding: 0px;
	margin-left: 30px;
	max-width: 260px;
	margin-top: -6px;
}
.pages-nav li li:first-child{
	margin-top: 0px;
}
.pages-nav li li a {
	line-height: 22px;
	white-space: inherit;
	width: auto;
	height: auto;
}


#slides1 li {
	/* display: flex;
    justify-content: center;
    align-items: center;
	overflow: hidden */
	position: relative;
}





.page .middle-width {
	margin: 185px 3% 0;
	width: 94%;
}

.page-template-page-exhibition .middle-width {
	margin-top: 0;
}



.loans-filter li {
	border: 6px solid #fff;
}
.loans-filter li.active {
	background: #fff;
}
.loans-filter li.active a {
	color: #000;
}


.contribution-area {
	overflow: hidden;
}


.page-contributions .contribution-area li,
.contribution-area li,
.publication-area li {
	width: 31%;
	margin-right: 2%;
}
.publication-area li {
	min-height: 325px;
	max-height: 325px;
}





#tabs .tab_nav {
    position: fixed;
    top: 120px;
    width: 94%;
    z-index: 9;
    display: flex;
}
#tabs .tab_nav li {
	flex: 1;
	text-align: center;
	line-height: 1.5;
}

.contribution-area img {
    padding: 0;
    border: none;
    margin-top: 0;
}
.mfp-figure img.mfp-img {
    border: none;
}
/* .contribution-area h2 {
    border-top: 1px solid;
} */

.mfp-wrap .mfp-image-holder .mfp-close {
    height: 44px;
    width: 44px;
    border: 2px solid #fff;
    position: absolute;
    top: -60px;
    opacity: 1 !important;
    font-size: 40px;
    right: 0;
    margin: 0 5%;
    padding: 0 8px 0;
    line-height: 42px;
}

#slides1 {
    background: #e0e0df;
}

#slides1 li img {
	position: absolute;
	bottom: 0;
}
}	/* @max 960 new design ----------- */






					/* ------------------------------------------ */
						/*= @max 768 ------------*/
					/* ------------------------------------------ */
@media only screen 
and (max-width : 48em) /*768px*/ {
	.page-contributions .contribution-area li,
	.contribution-area li, 
	.publication-area li {
		width: 48%;
	}
	.publication-area .im, .contribution-area .im {
		width: 250px;
		height: 220px;
		max-height: 220px;
	}
	.contribution-area img, .publication-area img {
		max-width: 100%;
		width: auto;
		height: auto;
		max-height: 220px;
	}
	.about-content .about-pic {
		max-width: 100%;
		margin-bottom: 20px;
		padding-top: 0;
	}
	.about-content .about-right {
		padding-right: 0;
		max-width: 100%;
		margin-left: 0;
	}
	.artist-area li {
		width: 33%;
	}
}	/* @max 768 new design ----------- */





					/* ------------------------------------------ */
						/*= @max 584 new design ------------*/
					/* ------------------------------------------ */
@media only screen 
and (max-width : 36.5em) /*584px*/ {
	.page-contributions .contribution-area li,
	.contribution-area li,
	.publication-area li {
		width: 100%;
	}
	.publication-area .im, .contribution-area .im {
		width: 400px;
		height: 260px;
		max-height: 260px;
	}
	.contribution-area img, .publication-area img {	
		height: 100%;
		max-height: 226px;
	}
	#tabs .tab_nav {
		font-size: 80%;
	}
	
	.artist-area li {
		width: 50%;
	}
	.about-content .about-left {
		max-width: initial;
	}
	.all-artists > div {
		width: 44%;
		margin: 0 3% 4rem;
	}
	.az-links {
		justify-content: start;
		margin-bottom: 50px;
	}
	.az-links .nav-scroll {
		width: 14%;
		margin-bottom: 10px;
	}
	.page-template-page-exhibition .middle-width, .page-about .middle-width {
		padding-top: 10px;
	}
}	/* @max 584 new design ----------- */






	/* ------------------------------------------ */
		/*= @max 490 new design ------------*/
	/* ------------------------------------------ */
	@media only screen 
	and (max-width : 520px) /*490px*/ {
		#header h1, #header h2 {
			font-size: 20px;
		}


	}	/* @max 490 new design ----------- */
	
















			  /* ------------------------------------------ */
			    /*= IPAD + smartphones ------------*/
			/* ------------------------------------------ */

						/* iPads + phones ----------- */
@media only screen 
and (max-device-width : 64em) /*1024px*/ {

	
.post-edit-link {
display: none;
}

}	/* iPads + phones ----------- */







			  /* ------------------------------------------ */
			    /*= IPAD ------------*/
			/* ------------------------------------------ */

						/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 48em) /*768px*/
and (max-width : 64em) /*1024px*/ {



.about-content .about-pic {
padding-top: 0;
}

#sidebar-artists {
float: left;
padding-top: 30px;
}

.contribution-area li {
	/* width: 25%; */
min-height: 490px;
}

/* .middle-width h1, */
.publication-area {
margin: 0;
}

.publication-area li {
/* width: 23%; */
min-height: 345px;
max-height: 345px;
/* margin-right: 2%; */
}

}/* iPads (portrait and landscape) ----------- */




						/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 48em) /*768px*/
and (max-device-width : 64em) /*1024px*/
and (orientation : landscape) {
/* Styles */
}/* iPads (landscape) ----------- */

						/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 48em) /*768px*/
and (max-device-width : 64em) /*1024px*/
and (orientation : portrait) {


.pages-nav li a {
padding: 0.2em .8em;
}
.pages-nav ul.sub-menu {
max-width: 320px;
}

.entry {
width: 55%;
max-width: 450px;
margin-right: 70px;
}





.tab_content {
	margin: 0 1em;
}
.contribution-area li {
min-height: 590px;
}
.contribution-area li p {
padding: 0px 20px 0px 0px;
}


.page-contributions .contribution-area li {
min-height: 300px;
}


.about-content .about-right {
float: none;
max-width: none;
margin: 5%;
}
.about-content .about-pic {
float: none;
max-width: none;
}
.about-pic img {
	width: 100%;
}
.artist-area {
padding: 0 1em;
}
.artist-area li {
width: 25%;
min-height: 60px;
margin-bottom: 15px;
}

}/* iPads (portrait) ----------- */





			  /* ------------------------------------------ */
			    /*= IPAD  RETINA ------------*/
			/* ------------------------------------------ */


				/***** Retina IPAD 3 & 4*****/

/* Retina iPad 3 & 4 in portrait and landscape----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2){
/* YOUR STYLE GOES HERE */
}

/* Retina iPad 3 & 4 in landscape----------- */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2){
/* YOUR STYLE GOES HERE */
}

/* Retina iPad 3 & 4 in landscape----------- */

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2){
/* YOUR STYLE GOES HERE */
}





@media only screen 
and (max-width : 767px) {
landscape.page-contact .mobile-header h2,
.page-contributions .mobile-header h2,
.page-about .mobile-header h2,
.page-child .mobile-header h2{
	display: none;
}
.page-contact .mobile-clicked h2,
.page-contributions .mobile-clicked h2,
.page-about .mobile-clicked h2,
.page-child .mobile-clicked h2{
	display: block;
}
}












			  /* ------------------------------------------ */
			    /*= Smartphones ------------*/
			/* ------------------------------------------ */
			
			
				/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 20em) /* 320px */
and (max-width : 599px)/*  */ {



	    /***********    swiper pages exhibitions    **************/
	
	.slides-navigation-page{
		display: none;
	}
	.swiper-slide {
		align-self: flex-end;
	}
	.swiper-container {
		max-height: 240px;
	}
	.swiper-container .swiper-slide img {
		max-height: 240px;
	}
	.swiper-container .swiper-pagination-bullet {
		width: 9px;
		height: 9px;
	}
	.mobile-main-area {
		padding-top: 20px;
	}
	.swiper-container.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 2px;
	}



#header {
margin: 20px 0;
padding: 0;
}

.page #header {
	background: none;
}

.mobile-header {
/* border: 4px solid #fff; */
/* overflow: hidden; */
background: #000;
}

#header .mobile-header h2,
#header .mobile-header h1 {
font-size: 1.1em;
text-align: center;
margin: 0;
border-right: 4px solid #fff;
}





#header .pages-nav {
	/* display: none; */
border: none;
/* margin-top: -2px; */
position: relative;
}

/* #header .pages-nav li {
float: right;
border: 2px solid #fff;
font-size: .6em;
background: #000;
} */




#header .pages-nav li a {
padding: 0.2em 0.8em;
/* height: 30px; */
/* line-height: 30px;
font-size: 8.1px; */
/* color: #fff; */
}
#header .pages-nav li li a {
line-height: 26px;
}
.home .menu-top-menu-second-container,
.page .menu-top-menu-second-container {
/* display: none; */
position: absolute;
right: 77px;
top: 80px;
border-top: 2px;
}









.pages-nav li.current-menu-item a{
	background: #fff !important;
color: #000 !important;
}









.home .slide-container {
/* width: 92%;
margin: 0 4%; */
text-align: center;
max-width: inherit;
}




            /************ page **************/

.page .middle-width {
height: auto;
overflow: hidden;
margin-top: 0;
width: 94%;
}

.page-all {
padding: 0;
}


#slides1 {
max-height: 250px;
margin-bottom: 20px;
padding-bottom: 30px;
}

#slides1 li img {
	max-height: 220px;
}

.slides-pagination {
    bottom: 0px;
}
#slides1 .slides-pagination a {
	width: 8px;
	height: 8px;
}


.mobile-main-area {
margin: 0 20px;
overflow: hidden;;
}
.mobile-main-area h2,
.about-content h2,
.artist-area h2 {
	margin-bottom: 20px;
}

.mobile-main-area .entry,
.about-content p {
width: 100%;
float: none;
padding: 0;
max-width: inherit;
}



.tab_content h2,
.middle-width h1,
.mobile-main-area h2,
.about-content h2,
.artist-area h2 {
	font-size: 1.2em;
	line-height: 1.4;
}
.mobile-main-area .entry,
.about-content p,
.tab_content li p,
.middle-width li p {
font-size: 1.1em;
line-height: 1.5;
}



#sidebar {
width: 100%;
float: none;
margin-bottom: 30px;
}

#sidebar a {
	display: block;
}
#sidebar a.pdf-link-second, #sidebar a.pdf-link {
	display: none;
}

.publication-area p a {
    display: none;
}

#sidebar-artists {
width: 100%;
float: none;
max-width: inherit;
padding: 0;
}
#sidebar-artists li {
	width: 50%;
float: left;
font-size: 1.1em;
line-height: 1.5;
}

/* .slides-container .slide-container-all {
	display: none;
} */

/* .mobile-hp-btn {
display: block;
position: absolute;
bottom: 50px;
font-size: 2.5em;
z-index: 8;
color: #fff;
border: 4px solid;
padding: 5px 7px 7px 7px;
text-align: center;
line-height: 22px;
left: 50%;
margin-left: -20px;
} */

.mobile .slides-navigation {
width: 100%;
}


            /************ about **************/
.page-about .middle-width {
padding-top: 0;
height: auto;
}

.about-content {
padding-left: 0;
}

.about-content .about-right,
.artist-area {
padding: 0 20px;
}

.about-content .about-pic {
	margin-bottom: 20px;
}
.about-content .about-right,
.about-content .about-pic {
float: none;
max-width: inherit;
padding-top: 0;
margin-left: 0;
}

.artist-area li {
width: 50%;
font-size: 80%;
margin-bottom: 10px;
}


            /************ contact **************/
.white-popup {
padding: 10px;
margin: 20px auto;
width: 92%;
border: 4px solid #EC4946;
}
.white-popup h2 {
font-size: .8em;
}
.white-popup p {
font-size: .7em;
margin-bottom: 0;
line-height: 1.4em;
}

.white-popup .credit {
padding: 20px 0px 0;
font-size: 90%;
}

.white-popup p > img,
.white-popup > p:last-of-type {
	display: none;
}



 /************ loans  + publication + contribution**************/	
 

.page-about-the-collection .middle-width h1,
.page-template-loans-israeli-institutions-php .middle-width h1,
.page-template-loans-international-institutions-php .middle-width h1,
.page-contributions .middle-width h1,
.page-about-the-exhibitions h1
 {
padding-top: 185px;
/* padding-left: 20px; */
}
 
.contribution-area, .publication-area, .loans-filter, .artist-area {
/* padding-left: 20px;
padding-right: 20px; */
padding-top: 0;
}

.contribution-area li,
.publication-area li,
.page-contributions .contribution-area li
 {
width: 100%;
margin-bottom: 30px;
min-height: inherit;
max-height: inherit;
}

.publication-area .im, .contribution-area .im {
    width: 300px;
    height: 300px;
}



}/* Smartphones (portrait and landscape) ----------- */






/* galaxy s3 ----------- */
@media only screen 
and (min-device-width : 360px) 
and (max-device-width : 640px)
and (-webkit-min-device-pixel-ratio: 2){
   
   /* navigation ----------- */ 
#header .pages-nav li a {
padding: 0.2em 1.4em;
}

.home .menu-top-menu-second-container, .page .menu-top-menu-second-container {
right: 86px;
}

}





						/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 20.063em) /* 321px */{
/* Styles */
}/* Smartphones (landscape) ----------- */



						/* Smartphones (portrait) ----------- */
/* @media only screen and (max-width : 20em) /* 320px  { */
	@media only screen
	and (max-device-width: 420px)
	and (orientation: portrait) {

		#slides img.icon-flip {
			display: block;
			position: absolute;
			bottom: 100px;
			right: 10px;
			z-index: 9;
		}
}/* Smartphones (portrait) ----------- */








							  /* ------------------------------------------ */
							    /*= Samsung Galaxy ------------*/
							/* ------------------------------------------ */



					/* Android(Samsung Galaxy) in portrait 380 X 685 ----------- */
@media only screen
and (min-width: 375px)
and (max-width: 385px){
/* YOUR STYLE GOES HERE */
}/* Android(Samsung Galaxy) in portrait 380 X 685 ----------- */

					/* Android(Samsung Galaxy) in Landscape 685 X  380 ----------- */
@media only screen
and (min-width: 680px)
and (max-width: 690px){
/* YOUR STYLE GOES HERE */
}/* Android(Samsung Galaxy) in Landscape 685 X  380 ----------- */



















		




			  /* ------------------------------------------ */
			    /*= iPhone 4 ------------*/
			/* ------------------------------------------ */

			/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}/* iPhone 4 ----------- */