@font-face{
	font-family:Batch;
	font-weight:normal;
	font-style:normal;

	src:url('/National_Library/oe_/https://nefesh.org/bower_components/Batch/Webfont/batch-icons-webfont.eot');
	src:url('/National_Library/oe_/https://nefesh.org/bower_components/Batch/Webfont/batch-icons-webfont.eot#iefix') format('embedded-opentype'),
		url('/National_Library/oe_/https://nefesh.org/bower_components/Batch/Webfont/batch-icons-webfont.woff') format('woff'),
		url('/National_Library/oe_/https://nefesh.org/bower_components/Batch/Webfont/batch-icons-webfont.ttf') format('truetype'),
		url('/National_Library/oe_/https://nefesh.org/bower_components/Batch/Webfont/batch-icons-webfont.svg#batchregular') format('svg');
	}
html, body, ol, ul, li, table, tr, td {
	border: 0;
	margin: 0;
	}
body, input {
	color: #333333;
	}
/* ol, ul {
	list-style: none outside none;
	padding: 0;
	} */
h3{
	font:bold 15px/30px Helvetica;
	margin:20px 0;
	text-align: center;
	}
h3 + h4{
	margin-top:-15px;
	}
textarea{
	font:16px Verdana;
	width:90%;
	height:100px;
	}
#files a, div#files a#start-upload {
	border-radius: 4px;
	background-color: #aaa;
	background-image: radial-gradient(ellipse farthest-corner at center top , rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
	box-shadow:  0 1px 0 #CCCCCC inset, 0 1px 0 0 #156785, 0 3px 4px #999999;
	color: #FFFFFF;
	font: 14px 'Open Sans',sans-serif;
	padding: 10px 20px;
	position: relative;
	cursor:pointer;
	height:15px;
	border:0;
	}

#logo{ background: url("img/logo.png") no-repeat scroll left top / 80px 100% transparent; }

#pageWrapper > div:not(.popups) input:not([type="checkbox"]),
#TokenizeCrditCard input, .modalBtns input {
	font:16px Verdana;
	margin-left:5px;
	padding:3px;
	border-radius:3px;
	-moz-box-sizing: content-box;
	box-sizing:content-box;
	}
#pageWrapper > div:not(.popups) input:not([type=submit]),#TokenizeCrditCard input:not([type=submit]):not(.popup-input){
	height:26px;
	border:solid 1px #888;
	}
#pageWrapper > div:not(.popups) input[type=checkbox]{
	height:auto;
	}

table{ width:95%; font:bold 14px Helvetica;}
table tr:nth-child(odd){background-color: #dedede}
thead > tr:first-child{ font-weight:bold; background-color:#fff;}
/* li, tr{ background-color:#eee; } */
#pages td:first-child > span {vertical-align:middle}
#pages td:first-child > span{cursor:pointer;}
#pages td:first-child > span:nth-child(2){cursor:move; margin:0 5px}
#pages tbody tr:first-child > td:first-child > span:last-child,
#pages tr:last-child > td:first-child > span:first-child{ visibility:hidden; }
#pages td:nth-child(2){width:auto; font:bold 14px Helvetica;}
td {
	font-size: 12px;
	height: 35px;
	padding-left: 30px;
	text-decoration: none;
	vertical-align:middle;
	}
#pages td, #emails td:last-child{
	width:75px;
	}
#info table { width:60%; }
#info td {
	padding:0px;
	background-color:white;
	}
#info td:nth-child(2) { text-align:right; }
#pages a:not(.link){text-decoration:none; color:#333;}

#emails a{text-decoration:none; color:#333;}

.multidropdown {
	display:inline-block;
	height:36px;
	overflow:hidden;
	}
.multidropdown:hover{
	height:auto;
	}
.multidropdown+input+input{
    display: inline-block;
    vertical-align: top;
    }
.multidropdown p{
	background: #EEEEEE;
	border: 1px solid #DDDDDD;
	color: #333333;
	cursor: pointer;
	font-weight: bold;
	height:32px;
	line-height:36px;
	margin: 0;
	xmin-width:100%;
	min-width:150px;
	overflow: hidden;
	padding: 1px;
	position:relative;
	vertical-align: middle;
	z-index:1;
	}
