@charset "utf-8";
/**
 * Name: Global
 * Description: Styles any containers, sections, or elements that are found across the site.
 * @author shane@onesite.com
 * @project community.onesitedemo.com
 * @version 2
 */

/* Globals and Containers
====================================== */
html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body, #one_controller_container {
	background: #fafbfd;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height; 160%;
	color: #777;
}
#onePageContainer, .center-container {
	margin: 0 auto;
	width: 1260px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
}
ul,
ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
#onePageContainer,
.center-container {
	margin: 0 auto;
	width: 1260px;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
	width: 1260px;
}
a:hover, a:active, a span:hover, a span:active {
	text-decoration: none;
}

/* Bootstrap Overrides */
.dropdown-menu li>a:hover, .dropdown-menu li>a:focus, .dropdown-submenu:hover>a {
	background: #f7f7f7;
	background-image: none;
	color: #fff;
}
.dropdown-menu {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
li.altRow1, li.altRow2, li.altRow3, li.altRow4 {
	background: transparent;
}

/* Custom Scaffolding */
.span12 {
	width: 1296px
}

.span11 {
	width: 1188px
}

.span10 {
	width: 1080px
}

.span9 {
	width: 972px
}

.span8 {
	width: 864px
}

.span7 {
	width: 756px
}

.span6 {
	width: 648px
}

.span5 {
	width: 540px
}

.span4 {
	width: 432px
}

.span3 {
	width: 324px
}

.span2 {
	width: 216px
}

.span1 {
	width: 108px
}

.offset12 {
	margin-left: 1296px
}

.offset11 {
	margin-left: 1188px
}

.offset10 {
	margin-left: 1080px
}

.offset9 {
	margin-left: 972px
}

.offset8 {
	margin-left: 864px
}

.offset7 {
	margin-left: 756px
}

.offset6 {
	margin-left: 648px
}

.offset5 {
	margin-left: 540px
}

.offset4 {
	margin-left: 432px
}

.offset3 {
	margin-left: 324px
}

.offset2 {
	margin-left: 216px
}

.offset1 {
	margin-left: 108px
}

/* Toolbar */
#oneToolbarOverlord {
	display: none;
}
#oneToolbarOverlordCustom {
	height: auto;
	width: 100%;
	overflow: hidden;
	margin: 10px 0;

}
#oneToolbarOverlordCustom a {
	color: #777;
}
#oneToolbarOverlordCustom .spreader {
	display: none;
}
#site-logo {
	width: 100px;
	height: 38px;
	float: left;
	margin: 5px 20px 0 0;
}
#site-logo a {
	background: transparent url('http://images.onesite.com/demo2.onesitedemo.com/ONEsite-Logo-333.png') 0 0;
	background-size: contain;
}
.toolbar_user_menu_table #tum_avatar_container {
	display: none;
}

/* Site Header
====================================== */
#site-header {
	border-bottom: 1px solid #e5e5e5;
}

.flex-direction-nav li a {
	background: url("http://fast1.onesite.com/community.arthritis.org/home-slider-arrows.png") no-repeat scroll 0 0 transparent;
	cursor: pointer;
	height: 30px;
	outline: none;
	position: absolute;
	text-indent: -9999px;
	top: 160px;
	width: 30px;
	z-index: 80;
}
.flex-direction-nav li a.flex-next {
	right: 60px;
}
.flex-direction-nav li a.flex-prev {
	background-position: 0 -38px;
	left: 60px;
}
.home-slider {
	background: #000;
	height: 400px;
	overflow: hidden;
	margin: -20px 0 20px 0;
}
.sticky {
	left:0;
	right:0;
	z-index: 100;
}

#site-navigation li {
	line-height: 42px;
}

body #site-header h1 {
	text-shadow: 0 2px 3px rgba(0,0,0,0.4);
}

.center-container {
	position: relative;
}
#site-header, #site-footer {
	background: #fff;
	position: relative;
}

#site-navigation img {
	width: 30px;
}
#menuID_3167 {
	margin: 15px 0 0 20px;
}
#menuID_3167 li {
	font-size: 16px;
}
#menuID_3579 {
	float: right;
	text-align: right;
	margin-top: 15px;
}
#menuID_3579 li {
	text-align: right;
	margin-right: 10px;
}
#menuID_3579 li:last-child {
	margin-right: 0;
}
.user-avatar {
	float: right;
	width: 20px;
	height: 20px;
	margin: 15px 10px 0 0;
	clip-path: circle(10px at center);
    -webkit-clip-path: circle(10px at center);
}
#site-header .signup-login a {
	display: inline-block;
	font-weight: bold;
	margin: 5px 2px 0;
}
#site-header .signup-login a span {
	color: #08c;
}
#oneToolbarOverlordCustom .search {
	float: right;
	margin: 10px 20px 0 0;
}
#oneToolbarOverlordCustom .search form {
	margin: 0;
}
#tumSearchBox {
	height: 35px;
	background: url("http://fast1.onesite.com/demo2.onesitedemo.com/search.svg") no-repeat 5px 2px transparent;
	border-radius: 4px;
	margin-right: 0;
	margin-bottom: 0;
	padding: 2px 2px 2px 35px;
}
#tumOneGoButton {
	display: none;
}

