/* General styles */
:root {
	--main-color-hex: #0B5563;
	--main-color-90percent: rgba(11, 85, 99, 0.9);
	--main-color-30percent: rgba(11, 85, 99, 0.3);
	--second-color-hex: #88CCF1;
	--second-color-90percent: rgba(136, 204, 241, 0.9);
	--second-color-65percent: rgba(136, 204, 241, 0.65);
	--complement-color-hex: #D6D6D6;
}
#annoyingBox {
	--mobile-height: 70px;
	background: var(--main-color-hex);
	border-radius: 10px 10px 0 0;
	box-shadow: 0 -5px 10px 5px;
	box-sizing: border-box;
	color: white;
	height: var(--mobile-height);
	padding: 10px 10px;
	position: fixed;
	right: 0;
	text-align: center;
	top: calc(100% - var(--mobile-height));
	width: 100%;
	z-index: 10;
}

#annoyingBox > a { color:#88CCF1; }
.nefeshSqBullet { background:radial-gradient(circle at 75% 25%, #88CCF1, #0B5563); border-radius:5px; height:17px;
	margin-right:7px; width:17px; }
body.ne #filterContainerMenuOther { display:none; }
#banner .view-content { border:none; }

@media screen and (min-width: 500px) {
	#annoyingBox {
		border-radius: 10px 0 0 10px;
		box-shadow: -5px 0 10px 5px;
		height: 50%;
		min-height: 300px;
		padding: 100px 10px;
		text-align: justify;
		top: 25%;
		width: 105px;
	}
}

/* Header styles */
.dropdown.search-bar { min-width:300px; right:0; }
#main-navigation ul.menu li a {
	padding: 13px 10px 8px;
}
#main-navigation ul.menu li a.baltimore-blog-link {
	font-size: 16px;
	padding: 0;
	width: 100px;
	text-align: center;
}

#logo-and-site-name-wrapper {
	display: grid;
	grid-template-columns: 70% 30%;
}

#logo {
	float: none;
	grid-row: 1 / 3;
}

#logo img {
	height: auto;
	margin: auto;
}

#site-name {
	grid-row: 1;
}

#site-name a {
	font-size: 25px;
}

#site-slogan {
	font-size: 14px;
	grid-row: 2;
}

@media screen and (min-width: 800px) {
	#pre-header > .container {
		margin-left: 240px;
	}

	#logo {
		bottom: 35px;
		float: left;
		position: relative;
	}

	#logo img {
		height: 160px;
		margin: 0 auto;
	}

	#logo-and-site-name-wrapper {
		display: block;
		padding-bottom: 0;
	}

	#header-top {
		padding-top: 0;
	}

	#header-top > .container {
		margin-left: 0;
	}

	#header-top .row > div {
		margin-left: 0;
		width: 58.33333333%;
	}

	#site-name {
		margin-top: 22px;
	}

	#site-name a {
		font-size: 40px;
	}

	#site-slogan {
		font-size: 16px;
	}
}

/* Mailing List Form */
#mailingListForm { z-index:10; }
/* #mailingListForm.slideUp { bottom:unset; } */
#mailingListForm .loading { background:#88CCF1; }

/* Login Box styles */
#nefeshHeaderBox > #memberLogin.d2 { border-radius:15px; box-shadow:none; left:auto; padding:5px 2px 2px; right:442px; top:27px;
	background:-webkit-linear-gradient(270deg, #3F5D38 0%, #1E2C1A 100%); background:linear-gradient(to bottom, #3F5D38 0%, #1E2C1A 100%); }
#memberLogin.d2::after { border:none; }
#nefeshHeaderBox #signinForm { bottom:-134px; left:0; top:auto; }
#nefeshHeaderBox > #memberLogin.knownUser { right:410px; top:20px; }
#memberLogin.noUser > #welcome { display:none; }
#welcome { padding-left:10px; }
#noUser{ padding:0 10px; }
#noUser > small { color: #bbb; display: block; font-size: 12px; text-transform: lowercase;}
#signinForm { box-shadow:0 6px 5px 2px #3F5D38; transform-origin:center top;
	background:-webkit-linear-gradient(270deg, #3F5D38 0%, #1E2C1A 100%); background:linear-gradient(to bottom, #3F5D38 0%, #1E2C1A 100%); }
#signinForm.bottom > .arrow { display:none; }
#signinForm > .cover { background:url("/assets/img/loading2.gif") no-repeat center #3F5D38; }
#signinForm > .cover.warn { background:#3F5D38; }
#signinForm > input.submit { background:#1E2C1A; border-color:#1E2C1A }
#signinForm > input.submit:hover { background:#265C19; }
#signinForm > input.submit:active { background:#265C19; border-style:inset; }

/* Header Search Bar styles */
#searchBox { float:right; margin-right:10px; padding-right:43px; position:relative; top:26px; }
#searchBox { top:23px; }
#searchBox:before { color:#1E4012; content:'\f002'; font-family:fontawesome; left:10px; position:absolute; top:6px; z-index:2; }
#searchBox > .searchField { border:2px solid #1E4012; border-radius:15px; padding:5px 5px 5px 30px; position:relative;
	transition:width 0.3s, padding 0.3s; width:140px; z-index:1; }
.safari #searchBox > .searchField { -webkit-transition:width 0.3s, padding 0.3s; }
#searchBox > .searchField:focus { padding-left:10px; width:200px; z-index:2; }
#searchBox > span { display:inline-block; height:33px; margin-left:-18px; overflow:hidden; position:absolute; transition:0.3s;
	vertical-align:top; width:0; z-index:0; }