.langChooser p:before{
	content:'\2610';
	margin:5px;
	font: bold 20px Times New Roman;
	}
.langChooser p.chosenLanguage:before{
	content:'\2611';
	}
.langChooser p:first-child:before{
	content:'';
	}

.multidropdown p:first-child:after{
	content:'';
	display: inline-block;
	height: 16px;
	margin: 8px;
	width: 16px;
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAANElEQVQImXXLwQkAIAxD0b9TFnSnDKgXCyXWDz2U8AAM7OEMoM8obqlNK7WIPKnUj6pWfw5v3BfTx+n+2AAAAABJRU5ErkJggg==");
	background-position: 5px 5px;
	background-repeat: no-repeat;
	vertical-align:middle;
	}
a.modaltrigger {
	display:inline-block;
	text-decoration:none;
	color:#333;
	}
button.adminDefault, a.modaltrigger{
	border-radius: 5px 5px 5px 5px;
	cursor: pointer;
	height: 32px;
	margin: 15px 0;
	width: 150px;
	}

#design  a.selected > img {
	border: 3px solid #8AD;
}

/* Header */

#headerWrapper {
	background: linear-gradient(#FFFFFF, #E9E9E9) #F3F4F6;
	border-bottom: 1px solid #AAAAAA;
	box-shadow: 0 1px 2px #CCCCCC;
	display: flex;
	height: 60px;
	font:15px/60px sans-serif;
	justify-content: space-between;
	z-index:10;
	width:100%;
	color: #0D4F7B;
	}
#headerWrapper1 {
	position:absolute;
	top:0;
	z-index:10;
	width:100%;
	}
	.loggedAs {
		background-color: rgba(0,0,0,1);
		color: white;
		/* width: 100%; */
		padding: 10px 30px;
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		z-index: 1;
		display: flex;
		margin: 4px 0px;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	}

	.loggedAs > a {
		margin: auto;
		margin-right: 2px;
		font-size: 15px;
		color: #00AEEF !important;
	}

	.loggedAs > span {
		font-weight: 300;
		margin-right: 10px;
	}
#headerWrapper.tinyOpen { z-index:6; }

#headerWrapper a{
	color: #0D4F7B;
	padding: 0 10px;
	top:0;
	text-align:right;
	text-decoration:none;
	}
#headerWrapper > *{
    padding: 0 10px;
	}

/* Menu */
#menuWrapper {
	background-color:#F6F7F8;
	border-right: 1px solid #C6C6C6;
	box-shadow: 1px 0 2px #D6D6D6;
	min-height: 1px;
	position: absolute;
	transition: 0.5s;
	top: 60px;
	bottom: 0;
	left: -75%;
	width: 75%;
	z-index: 7;
	}
#menuWrapper.slide-out {
	left: 0;
}
#menu {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	}
#menu a{
	color: #333;
	text-decoration:none;
	display: block;
	line-height: 32px;
	padding: 7px 10px 7px 50px;
	border-bottom: 1px solid #E6E6E6;
	background-image: -moz-linear-gradient(left center , #F4F4F4, #FFF);
	background-image: -webkit-linear-gradient(left center , #F4F4F4, #FFF);
	background-image: linear-gradient(left center , #F4F4F4, #FFF);
	}
#menu a.pressed{
	box-shadow: -1px 0 2px #DDD inset;
	background-image:-moz-linear-gradient(left center , #FFF, #F2F2F2);
	}
#menu a.pressed + span{
	max-height:1000px;
	}
#menu span{
	display:block;
	overflow:hidden;
	max-height:0;
	-webkit-transition: max-height 500ms ease-in;
	-moz-transition: max-height 500ms ease-in;
	transition: max-height 500ms ease-in;
	}
#menu span > a{
	text-align:right;
	background:#fff;
	}

#menu_toggle {
	background: white;
	border-radius: 0 10px 10px 0;
	box-shadow: 1px 0 1px grey;
	cursor: pointer;
	font-size: 40px;
	right: -45px;
	padding: 5px;
	position: absolute;
	top: 5px;
}