/* Site Footer */
#site-footer {
	height: 100px;
	color: #FFF;
	margin: 20px 0;
}

/* Page Container */
#oneSubPageContainer {
	background: #fafbfd;
	padding-top: 20px;
}

#site-header {
	font-family: 'Open Sans', sans-serif;
	background: #fff;
	color: #000;
	border-bottom: 1px solid #e5e5e5;
}
#site-header .main-nav {
	padding: 5px 0;
}
#site-header .main-nav ul {
	padding: 10px 0;
}
#site-header a,
#site-header a span {
	color: #777;
}
#site-header h1 {
	float: left;
	font-weight: normal;
	font-size: 1.8em;
	margin: 0;
}
#site-header .network-logo-wrapper {
	float: left;
	margin-top: 5px;
}
#site-header nav li {
	display: inline;
	list-style: none;
}
#site-header nav li.menuColumn {
	line-height: 30px;
	margin: 0 0 0 15px;
}
#site-header .user-bar .dropdown-toggle {
	line-height: 30px;
	padding: 10px 0;
}
#site-header .user-bar > .container > div {
	float: right;
	width: auto;
}
#site-header .dropdown-caret{
	color: #777;
	font-weight: 700;
}
#site-header .dropdown-caret::after{
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
	display: inline-block;
	margin-left: 5px;
	vertical-align: .255em;
}
#site-header .dropdown-toggle-more .dropdown-caret {
	margin-left: 4px;
}
#site-header .user-bar img {
	width: 40px;
}
#site-header .user-bar .user-name {
	display: inline-block;
	padding: 10px 0;
}
#site-header .network-logo {
	width: 100px;
}
#site-header .user-bar .dropdown-toggle > img {
	width: 32px;
	height: 32px;
	clip-path: circle(17px at center);
	-webkit-clip-path: circle(15px at center);
	margin-right: 10px;
}
#site-header nav li.menuColumn:first-child {
	margin-left: 0;
}
#site-header nav .spreader {
	display: none;
	clear: none !important;
}
#site-header nav .dropdown-more {
	display: inline-block;
	line-height: 30px;
	margin: 0 0 0 15px;
	padding: 10px 0;
	position: relative;
	z-index: 99999;
}
#oneToolbarOverlord {
	display: none;
}


/* Buttons
====================================== */
.oneButtonGlobal {
	height: auto;
	background: #f7f7f7;
	border-radius: 0;
	border: 1px solid #e5e5e5;
	color: #777;
	font: normal 14px 'Open Sans', sans-serif;
	padding: 5px 10px;
}
/* Icons
====================================== */
.fa, .far, .fas {
	font-size: 16px;
}

/* Forms
====================================== */
.textInput, input[type="text"], input[type="password"] {
	height: 30px;
	padding: 4px 6px;
}

/* Modules
====================================== */
.module,
.browse-container article.item .item-inner {
	background:white;
	border: 1px solid #E7E9EC;
	border-radius: 4px;
	padding: 7px 10px;
}
.module .more-link {
	font-size: 0.6em
}
.module header.module-header {
	color: #2c2c2c;
	font-family: 'Roboto Condensed', sans-serif;
	margin: 0 0 8px;
	padding: 4px 4px 8px;
}

/* Login */
.modLoginSimpleWrapper #loginBox .mlsInputWrapper label, .modLoginSimpleWrapper #loginBox .inputtext {
	width: 100%;
}
.modLoginSimpleWrapper .loginManagement {
	margin: 10px 0;
}
.modLoginSimpleWrapper .loginManagement #loginButton {
	float: left;
	margin-right: 10px;
}
.modLoginSimpleWrapper .loginManagement #signUpLink {
	display: inline-block;
	float: left;
	line-height: 25px;
	margin: 0 0 0 20px;
}
#oneRememberMe {
	margin-top: -2px;
}
.modLoginSimpleWrapper .forgotPasswordWrapper {
	margin: 20px 0;
}
.modLoginSimpleWrapper .forgotPasswordWrapper .forgotPassword {
	float: none;
	font-size: 12px;
}

/* Homepage Featured Groups */
#home_node_home .featured-groups header {
	float: left;
}
#home_node_home .featured-groups .tabbed_mod_ul_wrapper {
	float: right;
}
#home_node_home .featured-groups .tabbed_mod_ul_wrapper li a.oneTab {
	background: #E5E5E5;
	color: #777;
	padding: 0 5px;
}
#home_node_home .featured-groups .tabbed_mod_ul_wrapper li a.oneTabSelected {
	background: #08C;
	color: #FFF;
	font-weight: normal;
}
#home_node_home .featuredGroupsModuleContent li {
	box-sizing: border-box;
	float: left;
	clear: none;
	margin-right: 1.15%;
}
#home_node_home .featuredGroupsModuleContent li:last-of-type {
	margin-right: 0;
}
#home_node_home .featuredGroupsModuleContent li .alpha-shadow {
	overflow: hidden;
}
#home_node_home .featuredGroupsModuleContent li .fgmGroupAvatar {
	height: 140px;
	margin-bottom: 10px;
}
#home_node_home .featuredGroupsModuleContent li img {
	height: 48px;
	width: 48px;
}
#home_node_home .featuredGroupsModuleContent .fgmGroupInfo {
	padding: 0 10px 10px;
}
#home_node_home .featuredGroupsModuleContent .fgmGroupCount,#home_node_home .featuredGroupsModuleContent .fgmGroupDesc{
	font-size: 12px;
	line-height: 18px;
}

