/* Common */
p:last-of-type {
    margin-bottom: 20px;
}
/* Header Area */
.header-fragments {
	top: 28px;
}

.header-fragments .layout .header-top-content .layout-region.header {
	background: #f5f5f5;
	border-bottom: 1px solid #e6e6e6;
}

.header-fragments:hover .banner.site fieldset ul li .field-item-input:after {
	color: #bdc3c7;
}

.header-fragments .layout .header-top-content:not(.scrolled) .layout-region.content, 
.header-fragments .layout .header-top-content.with-adaptable-elements:not(.scrolled) .layout-region.content {
	background: #f5f5f5;
}

fieldset {
	font-size: 15px;
}

.banner.site .navigation-list ul .user {
	margin: 4px;
}

.banner.site fieldset ul.field-list li.field-item .field-item-input input {
	height: 32px;
	border: 1px solid #bbc4c7;
}

.banner.site fieldset ul.field-list li.field-item .field-item-input:after {
	top: 3px;
}

.banner.site fieldset ul.field-list li.field-item .field-item-input {
	width: 90%;
}

.banner.site.with-site-navigation fieldset.search {
    border-left: 0px solid #CFD8DC !important;
    border-right: 0px solid #CFD8DC !important;
}

.banner.site fieldset ul.field-list li.field-item .field-item-input input.active {
    color: #839499;
}

.banner.context > .hierarchy > .current-hierarchy > .hierarchy-component a {
	color: #343f49;
	font-weight: 500;
	font-family: 'Ubuntu', sans-serif;
	font-size: 19.5px;
}

.banner.site .navigation-list ul.user-off {
    width: auto;
}

.banner.context.with-ancestors > .hierarchy {
    margin-top: 2px;
}

.banner.context > .hierarchy {
    margin-top: 19px;
}
.scrolled .banner.context .hierarchy {
    margin-top: 0px;
}

.scrolled .banner.context .hierarchy .current-hierarchy > .hierarchy-component {
	padding: 0;
}

.header-fragments .layout .header-top-content.scrolled .layout-region.content {
    background: #FFFFFF;
}


/* header user icons */
.banner.site .navigation-list ul .notifications:before, .banner.site .navigation-list ul .conversations:before {
	top: 8px;
}

/* search icon */
.banner.site fieldset ul.field-list li.field-item .field-item-input:after {
	color: #bdc3c7 !important;
}

.header-fragments .header-top-content .layout-region.header .banner.site .navigation-list ul a {
	color: #839499;
}


/* Header Top Content */
.header-fragments .layout .header-top-content .layout-region.content {
	border-bottom: 1px solid #e6e6e6;
	opacity: 1;
	transition: all 300ms;
	background: #f5f5f5;
}

.content-fragment-page > .layout {
	padding-top: 48px;
}

/* Related Content */
.more-content .content-fragment-content .content-item .author {
    display: none;
}

.content-left-sidebar-right .right-sidebar .content-fragment.more-content .content-list li {
    min-height: 0;
}

.more-content .content-fragment-content .content-item h3 {
    margin: 0;
    line-height: 0.7em;
}

.more-content .content-fragment-content .content-item h3 a:hover {
    color: #b0682b;
}


/* Comment Section */
.content-list.threaded .load-more .author .user-name, .content-list.threaded .content-item .author .user-name {
    font-weight: 400;
}

.content-list.threaded .content-item .rendered-content .content.full .content p {
    font-size: 14px;
}

.content-list.threaded .content-item .avatar img, .comment-form .author .avatar img {
    border-radius: 500px;
}

.comment-form .author {
    margin-top: 3%;
    margin-bottom: 2%;
}

.comment-form .author .avatar, .comment-form .author .meta {
    display: inline-block;
}

.comment-form .author .meta {
    position: absolute;
    margin-top: 15px;
    margin-left: 10px;
}

.threaded-comments .comment-form .author .meta {
    margin-top: 0px;
    margin-left: 0px;
}

.layout-content, .layout-content .layout-region .layout-region-inner {
    overflow: visible;
}

/* Below Header Area */
.header-top-content.scrolled .banner.context .navigation-list.new ul a {
    padding: 5px 24px;
    font-size: 14px;
    border-width: 3px;
}

/* Search Result Dropdown */
.popup-list .content.abbreviated > .attributes .avatar {
    float: left;
}

.popup-list .content.abbreviated > .attributes .username {
    margin-left: 10px;
}

/* Search Result List */
.content-fragment .content.abbreviated > .summary {
    margin-right: 3%;
}


.content-fragment .content.abbreviated > .attributes, .popup-list .content.abbreviated > .attributes {
    text-align: left;
}

.content-fragment .content.abbreviated > .attributes {
    min-width: 0px;
}

.content-fragment .content.abbreviated > .summary .name {
    margin-bottom: 3%;
}

.search-result-list .search-results li.content-item .attributes {
    margin-top: 1%;    
}

.search-result-list .search-results li.content-item .author img {
    border-radius: 25px;
    margin-right: 15px;
}
.content-fragment .search-result-first .group .summary, .content-fragment .search-result-first .calendar .summary, .content-fragment .search-result-first .wiki.wiki-application .summary, .content-fragment .search-result-first .wiki.application .summary  {
    width: 63%;
}
.content-fragment .search-result-first .wiki.wiki-page .summary, .content-fragment .search-result-events .rendered .summary {
    width: 75%;
}

/* Wiki Page  */
.content-fragment .content-list.tabular .content-item:first-child .cell {
    border-top: 1px solid #e6e9ea;
}