.safari #searchBox > span { top:2px; -webkit-transition:0.3s; }
#searchBox > .searchField:focus + span { width:43px; }
#searchBox .goBtn { background:#1E4012; border-radius:0 10px 10px 0; box-sizing:border-box; color:white; cursor:pointer;
	display:inline-block; height:100%; padding:5px 5px 5px 18px; }
#searchBox .goBtn:hover { background:#487000; }

/* Header Share Box styles */
#nefeshShareDiv { cursor:default; float:right; margin-right:5px; text-align:center; }
#nefeshShareDiv .text { border-radius:5px 5px 0 0; color:white; display:block; font-size:10px; margin:0 0 7px; padding:5px 7px; text-transform:uppercase;
	background:-webkit-linear-gradient(270deg, #4A4A4A 0%, #232323 100%); background:linear-gradient(to bottom, #4A4A4A 0%, #232323 100%); }
#nefeshShareDiv .fa { cursor:pointer; font-size:24px; }
#nefeshShareDiv .twitter { color:#01B7EE; }
#nefeshShareDiv .facebook { color:#3B55A0; }
#nefeshShareDiv .pinterest { color:#AB171E; }
#nefeshShareDiv .email { color:#800080; }

/* Home Page styles */
.pg_index .bg{ background-image:none; }
.pg_index #header_stuff{ display:block; padding-bottom:15px; width:100%; }
#mainPageIntro{ display:none; }
#mainPageAdStrip  { box-sizing:border-box; margin:0 10px; width:700px; }
#mainPageAdStrip > span:nth-child(3) { display:none; }

/* Slide Show*/
#slideshow div.field-content a {
	max-height: 50vh;
}

@media screen and (min-width: 800px) {
	#slideshow div.field-content a {
		max-height: 410px;
	}
}