/* Discussions */
#blog_post_discussion, #media-comments-discussion {
	z-index: 999 !important;
}

/* Activity Feed Module */
.oneNewsfeed li.altRow2, .oneNewsfeed li.altRow4 {
	background:#fbfbfb;
}
body .module .oneNewsfeed li {
	border-color:#e4e4e4;
}
.activityfeed-index .miniProfileAvatar img {
	width: 48px;
	height: 48px;
	clip-path: circle(20px at center);
	-webkit-clip-path: circle(20px at center);
}
.oneNewsfeedMoreLink a {
	height: 35px;
}
table .module div.oneNewsfeedMoreLink a {
	background: #fff !important;
	border:1px solid #e4e4e4;
	width: 99%;
	margin:10px auto 0;
}
table .module div.oneNewsfeedMoreLink a:hover {
	border-color:#c4c4c4;
}
table .module div.oneNewsfeedMoreLink a:hover span {
	color:#00aef0;
}


/* User Feed Module */
.module .oneFeedEntries div {border-color:#e4e4e4;display:block;}
.module .oneFeedEntries .miniFeedOddRow, .module .oneFeedEntries .miniFeedEvenRow {display:block;width:100%;float:left}
.module .oneFeedEntries .oneFeedThisDate {background: #939597; padding:2px 8px 0; line-height:22px; color: #fff; font-weight:normal; float:left; border-radius: 3px 3px 0 0; margin: 0 0 -2px 0}
.module .oneFeedEntries .entriesRowFirst {border-top: 1px solid #939597;}

/* User Listing Module */
.mod_users_list img, .usersListModList img, .mod_forum_topics img {
	width: 48px;
	height: 48px;
	clip-path: circle(20px at center);
	-webkit-clip-path: circle(20px at center);
}

/* Forums Module */
.mod_forum_topics #forumTopicsContainer .forumTopicAvatar {
	margin-right: 10px;
}
.mod_forum_topics #forumTopicsContainer .forumTopic {
	width: 100%;
	padding: 5px 0;
}
.forumTopicsList .forumTopicInfo {
	width: 80%;
	float: left;
}
.mod_forum_topics h4 a, .mod_forum_topics .forumTopicsList .forumTopicInfo .forumTopicPipe, .mod_forum_topics .forumTopicsList .forumTopicInfo .forumTopicReplyLink {
	display: none;
}
.mod_forum_topics .forumTopicsList .forumTopicsDateStamp {
	font-size: 12px;
}
.mod_forum_topics .module-footer a {
	font-size: 12px;
}
div.tp_container {
	border-bottom: 1px solid #d1d1d1;
	padding: 15px 5px;
}

/* Photos Module */
.module.mod_photo_thumbs .media-thumb {
	height: 78px;
	width: 78px;
	border: 1px solid #d1d1d1;
	background-size: cover;
}

/* Modals
====================================== */

/* Login Modal */
#loginModal .modLoginSimpleWrapper #loginBox .mlsInputWrapper label, #loginModal .modLoginSimpleWrapper #loginBox .inputtext {
	width: 96%;
}

/* Carousel
====================================== */
.module.flexslider {
	border: none;
	margin-bottom: 20px;
}
.flexslider .module-inner, .flex-direction-nav {
	display: none;
}
.center-container.carousel {
	margin-top: 20px;
}
#oneHeroWrapper {
	height: 250px;
	color: #fff;
}
.heroBodyInner {
	margin-top: -335px;
}
.flex-control-nav {
	bottom: 15px;
}



/* Groups
====================================== */


/* Individual Pages
====================================== */

/* Lockdown */
#home_lockdown .modLoginSocialWrapper, #home_lockdown .modLoginSocialDivider {
	width: 648px;
	margin-left: 304px;
}
#home_lockdown .mod_login h4 {
	text-align: center;
}
#home_lockdown .mod_login .row {
	justify-content: center !important;
}
#home_lockdown .mod_login .button {
	width: 100%;
	text-align: center;
	margin-bottom: 1rem;
}
#home_lockdown .mod_login .rememberMe {
	width: 100%;
}
#home_lockdown .mod_login .mltRememberMeLabel, #home_lockdown .mod_login .forgotPassword {
	display: block;
	width: 50%;
	margin: 0;
}
#home_lockdown .mod_login .mltRememberMeLabel {
	float: left;
}
#home_lockdown .mod_login .forgotPassword {
	float: right;
	text-align: right;
	font-size: 14px;
}

/* Homepage */
#home_node_home #onePageContainer, #templateTable180971, #tem180971-col1 {
	width: 100%;
}
#templateTable180971 .colFirst .columnContentParent {
	padding: 0;
}