/* Edit Profile */
.user-profile-group-content-fragment #fragment-1145_9_1454393937_Help tr,
.user-profile-group-content-fragment #fragment-1146_8_1682453434_Genre_Fiction tr, 
.user-profile-group-content-fragment #fragment-1146_8_1920844773_Genre_Nonfiction tr {
    display: inline-block;
    width: 45%;
    margin-bottom: .1em;
}

.field-list .field-list .field-item.setting-name .field-item-input {
    width: 100%;
}

#header-314_displayname {
    width: 80%;
}

.user-profile-group-content-fragment .attribute-list {
    margin-top: 2%;
}


.user-profile-group-content-fragment .attribute-list .attribute-item {
    width: 100%;
}

.content-fragment.user-profile-group-content-fragment.multiple-groups .content.full .attributes .attribute-list .attribute-item {
    width: 100%;
}

.navigation-list.links .inline a {
    background-color: #839499;
    color: #FFFFFF;
    text-align: center;
    padding: 5px 25px;
}


/* logout */
.logout .navigation-list {
    margin-top: 2%;
}

/* Wiki Pages */ 
.browse-wikis .wiki-group-name, .banner.context > .hierarchy > .parent-navigation ul li:nth-child(2) {
    display: none;
}

.browse-wikis .thumbnails {
    text-align: right;
    float: none;
    width: 95%;
}

/* Message */
.user-conversationlist .layout {
    padding-top: 48px !important;
}
.content-fragment.conversations .region {
    border: solid 1px #dbe4e8;
}
.content-fragment.conversations .region.conversation-header fieldset .field-list .field-item .field-item-input .glow-lookuptextbox {
    padding: .5px !important;
}
#fragment-1271610994_new-conversation, #fragment-1271610994_delete-conversation, #fragment-1271610994_view-all-conversations {
    padding: 5px;
    height: 30px;
    background: #343f49;
}
.content-fragment.conversations .region.conversation-list .content-list > .content-item.selected {
    background: #343f49;
}
.content-fragment.conversations .region.conversation-list .content-list > .content-item.selected .content {
    color: #FFFFFF;
}
/* checkbox fields */
.login-and-create-user .blue-checkbox input[type="checkbox"] {
    position: absolute;
    left: -3000em;
}

.login-and-create-user fieldset input[type="checkbox"] + label:before {
    content: " ";
    display: inline-block;
    position: relative;
    left: 0;
    top: 2px;
    width: 16.5px;
    height: 16.5px;
    border: solid 1px #d9dcde;
    border-radius: 3px;
    margin: 0 10px 0 1px;
    -webkit-transition: border-color 0.1s;
    -moz-transition: border-color 0.1s;
    transition: border-color 0.1s;
}


.login-and-create-user fieldset input[type="checkbox"]:checked + label:after {
    text-indent: 0;
    position: absolute;
    text-align: center;
    width: 20.5px;
    height: 20.5px;
    top: -1px;
    left: 1px;
    display: block;
    content: "\2713";
    font-family: Entypo;
    font-weight: bold;
    font-size: 20.5px;
    line-height: 16.5px;
    color: #4aa3df;
}

/* author circle - members */
.content-fragment.more-content .content-list {
    column-count: 1;
}
.content-fragment.more-content fieldset .button {
    margin-left: 4%;
    margin-bottom: 2%;
}

#group-membership-list-area {
    width: 100%;
    margin: 0 auto;
    background: #f5f5f5;
    border-top: 6px solid #d58e53 !important;
    margin-top: 30px !important;
}

#group-membership-list-area #groupmembers-paged-content {
    padding: 3% 0% 5% 5%;
}

/* author circle */

.scrolled .banner.context.home {
  padding-top: 0px;
  height: 45px;
}

/* author circle - documents */
.media-gallery-post .navigation-list ul .date {
    width: auto;
}

/* header search bar remove the transition */
.banner.site fieldset ul.field-list li.field-item .field-item-input input {
    padding: 0 0 0 38.4px!important;
	transition: unset!important;
}

/* header title create space in every word */
.content-fragment .content.full.text .name, .popup-list .content.full.text .name {
	word-break: break-word;
}

/*Group - Programs - Enroll/UnEnroll Button */
fieldset input[type="button"].program-enrollment, fieldset input[type="button"].program-unenrollment {
    padding: 10px 45px;
    background-color: #343f49;
    margin-bottom: 7%;
    width: 100%;
    text-transform: uppercase;
    border: 3px solid #5a6d7f
}

/*Homepage - Sign In Button*/
.banner.site .navigation-list ul.user-off .user {
	background-color: #5d7ee6;
	color: white !important;
	border: 1px solid #244fdd;
	margin-top: 0px;
	padding-left: 8px;
	padding-right: 8px;
}

/* media screens */
@media only screen and (max-width: 570px) {
	.single-column.content-fragment-page {
		padding: 30px 10px 10px 10px;
	}
    .browse-wikis .content-item .name .attributes, .browse-wikis .content-item .thumbnails {
        display: none;
    }
    .banner.site.all .container.handheld .user-links ul {
        width: 150px;
    }
    .header-fragments {
        padding-bottom: 4%;
    }
    .banner.site.all .container.handheld .search .field-item-input:after {
        top: 1px;   
    }
    .content-fragment.more-content .content-list li {
        min-height: 5px;
    }
}

@media only screen and (max-width: 767px) {
    .banner.context {
        padding-left: 0px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .navigation-list.links a {
        font-size: 13px;
        padding-left: 1.2em;
    }
}
@media only screen and (max-width: 768px) {
    .content-fragment .content.abbreviated, .popup-list .content.abbreviated {
        display: inline;    
    }
    .browse-wikis .thumbnails {
        text-align: left;
        margin-left: 0px;
    }
    .browse-wikis .thumbnail {
        margin-top: 10px;
    }
}