/*!
Theme Name: IDW
Theme URI: http://underscores.me/
Author: Aviv Lichter
Author URI: http://avivlichter.com
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: IDW
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Megalomania is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
/*--------------------------------------------------------------# Normalize --------------------------------------------------------------*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;}
body {	line-height: 1;}
ol, ul {list-style: none;} 
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';
	content: none;}
table {	border-collapse: collapse;
	border-spacing: 0;}
b, strong{font-weight: bold; }
.entry-content a, .entry-content-lec a{text-decoration: underline;}
.entry-content a:hover, .entry-content-lec a:hover{font-style: italic; text-decoration: none;}
/*--------------------------------------------------------------# Typography --------------------------------------------------------------*/

html, div.wpforms-container-full .wpforms-form .wpforms-field-label {font-family: adobe-caslon-pro,serif;
font-weight: 400;
font-style: normal;}

.nav-titles h2, .site-title a, .entry-title, .wkn, .talks-title{font-family: maple-web, sans-serif;
font-weight: 700;
font-style: normal;}
.nav-titles h2 {font-size: 1.2rem;
    padding-bottom: 0.5rem;
    padding-top: .6rem;}
.entry-title{font-size: 3rem;
	width: 60%;
	text-transform: uppercase;
	line-height: 1.1;}
.affil, .wkn, .wkt, .lec-content {font-size: 1.2rem;}

.logo a, .site-title a, .workshops-template-default .nav-titles{font-size: 1.6rem;}
.workshops-template-default .nav-titles{letter-spacing: .5px;}
.entry-content, .fancybox-caption, .years, .entry-content-lec{font-size: 1.3rem!important;
    line-height: 1.4;}

.entry-content p, .entry-content-lec p{padding-bottom:1.2rem;}
.column{display: inline;}
.image-title{text-align: center;
        font-style: italic;}
.affil {padding-top: .6rem;}

	.flickity-button {background: transparent;}
/* big previous & next buttons */
.flickity-prev-next-button {
  width: 100px;
  height: 100px;}
/* icon color */
.flickity-button-icon {
  fill: white;}
/* hide disabled button */
.flickity-button:disabled {
  display: none;}
.flickity-page-dots {
  bottom: 15px!important;}
/* dots are lines */
.flickity-page-dots .dot {
width: 5px!important;
height: 5px!important;
background: #2456f6!important;
}
.main-carousel .single-work{width: auto;
    padding: 0.4rem;}
.carousel-cell img{max-width: auto;}
.main-carousel img{  height: 100%;
    max-width: auto!important;}
.research{padding-bottom: 3rem;}
.carousel-cell {
  display: block;
  height: 200px;
  /* set min-width,
     allow images to determine cell width */
  min-width: 150px;
  max-width: 100%;
  margin-right: 10px;
  /* vertically center */
  top: 50%;
  transform: translateY(-50%)
}

