/*!
Theme Name: WalkTalk
Theme URI: http://underscores.me/
Author: Aviv Lichter
Author URI: http://avivlichter.com
Description: Description
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: walktalk
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.

WalkTalk 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.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------# Normalize --------------------------------------------------------------*/
html {-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;}

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;}
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;}
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;}
body {	line-height: 1;}

/*--------------------------------------------------------------# Typography--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea{color: #000;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
	font-family: 'Heebo', sans-serif;}
.lec-title, .single-content, .welcome-name, .welcome-date, .lec-text, .bold-bottom, .hometxt{font-size: 1.4rem;
	line-height: 1.6;}
.welcome{font-size: 4.6rem;
    line-height: 1.2;
    width: 75vw;}
.current-menu-item {font-weight: 600;}
.venue{font-size: 1rem;}
.single-title, .lec-title, .lec-name, .home-titles, .bold-bottom, .hometxt strong{font-family: 'Frank Ruhl Libre', serif;
	font-weight: 500;}


/*-------------------------# Elements-------------------------*/

html {box-sizing: border-box;direction: rtl;}
body, #overlay, header#masthead.site-header, .more:hover {background-color: #FFF0EA;}
*,*:before,*:after {box-sizing: inherit;}

.site{ 	width: 96vw; margin: auto;}

.site-main{padding-top: 13vh;}

