/* CSS Document */
/*
Theme Name: Shalem Calendar
Author: Taya Sourikov
Text Domain: calendar-textdomain
Domain Path: /languages
Version: 1.0.5
Tags: grid
*/

@import url('https://fonts.googleapis.com/css?family=Assistant:300,400,600,700,800&subset=hebrew');

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
body {
	color: #444444;
	background: #f5f5f5;
	font: normal 20px 'Assistant', Arial, Helvetica, sans-serif; 
	line-height: 150%;
	direction: rtl;
	margin:0;
	padding:0;
}
.clear,
.clearfix::after {
	display: block;
	clear: both;
	content: "";
}
header {
  padding: 30px 0;
  text-align: center;
}
header .logo {
  width: 260px;
  height: auto;
}
.container{
	width: 96%;
  max-width: 1600px;
	margin: 0 auto;
  padding-bottom: 30px;
}
.calendar {
	width:100%;
	border-collapse:collapse
}
.calendar td, .calendar th {
	border: solid 1px #d7cab5;
  background: #ffffff;
}
.calendar th {
	text-align:center;
	vertical-align:middle;
	color:#840151;
	padding:10px;
}
.calendar th.month{
  font-size: 1.3em;
}
.calendar tr.week th{
  font-size: 0.9em;
}
.calendar td {
	padding:0 0 22px 0;
	width:14.285%;
	height:100px;
	vertical-align:top;
	font-size:16px;
}
.calendar td .day-wrapper {
	display:inline-block;
	padding:2px 4px 0 0;
  color: #998668;
}
.calendar td.has_event {
	background-color:#f0ebe2;
	color:#404041;
	position:relative;
}
.calendar td.has_event a {
	color:#000;
	text-decoration:none;
  display: block;
  margin-bottom: 0.5em;
}
.calendar td.has_event a strong{
  font-weight: 600;
}
.today-event-title {
	padding:4px 4px 4px 4px;
	color:#41201b;
	font-size:16px;
  line-height: 1.3em;
}

.icon-arrow{
  text-decoration: none;
  font-size: 2em;
  color: #840151;
}
.event_data_wrapper .date{
  font-weight: bold;
}
.event_data_wrapper .thumbnail{
  margin: 2em 0;
}
.event_data_wrapper .thumbnail img{
  width: 100%;
  height: auto;
}
.event_data_wrapper .content{
  margin: 2em 0;
}
.event_data_wrapper{
  position: absolute;
  width: 600px;
  height: 80vh;
  overflow-y: scroll;
  right: calc(50% - 330px);
  top: 10vh;
  background: #ffffff;
  padding: 30px;
  display: none;
}
.popup_wrapper{
  position: fixed;
  z-index: 999;
  background: rgba(200,200,200,0.80);
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  display: none;
}
.close_button{
  font: normal 20px 'Assistant', Arial, Helvetica, sans-serif;
  color: #444444;
  border: solid 1px #d7cab5;
  background: #ffffff;
  cursor: pointer;
  position: absolute;
  right: calc(50% - 400px);
  top: 10vh;
}