.showLoginPopup #menu_toggle {
	display: none;
}

/* Pages */
#pageWrapper {
	z-index: 6;
	border: 0 none;
	overflow-x: auto;
	overflow-y: visible;
	position: absolute;
	top: 60px;
	right: 0;
	bottom: 0;
	left: 0;
	}
#pageWrapper > div:not(.popups) {
	display:none;
	padding:5px 50px;
	}
#pageWrapper > div:not(.popups):target{
	display:block;
	}
#pageWrapper > div:not(.popups) > div.blocked{
	background-color:rgba(150,150,150,0.9);
	display:block;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:10;
	}
#pageWrapper > div:not(.popups) > div.blocked > div{
	background-color:#EEE;
	border:1px solid black;
	border-radius: 10px;
	box-shadow: 0 0 15px rgba(50, 50, 50, 0.75);
	display:inline-block;
	margin:15% 30%;
	padding:15px 25px;
	text-align:center;
	z-index:11;
	}

/* Popups */

#addEmailForm select {
    font: 16px verdana;
}

.modal, .popup2bg{
	background-color:rgba(100,100,100,0.5);
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	opacity:0;
	pointer-events: none;
	text-align:center;
	}
.modalBtn + input[type=checkbox]{
	display:none;
	}
.modalBtn + input[type=checkbox]:checked + div{
	pointer-events:auto;
	opacity:1;
	z-index:5;
	}
.modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: table;
	z-index: 7;
	}
.modal form {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	}
.modal form#editPage{
	display:flex;
}
.modal form figure {
	display:inline-block;
	font: 16px verdana;
	margin: auto;
	background-color: #fff;
	box-shadow: 0 1px 0 #2AB7EC inset, 0 2px 0 0 #156785, 0 5px 3px #999999;
	position: relative;
	border: 10px #888 solid;
	text-align: justify;
	min-width:600px;
	max-width:80%;
	xfont-size: 14px;
	}
.modal figure h5, #confirmation h5, .popup2 h5{
 	background-image: -moz-linear-gradient(center top , white, #eee);
    color: grey;
    font: 18px/55px sans-serif;
    height: 50px;
    margin: 0 0 25px 0;
    padding-left: 30px;
	}
.modalCentered{
	text-align:center;
	}
.modalBtns > input[type=submit], .modalBtns > label{
	margin:8px 15px;
	vertical-align:middle;
	/* display:inline-block; */
	width: 90%;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
	}

.modalClose{
	border-radius: 50%;
	border:10px solid #888;
	position: absolute;
	top:-25px;
	right:-25px;
	height:5px;
	padding:10px;
	width:10px;
	height:10px;
	line-height:10px;
	cursor:pointer;
	}
.modalClose:after, .modalClose:before {
	-moz-box-sizing: border-box;
	}
.modalClose:before {
	border-radius: inherit;
	content: "\2715";
	position:relative;
	text-align:center;
	z-index:1;
	font-weight:bold;
	color:#888;
	}
.modalClose:after {
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.15) inset, 0 2px 5px rgba(200, 200, 200, 0.1);
	background: linear-gradient(#ccc, #fff) repeat scroll 0 0 transparent;
	position: absolute;
	border-radius: inherit;
	content: "";
	top: -8%;
	right: -8%;
	bottom: -8%;
	left: -8%;
	}
#pgName{
	margin:25px;
	width:300px;
	}
/* Fancy Buttons */

/* #filecontrol_btnAddfile, body .btnOrElse, .btn, #pageWrapper > div:not(.popups) input[type=submit] ,#TokenizeCrditCard input[type=submit], .modalBtns > label {
	background-color: #aaa;
	background-image: radial-gradient(ellipse farthest-corner at center top , rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);
	border:0;
	border-radius: 4px;
	box-shadow:  0 1px 0 #CCCCCC inset, 0 1px 0 0 #156785, 0 3px 4px #999999;
	color: #FFFFFF;
	cursor:pointer;
	font: 14px 'Open Sans',sans-serif;
	height:15px;
	padding: 10px 20px;
	position: relative;
	} */