.welcome {color: #fff;}
.single-title, .more:hover, .black {color: #000;}

::selection {background-color: #000; color:#FFF0EA;}

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

header#masthead.site-header, .three{border-bottom: 1px solid #000;}

.tours-line{border-top: 1px solid #000; font-weight: 700;}
b, strong{font-weight: bold;}


/*-------------------------# Header-------------------------*/

header#masthead.site-header{position: fixed; 
	z-index: 1000;
	width: 96vw}

.site-branding{text-align: center;}

.custom-logo{width: 15%;
	padding: 1rem 0rem .4rem 0rem; }
.site-title{font-size: 0rem;}

.site-description, .custom-logo{-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;}
.site-description{padding-bottom: 1rem;}
.walktalk{padding-top: 2rem;}
.shrink{position: sticky;}
.shrink .custom-logo{width:10%; padding: 1rem 0rem .6rem 0rem;}
.shrink .site-description, .shrink .walktalk, .shrink .site-title{font-size: 0rem;}
.shrink .walktalk{padding-top: 0rem;}
.menu-item img{height: 15px; width: auto;}


/*-------------------------# Home-------------------------*/
.lectures{display: grid;
	grid-template-columns: repeat(3, 1fr);
	  grid-auto-rows: 45vh;
	grid-gap: 2rem;}
.home-titles-2{display: grid;
	grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 45vh;
    grid-gap: 2rem;
    margin-bottom: 4rem;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    padding-top: 2rem;}

.home-titles{position: absolute;
    padding: 2rem;}

.home-lec {object-fit: fill;}

.hometxt {padding-bottom: 6rem; 
    padding-top: 1.6rem; 
    width: 50vw; margin: auto;}
.home .slick-arrow {opacity: 0!important;}

.hometxt strong{font-size: 2rem; padding-bottom: 2rem;}
.page .slick-slide{height: 70vh!important;}

.postid-127 .welcome-name{color: #fff;}
/*-------------------------# Hover Box-------------------------*/

.hvrbox,.hvrbox * {	box-sizing: border-box;}

.hvrbox img {width: 100%; 
    height: 100%; 
    object-fit: cover;}
.hvrbox-layer_top{height: 80%;}
.hvrbox .hvrbox-layer_bottom {display: block;
	z-index: 999;}

.hvrbox:hover .hvrbox-layer_top, .speaker-image:hover, 
.hvrbox.active .hvrbox-layer_top {
	opacity: .8;}
.hvrbox .hvrbox-text_mobile {margin-top: 5px;
	padding-top: 2px;
	display: none;}
.hvrbox.active .hvrbox-text_mobile {
	display: block;}

/*-------------------------# Single-------------------------*/

.arrows{width: 50%;
	float: right;}
.prev{text-align: left;}
.next{text-align: right;}
.prev, .next{padding: 20px 40px;}

.image-col{	height: 70vh;}

.single-image{height: 100%; }

.single-image img {height: 100%; object-fit: cover;}

#gallery .slick-slide { margin:0rem 1rem;}

.variable-width, .slick-initialized, .slick-slider, .slick-dotted{width: 100%;
		overflow:visible;}

.slider img { padding: 2rem;}
.slick-prev, .slick-next{opacity:1!important;}
.slick-prev:hover, .slick-next:hover{color: #333;}
.slick-prev:before, .slick-next:before{color: #000!important;}
.slick-dotted.slick-slider{width: 100%; margin: auto; margin-top: 3rem}
[dir='rtl'] .slick-prev{right: -50px !important; }
[dir='rtl'] .slick-next{left: -50px!important;}
.slick-prev, .slick-next{height: 50px; width: 50px;}

p.wp-caption-text{padding: .2rem; 
    text-align: center;
    font-size: .8rem;}

.speaker-image{grid-area: s-image;}
.speaker-text{grid-area: s-text;
        font-size: 1rem; }

.speaker{display: grid;
    grid-template-areas: "s-image s-text s-text";
    grid-gap: 2rem;}

.single .slick-slide img {
    max-height: 70vh;
    max-width: 100%;
    width: auto;
    margin: auto;}

.page .slick-slide img {margin: auto;
    height: 100%;
    object-fit: cover;}
.sin-text-det{ border-bottom: 1px solid #000;
    padding-bottom: 1rem;
    padding-top: 2rem;}
.single .single-content {padding-top: 2rem;}
.single .single-content p, .bold-bottom, .bottom p{padding-bottom: 1.6rem;}
.lec-text{width: 50vw;
    margin: auto;}
.lec-title br{display:  none;}
.single-footer{display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 33%;
	grid-template-rows: 25vh;
    width: 66vw;
    margin: auto;
    border-top: 1px solid #000;
    padding-top: 2rem;}
.single .single-title p{display: inline;}
.speaker-col{margin-bottom: 4rem;
    margin-top: 4rem;
    padding-top: 2rem;
    border-top: 1px solid #000;}

.single .single-title br{display: none;}
.page-template .single-content img{width: auto;}
.page-id-363 .content-area p{font-size: 1.2rem;
    padding-bottom: 1.2rem;}
.page-id-363 .content-area h4{padding-bottom: 2rem;}
.page-id-363 strong, .page-id-363 .content-area p a{font-size: 1.2rem; color:#ff3200;}
.page-id-363 .content-area p a:hover{color: #000;}
.page-id-363 em{background: #000;
        color: #FFF0EA;
        display: inline; 
        font-size: 1.2rem;}
/*-------------------------# Footer-------------------------*/

footer#colophon.site-footer{
	font-size: .4rem;}
.logos img{max-height: 80px;
	max-width: 140px; 
	width: auto; 
	height: auto;
	margin: 1rem;}
.logos{margin-top: 180px;}
.contact, .logos{width:75%;
	margin: auto;
	padding-top: 8rem;}
.bottom{display: grid;
    grid-template-columns: repeat(2,1fr);
    width: 66vw; margin: auto;
    margin-top: 4rem;
    padding-top: 2rem;
    border-top: 1px solid #000;}

textarea.wpcf7-form-control.wpcf7-textarea{height: 10vh;}
#herzlya{max-width: 220px;}

/*--------------------------## Links--------------------------*/
a , .speaker a:hover, .hometxt a:hover{color: #000; text-decoration: none;}
a:focus, a:active, .speaker a ,  .hometxt a:hover, .home-link:hover, .bottom a:hover, .venue a:hover, .home-titles-2 a:hover{ text-decoration: underline; color: #ff3200;}
a:hover, .hometxt a, .bottom a,.venue a{text-decoration: underline;}
/*---------------------------## Menus--------------------------*/
.main-navigation {
	grid-area: navigation;
	text-align: center;
	border-top: 1px solid #000;}

.main-navigation li {
    display: inline-block;
	padding: .4rem 1rem;
 -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {margin: 0 0 1.5em;
	overflow: hidden;}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {float: right;
	width: 50%;}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {float: right;
	text-align: right;
	width: 50%;}
.menu-toggle{display: none;}
button,input[type="button"],
input[type="reset"],
input[type="submit"] {
	font-size: 12px;
	font-size: 1rem;
	line-height: 1; 
	color: #FFF0EA;
	background-color: #000;
	padding: .6em 1em .4em;
	border: none;}

button:hover,input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #000;
	border: 1px solid #000;
	background-color: #FFF0EA;
	width: 100%;
	margin: auto;
	padding: 3px;
text-align: right;}

form.wpcf7-form{

	text-align: right;}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;}


.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; }

.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;
	right: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;}
#content[tabindex="-1"]:focus {
	outline: 0;}

/*--------------------------# Alignments---------------------------------*/
.clear:before,.clear:after,.entry-content:before,.entry-content:after,.site-header:before,.site-header:after,
.site-content:before,.site-content:after,.site-footer:before,.site-footer:after {	content: "";
	display: table;
	table-layout: fixed;}
/*---------------------------# Infinite scroll--------------------------*/
.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer {display: none;}

.infinity-end.neverending .site-footer {display: block;}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	display: none;}

.custom-logo-link {}

/*-------------## Captions------------------------------------*/
.wp-caption {
	max-width: 100%;}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;}

.lec-main,.lec-img{float: right;}
.lec-main{width: 50%; }
.cal-single, .lec-exc{clear: both;
	margin-bottom: 2rem;}
figure.lec-img{height: 200px; 
	width: 40%; padding-left: 10%;
	overflow: hidden;}
.cal-sub{width: 60%;
	border-bottom: 1px solid black;
	padding-bottom: 1rem;
	margin-bottom: 1rem;}
.cal-sub p{margin-bottom: .4rem;}

h3.cal-month{padding: 4rem 0rem 2rem 0rem;
	font-weight: 700;}


.welcome, .welcome-name, .now{display: table;  width: auto;padding:0rem 1rem; color: #fff!important; margin: .4rem;}
.welcome{	}
@media screen and (max-width: 1200px) { 
	.exhibition-texts, .catalog-title{font-size: 1.2rem;}
	nav#navigation.lectures{padding-top: 2rem;}
.lectures{grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(3,33vh);}
    } 
@media screen and (max-width: 1160px) {
	.column-wrap{padding-bottom: 60px;}
	.home-titles, .home-titles .lec-title, .three, .single-title{font-size: 2rem;}
	.lec-text, .bold p{font-size: 1rem;}
	.single-content, .speaker, .lec-text, .single-footer, .bottom, .hometxt{width: 80vw;}}


@media screen and (max-width: 800px) { 
  .home-titles-2{display: block;
}
  .lectures{grid-template-columns: repeat(1, 1fr);
        	grid-template-rows: repeat(6,40vh);}
    .site-main{padding-top: 0rem;}
	.slick-list.draggable{padding-top: 0px!important; }
	.slick-prev, .slick-next{visibility: hidden;}
	.titles, .exhibition-texts,.ms-item{width: 100%;}
  
    .single-footer{grid-column-gap: 2rem; padding-bottom: 2rem}
	.texts{order: 1;}
	#masthead{padding:1%;}
	#content{padding-top: 0vh;}
	.main-navigation{float: none;}
	header#masthead.site-header{position: relative;}
	.column-wrap{padding-top: 60px;}
    iframe{max-width: 100%;}
	.home-img img,  .bottom, form.wpcf7-form, .text-col, .entry-content, .single-content, .speaker, .slick-dotted.slick-slider, .qoutes-col, .hometxt{ margin: auto;height: auto;}
	.text-col{padding: 1rem;  margin: auto;}
	.page-title{margin-top: 40px;}
	.three{padding-top: 0rem;}
	.hometxt{columns: 1;}
	.custom-logo{width: 80%;}
	.shrink .custom-logo{width: 50%;}
	.hvrbox .hvrbox-layer_bottom{padding: 10px;}
	.bottom{padding-right: 0rem;}
	#menu-item-14, #menu-item-79, figure.lec-img, .single  .lec-details,  .home .welcome-name{display: none;} 
    .image-col, .page .slick-slide{height: 33vh;}
	.main-navigation li{padding: .4rem .6rem;}
    .bold-bottom, .bold p, .single-title{font-size: 1.2rem; top: 15vh;}
	.prev, .next{padding: 20px 10px;}
	.welcome{padding-right: 1vw; font-size: 2rem;}
	.date, .single-content, .home-thumb h1{font-size: 1rem;}
    .bottom{ grid-template-columns: repeat(1,1fr);
        width: 96vw;
            grid-row-gap: 2rem;}
    .single .slick-slide img{max-height: 95%; height: auto;}
	.hvrbox .hvrbox-layer_top{position: relative;
		opacity: 1;
		width: 100%;
		background-color: transparent;
		color: #000;
		text-align: right;}
    .home-titles-2{padding-bottom: 2rem;}
	.hvrbox img, #content-home img{
		width: 100%;}
    .speaker {display: block;}
	input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, .cal-sub{width: 100%;}
		}