/***************************************************************
							Card GUI
***************************************************************/

.card
{
	margin-top: 68px;
}

.card > div
{
	background: white;
	box-shadow: 1px 1px 9px rgba(0,0,0,0.35);
	border-radius: 3px;
	/*overflow:hidden;*/
}

.modal-close
{
	position: absolute;
	right: 32px;
	top: 16px;
}

.card header
{
	box-shadow: inset 0px -22px 20px -11px rgb(248, 244, 240);
}

.card header h4
{
	padding: 10px 0px;
	margin: 0px;
	font-size: 16px;
	vertical-align: middle;
	display: inline-block;
}

.card context
{
	display:block;
	padding: 16px;
}

.card context h3
{
	margin-top:10px;
	line-height: 29px;
}

.card .article-tags
{
	padding:0px;
	padding:10px 16px;
}

.card .article-tags a
{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display:inline-block;
	max-width: 65px;
}

.article-tags.large a {
	max-width: 400px;
}

.card footer
{
	border-top: 1px solid #ddd;
	padding: 8px 0px;
}

.card.card-small
{

}

.card.small-card context
{
	height: 200px;
	overflow: hidden;
}

.card.small-card context:hover {
	cursor: pointer;
}

.card.small-card.subscribed
{

}

.card.Event .liked
{
	color: #de980b;
}

.card.Program .liked
{
	color: #e0354d;
}

.card.Resource .liked
{
	color: #25c0d5;
}

.card.Organization .liked
{
	color: #26ab98;
}


.card .bookmark
{
	position: absolute;
	display: inline-block;
	width: 38px;
	height: 38px;
	top: 13px;
	right: 26px;
	text-align: center;
	color: #d0d0d0;
	cursor:pointer;
}

.card .bookmark:after
{
	content: "\f02e";
	font: normal normal normal 18px/1 FontAwesome;
	line-height: 40px;
}

.card.subscribed .bookmark
{
	background:#e0e0e0;
	border-radius:19px;
	color: #8c8c8c;
}


.card  header:before
{
	content:        "";
	height:         44px;
	display:        inline-block;
	vertical-align: middle;
	margin:         10px 0px 10px 10px;
}

.card.Organization > div > header:before
{
	content: "\f0f7";
	font: normal normal normal 34px/1 FontAwesome;
	text-align: center;
	line-height: 44px;
	height: 44px;
	color:#26ab98;
	width: 44px;
	display: inline-block;
	vertical-align: middle;
	margin: 10px 0px 10px 10px;
}

.card.Organization h4, .card.Organization a
{
	color:#26ab98;
}

.card.Organization.subscribed .bookmark
{
	background: #b1d5c3;
}

.card.Organization.subscribed .bookmark:after
{
	color:#26ab98;
}

.card.Organization.subscribed:before
{
	content: "";
	background: url(../images/sowc-bookmark-top-teal.png) center bottom no-repeat;
	display: block;
	position: absolute;
	right: 27px;
	top: -16px;
	width: 100px;
	height: 16px;
}

.card.Organization.subscribed:after
{
	content:"";
	background:url(../images/sowc-bookmark-bottom-teal.png) center top no-repeat;
	display:block;
	position:absolute;
	right:27px;
	width:100px;
	height:80px;
}
.card.Event  header:before
{
	content:        "";
	background:     url(../images/article07.png) center no-repeat;
	height:         44px;
	width:          44px;
	display:        inline-block;
	vertical-align: middle;
	margin:         10px 0px 10px 10px;
}

.card.Event h4, .card.Event a
{
	color:#de980b;
}

.card.Event .artivel-footer a, .card.Program .artivel-footer a, .card.Organization .artivel-footer a, .card.Resource .artivel-footer a {
	color: #8c8c8c;
}

.card.Event.subscribed .bookmark
{
	background: #f5e0b5;
}

.card.Event.subscribed .bookmark:after
{
	color:#de980b;
}