.btnPlus{
	padding-right:50px;
	}
.btnPlus:before {
	background-color: #2591B4;
	border-radius: 50%;
	box-shadow: 0 1px 0 #052756 inset, 0 1px 0 #60C9F0;
	content: "\21e8";
	content:'+';
	font:bold 18px Helvetica;
	height: 20px;
	margin-top: -9px;
	position: absolute;
	right: 15px;
	top: 50%;
	width: 20px;
	text-align:center;
	}
.btn:active, input[type=submit]:active {
	background-image: -webkit-linear-gradient(center bottom , #3EB8E5 0%, #2CA0CA 100%);
	background-image: -moz-linear-gradient(center bottom , #3EB8E5 0%, #2CA0CA 100%);
	background-image: linear-gradient(center bottom , #3EB8E5 0%, #2CA0CA 100%);
	xbox-shadow: 0 1px 0 #2AB7EC inset, 0 2px 0 0 #156785, 0 5px 3px #999999;
	box-shadow: 0 1px 0 #2AB7EC inset, 0 1px 0 0 #156785, 0 1px 2px #999999;
	top: 3px;
	}
.btn:active:before {
	box-shadow: 0 1px 0 #60C9F0 inset, 0 3px 0 #0E3871, 0 6px 3px #1A80A6;
	margin-top: -12px;
	top: 50%;
	}
input[type=submit] {
	display:block;
	margin:10px inherit;
	}

#confirmation{
	position:fixed;
	background-color: #fff;
	box-shadow: 0 0 0 #000, 0 0 0 0 #000, 5px 5px 10px #999999;
	border: 10px #888 solid;
	border-radius:9px;
	top:125px;
	right:15%;
	min-height:50px;
	opacity:0;
	transition: opacity 0.5s ease;
	pointer-events: none;
	}
#confirmation.show{
	opacity:1;
	}
#confirmation p{
	margin:25px;
	}
.spinner .formContent:after{
	font: 18px Batch;
	animation: 2s linear 0s normal none infinite spin;
	content:'\F0C5'
	}

.editMe{cursor:pointer}
.editMe:hover:after{
	content:' \00a0\270E\00a0 (click to edit page content)';
	font:bold 10px Helvetica;
	color: blue
	}
li[section_break] > .editMe:hover:after { content:' \00a0\270E\00a0 (Section Break)'; }
#design > a{
	margin:15px;
	}
#design img{
	xheight:330px;
	height:265px;
	width:330px;
	}
#design a {
    display: inline-block;
    line-height: 0;
	}
.textInfo{
	font:16px Verdana
	}
.langPages{
	font:16px Verdana;
	height:35px;
	position:relative;
	}

.langPages.oneLang, .langPages .multidropdown > p:not(.chosenLanguage), .defaultlang .multidropdown > p:not(.chosenLanguage){
	display:none;
	}
.langPages .multidropdown{
	text-align:center;
	position:absolute;
	top:-15px;
	right:20%;
	}
.formContent{
	min-height:100px;
	overflow-x:hidden;
	overflow-y:auto;
	}

#Holder{
	border: medium solid black;
	margin: 0 40px;
	padding: 10px;
	}

#mooHolder{
	border: medium solid black;
	margin: 0 40px;
	padding: 10px;
	}
div.MooRTE.rteRemove{
	position:relative
	}

/* Moo Upload styles (mostly making things not appear */
.mooupload_btncontainer button {
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	margin-left:5px;
	width:100px;
	}
/* .mooupload_listview  li {
	background-color:white;
} */
#emails td:nth-child(3){
	width: 85px; cursor:pointer;
	}
body.he{direction:rtl;}

rt{display:none}

#pageList .editHe {cursor:pointer}

form#exist div.site {
    border: 1px solid #000000;
    font: 16px verdana;
    min-height: 35px;
    padding-top: 8px;
    width: 250px;
	margin-bottom: 5px;
}
.mce-window iframe{
	min-height: inherit;
	}