/*--------------------------------------------------------------# Elements --------------------------------------------------------------*/
html, .site-header, .bg-img {box-sizing: border-box;
        background-color: #fef9f3;}
.site-content{padding-bottom: 3rem;}
.logo, ul a, a, .entry-title, .single-nav li a:hover, .single-work-big .image-title,.single-work-med .image-title, li a:hover,  .single-work a,.single-work-big a, .entry-content, a:hover, .single-nav .current a, .single-work-small .image-title, .entry-content-lec, .workshops-template-default .nav-titles{color:#2456f6;}
.fancybox-button, .fancybox-button:link, .fancybox-button:visited, .fancybox-caption, .fancybox-button[disabled], .fancybox-button:hover, .fancybox-infobar {color:#2456f6!important;}

::selection{background-color: #2456f6;
    color:  #fef9f3;     }
.single-nav li {opacity: .2;}
.fancybox-button, .fancybox-button:link, .fancybox-button:visited{opacity: .2!important;}

.single-nav .current, .single-nav li:hover{opacity: 1;}
.site-content, .entry-header, .home-nav{padding-top: 5vh;}

li a:hover, .single-work img, .exhib-titles:hover, .nav-titles, .main-titles a, .entry-title{-webkit-mix-blend-mode: multiply;
       -moz-mix-blend-mode: multiply;
       -o-mix-blend-mode: multiply;
       -ms-mix-blend-mode: multiply;
        mix-blend-mode:multiply; }

*,*:before,*:after {box-sizing: inherit;}

img {height: auto;
    max-width: 100%;}

.entry-content{width: 66vw;
    margin: 3rem 3rem;}

.grid{margin: 3rem;}

/*--------------------------------------------------------------# Home --------------------------------------------------------------*/


.home-nav, .lec-nav{display: flex;
  flex-wrap: wrap;
padding: 3rem;}
.home-nav .nav-titles{width: calc(100% / 3 - .4rem); padding: .8rem;}
.lec-nav .nav-titles{width: calc(100% / 5); padding: .4rem;}
.nav-titles, .main-titles a, .entry-title{list-style: none;}

.nav-wrap{z-index: 999;
        position: absolute;}
.bg-img{height: 100%; 
        width: 100vw; 
    position: absolute;
        background-repeat: no-repeat; 
        background-attachment: fixed;
        background-position: right;
        background-size: auto 100%;
        background-blend-mode: multiply;}

.nav-titles{border-bottom: 1px solid #2456f6;
    padding: 1.6rem 0;}
.single-nav, .research{border-top: 1px solid #2456f6;
    padding-top: 1rem;
padding-left: .6rem;}
.nav-wrap a, .entry-content, .entry-content-lec {-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;}
	   .nav-wrap:hover a {opacity: 0.2;}
	   .nav-wrap:hover ul:hover a {opacity: 0.5;}
	   .nav-wrap:hover ul:hover a:hover {opacity: 1;}
#text-hide{display: block;}

/*--------------------------------------------------------------## single --------------------------------------------------------------*/
.years{padding-bottom: .8rem; color: #333;}
.nav-titles, .img-wrap img, .nav-titles img{  transition: 0.3s;}
.img-wrap {height: 20vw; overflow: hidden;   transition: 0.3s; background-color: #2456f6;}
.img-wrap-lec { overflow: hidden; transition: 0.3s; }
.img-wrap img{height: auto!important; 
    min-width: 100%!important;
    min-height: 100%;
    object-fit: cover;
    mix-blend-mode: normal;}
.img-wrap-lec img, .img-wrap img{ filter: grayscale(0);}
.nav-titles:hover img, .img-wrap-lec:hover img{filter: grayscale(100);
    mix-blend-mode: luminosity;} 

.play-wrap .fas{color: #2456f6;}
.vid:hover .play-wrap .fas{color: #fff; opacity: 1;}
.vid:hover{opacity: 1;}
.vid-talk:hover{opacity: .7;}
.vid-talk{line-height: 1.4;}
.vid-talk .play-wrap .fas{color: #fff; opacity: 1;}
.talks-title{padding-top: .6rem; }
.play-wrap{position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}
.play-wrap .fas{font-size: 4rem;}
.entry-title{}
.nav-titles:hover h2{font-style: italic;}
.main-image{width:100vw;}
.grid-sizer {width:1px;}
.entry-header{padding-bottom: 3rem; padding-left: 3rem;}

.single-work-big{padding: .8rem;}

.semi, .med, .single-work-med, .single-work-about{width: calc(100% / 4 - 1.2rem); margin: .6rem; height: auto;}

.big, .vid, .single-work-big{width: calc(100% / 2 - 1.2rem); margin: .6rem; height: auto;}

.single-work-big img{width: 100%;}
.single-nav li{ display: inline; float: left; padding: 1.4rem 1.4rem 0rem 1.4rem;}
.single-nav .current{}
.vid{opacity: .8;}


.grid-item { position: relative;}

.grid-item img{
  display: block;
  width: 100%;
  height: auto;}
.lec-nav .grid-item{width: 15%; padding: 0.5rem 1rem;}
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;}
.single-work-big .overlay,.single-work-med .overlay, .single-work .overlay, .lec-titles .overlay{background-color:rgba(241,246,248,0.9);}  

.single-work-small .image-title {}
.grid-item:hover .overlay {opacity: 1;}

.image-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}

.fancybox-infobar, .fancybox-toolbar, .fancybox-caption{mix-blend-mode: normal!important; padding: 25px 3rem!important;}
.fancybox-infobar, .fancybox-toolbar, .inner-subtitle {font-size: 1.2rem!important;}
.inner-title{font-style: italic;}
.fancybox-inner{margin-top:5vh;}
.fancybox-caption{ text-align: left!important;}
.fancybox-bg{background:rgb(241,246,248)!important;}
.fancybox-is-open .fancybox-bg{opacity: 1!important;}
.fancybox-caption:before{background-image: none!important;}
.fancybox-navigation .fancybox-button{height: 150px!important; width: 100px!important;}
.fancybox-button{background-color: transparent!important;
        height: 4rem!important;     
        width: 4rem!important;}
.fancybox-button:hover{opacity: 1!important;}

.fancybox-button--thumbs, .fancybox-button--play, .fancybox-button--zoom{display: none!important;}

.lec-single {display: flex; width: 100%;
    padding: 10vh 3rem 0rem 3rem;}
.entry-header-lec, .entry-content-lec{width: 50%; padding: 0rem 2rem;}

.lec-single .grid{margin: 0rem;}
.next{float: right;}
.prev{float: left;} 
.post-navigation{padding: 1rem 3rem;}
.lec-por img {width: 66%;
    float: right;}
.lec-content{padding-top: 1.6rem; margin-top: 1rem; border-top: 1px solid #2456f6;}
/*--------------------------------------------------------------## Menus --------------------------------------------------------------*/
.menu-item a img, img.menu-image-title-after, img.menu-image-title-before, img.menu-image-title-above, img.menu-image-title-below, .menu-image-hover-wrapper .menu-image-title-above{height: 36px;}
.more{float: right;}

.main-navigation a{font-size: 1.6rem;
        padding: 0rem .6rem; 
        float: right;}
.site-branding{float: left;}
.site-header{padding: 1rem 3rem;
        position: fixed;
        top:0;
        width: 100%;
        z-index: 99999;
        border-bottom:2px solid #2456f6;
           transition: top 0.4s ease-in-out;}

.nav-up {top: -4rem; }

.main-navigation {}

.main-navigation ul {float: right;}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;}
.main-navigation li {}

.main-navigation a {
	text-decoration: none;}
.main-navigation a:hover {display: block;
	text-decoration: underline;}

nav ul li {
  display:inline-block;
}

nav ul > li a {
  display:block;
}

nav ul.sub-menu {
  position:absolute;
  padding:0;
  padding-top:40px;
  display:none;
  z-index:300;
	text-align: left;
}
nav ul.sub-menu > li {
	padding: 1rem 0.8rem 1rem .4rem;;
	 border-bottom:1px solid #2456f6;
	background-color: #fef9f3;
	font-size: 1rem;
	display:flex;
	text-align: left;

}
nav ul.sub-menu> li a {
 font-size: 1.2rem;}

nav ul.sub-menu-1 > li a {
}

nav ul > li:hover ul.sub-menu {
  display:inline-block;
}

nav ul.sub-menu-1 {
  text-align:left;
}

nav ul.sub-menu-1 li {
  display:block;
  font-size:12px;
}

nav ul.sub-menu-1 li a {
  padding:0;
  padding-bottom:5px;
  text-transform:none;
}

nav ul.sub-menu-1 li a:hover {
  padding-left:15px;
  text-decoration:none;
}

nav ul > li a:hover {
  text-decoration:underline;
  color:#581311;
} 
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;}



div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea, div.wpforms-container-full .wpforms-form input:focus, div.wpforms-container-full .wpforms-form textarea:focus, div.wpforms-container-full .wpforms-form select:focus{
color: #2456f6;
font-size: 1.4rem;
border: 3px solid #2456f6;
height: 3rem;}
div.wpforms-container-full .wpforms-form .wpforms-field-label{font-size: 1.4rem;}
div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium{max-width: 100%;}
div.wpforms-container-full .wpforms-form .wpforms-field{margin-bottom: 1.4rem;}
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium{height: 15rem;}
iframe{width:100%; direction: ltr;}
body.freebirdFormviewerViewEmbedded {direction: ltr!important;}
footer{font-size:6px;
text-align: right;bottom: 0;
right: 0;}

.page-id-387  .entry-content-lec{ color: #000; font-size: 1.4rem!important;}
.page-id-387  .entry-content-lec h3{text-transform: uppercase;
padding-bottom: 2rem;}
.page-id-387  .entry-content-lec ul{list-style: disc; list-style-position: inside;}


.page-template-page-2021_lec ul a,.page-template-page-2021_lec a, .page-template-page-2021_lec.entry-title, .page-template-page-2021_lec, li a:hover, .single-work a, .page-template-page-2021_lec .entry-content, .page-template-page-2021_lec a:hover, .page-template-page-2021_lec .entry-content-lec{color:#6800ff;}

.page-template-page-2021_lec{font-family: maple-web, sans-serif;}
.page-template-page-2021_lec em{font-style: italic;}
.page-template-page-2021_lec strong{font-weight: bold;}
.page-template-page-2021_lec h2{font-size: 2rem;
padding-bottom: 2rem;}
.page-template-page-2021_lec h6{padding-top: 1rem;
	font-size: .8rem;}
.page-template-page-2021_lec h3{
	padding-bottom: .4rem;
	font-weight: bold;
	text-transform: uppercase;}

.page-template-page-2021_lec .entry-content-lec{font-size: 1.2rem!important;}


@media screen and (max-width: 1300px){  
    .entry-header-lec, .entry-content-lec{padding: 0.5rem;}
    .lec-single{padding:  4vh 2rem 0rem 2rem;}
}

@media screen and (max-width: 1100px) {
    .entry-content, .fancybox-caption, .years, .entry-content-lec{font-size: 1.2rem!important;}
    .entry-content{width: 70vw;}
    .site-content, .home-nav{padding-top:7vh;}
    .home-nav{grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 33vh;}
     .lec-nav .grid-item, .single-work-med, .single-work-about{width:calc(100% / 2 - 1.2rem); }
    .lec-nav{padding: 0rem;}
    .site-header {
    display: flex;
    z-index: 9999999;}
    .main-navigation {}
    
    
.top-navigation  li{padding: 2px 2rem; }
    .main-navigation li{clear: both;
        padding: 2rem 0.5rem 0rem 3rem;}

    .menuBtn {
  height: 30px;
  width: 30px;
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 101;
}
.menuBtn > span {
  background-color: #000;
  border-radius: 1px;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%; 
  margin: -1px 0 0 -15px;
  transition: height 100ms;
}
.menuBtn > span:after,
.menuBtn > span:before {
  content: '';
  background-color: #000;
  border-radius: 1px;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 50%;
  margin-left: -15px;
  transition: all 200ms;
}
.menuBtn > span:after {
  top: -7px;
}
.menuBtn > span:before {
  bottom: -7px;
}
.menuBtn.act > span {
  height: 0;
}
.menuBtn.act > span:after,
.menuBtn.act > span:before {
  background-color: #fef9f3;
  top: 1px;
}
.menuBtn.act > span:after {
  transform: rotate(45deg);
}
.menuBtn.act > span:before {
  transform: rotate(-45deg);
}
/* main menu block */
.mainMenu {
	display: none;
  background-color:#2456f6;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  height: 100vh;
  width: 100vw;
  opacity: 0;
  transition: all 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);}
	.mainMenu.act{display: inherit;}
	nav ul li{display: block;}
	nav ul.sub-menu{margin-top: 0;}
	.main-navigation a{clear: both; float: none;}
	.main-navigation ul{float: left;}

.menuBtn, .mainMenu a, .mainMenu ul a{color:  #fef9f3;	}
	.mainMenu ul ul a {color: #2456f6;}
.mainMenu.act {
  opacity: 1;
  transform: scale(1);
}
.mainMenu.act ul li {
  opacity: 1;
  transform: translateX(0);
}
.mainMenu ul {
    margin-top: 5vh;
}
.mainMenu li {
  opacity: 0;
}
.mainMenu li:nth-child(odd) {
  transform: translateX(30%);
}
.mainMenu li:nth-child(even) {
  transform: translateX(-30%);
}
.mainMenu li:last-child {
  transform: none;
}
.mainMenu a {
}
.mainMenu a.suBtn {
  color: #fff;
}
/* sign up button */
.suBtn {
  background-color: blue;
  border-radius: 5px;
  padding: 10px 20px;
}
}

@media screen and (max-width: 800px) {
    .site-content, .home-nav{padding-top: 5vh;}
	.img-wrap{height: 33vh;}
    .entry-content, .entry-content-lec{width: 96vw;
    padding: 1rem;
    margin: 1rem;}
    .entry-title{width: 100%;}
    .home-nav{grid-template-columns: repeat(1, 1fr);grid-auto-rows: 45vh;}
    .lec-por img{clear: both;
    margin-bottom: 2rem;}
    .grid{margin: 1rem;}
    .home-nav, .site-header, .entry-header-lec, .entry-content-lec{padding: 1rem;}
    .lec-nav{padding: 0rem;}
    .entry-content-lec{}
    .page .lec-single{flex-direction: column-reverse; padding: 0rem;}
    .single .lec-single{display: block; padding: 0rem;}
    .entry-header-lec{padding-bottom: 2rem;
    padding-top: 2rem;}
	.single-work, .lec-nav .grid-item{width: calc(100% / 2 - 1.2rem)}
    .lec-por img, .entry-header-lec, .med, .big{width: calc(100% - 1.2rem);}

    .entry-header{padding-left: 2rem; padding-top: 1rem; padding-bottom: 1rem;}
    .logo a, .site-title a{font-size: 1.1rem;}

    }