.card.Event.subscribed:before
{
	content: "";
	background: url(../images/article12.png) center bottom no-repeat;
	display: block;
	position: absolute;
	right: 27px;
	top: -16px;
	width: 100px;
	height: 16px;
}

.card.Event.subscribed:after
{
	content:"";
	background:url(../images/article13.png) center top no-repeat;
	display:block;
	position:absolute;
	right:27px;
	width:100px;
	height:80px;
}

.card.Resource header:before
{
	content:        "";
	background:     url(../images/article02.png) center no-repeat;
	height:         44px;
	width:          44px;
	display:        inline-block;
	vertical-align: middle;
	margin:         10px 0px 10px 10px;
}

.card.Resource h4, .card.Resource a
{
	color:#25c0d5;
}

.card.Resource.subscribed .bookmark
{
	background: #bdecf2;
}

.card.Resource.subscribed .bookmark:after
{
	color:#25c0d5;
}

.card.Resource.subscribed:before
{
	content: "";
	background: url(../images/article04.png) center bottom no-repeat;
	display: block;
	position: absolute;
	right: 27px;
	top: -16px;
	width: 100px;
	height: 16px;
}

.card.Resource.subscribed:after
{
	content:"";
	background:url(../images/article05.png) center top no-repeat;
	display:block;
	position:absolute;
	right:27px;
	width:100px;
	height:80px;
}

.card.Program header:before
{
	content:        "";
	background:     url(../images/article03.png) center no-repeat;
	height:         44px;
	width:          44px;
	display:        inline-block;
	vertical-align: middle;
	margin:         10px 0px 10px 10px;
}

.card.Program h4, .card.Program a
{
	color:#e0354d;
}

.card.Program.subscribed .bookmark
{
	background: #f6c2c9;
}

.card.Program.subscribed .bookmark:after
{
	color:#e0354d;
}

.card.Program.subscribed:before
{
	content: "";
	background: url(../images/article08.png) center bottom no-repeat;
	display: block;
	position: absolute;
	right: 27px;
	top: -16px;
	width: 100px;
	height: 16px;
}

.card.Program.subscribed:after
{
	content:"";
	background:url(../images/article09.png) center top no-repeat;
	display:block;
	position:absolute;
	right:27px;
	width:100px;
	height:80px;
}


.card.large-card .bookmark
{
	right:75px;
}

.right-align
{
	text-align:right;
}

.login-status
{
	background: rgba(0, 0, 0, 0.55);
	border-radius: 5px;
	color: white;
	padding: 15px;
	width: 272px;
	position:absolute;
}

#popupRegion
{
	position: absolute;
	right:0;
	top:0;
	left:0;
	z-index:10;
}


.contact-scroll
{
	display:block;
	background: #3a3a3a;
	padding: 15px 15px;
	margin-left: -20px;
	margin-right: -20px;
}

.contact-scroll .card
{
	display:inline-block;
}

.contact-scroll .card.small-card
{
	margin-top:0px;
	width:231px;
}


.article-txt nav
{
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: 15px;
	padding: 0px 20px;
	border-bottom: 2px solid #d7d7d7;
}

.article-txt nav a, .article-txt nav span
{
	padding:10px;
	display: inline-block;
	vertical-align: bottom;
	cursor:pointer;
}

.article-txt nav a:hover, .article-txt nav span:hover
{
	color:black;
}

.article-txt nav a.selected, .article-txt nav span.selected
{
	color:black;
	border-bottom:2px solid black;
	margin-bottom:-2px;
}

.article-tags .btn.btn-xs
{
	height:26px;
	margin:5px;
}

div.inner-tag
{
	position: relative;
	display:inline-block;
	vertical-align: top;
	color:#26ab98;
	padding:0px 5px;
}

div.inner-tag .children
{
	position: absolute;
	display:none;
	left: 6px;
	top: -6px;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
	background: #dedede;
	border-radius: 5px;
	z-index: 3;
}

div.inner-tag:hover *
{
	display: block;
}

.small-row .card.small-card
{
	width:50%;
}