/* Flex based popups */
/* Generic Popup */
label {cursor:pointer}
.popupModal { position: fixed; top: 0; left:0; width: 100%; height: 100%; min-height:360px;
	box-sizing: border-box; align-items: flex-start; display: flex; justify-content: center;
	background-color: rgba(100, 100, 100, 0.5);
	opacity: 0; pointer-events: none; transition:opacity 400ms ease-in 0s;
	-webkit-transition:opacity 400ms ease-in 0s; z-index:9;
	}
.safari .popupModal { padding:50px 35%; }
.ie.v9 .popupModal, .ie.v10 .popupModal { display:none; }
.popupCheckbox{ display:none }
.popupCheckbox:checked + div,  #new_account:target > .popupModal{ opacity: 1; pointer-events: auto }
.ie.v9 .popupCheckbox:checked + div, .ie.v9 #new_account:target > .popupModal,
	.ie.v10 .popupCheckbox:checked + div, .ie.v10 #new_account:target > .popupModal { display:block; }
.popup { max-width: 80%; min-width: 30%; min-height:200px;  /* min-width: 400px; */ max-height: calc(100% - 100px);
	color: #808080; font: 18px/36px sans-serif; text-align: justify;
	background-color: #FFF;
	/* border: 1px solid #888888; */
	/* margin-top:65px; */
	/* box-shadow: 0 1px 0 #2AB7EC inset, 0 2px 0 0 #156785, 0 5px 3px #999999; */
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	display: flex; flex-direction: column; z-index:10;
	}
.popup h5{  padding: 50px 0px 0px; margin: 0; text-align: center;
	/* border-bottom: 1px solid #CCCCCC; */
	/* background: linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.06) 99%, rgba(0, 0, 0, 0.06) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); */
	/* box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.35) inset, 0 1px 2px rgba(0, 0, 0, 0.06); */
	/* box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; */
	color: #2e2929;
	font-size: 21px;
	letter-spacing: 0.346em;
	font-weight: 400;
	}

.popup::before {
	content: "";
	background-color: white;
	width: 0%;
	height: 1px;
	transition: 0.2s all;
	border-radius: 6px;
	}

.popup {
	overflow: hidden;
}

.popup:hover::before {
	content: "";
	background-color: #1537f0;
	width: 100%;
	height: 3px;
	transition: 0.2s all;
	}

#tosDiv {
	font-size: 12px;
	margin: 0px !important;
}

#checkIsTherapist {
	width: 80%;
	margin: auto;
	text-align: left;
	font-size: 12px;
}

.popup > p, .popup > h5 {  flex:0 0 auto; }

.popup .popupButtons { margin: -30px 0 10px; text-align:center; }
.popupButtons > * { font: bold 14px Helvetica Neue,Helvetica,Arial,sans-serif;
	margin: 9px 5px; padding: 9px 14px; height:40px; vertical-align:top;
 	/* background-color: #707577; */
	/* background-image: linear-gradient(rgba(71, 148, 56, 0), rgba(0, 0, 0, 0.25)); */
	background-color: #1537f0;
	background-color: black;
 	box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.2), 0 2px 1px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(1, 1, 1, 0.6) inset;
 	border: medium none; border-radius: 3px; color: #FEFEFE; cursor: pointer;
 	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 5px rgba(255, 255, 255, 0);
	box-sizing:border-box; display:inline-block;
	transition: .2s all;
	}

.popup:hover input[type=submit] {
	background-color: #1537f0;
}

.popupButtons > input[type=submit]:hover {
	background-color: #6578e6;
}

.sec {
	margin-left: 7% !important;
	margin-top: -50px !important;
}

.signinLinks {
	font-size: 12px;
	text-decoration: none;
	cursor: pointer;
	font-weight: 200;
}

.signinLinks:first-child {
	color: #1537f0;
}

.signinLinks:hover {
	color: #6578e6;
}

.popupButtons > label { box-sizing:initial; }
.popupButtons > .msg { background:none; box-shadow:none; color:black; cursor:default; font-style:italic; text-shadow:none; }
.popupContent { margin:30px 10px; flex:1 1 auto;}