/* Recent Posts styles */
.recentPost{ border-top:1px solid #EBEAEA; box-sizing:border-box; display:inline-block; margin-right:10px; overflow:hidden;
	padding:10px 0; text-decoration:none; vertical-align:top; width:48%;
	-moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.recentPost > img { float:left; margin-right:5px; }
.recentPost > .recentPostTitle{ color:#0D66C4; font-weight:bold; letter-spacing:-1px; margin:2px 0 0; }
.recentPostSubTitle { color:#AFAFAF; font-size:10pt; letter-spacing:-1px; }
.recentPostBlurb { color:black; font-size:10pt; letter-spacing:-1px; text-align:justify; }
.recentPost .readMore { float:right; text-decoration:underline; color:#506C8E; }
.recentPosts > a:nth-child(2), .recentPosts > a:first-child { border-top-width:0; }

/* Side Menu styles */
.nncopodBox {
	border: 5px solid var(--main-color-hex);
	padding: 10px;
	text-align: center;
}
.nncopodBox > a {
	color: var(--main-color-hex);
	font-weight: bold;
}
.nncopodBox > a > div:first-child {
	font-size: 18px;
}
.rightBar > div.nefeshSideBox { box-sizing:border-box; border:3px solid #1E4012; outline:2px solid #EBEAEA; width:230px;
	background:-webkit-linear-gradient(270deg, #E4E4E4 0%, #FFF 15%); background:linear-gradient(180deg, #E4E4E4 0%, #FFF 15%); }
.rightBar > div.nefeshSideBox:before { border-radius:5px; content:' '; display:inline-block; height:17px; width:17px;
	background:-webkit-radial-gradient(circle at 75% 25%,#88CCF1,#0B5563); background:radial-gradient(circle at 75% 25%,#88CCF1,#0B5563); }
.rightBar > div.nefeshSideBox:first-child { margin-top:0; }
.rightBar > div.nefeshSideBox > h3 { display:inline-block; font-variant:unset; margin:0 0 10px 5px; width:auto; }
.rightBar > div.nefeshSideBox > div > a { background:url('/client-resources/clients/nefesh.org/assets/img/open_folder.gif') no-repeat scroll left top;
	color:#487000; display:block; font-weight:normal; margin-top:15px; text-indent:20px; }
.rightBar > div.nefeshSideBox > div { height:auto; }

/* Filters styles */
.ne .tmpl_default.webinarsItem.professional, .ne .tmpl_default.webinar_bundlesItem.professional,
.ne .tmpl_default.webinarsItem.public, .ne .tmpl_default.webinar_bundlesItem.public { background:none; }
.webinarsLinks.professional, .webinarsLinks.public { background:none; }

#filterContainerMenuOther { display:none; }

/* Contact page styles */
.contactPage { display:flex; flex-direction:column; }
.contactPage .nefeshSqBullet { vertical-align:top; }
#feedback { order:1; position:static; width:100%; }
.nefeshContactSection { display:inline-block; font-family:Tahoma,Verdana,Arial,sans-serif; order:2; vertical-align:top;
	width:100%; }
.nefeshContactSection:first-of-type { margin-right:10px; }
.compact { line-height:normal; }
.nefeshContactBox { background:linear-gradient(180deg,#E4E4E4 0,#FFF 50px); border-radius:17px; font-size:12px;
	line-height:200%; padding:37px 24px; }
.nefeshContactBox a { color:#476F00; font-family:Tahoma,Verdana,Arial,sans-serif; }
.nefeshContactBox a:hover { text-decoration:none; }
.nefeshContactBox p.gap { margin-bottom:30px; }
.nefeshContactBox .title { color:#4D4D4D; font-size:16px; margin-bottom:20px; max-width:calc(100% - 24px); }
.nefeshContactBox .title > span { font-weight:bold; }

@media screen and (min-width:1025px){
	.contactPage { display:block; }
	.nefeshContactSection { max-width:348px; }
	.nefeshContactSection:last-of-type { margin-top:520px; }
	#feedback { margin-right:7%; max-width:348px; position:absolute; right:0; top:0; }
	.feedbackForm { width:100%; }
}

/* New webinar page */
.pg_admin-add-webinars #selectionDiv { background:#0B5563; box-shadow:0 0 10px #0B5563; }

.ellipses_2{
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;

	line-clamp: 2;
	box-orient: vertical;

	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	}
	.quick-finds {
		position: absolute;
		right: 0;
		width: 30%;
		margin-right: -2rem;
		margin-top: 2rem;
	}

	.quick-finds a {
		background: #174C95;
		border: 2px outset #2462B6;
		border-radius: 10px;
		color: white;
		cursor: pointer;
		font: bold 13px Tahoma;
		margin: 0 10px;
		padding: 5px 10px;
		text-decoration: none;
		width: 80%;
	}

	.quick-finds .reset {
		background: #4b95a3;
		position: absolute;
		width: 16%;
		right: 20%;
		top: 16px;
		border: 0px;
		min-width:60px;
	}

	.quick-finds a:hover {
		color: #9bb3c8 !important;
	}

	.quick-finds ul {
		display: grid;
		gap: 10px;
		padding: 0px !important;
	}
	.changeLayoutIcon{

		padding: 13px;
		width: 45px;
		border: 2px outset #D6D6D6;
		border-radius: 10px;
		color: #d6d6d6;
		cursor: pointer;
		display: inline-block;
		height: 45px;
		margin: 2px;
		background-color:white;

	}
	.changeLayout{
		position: absolute;
		top: -25px;
		width: 87%;
		right: 50%;
		z-index:10;
	}

	@media screen and (max-width: 800px) {
		.changeLayoutIcon{
			padding: 8px;
			width: 35px;
			height: 35px;
			margin: 0px;

		}
		.changeLayout{
			top: -20px;
			right: 31%;
		}

		.quick-finds ul {
			margin-left: -30%;
			width: 90%;
		}
	}