.popupContent input {
	margin: 10px 0px;
	padding: 5px;
	border: none !important;
	border-bottom: #d2d2e1 1px solid !important;
	transition: 0.3s all;
	font-family: inherit !important;
	border-radius: 0px !important;
	font-size: 13.5px !important;
}

.popupContent input:focus {
	outline: none;
	border-bottom: blue 2px solid !important;
	color: blue;
}

.popupContent div > div {
	margin-top: 15px;
}

.popupContent div > div:last-child {
	margin-top: 0px !important;
}

#signupPopup {
	margin-top: 80px;
}


.popupErr{color:red; font:14px/14px sans-serif; border:thin red inset; margin:10px; padding:10px;}
.popupErr:empty{display:none}

.mce-tinymce > .mce-container-body{ display:flex; flex-direction:column; height:100%; }
.mce-tinymce > .mce-container-body > div{ flex:0 0 auto; }
.mce-tinymce > .mce-container-body > div.mce-edit-area.mce-container.mce-panel.mce-stack-layout-item{
	border-width:1px 0 0; flex:1 1 auto; overflow:auto; }
.mce-fullscreen:after { bottom:8px; content:"When you're done editing, go to View->Fullscreen to close fullscreen mode and save your work.";
	font-style:italic; font-weight:bold; position:absolute; text-align:center; width:100%; }

.showLoginPopup #pageWrapper { left:0; }
.showLoginPopup .popup { max-height:none; }
.showLoginPopup .popupModal { position:fixed; overflow: auto;}

.msg {
	font-size: 12px;
	margin-top: -20px;
	letter-spacing: 0.183em;
}

#tosDiv > p {
	margin: auto;
	width: 80%;
	text-align: left;
}

.buttonLink-2 {
	background: rgba(0, 0, 0, 0.2);
	padding: 0.6rem 1rem;
	border-radius: 27px;
	color: white;
	cursor: pointer;
	text-decoration: none !important;
	transition: 0.2s all;
	margin-right: 10px;
	box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

.view {
	display: none;
}

.buttonLink-2:first-child {
	background-color: rgba(0, 0, 255, 0.5);
}

.buttonLink-2:not(:first-child) {
	color: rgb(255, 255, 255);
}

.buttonLink-2 svg {
	top: 4px;
	position: relative;
}

.buttonLink-2:first-child:hover {
	margin-right: 20px;
	color: rgb(0, 0, 0) !important;
}
.buttonLink-2:not(:first-child):hover{
	margin-left: 10px;
	color: rgb(0, 0, 0) !important;
}

.buttonLink-2:first-child:hover {
	animation: bounce 0.3s ease-in-out;
}
/*
.buttonLink-2:not(:first-child):hover svg {
	display: none;
} */

.buttonLink-2:first-child:hover .view {
	display: inherit;
}

@keyframes bounce {
	80% {
		margin-right: 20px;
	}
	100% {
		margin-right: 10px;
	}
}

@media screen and (min-height: 900px) {
	.showLoginPopup .popup { max-height:calc(100% - 100px); }
	.showLoginPopup .popupModal { position:fixed; }
}

@media screen and (max-width: 1025px) {
	.popup { margin-top: 165px; max-width: 90%;	 }
}

@media screen and (min-width:400px) {
	#menuWrapper { left: -50%; width: 50%; }
}

@media screen and (min-width:600px) {
	h3 { font-size:20px; text-align: left; }

	#headerWrapper { font-size:24px; }
}

@media screen and (min-width:800px) {
	#menuWrapper { left: -25%; width: 25%; }
}

@media screen and (min-width: 1025px) {
	#headerWrapper > * { padding: 0 25px; }
	#headerWrapper a { padding: 0 20px; }
	.popupModal { align-items: center; }
	/* .popup { margin-top: 0; } */

	#menuWrapper, #menuWrapper.slide-out { left:0; width:16%; z-index:6; }

	#pageWrapper { left:16%; }
	#pageWrapper > div:not(.popups) { padding:50px; }

	#menu_toggle { display:none; }
}