/**
 * @file
 * Subtheme specific CSS.
 * v1.03
 */

/* quicksand-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/quicksand-v37-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* quicksand-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/quicksand-v37-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*ai chatbot modifications
.block-ai-deepchat-block {position: relative!important;}
.chat-container {height: 80vh!important;}
& .block-ai-deepchat-block {width: 60vw!important;}
*/

/* new stream post toggle */
/* Three‑dot dropdown */
.form-item--error-message {
    background: #7a0c0c!important;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-bottom: 1.5em;
    border-bottom-left-radius: 0.4em!important;
    border-bottom-right-radius: 0.4em!important;
}

.stream-post-dropdown {
  position: relative;
  display: inline-block;
}

.stream-post-dropdown-toggle {
  background: none;
  border: none;
  padding: 4px 8px;
  font-size: 1.2rem;
  line-height: 1;
  cursor: pointer;
  color: #666;
  border-radius: 50%;
  transition: background 0.2s;
}

.stream-post-dropdown-toggle:hover,
.stream-post-dropdown-toggle:focus {
  background: rgba(0, 0, 0, 0.08);
}

.stream-post-dropdown-menu {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  z-index: 1000;
  min-width: 160px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  padding: 4px 0;
}

.stream-post-dropdown-menu.show {
  display: block !important;
}
.stream-post-dropdown > .stream-post-dropdown-menu.show {
  display: block;
}

.stream-post-dropdown-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.stream-post-dropdown-menu li {
  margin: 0;
}

.stream-post-dropdown-menu li a,
.stream-post-dropdown-menu li span {
  display: block;
  padding: 6px 16px;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
}

.stream-post-dropdown-menu li a:hover,
.stream-post-dropdown-menu li span:hover {
  background: #f5f5f5;
}


/* stream post toggle end */


.stream-post-body {	clear: both;	display: block;}

.nav-pills .nav-link {    padding-top: 0.3em;}

.klaro .cookie-modal .cm-btn, .klaro .context-notice .cm-btn, .klaro .cookie-notice .cm-btn {
	border-radius: 12em;
	padding-left: 1em;
	padding-right: 1em;
}

#block-finnlearn-views-block-following-on-user-page-block-9 {
	margin-bottom: 5em;
}

.form-item--error-message {
	background: #ba1010;
	color: white;
	font-size: 0.9em;
	padding-left: 1em;
}

body { font-size: 16px;color: #000; }

.flag-dispute a {
	margin-left: 1em;
	display: inline-block;
	background: #0374d4;
	color: white;
	padding-top: 0.2em;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.2em;
	border-radius: 0.3em;
	font-size: 0.95em;
}


.path-frontpage .block-language .nav-link {margin-bottom: 0.5em!important;}


.moderation-comment {
	font-size: 0.8em;
	display: block;
	float: left;
	color: #424242;
	line-height: 1;
	margin-bottom: 1em;
}

.mod-state.Unpublished {
	background: rebeccapurple;
	color: white;
	font-size: 0.8em;
	padding: 1em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	display: block;
	max-width: fit-content;
	float: left;
	margin-bottom: 0.4em;
	border-radius: 0.3em;
}

.mod-state.Published, .mod-state.Approved {
display:none;
}

.alert-wrapper h6 {
	font-size: 0.7em;
	color: #6c6c6c;
}

.alert-wrapper.is-dismissed {
  pointer-events: none;
  display: none;
}




.menu--profile-menu .link-text {
	margin-right: 1em;
}
.on-the-gray ul.quicktabs-tabs {
    margin: 0;
    padding: 6px!important;
    border-radius: 16px;
    margin-bottom: 1.5em!important;
}

.on-the-gray .quicktabs-tabs > li > a:hover, .on-the-gray .quicktabs-tabs > li.active > a {
    border-bottom-color: transparent;
    width: 100%;
    border: none;
    background: transparent;
    font-size: 1em;
    font-weight:inherit;
    cursor: pointer;
    border-radius: 12px;
    transition: all 0.2s ease;
    outline: none;
    color: #505050;
    border-width: 0!important;
}

.on-the-gray .quicktabs-tabs > li.active > a {
    border-bottom-color: transparent;
    box-shadow: 0 4px 10px rgba(99, 102, 241, 0.3);
background: #228bc5 !important;
    color: white;
}


.list-group-item+.list-group-item.active {
    border-top-width: 0!important;
}

.on-the-gray .quicktabs-tabs > li > a {
    display: block;
    padding: 0.5em;
    text-align: center;
    text-decoration: none;
    border-top-width: 0!important;
    border-right-width: 0!important;
    border-bottom-width: 0!important;
    border-left-width: 0!important;
}

#block-finnlearn-userpostblock#block-finnlearn-userpostblock {
    display: inline-block;
    width: 100%;
    border-radius: 1em;
    padding-left: 1em;
    padding-bottom: 1em;
    padding-right: 1em;
}

.ui-widget-header h1 {
	font-size: 1em;
	font-weight: bold;
}

.block-language-blocklanguage-interface {
	margin-top: 2em;
}

.layout-two-sidebars #page .content #group-private-group-add-form {
	padding: 2em;
	margin-top: 1em;
	border-radius: 0.8em;
}


.block-content-frontpage_block .field.field--name-field-slogan1 {
    font-size: 2em;
line-height: 1em;
  margin-bottom: 0.4em;
}

.block-content-frontpage_block .content {
    text-align: center;
    display: block;
    margin: auto;
}

.front-logo-container {
    width: 251px;
    height: 277px;
    display: block;
    background-image: url("/themes/custom/finnlearn/images/social_media_platform_251.png");
    margin: auto;
    margin-top: 0.8em;
    zoom: 0.85;
    margin-bottom: 0.7em;
}

.tabledrag-toggle-weight-wrapper.webform-multiple-tabledrag-toggle-weight {display: none!important;}
.webform-multiple-table td .form-type-textfield input {	max-width: 50vw;}
.webform-multiple-add .js-form-type-number .input-group .form-number, .webform-multiple-add .input-group-append .field-suffix {	display: none;}

.membership-state {font-size: 0.8em;}
.block-go-back {
	margin-bottom: 1em;
}
.btn-primary {    color: white;}

.chat-container.chat-collapsed {
	margin-bottom: 50px;
	transform: translateY(0)!important;
}

.chat-container.bottom-right {
    right: 0!important;
    position: relative;
    max-width: 90%;
    bottom: 0!important;
}

#chat-view {
height: 70vh!important;
}

deep-chat {
  width: auto !important;
display: block;
}


.chat-element.chat-collapsed deep-chat {
    height: 70vh!important;
display: block;
}

.views-field.views-field-filename a {   color: #79a2ff; text-decoration: underline;}
.views-field-field-repost .node__title, .node--view-mode-repost .node__title {
    display: none;
}
.views-field-field-repost article, .field--name-field-repost article {
    padding: 1em;
    border-radius: 0.3em;
    border-style: solid;
    border-width: 1px;
}
.views-field-field-repost .post-header-author {
    border-top-style: none;
    padding-top: 0;
}
.ui-dialog .js-form-wrapper button.remove-button {
    background: red!important;
    color: white!important;
}
.js-media-library-item-preview {
    padding: 0.4em;
    border-radius: 0.5em;
}
.delete-user-account {
    background: red;
    border: none;
    margin-bottom: 1em;
}

.accordion-button:not(.collapsed)::after, .accordion-button::after {
background-image:none!important; 
}

.accordion-button::after {
    content: "\f077";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    text-decoration: none;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    padding-left: 0em;
text-decoration:none;
}


@keyframes spin {
  0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*
.ajax-progress-throbber {
            border: 2px solid #f3f3f3; 
            border-top: 2px solid #3498db; 
            border-radius: 50%; 
            width: 20px; 
            height: 20px; 
            animation: spin 1s linear infinite;
            display: inline-block; 
            box-sizing: border-box; 
margin-left:1em;
margin-right:1em;
}
.ajax-progress-throbber .throbber {display: none;}
*/



.ajax-progress-throbber {
  display: inline-flex;
  align-items: center;
  margin-left: 1em;
  margin-right: 1em;
}

/* Hide the original Drupal throbber GIF */
.ajax-progress-throbber .throbber {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  box-sizing: border-box;
  flex-shrink: 0;
}
.navigation ul {list-style: none;}
 
#block-finnlearn-leftmenufront ul {
    display: flex;
    margin-top: 2em;
    border-bottom-style: solid;
    border-color: #505050;
}

#block-finnlearn-leftmenufront ul li {
    border-left-style: solid;
    min-height: 40px;
    padding-bottom: 1px;
}

#block-finnlearn-leftmenufront ul li a {
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 0.4em;
    padding-top: 0.4em;
    display: block;
}

.user-list-row-right-menu .username {
    text-transform: capitalize;
 background: transparent;
    padding: 1em;
    min-width: 120px;
    display: block;
    padding-top: 0.3em;
    border-radius: 0.5em;
    padding-top: 0.7em;
}


#views-bootstrap-duplicate-of-media-library-page .views-field.views-field-name span {
	overflow: hidden;
	display: block;
	font-size: 0.7em;
}
.user-list-row-right-menu .views-field.views-field-name {
    margin-top: 0.7em;
}


.user-list-row-right-menu .user-pic img {
    float: left;
    margin-right: 0.3em;
    scale: 80%;
margin-top: 0.6em;
}


.user-list-row-right-menu .user-online-status {
    position: relative;
    display: block;
    max-width: 15px;
}
#block-system-menu-block-profile-menu--2 {
    display:none;
}


.private-message .nav-link .fa.fa-trash {
	margin-right: 0.5em;
}

.private-message .views-infinite-scroll-header a {
	display: block;
	float: right;
	padding-left: 0.5em;
	padding-right: 1em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	border-radius: 0.3em;
}

.front-page-title {
	text-align: center;
	margin-top: 1.5em;
}

a[href*="flag/flag/like"] {
    text-indent: -9999px;
    font-size: 0;
}
a[href*="flag/flag/like"]::before {
    display: inline-block!important;
    font-size: 18px!important;
}

/*
.sidebar nav .nav {    margin: 0 -0rem;}
*/

input, select { font-size: 100%; }
/* search api autocomplete */

.search-api-autocomplete-search header {
    display: none;
}


.search-api-autocomplete-search li {
    padding: 1em;
}

.search-api-autocomplete-search {
    max-width: 50vw;
}

#block-finnlearn-darkmodetoggle button {
    background: transparent;
    border-style: none;
margin-top: 0.6em;
}

.block-dark-mode-toggle ul li {   list-style: none;}


.order-link {
    text-decoration: underline;
    padding: 0.3em;
    border-radius: 0.3em;
    padding-left: 0.8em;
    padding-right: 0.8em;
}
/* form */

.view-filters .js-form-item input {
	margin-right: 1em;
	clear: both;
max-width: 240px;
}

.sidebar h2 {
	text-shadow: 0 0 0 #fff;
}

/*embedded media */
figure .embed-media iframe {
    width: 100%!important;
    height: 250px !important;
}

/** menu--search */
.menu--search-menu .nav .nav-item a {
	color: #505050;
}
.menu--search-menu .nav .nav-item .is-active {
	background: #228bc5;
	color: #fff;
	border-radius: 1em;
}

.menu--search-menu .nav {
	margin-bottom: 1.5em;
	font-size: 0.95em;
	color: #505050;
	margin-top: 1em;
}

/*admin dialog*/
.path-admin .ui-dialog {
    left: 20px!important;
    width: 85vw!important;
}

iframe#entity_browser_iframe_new_media_browser {
    height: 70vh!important;
}
[id^="field-group-post-image-new-media-browser-dialog"] {

height: 80vh !important;
}



.path-legal-accept .alert-warning {	display: none;}

.status.offline {
display:none!important;
}

.online-status-cont {
	height: 0em;
	margin-bottom: 0.4em;
}
.user-online-status {
	position: relative;
	top: -22px;
	left: 40px;
}

.status.online {
	background: #46cd3b;
	min-width: 15px;
	min-height: 15px;
	display: inline-block;
	border-radius: 60em;
	margin: auto;
	border-style: solid;
	border-width: 3px;
	border-color: white;
}


.user-online-status h4, .user-online-status .response {
	display: none;
}

.view-flagged-content .views-field-nothing {
    width: 60%!important;
    display: table-cell;
}
.view-flagged-content .views-field-nothing a {
    color: #336df4;
}

.view-flagged-content form {
    margin-bottom: 0.2em!important;
}
/*z-index*/
/*header*/
.affix {z-index: 4!important;}
/*gray layer*/
.ui-widget-overlay {z-index: 5!important;}

.front-page-bottom {
    margin: auto;
    width: 100%;
    text-align: center;
    margin-top: 0em;
    font-size: 0.9em;
    margin-bottom: 2em;
}

/*display comments pagination for load more link*/

.comment_load_more_pager nav {	display: none;}
.comment_load_more_pager.ajax-load_more {
	float: left;
	width: 100%;
	display: block;
	text-align: center;
}


/*ui-dialog*/
/*.ui-dialog .ui-dialog-titlebar-close {    margin: -12px 9px 0 0;}*/
.ui-dialog .ui-dialog-content {
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
}
.ui-dialog input, .ui-dialog select, .ui-dialog textarea {   font-size: 16px;}
.ui-dialog {z-index: 7!important;}
.path-group main#content {margin-top: 0em;}
.box-container table td {background: white !important;}
.view-profile-data-to-user-compact .view-content { width: 99%;}


.path-private-messages .field--widget-text-textarea {width: 77%;float: left;}
.path-private-messages .less-link, .path-private-messages .more-link {	color: #fff;}

.path-private-messages a.more-link::before, .path-private-messages a.less-link::before {color: #fff;}

.path-private-messages .form-textarea-wrapper textarea {	padding-top: 0.6em;	border-radius: 1em;}



/*admin dialog*/
.path-admin .ui-dialog {
    width:85%!important;
}


.field--name-field-delete-message {
	text-align: right;
	font-size: 0.7em;
	color: #505050;
}

.block-field-blockprivate-message-threadprivate-message-threadsubject {    display: none;}

.block-private-message .private-message-thread--full-container p {
	padding-top: 2em;
	padding-left: 0.5em;
	font-size: 0.9em;
}

.block-private-message .private-message-wrapper.field__item {
	background-color: #fff;
}
#block-privatemessageinbox-4 .block-private-message-inbox-block .private-message-thread .private-message-inbox-thread-link {
	border-bottom: solid;
	border-bottom-color: #adadad;
	border-bottom-width: 1px!important;
border-radius: 0em;
}
#block-privatemessageinbox-4 .field--name-members {
	font-size: 0.8em;
}

.private-message-add-form .form-actions {float: right;margin-right: 0.5em;}

.path-private-messages #edit-actions {
    float: right;
    width: auto;
    text-align: right;
}

.flag-like-private-message {
	clear: both;
	float: right;
}
.path-private-messages #load-previous-messages-button-wrapper {
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

#private-message-page .private-message-thread-full .field--name-private-messages .private-message .field--name-created {    
font-size: 80%;color: gray;
float: left;
  clear: both;
}

.private-message-thread-messages .view-profile-data-to-user-compact .view-content {
    width:auto;
}
.private-message-thread-messages .view-profile-data-to-user-compact {
    min-width: 70%;
}


body { overscroll-behavior:contain; font-family: 'Quicksand', sans-serif;  font-size: 1.1em; background: #f0f2f5 !important;}

legend {  font-size: calc(1.1rem + .3vw);}
.js-comment .field--name-comment-body {
	background-color: #f4f4f4;
	padding-left: 1em;
	margin-top: 0.2em;
	padding: 1em;
}


.ui-dialog.entity-browser-modal.ui-widget.ui-widget-content.ui-front.ui-draggable {
	position: fixed;
}

.field--name-field-group-post-comment-count {
	float: right;
}

.sf-menu li {    z-index: 3!important;}
blockquote {
	border-left: 5px solid #ccc;
	font-style: italic;
	margin-left: 0;
	margin-right: 0;
	overflow: hidden;
	padding-left: 1.5em;
	padding-right: 1.5em;
}


.group-status a {
	background: #007eff;
	color: #fff;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	border-radius: 10em;
z-index: 3;
position: relative;
font-size: 0.9em;
}

.menu-user-link span {
    padding-top: 2px;
    display: block;
    float: right;
    text-overflow: ellipsis;
    overflow: hidden;
    width:0;
    white-space: nowrap;
padding-bottom: 1em;
}

/** cookies **/
.cookiesjsr-banner.active {
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        flex-direction: column;
        max-width: 70%;
        z-index: 100000;
        padding: 40px;
        min-height: 200px;
        height: max-content;
        box-shadow: 0 0 18px rgb(125, 125, 125);
        border: 1px solid #e7e7e7;
        outline-color: #2e569f;
        outline-width: 1px;
        border-radius: 1em;
        background: #fff;
        color: #484848;
        font-size: 1em;
}
.cookiesjsr-banner--action, .cookiesjsr-banner--info {  width: 70%;}

.cookiesjsr-btn.important {
        background-color: #fff;
        background-color: #0064ff;
        border-color: #fff;
        border-color: #828282;
        color: #004c93;
        color: #fff;
}
.cookiesjsr-btn {
        background-color: #e1e1e1;
        color: #808080;
}

.cookiesjsr-banner--info a {    color: #626262 !important;}

/** cookies end **/




.or-use-email {	margin-top: 0.9em;	margin-bottom: 1em;}


.path-frontpage .bs-region .nav-link {
	display: list-item;
	margin-bottom: 1.4em;
	padding-left: 0;
	font-size: 0.8em;
	margin-right: 1em;
	border-radius: 0.3em;
}
.path-frontpage .col-sm-6.bs-region.bs-region--right {
	margin-top: 5vh;
	text-align: center;
}


.path-frontpage .bs-region--right .nav {
	display: block;
	max-width: 210px;
	text-align: center;
	margin: auto;
}

.field-group-tab {
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	border-color: #dedede;
	margin-top: 1em;
	padding: 0.6em;
}

.table-responsive {
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	border-color: #e7e7e7;
	padding-top: 0em !important;
	margin-top: 0em;
}

#password-policy-status .table-responsive th {	background-color: #f5f5f5 !important;}
#password-policy-status .table-responsive td, #password-policy-status .table-responsive tbody tr {
	background:white!important;
	background-color: #fff !important;
}
.password-policy-constraint-failed td + td {color:#505050!important;}
.password-policy-constraint-passed td + td {
    background: green;
    color: #fff!important;
}
.password-policy-constraint-failed td + td + td, .password-policy-constraint-passed td + td + td {    display: none;}
#password-policy-status thead tr th + th +th {   display: none;}



#edit-account .js-form-item small {
    margin-left: 0em!important;
    margin-bottom: 0em!important;
}

.user-register-form #edit-language, .user-register-form #captcha, #edit-field-date-of-birth-wrapper {
    border-style: solid;
    padding: 1em;
    border-width: 1px;
    border-color: #d6d6d6;
    border-radius: 1em;
    margin-bottom: 1em;
}


#views-bootstrap-assets-customi-entity-browser-4 {
	font-size: 0.8em;
}
.entity-browser-form .custom-mb {
    background: #f6f6f6;
    margin-left: 0.4em;
    margin-bottom: 0.4em;
    padding: 1em;
    border-radius: 0.5em;
    max-width: 32%;
padding-left: 0.5em;
}
.entity-browser-form .form-check input {
    width: 1.5em;
    height: 1.5em;
}

.js-form-wrapper .details-wrapper p {
    font-size: 0.9em;
/*    float: left; do not enable*/
    color: #4c4c4c;
    margin-top: 0em;
    display: block;
    width: 100%;
}

#openid-connect-login-form button {	min-width: 280px;}

#edit-openid-connect-client-google-login, #edit-openid-connect-client-google-login--2 {
    background: #fff;
    color: #000;
    padding-left: 3.5em;
    background-image: url(/themes/custom/finnlearn/images/google_small.png);
    background-repeat: no-repeat;
    font-size: 14px;
    padding-bottom: 0.6em;
    border-color: #f8f1f1;
    box-shadow: 0px 1px 0px #d6d1d1;
    padding-top: 0.6em;
    font-weight: bolder;
}

#edit-openid-connect-client-facebook-login {
	background: #fff;
	color: #1877F2;
	padding-left: 3.5em;
	background-image: url(/themes/custom/finnlearn/images/facebook_button.png);
	background-repeat: no-repeat;
	font-size: 14px;
	padding-bottom: 0.6em;
	box-shadow: 0px 1px 0px #d6d1d1;
	padding-top: 0.6em;
	font-weight: bolder;
	background-position-x: 7px;
	background-position-y: 5px;
	background-size: 28px 28px;
}

#edit-openid-connect-client-linkedin-login {
    background: #2867b2;
    color: #fff;
    padding-left: 3.5em;
    background-image: url(/themes/custom/finnlearn/images/linkedin_button.png);
    background-repeat: no-repeat;
    font-size: 14px;
    padding-bottom: 0.6em;
    padding-top: 0.6em;
    font-weight: bolder;
    background-position: 6px;
    background-size: 30px;
}

.openid-connect-login-form button {
	min-width: 200px;
}

#user-login-form .mb-3 {
	margin-bottom: 0em !important;
}

.tabs .primary li.nav-item {
    background: #fff;
border-radius: 0.3em;margin-right: 1em!important;
}

.account-modal .ui-dialog-content {
    width: 90%!important;
    margin: auto;
}

.account-modal-header li.nav-item {
    background: #f0f0f0!important;
    margin-right: 1em;
    margin-bottom: 1em;
}



.account-modal-header .nav-link {
    font-size: 0.8rem;
    padding-left: 0.5em;
    padding-right: 0.5em;
}

.navbar-toggler {    border-color: #868686;}

.navbar-light .navbar-toggler-icon {
    opacity: 1!important;
    background-size: 100%!important;
}

#navbar-main .user-picture img {
	width: 35px;
}
ul.js-pager__items.pager {   list-style: none;}

.user-tip-container .user-tips {
	background: #fff;
	border-radius: 1em;
	padding: 2em;
	margin-top: 1em;
}

.user-tip-container .user-tips span a::before {
    content: "\f0a1";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    text-decoration: none;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    color: #b9b9b9;
    padding-left: 0em;
text-decoration:none;
}



.field--name-field-media-oembed-video {
  position: relative;
  overflow: hidden;
  width: 100%;
/*  padding-top: 56.25%; */
padding-top:0%;

}

.media-oembed-content {
  width: 100%;
min-height: 300px;
position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}


.field--widget-oembed-textfield {
	padding-top: 0 !important;
}



.offcanvas-end {width:auto;}


#navbar-main {background-color: #fff;}
a, .link {color:#0d6efd;}

.ext span {
    margin-right: 0.1em;
}
a.ext {
    color: #0d6efd!important;
}
.page-user-password #block-finnlearn-content, .page-user-register #block-finnlearn-content, .page-user-login #block-finnlearn-content {
    border-radius: 1em;
    padding: 2em;
    margin: auto;
width:60%;
    border-radius: 20px;
    padding-left: 3em;
    padding-right: 3em;
    margin-top: 1em;
    font-size: 1rem;
}
#user-cancel-form {margin: 1em;margin-left: auto;margin-right: auto;padding-left: 1em;padding-right: 1em;}

#block-finnlearn-account-menu .nav a {   padding-top: 0.8em; padding-bottom: 0.8em;}
ul li:empty {display: none;}


.tns-outer .tns-controls {    position: relative; top: -57%;}


.tns-outer .tns-controls [aria-controls] {
	border-radius: 20em !important;
	height: 2.5em !important;
	border-style: solid !important;
	border-width: 1px !important;
}

.tns-controls button[data-controls="prev"] {   float: left;margin-left: -20px !important;}
.tns-controls button[data-controls="next"] {    float: right;margin-right: -20px !important;}

.tns-outer {
	font-family:inherit!important;
	margin: 0;
	padding: 0;
}

.carousel-narrow .tns-controls button[data-controls="prev"] {   float: left;margin-left:0 !important;}
.carousel-narrow .tns-controls button[data-controls="next"] {    float: right;margin-right:1em !important;}
.carousel-narrow .tns-controls {
    max-width: 220px!important;
    margin-left: 1em;
}



.stream-carousel-image img {width: 100%;}
/*fix for slick and Wowl banner*/
* { min-height: 0;  min-width: 0;} 
/*fix for above prob*/
.region-footer-sticky {
	position: fixed;
	bottom: 0px;
	background: white;
	width: 100%;
	margin: auto;
	max-height: 80px;
	border-top-style: solid;
	border-width: 1px;
	border-color: #b6b1b1;
	z-index: 999;
padding-left: 1em;
padding-top: 0.3em;
padding-bottom: 0.3em;
background: #d5d5d5;
}

/* user notifications widget */
#block-finnlearn-views-block-danse-user-notifications-block-1 .content {	margin: 0 !important;}
#block-finnlearn-views-block-danse-user-notifications-block-1 {
	height: 1px;
	background: green;
	display: block;
	position: relative;
	top: -2em;
}
.danse-user-notification-widget {
background: #f7f7f7 !important;
margin-right: 0.7em;
}

.danse-user-notification-widget .views-infinite-scroll-header {
    color: white;
    font-weight: bold;
    overflow: hidden;
    position: relative;
    top: -1.6em;
    background: gray;
    border-radius: 20em;
    font-size: 0.7em;
    min-width: 15px;
    left: 0.6em;
    max-width: 25px;
    padding-left: 0.4em;
    padding-right: 0.4em;
    min-height: 20px;
    padding-top: 2px;
max-height:20px;
}

.danse-user-notification-widget .view-header {
    width: 2rem!important;
    text-align: center;
    font-size: 1.2em!important;
    line-height: 1rem!important;
height: auto!important;
background:transparent!important;
}

.danse-user-notification-widget .view-empty {
	background: #f7f7f7 !important;
	padding: 2em;
	border-style: solid;
	border-color: #cbcbcb;
	border-width: 1px;
	border-radius: 0.3em;
	margin-top: 2em;
	box-shadow: 2px 2px 2px #5e5e5e52;
}


.notification-widget-user-pic img {
	border-radius: 20em;
	float: left;
	margin-bottom: 2em;
clear: both;
margin-right: 1em;
}

.danse-user-notification-widget .view-header::before {
       font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: inherit;
        cursor: pointer;
        margin-right: 0em;
        content: "\f0f3";
padding-right: 0.6em;
}

.danse-user-notification-widget .view-content {
	border-style: solid;
	border-radius: 0.4em;
	border-width: 1px;
	border-color: #7a7a7a;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
width: 300px!important;
margin-top:2em;
}

.danse-user-notification-widget .views-row {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-bottom: 1em;
	clear: both;
	float: left;
border-color: #d5d5d5;
    padding-top: 1em;
    font-size: 0.8em;
}


#block-notificationwidgetblock-2 {width: auto;}

.node--type-user-post section h2, .node--type-group-post section h2 {display:none;height: 0px !important;}

#thread-members-display-container {    margin-bottom: 1em;}
#thread-members-display-container label {   margin-right: 1em;}


.inbox-header h3, .inbox-header p, .inbox-header div {
float: left;
margin-right: 1em;
}

.inbox-header h3 {
    font-size: 1em;
    padding: 0;
}
.create-new-message a::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        color: inherit;
        cursor: pointer;
        margin-right: 0em;
        content: "\f0e0";
padding-right: 0.6em;
}



.private_message_thread_clear_history_link_wrapper {    display: none;}
.block-private-message-inbox-block .private-message-thread, .block-private-message-inbox-block .field--type-entity-reference {
	margin-bottom: 0em;
	padding-bottom: 0em !important;
}
.block-private-message-inbox-block .private-message-thread {
    border: none!important;
}

#private-message-page .private-message-thread-full .field--name-private-messages #load-previous-messages-button-wrapper {
    border: solid #ccc 0px;
}

.block-private-message-inbox-block .pv-msg-inbox-name {
	max-width: 33%;
}

/*private message members*/
.block-field-blockprivate-message-threadprivate-message-threadmembers .field__items {
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	display: inline-block;
	width: 90% !important;
	height: 50px;
	padding-top: 5px;
}

/* 123
.block.block-private-message.block-private-message-inbox-block {
    max-height: 70vh;
    overflow-x: hidden;
    overflow-y: auto;
}
*/
.view-private-message-inbox-custom{
/*max-height: 520px;
    overflow-x: hidden;
    overflow-y: auto;*/
    padding-top: 2em;
}

/*
#pm-members-autocomplete-reults-wrapper {
    padding: 2em!important;
color:green!important;
}
*/
.block-field-blockprivate-message-threadprivate-message-threadmembers .username, .view-private-message-inbox-small .username {
	background-color: #9a9a9a;
	color: #fff;
	padding-left: 1em;
	border-radius: 40em;
	margin-right: 0.4em;
	padding-right: 1em;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}

.view-private-message-inbox-small .username {
font-size:0.7em;
}



.private-message-thread-inbox:hover {
    background: transparent!important;
}

.path-private-message #edit-message-wrapper {
    clear: both;
}
input#thread-members-input {
    float: left;
    clear: both;
}
#thread-members-display-container #thread-members-input {
    margin-bottom: 2em;
border-color: #e5e5e5;
    border-style: solid;
    border-radius: 0.3em;
    padding-left: 1em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}

.path-private-message #thread-members-display-container label {
    float: left;
}
#private-message-page #private-message-thread-dimmer {    background-color:#fff!important;}

.private-message-wrapper .field--name-message p {
	margin-bottom: 0rem;
}
.private-message .field--type-entity-reference {
	margin: 0em;
float: left;
  clear: both;
}
.private-message-default .field--name-message, .private-message-private_message_bottom_menu .field--name-message, .private-message-small_inbox .field--name-message{
	padding: 1em;
	border-radius: 1em;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	border-top-left-radius: 0em;
	float: right;
        background-color: #e6e6e6;
        color: #393939;
font-size: 90%;
}

.private-message-author-self .field--name-message {
        background-color: #3e94ff;
 color: white;
float:left;
clear: both;
}
.private-message-author-self .field--name-message a {
	color: #fff;
}

.private-message-wrapper.field__item {
	min-height: auto;
	min-width: auto;
	background-color: #fafafa;
	padding:0;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	border-top-left-radius: 0em;
	margin-bottom: 0.2em;
}
.views-exposed-form .form-row .form-submit {	margin: auto;}
#views-exposed-form-search-page-1 fieldset {	float: left;}
.view-filters {
background: white;
padding: 1em;
border-radius: 1em;
margin-bottom: 2em;
min-height: 6em;
}
#views-exposed-form-search-page-1 .form-row .form-actions {	margin-top: 0em;}



.view-combined-stream .form-item-sort-by {
	float: left;
	margin-right: 1em;
}

.view-combined-stream legend {
	display: none;
}
.view-combined-stream .view-filters {
	padding: 1em;
	border-radius: 1em;
	margin-bottom: 1em;
	font-size: 0.8em;
	margin-left: -1em;
        min-height: unset!important;
padding-bottom: 0.2em;
    padding-top: 0.4em;

}

/*owl*/
.view.view-group-ui.view-id-group_ui.view-display-id-attachment_2 {     float: left;margin-left: 1em;}

.search-row .search-group-pic picture {
	margin-right: 1em;
	display: block;
}


.search-row .search-group-pic:empty {
	min-width: 80px;
	min-height: 80px;
	background: #e8e8e8;
	border-radius: 20em;
	margin-right: 1em !important;
}
.button--ai-chatbot {
	background: #80808078;
	color: white;
	border: none;
	border-radius: 20em;
	font-size: 0.8em;
	padding-left: 0.4em;
	padding-right: 0.4em;
}
.search-group-pic {
	max-width: 180px;
	margin: auto !important;
	display: inline-block;
}
.owl-carousel .owl-item img {	width:100%;}
.owl-row {display:inline-block;}

.owl-row .search-page-name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 150px;
	display: inline-block !important;
}
.owl-narrow {border-radius: 0.7em !important;min-width:auto; width:auto;}

.carousel-narrow div#tns1-mw {
    max-width: 245px;
}
.carousel-narrow #tns1 > .tns-item {
    width: 230px!important;
    max-width: 230px!important;
    margin-right: 1em!important;
}


.owl-narrow .search-group-pic a img {
    margin: auto;
    margin-bottom: 1em;
}
.carousel-narrow .owl-prev {float: left;position:absolute;left: -18px;}
.stream-container .owl-prev, .field--type-viewfield .owl-prev {float: left;position: absolute;left: -20px;clear: both;}

.stream-container .bef--secondary {
	min-width: 80%;
}


.carousel-narrow .owl-next {position: absolute;left: 190px;clear: both;}
.stream-container .owl-next, .field--type-viewfield .owl-next {float: right;}

.carousel-narrow .owl-theme .owl-nav {margin-top: 10px;	text-align: center;-webkit-tap-highlight-color: transparent;position: absolute;	top: 100px;}
.stream-container .owl-theme .owl-nav, .field--type-viewfield .owl-theme .owl-nav {text-align: center;-webkit-tap-highlight-color: transparent;position: absolute;top: 150px;width: 100% !important;margin: auto;float: left;}

.owl-theme .owl-nav [class*="owl-"] {
	color: #FFF;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	cursor: pointer;
	background: #fff !important;
	width: 40px;
	height: 40px;
	border-radius: 3em !important;
	box-shadow: none;
	line-height: 0em !important;
	display: block !important;
	padding-left: 1em;
}
.owl-nav span {
	font-size: 2em;
	color: #828282;
	padding-bottom: ;
}
.view-images-carousel-for-stream .owl-carousel .owl-item img {	width: 100%; max-width: 100%; height: auto;}


/*notifications widget*/
#block-notificationwidgetblock .dropdown-toggle::after, #block-notificationwidgetblock-2 .dropdown-toggle::after {display: none;}
#block-notificationwidgetblock .dropdown-toggle, #block-notificationwidgetblock-2 .dropdown-toggle {padding-top:1em;}
#block-notificationwidgetblock .dropdown a::before, #block-notificationwidgetblock-2 .dropdown a::before {
font-family: "Font Awesome 5 Free";
font-size: calc(1rem + .3vw);
color: #a9a7a7;
cursor: pointer;
margin-right: 0em;
content: "\f0f3";
}
.glyphicon-bell {	margin-left: 0px;}

/*language menu*/
.block-dropdown-language {width:100%;}
.block-dropdown-language .dropbutton-wrapper .dropbutton-widget {left:0em!important;border:0px!important;margin-top: 1em;
background: white;z-index:2;

 }
.block-dropdown-language .dropbutton-wrapper .dropbutton-toggle button {background-image: none;background:#fff;}

.block-dropdown-language .js .dropbutton-multiple .dropbutton-widget {padding-right:2em;}
.block-dropdown-language .dropbutton-toggle button::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: calc(1rem + .3vw);
color: #505050;
cursor: pointer;
margin-right: 0em;
content: "\f0ac";
display: block;
}
.block-dropdown-language .dropbutton-arrow {display: none;}

.block-dropdown-language .dropbutton-wrapper {
	max-width: 50%;
	margin: auto;
}
/** ckeditor fixes **/

.ck.ck-editor__main > .ck-editor__editable {
	border-color: var(--ck-color-base-border);
	max-height: 43vh;
}

/*stream button*/
.stream-post-drop-menu .dropbutton-wrapper {display: inline-block;z-index:2;float:right;}
.stream-post-drop-menu .dropbutton-toggle button {background-image: none;   background: transparent;}
.stream-post-drop-menu {  width:80%;  font-size: 0.9em;margin:auto;}
/*fix the first button*/

.stream-post-drop-menu .nothing-4.dropbutton-action, 
/*.stream-post-drop-menu .nothing-5.dropbutton-action,*/ 
.stream-post-drop-menu .nothing-1.dropbutton-action, 
.stream-post-drop-menu .nothing.dropbutton-action { width: 1px; color: #fff;height: 1px;}


.stream-post-drop-menu .nothing-2.dropbutton-action{}

.stream-post-drop-menu .dropbutton-arrow {   display: none;}
.stream-post-drop-menu .dropbutton-toggle {  position: relative;}
.stream-post-drop-menu .dropbutton-toggle button::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: calc(0.8rem + .3vw);
	color: inherit;
	cursor: pointer;
	margin-right: 0em;
	content: "\f141";
	color: #a9a9a9;
}


.stream-post-drop-menu .dropbutton-widget {padding-right:0!important; border: none;  background: transparent;position: absolute!important;margin: auto;display: block;}
.stream-post-drop-menu .dropbutton .secondary-action {
padding-top:0.6em;
padding-bottom:0.6em;
}

.stream-post-drop-menu .dropbutton-wrapper .dropbutton-widget {	padding-right: 0 !important;}

.stream-post-drop-menu .dropbutton-widget .dropbutton {text-align: left;float:right;}

.report_abuse a::before {
	content: "\f0a1";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	text-decoration: none;
	padding-right: 0.65em;
	top: 2px;
	left: 0;
	color: #b9b9b9;
	padding-left: 0em;
	text-decoration: none;
	position: relative;
}




.stream-actions-container .report_abuse a:before {
    padding-left: 0.5em;
}

.h2, h2 { font-size: 1.3em;}
.search-page .form-row .form-control {
	max-width: 200px;
	display: inline-block;
	margin-right: 1em;
}


/** modal image icon **/

.ui-dialog .field--name-field-group-post-image summary:before {
    content: "\f03e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    text-decoration: none;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    color: #fff;
    padding-left: 0em;
text-decoration:none;
}


#drupal-modal .vertical-tabs {	border: 0px !important;}
#drupal-modal .vertical-tabs__menu-item, #drupal-modal .vertical-tabs__menu {	border: 0px !important;}

#drupal-modal form {   margin-bottom: 5em;}
#drupal-modal .user-form {	margin-left: 2em;margin-right: 2em;}
.path-user .ui-dialog-title {	display: none;}
ul.sf-menu a, ul.sf-menu span.nolink {padding-left: 0.4em;}
.sf-menu li:hover {
	background: #a2a2a214;
	padding-right: 0.6em;
	border-radius: 0.7em;
}

[data-dmt-mode="dark"] .user-list-row-right-menu .username:hover{
        background: #a2a2a214;
}




ul.sf-menu.sf-vertical {
	width: auto!important;
	z-index: 2;
	position: relative;
}
.node--type-group-post h2 {  clear: both;}

.videoroom-container .view-group-ui {
	margin-top: 0em;
}
.videoroom-container {display: block;	float: left;}
.h5p-quick {    width: 200px;}
.vote-like .count { min-width: 20px; display: inline-block;}
.js-quickedit-page-title.title {	font-size: 2.3vw;margin-left:2em;}




.stream-row .dropbutton-multiple .dropbutton-widget {
padding-right: 0em;
border-radius: 0.3em;
}

.ui-dialog .entity-browser-processed {    margin-top: 1em; }
.ui-dialog {
font-size: 1rem;
       width: 70% !important;
       border-radius: 1em;
       padding: 1em;
       -webkit-box-shadow: 0px 0px 22px 0px rgba(105,105,105,0.65);
       -moz-box-shadow: 0px 0px 22px 0px rgba(105,105,105,0.65);
       box-shadow: 0px 0px 22px 0px rgba(105,105,105,0.65);
       z-index: 4;
top:0vh !important;
}
.toolbar-horizontal .ui-dialog {top:3vh !important;}

.ui-widget.ui-widget-content {
	padding: 0;
border-radius:1em;
}
.ui-dialog .ui-dialog-content {    padding: 1.5em;}
.ui-widget {font-family: inherit !important;padding: 0;}

.group-member-menu .user-pic {
    float: left;
    margin-bottom: 0.6em;
    margin-right: 0.5em;
}

.group-member-menu .member-name {
    margin: 0;
    padding: 0;
    padding-top: 0.3em;
    line-height: 1em;
}

.member-name span a {
    color: #505050;
    /*font-size: 0.9em;*/
    font-weight: bold;
float:left;
}
.group-member-menu .member-row {
    margin-bottom: 0.2em;
    width: 100%;
    display: inline-block;
}
.group-member-menu .pager {
    list-style: none;
}

#block-views-block-group-ui-block-14 .content, #block-views-block-group-ui-block-15 .content {
    text-align: left;
}

.carousel-inner {text-align: center;}
.view-content .carousel {padding-right: 0em !important;}

#drupal-modal {overscroll-behavior: contain; max-height: 70vh !important;overflow: auto;overflow-x: hidden;}

.ui-dialog {  height: 80vh !important;}


.ui-dialog .node__content .views-element-container {
	clear: both;
}


.ui-dialog .ui-widget-content {
    max-height: inherit!important;
}
.on-the-gray .quicktabs-tabpage {border:0px solid #ddd;padding: 1em 0.5em 1em;}


.on-the-gray ul.quicktabs-tabs li {
	display: flex;
	padding: unset;
	flex: fit-content;
flex-direction: column-reverse;
}

.on-the-gray ul.quicktabs-tabs {
	display: flex !important;
	list-style: none;
	flex-direction: row;
}

.carousel-item.active img {
	border-style: solid;
	border-color: #e7e7e7;
	border-radius: 12px;
	border-width: 1px;
max-width:100%;
width:100%;
}

.post-header-author {
	border-top-style: solid;
	border-width: 1px;
	border-color: #d7d7d7;
	padding-top: 1em;
}

.path-node .custom-content-body {   min-width: 100%!important;}

.custom-content-body {
	float: left;
	min-width: 80%;
	margin-bottom: 1em;
	padding-right: 1em;
}

.view-profile-data-to-user-compact {
	clear: both;
}

.addtoany_list {
	width: 30px;
	height: 30px;
	display: block;
	float: left;
}

.addtoany_share::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: calc(1rem + .3vw);
color:#505050;
cursor:pointer;
margin-right:0em;
content: "\f064";
}




.addtoany_list.a2a_kit_size_32 a > span {
	border-radius: 4px;
	height:2px;
	line-height: 2px;
	opacity: 1;
	width: 32px;
background-color:transparent!important;
}


/* hide add more recipients on modal */
#drupal-modal .private-message-add-form .table-responsive, #drupal-modal .private-message-add-form .field-add-more-submit {
	display: none;
}


/*inbox styles*/
.private-message-thread--full-container {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-style: solid;
	border-width: 1px;
	padding: 1em;
}

/*make messages scrollable*/

.private-message-thread-messages .field__items {
height:auto;
overflow-x: hidden;
overflow-y: auto;
text-align: justify;
display: flex;
flex-direction: column-reverse;
}

.block-layout-builder .private-message-thread-messages .field__items {
    height:37vh;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: justify;
    display: flex;
    flex-direction: column-reverse;
}


.private-message-inbox-thread-link a {background:#505050;}

.private-message-thread-messages .field__label {
    padding-left: 2em;
    padding-bottom: 0.4em;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #dcdcdc;
}

.private-message-thread-messages {
    background: #ffffff;
    padding-left:0em;
    padding-top: 1em;
    padding-bottom: 0.3em;
    margin-bottom: 1em;
    border-radius: 12px;
}
.path-inbox .private-message-thread .field--name-members { margin-bottom: 0em;}

.field--type-entity-reference .field__label {  font-size: 0.8em;}


.block-private-message-inbox-block .private-message-thread:hover {  background-color: #f1f8ff;}

.page-view-private-message-inbox-custom .block-private-message-inbox-block p:first-child {
  padding-left: 0em;
margin-bottom:0.5em;
}


article .node__content .field--name-field-stream-post-images-view-fi .field__item {
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #b9b9b9;
}

.ck-editor__main > :is(.ck-editor__editable,.ck-source-editing-area) {
    min-height: var(--ck-min-height);
    max-height: calc(40vh - var(--drupal-displace-offset-top,0px) - var(--drupal-displace-offset-bottom,0px) - 20px);
}
/*stream ckeditor table*/
.stream-row table td, .trimmed table td {
    background: white;
    border-style: solid;
    border-width: 1px;
    border-color: #d3ebff;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.stream-row table th {
    background:whitesmoke;
    border-style: solid;
    border-width: 1px;
    border-color: #d3ebff;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.stream-post-title table {    width: 100%;}
.stream-post-title caption {    float: left;width: 100%;}
.stream-post-title tbody, .stream-post-title thead {
    float: left;
    clear: both;
    width: 100%!important;
    margin: auto;
    display: table;
}

/*stream header */
.stream-post-username {
margin-right:0.1em;
min-width: 50%;
display: block;
float: left;
margin-bottom:0.9em;
max-width:90%;
}



.stream-row .stream-post-user-pic img, .stream-row object.stream-post-user-pic { margin-right: 0.6em;}
.stream-user-container, .stream-post-user-pic {float: left;}
.stream-user-container div {	width: 100%;}

.stream-user-container span {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 0em;
display:block;
}


.stream-user-container {
	margin: auto;
	margin-right: 0em;
font-size:90%;
line-height:normal;
max-width: 76%;
}

.stream-post-group-name a::before {
    content: "\f0c0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    text-decoration: none;
    padding-right: 0.5em;
    top: 10px;    left: 0;   color: #b9b9b9;   padding-left: 0em;text-decoration:none;
}

.stream-post-uname { font-weight: bold;margin-bottom: 0.1em !important;}
stream-post-user-headline{font-size:0.85em!important;}
.stream-post-user-headline, .stream-post-group-name a, .stream-post-created {    color: #a8a8a8!important;}
.stream-post-created { float: left;clear:both;}
.stream-post-image {padding-top: 1em;}
.stream-post-title { margin-top: 1em;  margin-bottom: 1em;clear:both;line-height: normal;        max-height:150vh;overflow:auto;}
.stream-post-title a, .smart-trim-readmore-output p, .smart-trim-readmore-summary p {
/*color: #505050;*/
font-size: 1em;
padding-top: 0.8em;
max-width: fit-content;overflow: clip;
max-width: -moz-fit-content;
}
.stream-post-title a:hover#drupal-modal .custom-content-body {  color: #505050;}

.stream-post-comment-amount {
    width: auto;
    float: left;
}
.stream-post-share {float:right;}
.stream-post-like {  float: left;}




.post-bookmark .flag-bookmarks a {
    width: 21px;
    display: block;
    float: left;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 26px;
    padding-top: 4px;
    margin-left: 1em;
}

.post-bookmark .flag-bookmarks.action-flag a:before {font-weight: 400;}

.js-flag-message {    font-size: 0.8em;}
.flag-bookmarks.action-flag a:before {
    content: "\f02e";
    font-family: "Font Awesome 5 Free";
    font-weight: 300;
    text-decoration: none;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    color: #b9b9b9;
    padding-left: 0em;
text-decoration:none;
}

.flag-bookmarks.action-unflag a:before {
    content: "\f02e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    text-decoration: none;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    color: #b9b9b9;
    padding-left: 0em;
text-decoration:none;
}
.dropbutton .cp-to-clip {
    overflow-y: hidden;
    margin-bottom: 1em;
    display: block;
    float: left;
    text-overflow: ellipsis;
    overflow-x: hidden;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #cccccc;
    padding-top: 0.6em!important;
}


.dropbutton .cp-to-clip .copy_to_clipboard {    display: none;}

.cp-to-clip {    color: #505050!important;padding:0.3em;background-color:transparent!important;min-width: 34px;}

.cp-to-clip:before {
    content: "\f0c5";
    font-family: "Font Awesome 5 Free";
    font-weight: 300;
    text-decoration: none;
    top: 10px;
    left: 0;
    text-decoration: none;
padding: 0.3em;
padding-top: 0.2em;
}

.cp-to-clip:hover { background-color:#e2e2e2!important; border-radius:5em; }
.post-cp-to-clip {
    width: 50px;
    float: left;
    margin-left: 3em;
}

.stream-actions-container .cp-to-clip {
    display: block;
    overflow-y: hidden;
    overflow-x: hidden;
    max-height: 35px;
    max-width: 30px;
}


.flag-hide-content.action-flag a:before {
    content: "\f05e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    text-decoration: none;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    color: #b9b9b9;
    padding-left: 0em;
text-decoration:none;
}

.flag-hide-content.action-unflag a:before {
    content: "\f0e2";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    text-decoration: none;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    color: #b9b9b9;
    padding-left: 0em;
text-decoration:none;
}



#superfish-left-menu-front li a i {
    margin-right: 0.0em;
    min-width: 32px;
}

#myTabContent h3 {margin-top: 1em; margin-bottom: 1em;font-size: 1.1rem;}
.js-comment mark {   display: none;}
.group-description {   clear: both;}

.path-user .tabs { margin-top: 1.5em;}
.path-user .tabs .nav-link::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: calc(1rem + .3vw);
color:inherit;
cursor:pointer;
margin-right:0.6em;
}

.path-user .tabs [class*="nav-link--user-login"]::before {content: "\f2f6";}
.path-user .tabs [class*="nav-link--user-register"]::before {content: "\f234";}
.path-user .tabs [class*="nav-link--user-password"]::before {content: "\f505";}


#CollapsingNavbar .menu {    list-style: none;}

#CollapsingNavbar .menu li {
    padding-bottom: 1em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #ececec;
    padding-top: 1em;
}



/*h5p stream accordion title */
.h5p-accordion .accordion-button::before {
    content: "\f118";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 0.4em;
    top: 10px;
    left: 0;
    color: #ffc809;
    text-decoration: none;
    font-size: 1.4em;
    float: left;
    margin-top: -0.17em;
    display: block;
}

.accordion-item:first-of-type {
    border-top-left-radius: .85rem;
    border-top-right-radius: .85rem;
}
.accordion-item:last-of-type {
    border-bottom-right-radius: .85rem;
    border-bottom-left-radius: .85rem;
}
.accordion-item:first-of-type .accordion-button {
border-radius: calc(.85rem - 1px);
}
.accordion-item:last-of-type .accordion-button.collapsed {
    border-radius: calc(.85rem - 1px);
}
.h5p-accordion .accordion-collapse {
	padding: 1em;
}

/*h5p mods*/
.h5p-question {   padding: 1.3em;}

/* js dropzone upload iframe*/

#entity-browser-new-media-browser-form {   overflow: auto !important;  height:auto;}

.ui-dialog .field--widget-path {
    display: block;
    float: left;
}

.ui-dialog .views-field.views-field-field-profile-headline {
    max-width: 90%;
}

.ui-dialog button::before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
color:inherit;
cursor:pointer;
margin-right:0.6em;
}

.ui-dialog .field--name-field-group-post-image summary {
    background-color: #8d8d8d;
    display: inline-block;
    color: #fff;
    padding: 0.5em;
    border-radius: 0.5em;
    border-bottom-right-radius: 0em;
    border-bottom-left-radius: 0em;
    padding-left: 1em;
    padding-right: 1em;
}
.ui-dialog .field--widget-entity-browser-entity-reference .details-wrapper {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #cbcbcb;
    margin-top: 0em;
}

.ui-dialog .remove-button, .ui-dialog .edit-button {
    background: transparent!important;
    color: #505050!important;
font-size: 0.9rem;
}

.ui-dialog .remove-button::before {content: "\f1f8";}
.ui-dialog .edit-button::before {content: "\f044";}

.ui-dialog .js-comment {
    float: left;
}

.ui-dialog .views-field.views-field-field-body {
    float: left;
    display: block;
    min-width: 90%;
}
.ui-dialog .image-style-group-stream-images {   padding: 0em;}

/*add image */

/*add image */
#inline-entity-form-field_group_post_image-form .ief-entity-submit::before {content: "\f03e";}
#inline-entity-form-field_group_post_image-form .ief-entity-submit {background-color:green!important; background:green!important;  }

/* cancel */
#inline-entity-form-field_group_post_image-form button[id*="cancel"]::before {content: "\f410";}
#inline-entity-form-field_group_post_image-form button[id*="cancel"] {background-color:gray!important; background:gray!important;}

/* delete post */
form[id*="delete"] button[id*="submit"] {background-color:red!important; background:red!important;  }
form[id*="delete"] button[id*="submit"]::before {
content:"\f2ed";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: calc(1rem + .3vw);
color:inherit;
cursor:pointer;
margin-right:0.6em;
}

/* comment reply */
form[id*="reply"] button[id*="reply"]::before {content: "\f3e5";}

form .counter {    margin-top: 0.1em;}
.comment-form .counter {    margin-top: 0;padding-left:0.5em;}
.comment-form .field--name-comment-body {    padding: 0;}

#drupal-modal .vote-widget-wrapper {float: left;}

.pv-msg-inbox-name {  float: left;padding-top: 0.3em; }
.pv-msg-inbox-pic img, .priv-msg-small-inbox-member-pic img { border-radius: 3em; border-style: solid;  border-width: 1px; border-color: #bfbfbf;  min-width: 40px;  min-height: 40px;}

.pv-msg-inbox-pic, .priv-msg-small-inbox-member-pic {
    float: left;
    display: block;
    margin-right: 0.8em;
width:40px;
}

.password-suggestions, .form-type-email .text-muted, .form-type-language-select label, .form-type-language-select .text-muted, .form-item-field-h5p-0-h5p-content-clear-content { display: none!important;}
.field--name-owner .field__label {   font-size: 0.8em;  float: left;}
.stream-carousel img {   padding-left: 0em;}

.path-frontpage .block.block-private-message.block-private-message-inbox-block h2, .path-frontpage .block-views-blockprivate-message-inbox-custom-block-1 h2 {
    position: fixed;
    z-index: 999;
    font-size: 1em;
    background: #e3dcdc;
    background-color: #3a3939;
    padding-bottom: 0.8em;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #eee;
    padding-top: 0.7em;
    padding-left: 1em;
    padding-right: 0.5em;
    width: 300px;
    margin-right: 1em;
    margin-top: 0px;
    border-radius: 0em;
    cursor: pointer;
    color: #fff;
    display: block;
    border-top-left-radius: 0.4em;
}

.block-views-blockprivate-message-inbox-custom-block-1 {
    height: 40px;
    width: 300px !important;
    overflow: auto;
    padding-right: 1em;
    padding-left: 0em !important;
    background: white;
    border-radius: 0.3em;
    box-shadow: -1px 2px 2px 2px #66666685;
    position: fixed;
    bottom: 0px;
    right: 10px;
    z-index: 999;
    overscroll-behavior: contain;
    overflow-x: hidden;
    transition: height 0.3s ease;
    padding-right: 0;
    margin-right: 0.5em;
    overflow-y: auto;
}
.block-views-blockprivate-message-inbox-custom-block-1.show {
  display: block;
  opacity: 1;
height:520px!important;
}

/* 123
.block-private-message {
  height: 80px;
  overflow: hidden;
  transition: height 0.3s ease;

}
*/

.block-private-message.show {
  display: block;
  opacity: 1;
height:520px!important;
}


#block-privatemessageinbox-4 .private-message-thread-messages .field__items{
    height: auto!important;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: justify;
    display: flex;
    flex-direction: column-reverse;
    font-size: 0.8em;
}

.private-message-small-members {
	display: flex;
	clear: both;
	flex-direction: row;
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: auto;
	max-width: 100%;
	padding-bottom: 8px;
	padding-top: 8px;
	padding-left: 8px;
	margin-right: 8px;
}


/* Hide all names if there are more than 4 articles */
.private-message-small-members:has(article:nth-child(4)) .views-row {
    font-size: 0;  /* Hides the text while keeping the layout */
}

/* Keep the images visible */
.private-message-small-members:has(article:nth-child(4)) .priv-msg-small-inbox-member-pic img {
    font-size: initial;  /* Reset font-size for the images */
}


.private-message-small_inbox .field__item
{
    height: auto!important;
    overflow-x: hidden;
    overflow-y: auto;
/*    text-align: justify; */
    display: flex;
    flex-direction: column-reverse;
    font-size: 0.8em;
margin-right: 1em;
}
.private-message-small-members{
    font-size: 0.7em;
}

.block-views-blockprivate-message-inbox-custom-block-1 h2::after {
	content: "\f106";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.2em;
	color: #4d4d4d;
	cursor: pointer;
	margin-right: 0.6em;
	float: right;
}


.block-views-blockprivate-message-inbox-custom-block-1.show h2::after {
        content: "\f107";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 1.2em;
        color: #8d8d8d;
        cursor: pointer;
        margin-right: 0.6em;
        float: right;
}

.block-views-blockprivate-message-inbox-custom-block-1 h2::before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.2em;
    color: #d7d7d7;
cursor:pointer;
margin-right:0.6em;
}




.private-message-notification-wrapper {
	min-width: 60px;
}
.private_message_thread_delete_link_wrapper a {
    background-color: #d74d4d;
    padding-left: 1em;
    padding-right: 1em;
    padding-top: 0.4em;
    padding-bottom: 0.6em;
    border-radius: 0.5em;
    color: #fff;
    font-size: 0.7em;
display:block;
}
.private_message_thread_delete_link_wrapper {   float: right;}

.field--name-members .field__item {  
display: inline-block;
}



.block-private-message-notification-block .private-message-page-link {
	font-size: 1em;
	text-align: center;
	width: 50px;
	display: block;
left: -6px !important;
line-height: inherit!important;
}

.msg-count {
        min-width: 24px;
        max-width: 28px;
        display: block;
        position: absolute;
        border-radius: 20em;
        left: 23px;
        font-size: 0.8em;
        top: 0px;
        padding-bottom: 0;
        padding-left: 0;
        max-height: 23px;
}

.private-message-page-link[data-count="0"] .msg-count {color:transparent!important;background:transparent!important;}
.private-message-page-link:not([data-count="0"]) .msg-count { color: white!important;background: grey!important;}




.field--name-members .field__items {min-height: 40px; font-size: 0.7em;}



.private-message-notification-wrapper a::after, .private-message-notification-wrapper.hidden::after {
	content: "\f0e0";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.2em !important;
	color: #505050;
	padding-left: 0;
	background-color: transparent !important;
}




#header .private-message-notification-wrapper a::after {    color: #505050;}


.block-private-message-notification-block {  height: 30px;  width: 45px!important;}
.private-message-inbox .field--type-entity-reference {margin: 0 0 0em!important;}

/*for the small block*/
.private-message-inbox .field--name-message p {font-size:0.8em;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  max-width: 140px;margin-bottom:0em;}

.block-private-message .private-message-recipients, .field--name-owner .field__label {   display: none;}
.private-message-inbox .field--type-created {   font-size: 0.7em;}
.block-private-message-inbox-block .private-message-thread:hover {background-color:transparent; }
.private-message-inbox .private-message-recipients, .private-message-inbox .field--name-owner .field__label { display: none;}
.private-message-thread-inbox {  padding: 1em !important;  border-radius: 0.3em;  background-color: #fff;}
.block-private-message-inbox-block .unread-thread {
    border: solid #d71b1b 1px;
    background-color: #fff !important;
}

/*for the inbox page*/
.page-view-private-message-inbox-custom .private-message-inbox .field--name-message p
{font-size:0.8em;  white-space:normal;  overflow:visible;  text-overflow:none;  max-width:100%;margin-bottom:0em;}

.page-view-private-message-inbox-custom .block-private-message-inbox-block p:first-child {margin-top:0em!important;}



.block-private-message-inbox-block .private-message-thread {
	margin-bottom: 2px !important;
	border: solid #b1aaaa 1px !important;
	border-right-width: 0px !important;
	border-left-width: 0px !important;
	border-top-width: 0px !important;
border-radius:0em!important;
}

.view-private-message-inbox-small .private-message-thread--full-container {
	border-style: solid;
	border-bottom-width: 1px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: ;
	border-top-width: 0px;
	margin-top: 1em;
	padding-left: 1.5em;
	padding-bottom: 1em;
	border-color: #bcbcbc;
}


.block-private-message-inbox-block .private-message-thread--full-container:first-child {margin-top:2em;}
.block-private-message-inbox-block p:first-child {margin-top:0.2em;padding-left:0em;}

#private-message-page .private-message-thread-full .field--name-private-messages .private-message {
border: solid transparent 1px!important;
        margin-top: -1px;
        margin-bottom: 1em;
        padding: 1em;
        margin-right: 0.6em;
        margin-left: 1em;
padding-top: 0;
}



.js-form-item .form-control {
        border-radius: 0.3em;
}
.js-form-item .mb-3 {
    margin-bottom: 0!important;
}
/*
.js-form-item small {  margin-left: 1em;  display: block;  margin-bottom: 1em;}
*/
.menu-item a i {  margin-right: 0.6em;  width: 15px;}

.message.msg-name {   margin-right: 1em;  min-width: 15%;}
.message.msg-title { margin-left: 1em; width: 60%;  margin-right: 1em;}
.message.msg-created {   margin-right: 0.5em; font-size: 0.8em;}
.accordion-body .message {   display: none;}

.stream-row .accordion-body {
    padding: 0rem;
}


#block-leftmenufront, #views-leftmenu {
	margin-left: 0em;
	font-size: 1.15em;
	position: sticky; 
	top: 0;
}


.path-group .sidebar h2 {
    margin-top: 1em;
}

#sidebar_first nav .is-active {
background-color: transparent!important;
padding-bottom: 0em!important;
padding-left: 0.8em!important;
padding-top:0em!important;
}

/*ajax comment pagination*/
#drupal-modal section nav .pagination {
	float: left;
}
.ajax-comment-created {
    margin-left: 3.8em;
    font-size: 0.8em;
    color: #b4b4b4;
}
.ui-dialog .ajax-comment-created {
	margin-left: 4.4em!important;
	margin-top: -1em!important;
}

.ajax-comments-form-reply {
	background-color: #ffffff;
	padding: 1em;
	border-radius: 1em;
	box-shadow: ;
	margin-bottom: 2em;
	border-style: ;
	border-width: 1px;
	border-color: #d5d7d9;
}

#block-views-block-group-ui-block-1 {    margin-top: -1.5em;}


.view-user .nav-link{  padding: .5rem 1rem;   padding-right: 1em;  padding-left: 0em;}
.js-comment .inline__links {
    margin-left: 2em;
}

.indented article {
    clear: both;
}
.node .indented .js-comment {
    margin-left: 1.4em;
    border-left-style: dotted;
    border-left-width: 4px;
    padding-left: 1em;
    border-color: #dbdbdb;
    width: auto;
width: 95%;
}

.indented .indented .indented .js-comment {
    margin-left: 2em;
    width: auto;
}

.user-list-row .views-field-views-conditional-field {
    width: 70%;
    margin-left: 3.5em;
}

/*.views-field.views-field-link-flag {
    width: 90%;
    margin-left: 3em;
    float: left;
}
*/
.user-list .view-header {
    text-align: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #e1e1e1;
    padding-bottom: 1em;
padding-top: 0em !important;
margin-top: 0em !important;
}


.user-list-row {
    margin-bottom: 1em;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #e6e6e6;
    padding-left: 2em!important;
padding-bottom:1em;
background-color: #fff;
padding-top: 1em;
border-radius: 1em;
box-shadow: 1px 1px 2px #e3e3e3;
}
.user-list-row div {
    float: left;
    margin-right: 0.4em;
}

.user-list-headline, .user-list-flag-created {
    clear: both;
    font-size: 0.8em;
    color: #777;
}
.user-list-flag-created {
    margin-bottom: 1em;
}

.user-list .views-field-contact {
    float: right;
    margin-right: 1em;
    margin-left: 1em;
}

.default-user-pic {
    width: 32px;
    border-radius: 20em;
    background-color: #e3e3e3;
    margin: auto;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    font-size: 0.6em;
    padding-left: 0.6em;
}

.default-user-pic::before {
    content: "\f030";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 2.1em;
    color: #c5c5c5;
}

.default-user-pic-follower {
    width: 50px;
    border-radius: 10em;
    background-color: #e3e3e3;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
}

.default-user-pic-follower::before {
    content: "\f030";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.2em;
    color: #c5c5c5;
}
.block-views-blockgroup-ui-block-1 .content {  margin: 0em !important;}
#node-group-post-edit-form .col-md-6 {   width: 100% !important;}
.node--type-group-post .profile .views-row {  padding-left: 0em;}
.grid .row {   margin-right: 0.5em;}
.user-badge .call-to-action::before {
    content: "\f0f3";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.2em;
    color: #c5c5c5;
}
.user-badge .call-to-action {
	text-align: left;
	font-size: 0.8em;
	margin-top: 2.2em;
}


.user-badge .views-field-uid span, .user-badge .views-field-uid-1 span {  margin-top: 1em; display: block;}

.username {   text-transform: capitalize;}



#block-finnlearn-views-block-group-ui-block-10, #block-finnlearn-views-block-group-ui-block-6, #block-finnlearn-views-block-group-ui-block-8, #block-views-block-group-ui-block-17, #block-views-block-group-content-block-3, #block-views-block-user-badge-block-1, #block-views-block-group-ui-block-14, #block-views-block-group-ui-block-15 {
    margin-top: 0 !important;
    border-radius: 1em;
    margin-bottom: 1.5em;
    padding-top: 0em;
    padding-left: 0.0em;
    padding-right: 0em;
    margin-left: 0rem;
    padding-bottom: 1em;
    text-align: center;
}

#block-views-block-user-badge-block-1{    margin-bottom: 1.2em; padding-bottom: 0.8em;}

#block-finnlearn-views-block-group-ui-block-8{
    text-align:left;
}

nav#block-finnlearn-sitetermsandprivacy-2 {
    position: fixed;
    bottom: 0;
    left: 6vw;
    font-size: 0.8em;
    border-top-width: 1px;
    border-top-style: solid;
    padding-top: 0em;
    margin-top: 0em;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    border-right-style: solid;
    z-index: 99;
}
.chat-container {
    z-index: 6!important;
}

#block-views-block-group-ui-block-17 {	text-align: left !important;}
#block-views-block-user-badge-block-1 .content {    margin: 1em;}

.badge-headline {
font-size: 0.8em;
margin-top: 1em;
padding-bottom: 1em;
}

.badge-headline div,  .user-badge .views-field span a {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width:100%;
    white-space: nowrap;
    display: block;
}

.path-private-messages .tabledrag-toggle-weight-wrapper {
    display: none;
}

#sidebar_second {
    padding-top: 0px !important;
    width: 240px;
    margin-left: 1em;
}
.path-private-messages #sidebar_second
{
    width:0!important;
}


#sidebar_first {
    padding-top: 0px !important;
    width: 240px;
    margin-right: 1em;
}


.left-menu-list-row {
    padding-left: 0.7em;
    padding-right: 0.3em;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
}


.groups-list-left ul {  margin-left: 0em;  padding-left: 0em; list-style:none;}
#block-views-block-own-groups-block-2 .content {
    padding: 0px !important;
    margin: 0em;
    margin-left: 0.5em;
}

/*hide ajax comments useless titles*/ 
#drupal-modal article .node__content .field__label {
    display: none;
}

.go-back-link {
margin-bottom:1em;
margin-top:0em;
position:relative;
top:-30px;
left:-40px;
}

.go-back-link a {
    background-color: #7b7b7b;
    color: transparent;
    cursor: pointer;
    border-radius: 50em;
    padding-left: 0em;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    padding-right: 0em;
    width: 60px;
    display: block;
}

.go-back-link a:hover {color: transparent;}
.go-back-link a::before {
    content: "\f060";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 0em;
    top: 10px;
    left: 0;
    color: #fff;
    padding-left:1em;
    text-decoration: none;
    font-size: 1.2em;
}




#main-wrapper { min-height:300px!important;margin-bottom:0em;}

.ui-dialog-titlebar {   min-height: 40px;  border-style: none;}
.ui-dialog section h2 {;float:left;clear:both;}
.accordion-button:not(.collapsed) { color: #505050;  background-color: #f0f2f5;}
.accordion-header button {   background-color: #f0f2f5!important;}
.js-comment .field--name-user-picture a img { border-radius: 10em;}
.js-comment .vote-widget-wrapper {
    margin-top: 1em;
    margin-bottom: 0.4em;
}

.js-comment .links {
    font-size: 0.9em;
}

#block-usernamemobile img {    border-radius: 1em;}
.stream-video-container table {  width: 90%;  background-color: #fff;}

/*
.group-amount-value {
	border-left-style: solid;
	border-width: 1px;
	border-left-color: #c6c6c6;
	padding-left: 1em;
}
*/
.comment__permalink a {display:none;}
.comment__content .card-body {   padding: 0;}
.comment__content::before {border-width:0px!important;}
.comment__content:after {   border-right: 20px solid #fff0;}

.cke_editable {   cursor: text;  font-size: 1.3em;}
.cke_bottom {border-top: 0px solid #d1d1d1!important;  background: #fff!important;}
.cke_top {    border-bottom: 0px solid #d1d1d1!important;  background: #fff!important;}


.js-form-type-textarea .js-form-required, #edit-field-banner-image-0-image-crop-crop-reuse {
    display: none;
}

.js-form-item-field-group-description-0-value .js-form-required {
    display:block!important;
}



.js-form-submit {
    width: auto;
    margin-bottom: 1em;
}


.image-widget.js-form-managed-file.form-managed-file.clearfix {
	padding-left: 1em;
	overscroll-behavior: contain;
	max-height: 70vh !important;
	overflow: auto;
	overflow-x: auto;
	overflow-x: hidden;
}

.js-form-type-managed-file {
    border-radius: 1em;
    border-style: solid;
        border-top-style: solid;
    border-width: 1px;
    border-top-style: none;
}


.js-form-type-managed-file label {
font-weight: bold;
display: block;
padding-top: 0.5em;
padding-left: 1em;
padding-right: 1em;
border-top-right-radius: 0.5em;
border-top-left-radius: 0.5em;
margin-bottom: 0.8em;
border-style: solid;
border-width: 1px;
padding-bottom:0.4em;
}

.comment-delete a, .comment-reply a, .comment-edit a {
    color: #505050!important;
    padding-right: 1em;
    padding-top: 0.5em;
    border-radius: 0.5em;
    padding-bottom: 0.5em;
}

.comment-delete a::before {content: "\f1f8";}
.comment-edit a::before { content: "\f044";}
.comment-reply a::before { content: "\f122";}

.comment-reply a::before, .comment-edit a::before, .comment-delete a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #939ba0;
	text-decoration: none;
	padding: 0.6em;
	border-radius: 0.4em;
	margin-right: 0em;
}

.links-inline .comment-delete, .links-inline .comment-edit, .links-inline .comment-reply {
    font-size: 0.8em!important;
    margin-right: 1em;
}

.links.inline.nav.links-inline {
  clear: both;
}

.card {background-color: transparent;   border: 0px solid rgba(0,0,0,.125);}



.comment .card-body h3 {
    display: none;
}


.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
background-image: none;
}

.ui-dialog .ui-dialog-titlebar {    min-height: 3em;}

form .counter {
    font-size: 0.8rem;
    font-weight: 300;
    color: #777777;
}

.ui-button .ui-icon {
	background-image: none;
}

.ui-widget-overlay {
	background: #e5e5e5;
	opacity: 0.7;
        z-index: 5!important;
}


#user-pass-reset {
    margin-top: 2em;
}

.form-actions button {
	margin-top: 1em;
	background: #228bc5;
	padding: 1em;
	border-radius: 1em;
	border-style: none;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-weight: bold;
}

.views-exposed-form .form-actions button {
    margin-top: 1.6em;
}

.layout--twocol-section {
    display: contents;
}

.group-published {
    position: relative;
    top: -37px;
    left: 30px;
    text-shadow: 1px 1px white;
}



.node--type-user-post .comment-add a {   display: none;}




.form-wrapper .vertical-tabs {   border: 0px;}
.profile-profile-edit-form .vertical-tabs__menu { display: none;}
a.tabledrag-handle .handle {    width: 2em; height: 2em;}
.path-user .tabledrag-toggle-weight { display: none;}
.user-header { margin-bottom: -2em;}
.user-header .image-style-user-120x120 {
position: relative;
top: -60px;
left: 50px;
border-style: solid;
border-width: 4px;
border-color: #fff;
}

.path-user .card-header {  border: none; }
.path-user .card {    border: 0px !important;}
.path-user #content {  margin-top: 0em;}
#block-finnlearn-content .content {  margin: 0em !important; padding-top: 0em !important;}

.image-style-group-stream-images { width:100%; height:auto; }


.on-the-gray .quicktabs-tabpage {border: 1px solid none;background-color:transparent;}
#block-quicktabsquicktabsownpostsandothers  .on-the-gray .quicktabs-tabpage {  border: 1px solid #f0f2f5;  background-color: #f0f2f5;}

.on-the-gray ul.quicktabs-tabs {
    margin-bottom: 1em;
}

#views-bootstrap-group-content-block-4 {   width: 100%;  margin: auto;}
.image-widget-data {  clear: both;  padding: 1em;  border-radius: 1em;}
.default-profile-image {	margin-top: 0em !important;padding-top: 4px;}
/*.group-actions-container object.stream-post-user-pic {  margin-top: -0.4em;}*/

.group-actions-container {
    padding-top: 0.39em;
}

.what_on_yourmind a.use-ajax {
    display: block;
    min-width: 70%;
}

.what_on_yourmind .link-container a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f0c1";
	padding-right: 0.4em;
	top: 10px;
	left: 0;
	color: #b7b7b7;
	text-decoration: none;
	margin-right: 0.1em;
	border-style: solid;
	border-radius: 50em;
	border-width: 1px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0.4em;
}


.layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second, .layout--twocol-section.layout--twocol-section--75-25{
 flex: 0 1 100%;
 flex-grow: 0;
 flex-shrink: 1;
 flex-basis: 100%;
}

#views-bootstrap-group-content-block-4 {  width: 100%;  margin-right: 2em;}
.group-has-new {
    background-color: red;
    padding: 0.7em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    border-radius: 0.4em;
    color: #fff;
    font-size: 0.7em;
    font-weight: bolder;
margin-top: -2em;
    margin-left: -2em;
}

.js td .dropbutton-multiple {  margin-right:1em;  padding-right:1em;}
/*
a.menu-user-link {
    margin: auto;
    display: block;
    border-radius: 12px!important;
    padding-top: 10px;
    padding-bottom: 16px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0.1em;
}
*/


#block-finnlearn-currentuseravatar .user-avatar  {
    margin: auto;
    display: block;
    border-radius: 12px!important;
    padding-top: 10px;
    padding-bottom: 16px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0.1em;
}


.user-avatar .field--name-field-profile-image img {  background: #c1c1c1;  display: block;  float: left;  border-radius: 1em;margin-bottom:0;}
.site-footer .list-group-item {  background-color: #2d2d2d;}
.site-footer .block-language {   margin-top: 2em!important;}


.site-footer {   background: transparent!important;}
.form-item-extras-1 {  margin-bottom: 1em;}
.details-wrapper {  margin-bottom: 1em;margin-top:0.5em;}


.legal-terms.legal-terms-scroll {    margin-top: 2em; max-height: 42vh;}
.legal-terms-scroll {
	height:42vh;
}
#edit-legal summary {
    padding: 1em;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    font-size: 1.1em;
    border-top-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-width: 1px;
}


.node--type-groups .on-the-gray .quicktabs-tabpage, .path-user .quicktabs-tabpage{border: 1px solid; }
.group-nav.nav-item a::before{display:none;}
.group-nav.nav-item a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 0.4em;
    top: 10px;
    left: 0;
    color: #2c70c8;
    text-decoration: none;
    font-size: 1.2em;
margin-right:0.4em;
}



.group-nav.nav-item .active::before {color: #fff;}



.group-nav.ghome.nav-item a::before {    content: "\f015";}
.group-nav.gprogress.nav-item a::before { content: "\f201";}
.group-nav.gmembers.nav-item a::before {    content: "\f0c0";}
.group-nav.gforum.nav-item a::before {    content: "\f086";}
.group-nav.gmedia.nav-item a::before {    content: "\f15b";}
.group-nav.gh5p.nav-item a::before {    content: "\f04b";}
.group-nav.gaddcontent.nav-item a::before {    content: "\f067";}

.smart-trim-readmore-summary {
    width: 100%;
}

.stream-group-invitation {
    margin-bottom: 2em;
    width: 100%;
    display: block;
    padding-left: 1em;
}

.stream-group-invitation::before {
    content: "\f0c0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 0.4em;
    top: 10px;
    left: 0;
    color: #1b43ab;
    text-decoration: none;
    font-size: 1.4em;
}
.smart-trim-readmore-summary a {
    color: #3b3b3b;
}

a.more-link::before, .ecf-open::before {
    content: "\f358";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 0.4em;
    top: 10px;
    left: 0;
    color: #cecece;
    text-decoration: none;
    font-size: 1.2em;
}

.less-link a::before, .ecf-close::before  {
    content: "\f35b";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 0.4em;
    top: 10px;
    left: 0;
    color: #cecece;
    text-decoration: none;
    font-size: 1.2em;
}


.stream-actions-container {
    border-top-style: solid;
    border-bottom-style: none;
    border-color: #dedede;
    border-width: 1px;
    min-height: 53px;
    padding-top: 0.4em;
    padding-left: 1em;
margin-top: 1em;
}

.smart-trim-readmore-summary p {
    margin-bottom: 0;
}
.stream-row #accordion {
    clear: both;
    padding-top: 1.5em;
}

.stream-row .views-field-field-body p {
    padding-left: 1em;
    margin-top: 1em;
    padding-top: 1em;
    padding-right: 0.9em;
}

.block-user-login-block .list-group-item {background-color:#fff!important;}

.video-quick a::before {
    content: "\f03d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 0.4em;
    top: 10px;
    left: 0;
    color: #1b43ab;
    text-decoration: none;
    font-size: 1.4em;
    float: left;
    margin-top: -0.17em;
    display: block;
}

.video-quick-created {
    display: block;
    float: left;
    margin-top: 1.4em;
}
.video-quick-disabled {
    display: block;
    float: left;
    margin-top: 1.4em;
}



.video-quick-created-tb {
    display: block;
    float: left;
}


.video-quick-created a, .video-quick-created-tb a {
    padding-right: 0.4em;
    text-decoration: none;
    float: left;
    display: block;
    min-width: 200px;
    padding-left: 2em;
}

.video-quick-group-info a {
    padding-right: 0.4em;
    text-decoration: none;
    float: left;
    display: block;
    padding-left: 3em;
    font-size: 0.7em;
    color: #505050;
}

.stream-footer-lnk ul li {
    display: inline-block;
}
.stream-footer-lnk ul li:empty {
    display:none;
}


.stream-footer-lnk {
    height: auto;
    padding-bottom: 0px;
    margin-bottom: 0em;
    padding-left: 1em;
}

.stream-footer-lnk ul {
    list-style: none;
    padding-left: 0em;
    clear: both;
margin-bottom:0rem!important;
}
.h5p-quick a, .video-quick a {
    float: left;
    margin-top: 1.4em;
    color: #505050;
    text-decoration: none;
    margin-right: 1em;
}
.h5p-quick a::before {
    content: "\f118";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 0.4em;
    top: 10px;
    left: 0;
    color: #ffc809;
    text-decoration: none;
    font-size: 1.4em;
    float: left;
    margin-top: -0.17em;
    display: block;
}

.group-actions-container .stream-post-user-pic {
    margin-top: 0.3em;
}
.stream-input-container {
	min-height: 40px;
	padding: 1em;
	margin-top: 1em;
	padding-left: 1.6em;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	display: flex !important;
	flex: fit-content;
	margin-right: 2em;
}

.js-comment {
    margin: 1em;
    border-bottom-style: solid;
    border-bottom-width: 1px;
	width:100%;
}


.ui-widget-content .js-comment .inline__links {
    margin-left: 1.8em;
float:left;
}

.views-field-field-profile-headline {  font-size: 0.85em;  color: #b4b4b4;}


.field--name-comment-body .field__item, .field--name-comment-body {
	padding: 0.4em;
	margin: 0.5em;
	padding-top: 0.3em;
	margin-top: 0.2em;
	border-radius: 0.5em;
	width: 100%;
margin-bottom: 0rem !important;
margin-left: 0;
padding-left: 0;
}

.field--name-comment-body .field__item {
        background-color: #f3f6f9;
}

.ajax-comments-form-reply .field--name-comment-body {
        background-color: #f3f6f9;
}



.ui-dialog .field--name-comment-body .field__item, .field--name-comment-body{
float:left;
min-width:80%;
max-width:95%;
}


.stream-footer-lnk a {
    padding: 0.7em;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    border-radius: .6em;
    min-width: 50px;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    clear: both;
    text-transform: uppercase;
    font-size: 0.8em;
    text-align: center;
    margin-bottom: 1em;
    display: block;
}

.flag-friend {	margin-bottom: 1em;}

.flag-friend a {
	padding: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-radius: 20em;
}

.view .flag-friend.action-unflag a {
	background: #e7e4e4;
	color: #000;
	font-size: 0.8em;
}

.view .secondary-action .flag-friend.action-unflag a {background: transparent;font-size: 1em;padding: 0;color: #3a3a3a;}
.view .secondary-action .flag-friend.action-flag a {background: transparent;font-size: 1em;padding: 0;color: #3a3a3a;}
.view .secondary-action .flag-friend.action-unflag a::before {    color:#c0c0c0;}
.view .secondary-action .flag-friend.action-flag a::before {    color:#c0c0c0;}

.view .flag-friend.action-flag a {background: black;color: white;}

.flag-friend.action-flag a::before {
    content: "\f06e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    text-decoration: none;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    color: #fff;
    padding-left: 0em;
    text-decoration: none;
}

.flag-friend.action-unflag a::before {
    content: "\f070";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    text-decoration: none;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    color: #505050;
    text-decoration: none;
}

.stream-post-comment-amount a:hover, .stream-actions-container .report_abuse a:hover {
background: #e2e2e2;
border-radius: 50em;
display: inline-block;
height: 35px;
width: 35px;
}

.stream-actions-container .report_abuse {
        float: left;
        margin-left:1.5em;
        padding-top:0.1em;
        margin-right:0em;
}



.stream-post-comment-amount a:hover {
padding-left: 8px;
padding-top: 3px;
}

.stream-actions-container .report_abuse a:hover {
margin-right:0.15em;

}


.stream-post-comment-amount a {
    color: #505050;
    margin-left: 1.5em;
    padding-left: 8px;
    padding-top: 3px;
    height: 35px;
    width: 35px;
display: inline-block;

}
.stream-repost {
    float: left;
margin-left:1.6em;
}
.stream-repost a:hover {
    background: #e2e2e2;
    padding: 0.2em;
    border-radius: 5em;
padding-left: 0em;
}
.stream-repost a {
    float: left;
    padding: 0.2em;
padding-left: 0em;
}

.node-comment-count {
	float: right;
	clear: both;
}

.stream-post-comment-amount a::before {
    content: "\f075";
    font-family: "Font Awesome 5 Free";
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    color: #919191;
    padding-left: 0em;
    text-decoration: none;
    font-size: 1.0em;

}

.type-comment.vote-like a, .type-comment.vote-like a:link, .type-comment.vote-like a:visited, .type-comment.vote-dislike a, .type-comment.vote-dislike a:link, .type-comment.vote-dislike a:visited {
	background: none;
	text-indent:0px;
	display: inline-block;
	border: 0;
	width: 19px;
	height: 19px;
padding-right: 1.3em;
}

.type-comment.vote-like a:hover {
    color: #fff;
    background: #ffe0e0;
    border-radius: 50em;
    padding-left:8px!important;
    padding-top: 3px;
    height: 31px;
    width: 30px;
}

.pm-username-remove-link {
    margin-left: 0.6em;
    font-size: 0.7em;
    background: #8b8b8b;
    color: white;
    padding: 0.3em;
    border-radius: 0.5em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    display: inline-block;
    min-height: 18px;
    width: 20px;
    text-align: center;
    max-height: 23px;
    padding-bottom: 0.4em;
    margin-bottom: 0.4em;
    cursor: pointer;
    margin-right: 1em;
    min-width: 24px;
}
.flag-like-private-message a, .flag-like-private-message a:link, .flag-like-private-message a:visited, .flag-like-comment a, .flag-like-comment a:link, .flag-like-comment a:visited, .flag-like a, .flag-like a:link, .flag-like a:visited, .vote-like a, .vote-like a:link, .vote-like a:visited, .vote-dislike a, .vote-dislike a:link, .vote-dislike a:visited {
text-indent: 0px;
display: inline-block;
border: 0;
cursor: pointer;
width: 19px;
height: 19px;
background:none!important;
color: transparent!important;
    padding-left: 8px;
    padding-top: 3px;
    height: 35px;
    width: 35px;
}

/*hide the text*/
.flag-like a {font-size: 0;}
.flag-like a:before {font-size:18px!important;}


.vote-like a:hover {
    color: #fff;
    background: #ffe0e0;
    border-radius: 50em;
    padding-left: 8px;
    padding-top: 3px;
    height: 35px;
    width: 35px;
}

.vote-like a, .vote-like a:link, .vote-like a:visited, .vote-dislike a, .vote-dislike a:link, .vote-dislike a:visited {
    background: none;
    display: block;
}


.vote-like a:before, .flag-like.action-flag a:before, .flag-like-private-message.action-flag a:before, .flag-like-comment.action-flag a:before {
    content: "\f004";
    font-family: "Font Awesome 5 Free";
    top: 10px;
    left: 0;
    color: #8d8d8d;
    padding-left: 0em;
text-decoration:none;
padding-right: 1.7em;
font-size: 1.1em;
}

.flag-like-private-message.action-flag a:before {color:#d5d5d5;}


.vote-like a.voted:before, .flag-like.action-unflag a:before, .flag-like-comment.action-unflag a:before, .flag-like-private-message.action-unflag a:before {
    content: "\f004";
    font-family: "Font Awesome 5 Free";
    top: 10px;
    left: 0;
    color: #ec6d6d;
    padding-left: 0em;
    text-decoration: none;
    padding-right: 1.9em;
    font-size: 1.1em;
font-weight: 900;
}



.flag-counts {
    display: inline-block;
    background: #a6a6a6;
    color: #fff;
    border-top-right-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    padding-bottom: 0.3em;
    padding-top: 0.2em;
    min-width: 20px;
    max-width: 95px;
    padding-right: 0.6em;
    padding-left: 0.4em;
}
.flag-link {
    float: left;
}

.flag-like a {
    padding-left: 0em;
    padding-right: 0em;
    background: #fff;
    padding-top: 0.2em;
    padding-bottom: 0.3em;
    border-top-left-radius: 0.6em;
    text-decoration: none;
    border-bottom-left-radius: 0.6em;
    color: #505050;
    float: left;
}
.flag-like span {
    margin-top: 0.3em;
    display: inline-block;
    min-width: 30px;
}


.flag-like-private-message a {
    padding-left: 0em;
    padding-right: 0em;
    background: #fff;
    padding-top: 0.2em;
    padding-bottom: 0.3em;
    border-top-left-radius: 0.6em;
    text-decoration: none;
    border-bottom-left-radius: 0.6em;
    color: #505050;
    float: left;
}
.flag-like-private-message span {
margin-top: 0.3em;
display: inline-block;
min-width: 30px;
color: #c8c8c8;
}


.g-menu-lnk {
    display: inline-block;
    max-width: 54%;
    line-height: 1em;
}
.header-cart .cart-link::before {
    content: "\f07a";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    text-decoration: none;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    color: #9d9d9d;
    padding-left: 0.4em;
text-decoration:none;
}

.cart-link {
    padding-right: 0.6em;
    display: block;
    padding-left: 0.3em;
}
.cart-quantity {
    padding-right: 1em;
    text-decoration: none !important;
    display: block;
    float: right;
    background: #2b68b7;
    color: #fff;
    padding-left: 0.4em;
    padding-right: 0.4em;
    border-radius: 1em;
    font-size: 0.9rem;
    font-weight: bold;
    margin-top: 0.1em;
margin-right: 0.5em;
}
.header-cart {
    padding: 1em;
    padding-top: 1em;
   padding-bottom: 1em;
    border-radius: 0.56em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    max-width: 100px;
}
.header-cart a {text-decoration:none;}
.header-cart:hover {  background: #d5d5d5;}
#block-views-block-commerce-cart-block-block-1 .content {
    margin: 0em;
    padding: 0em;
    margin-left: 1rem;
}

.button--danger {
    background: #ce3d58 !important;
    padding: 1em;
        padding-top: 1em;
        padding-bottom: 1em;
    color: #fff;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    margin-top: 1em;
    border-color: #b51212;
    border-style: solid;
    border-radius: 0.3em;
    display: block;
    float: right;
}
.button--danger::before {
    content: "\f2ed";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    text-decoration:none;
    top: 10px;
    left: 0;
    color:#fff;
}



.ui-widget-header {
    border: 0px solid;
    border-bottom-width:2px;
    border-bottom-style:solid;
padding-bottom: 0.8em !important;
padding-top: 0.8em !important;
 font-weight:bold; 
border-top-left-radius: 1em!important;
border-top-right-radius: 1em!important;
border-bottom-left-radius: 0em;
border-bottom-right-radius: 0em;
}

.page-user-login .user-login-form {    max-width: 480px;margin:auto;}

.user-register-form summary {
    padding: 0.4em;
    margin-bottom: 0em;
    border-top-left-radius: 0.4em;
    border-top-right-radius: 0.4em;
}

.page-user-register .user-register-form, .page-user-password .user-pass {
    max-width: 480px;
    padding: 1em;
    border-radius: 1em;
}

.legal-terms.legal-terms-scroll {
    margin-bottom: 1em;
    margin-top: 0.0em;
    padding: 1em;
    border-style: solid;
    border-width: 1px;
    font-size: 0.8rem;
    border-top-width: 1px;
    overflow-x: hidden;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
}

.image-style-user-120x120, .image-style-user-50x50 {
    border-radius: 10em;
}

#block-username {
    padding: 0;
    padding-bottom: 0;
    margin-left: auto;
    border-radius: 0.8em;
}

#block-username a { text-decoration: none; color: #505050;}
#block-username img {  border-radius: 50px;max-width:35px;}
.views-infinite-scroll-content-wrapper.clearfix {  width: 100%;}
.block.block-views.block-views-blockgroup-content-block-7 .row .views-view-grid {
    background-color: #fff!important;
    padding-top: 0em;
    margin-top: 0!important;
    border-radius: 1em;
    box-shadow: 1px 2px 0 3px #9c9c9c2e;
    margin-bottom: 1.5em;
    padding: 1.2em;
width:100%;
}

.block.block-views.block-views-blockgroup-content-block-7 .content,
.block-views-blockgroup-members-block-3 .content {
    margin-left: 0em!important;
    padding-left: 0em!important;
}

.block-views-blockgroup-members-block-3 {
    margin-left: -1em !important;
}


.tream-row {  margin-top: 2rem; }
.stream-post-user-pic img, object.stream-post-user-pic {
    border-radius: 90px;
    max-height: 80px;
    max-width: 80px!important;
    float: left;
    margin-right: 1em;
}
.message-post-user-pic img {
    border-radius: 90px;
    float: left;
    margin-right: 1em;
}



.stream-post-user-pic img, .user-pic img, .search-group-pic img, .message-post-user-pic img, object.stream-post-user-pic  {
border-style: solid;
border-color: #c5c5c5;
border-width: 1px;
}

.group-member-table .search-page-name, .group-member-table .table-created {
    padding-top: 0.4em;
}
.members-table-row {
    clear: both;
    width: auto;
    margin-bottom: 1.4em;
    display: inline-block;
    background-color: #f7f7f7;
    padding: 1em;
    border-radius: 1em;
    width: 100%;
    box-shadow: 1px 1px 3px 0px #cccccc;
}

.group-member-table .user-pic, .group-member-table .table-created, .group-member-table .search-page-name, .group-member-table .actions-dropdown {
    float: left;
margin-right:1em;
}



.block-views-blockgroup-ui-block-9 .content {
    margin: 0!important;
}

.path-group #block-finnlearn-content .view-header {
    margin-top: 0;
}

.path-group #block-finnlearn-content .content {
    margin-top: 0;
    padding-top: 0;
}

.view-user-storage-limit .views-infinite-scroll-footer {
	font-size: 0.8em;
	color: grey;
}
.stream-row, .view-user-storage-limit, .node--type-h5p-learning-content main .section, .node--type-group-post main .section, .node--type-user-post main .section, .block-content-content_area_block, .block-views-blockgdpr-file-download-page-block-1, .block-views-blockgdpr-export-user-login-hist-block-1 {
margin-top: 0!important;
border-radius: 1em;
margin-bottom:1.5em;
padding-top: 1.8em;
padding-left: 2.5em;
padding-right: 2em;
margin-left: 0rem;
padding-bottom:0em;
}




/*
.node--type-h5p-learning-content main .section, .node--type-group-post main .section, .node--type-user-post main .section {
max-width:65%;
margin:auto;
}
*/


.path-group #block-finnlearn-content .block-views-blockgroup-content-block-4 .content .views-element-container,
.path-group #block-finnlearn-content .block-views-blockgroup-content-block-7 .content .views-element-container,
.path-group #block-finnlearn-content .block-views-blockgroup-content-block-11 .content .views-element-container

 {
background-color:transparent!important;
padding-top: 0em;
margin-top: 0!important;
border-radius: 0em;
box-shadow: 0px 0px 0 0px #9c9c9c2e;
padding-left: 0em;
padding-right: 0em !important;
margin-left: 0em !important;
margin-right: 0em !important;

}


#block-finnlearn-content .content {
    margin-left: 1em;
    margin-right: 0.2em;
}

.view-group-pending-members table td {
	background: white !important;
--bs-table-striped-bg: white !important;
}

.path-group #main-content .content {background-color:#fff!important;}

.view-group-pending-members, .block-views-blockgroup-ui-block-3 .content, .block-views-blockgroup-ui-block-2 .content, .block-views-blockgroup-ui-block-12 .content {
    margin: 1em!important;
    background-color: #fff;
    padding-left: 2em;
    padding-bottom: 2em!important;
    margin-bottom: 3em!important;
    margin-left: 0em!important;
    margin-right: 0em!important;
border-radius: 1em;
    box-shadow: 1px 2px 0 3px #9c9c9c2e;
margin-top:0em!important;
}
.main-content .block-views-blockgroup-ui-block-3, .main-content .block-views-blockgroup-ui-block-2, .main-content .block-views-blockgroup-ui-block-8, .main-content .block-views-blockgroup-ui-block-12 {
    background-color: #fff!important;
border-radius:1em;
}



.group-content-accord a {
    padding: 1em;
    margin: auto;
    width: 100% !important;
    display: block;
    min-width: 200px;
}

.card-header {    padding: 0rem 0rem;}
.group-content-accord a {
    padding: 1em;
    margin: auto;
    width: 100% !important;
    display: block;
}

.group-content-accord {
    float: left;
    margin: 0!important;
    padding: 0!important;
}

.group-edit-h5p {
    float: right;
}

.grid-list-total {
    float: right;
    font-size: 1rem;
}
.group-add-member {
    font-size: 1.0rem;
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
    padding:1.2em;
    border-radius: 0.2em;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
margin-right: 1em;
}
.group-add-member-left-menu {
    font-size: 0.89rem;
    background-color: #007bff;
    padding: 0.4em;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    border-radius: 0.2em;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    display: block;
    margin-top: 1.2em;
    color: #fff;
    margin-right: 1em;
    padding-left: 1em;
}

.group-add-member:hover,  .group-add-member-left-menu:hover{text-decoration:none;color:#fff;}

.group-add-member::before, .group-add-member-left-menu::before {
    content: "\f234";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    text-decoration:none;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    color:#fff;
}


.grid-list-title {
    font-size: 1.5em;
}

.grid-list-container-link {
    display: block;
    color: #505050;
    border-style: solid;
    border-width: 1px;
    padding: 2em;
    border-color: #e0e0e0;
    border-radius: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
}

.grid-list-container-link:hover {
text-decoration:none;
color:#505050;
border-color: #9e9e9e;
}

.bootstrap-grid {
    margin-bottom: 2em;
}

.spinner {
  display: inline-block;
  position: relative;
  width: 120px;
  height: 120px;
}
.spinner div {
  position: absolute;
  border: 4px solid #505050;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.spinner div:nth-child(1) {
  animation-delay: -0.5s;
}
@keyframes spinner {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
/* loader icon */


.search-page-name, .search-page-name .username {
    color: #505050;
    margin-right: 2em;

font-size:1.0em;
}

.search-page-name a, .search-page-name .username a, .search-page-name, .stream-post-username a {
    text-transform: capitalize;
    color: #505050;
}

.search-row .group-type::before {
	padding-left: 0em !important;
}
.search-row .group-name {
	font-weight: bold;
	margin-bottom: 0.5em;
}

.search-row .view-group-ui .view-content.row div {
	margin-left: 0em !important;
	padding-left: 0em !important;
}

.search-row .user-pic, .search-row .search-group-pic, .bootstrap-grid .user-pic {
    max-width: 120px;
    float: left;
margin-right: 2em;
}
.owl-theme .owl-nav .disabled {	opacity: 1!important;}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    border-color: #d1d1d1;
    border-width: 3px;
    border-style: solid;
}

.search-page .search-row, .owl-row {
    margin-bottom: 1em;
    padding: 2em;
    border-radius: 1em;
}

.user-pic img, .search-group-pic img {
    border-radius: 36em;
}

#navbar-main img {   width:auto;}

.block-user-login-block .item-list .list-group {
    text-align: center;
    margin: auto;
    width: 100%;
    display: block;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #dedede;
    padding-top: 1em;
margin-top:1em;
}
.list-group-item {    background-color: #f4f4f4;}

a.request-password-link {
    color: #525252;
    padding: 1.4em;
    border-radius: 3em;
    display: inline-block;
    margin-left: auto;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    text-decoration: none;
}

a.create-account-link {
margin-top: 1.5em;
    background-color: #009933;
    color: #fff;
    padding: 1.4em;
    border-radius: 3em;
    display: inline-block;
    margin-left: auto;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    text-decoration: none;
font-size:1rem;
}

a.create-account-link:hover {
color:#fff;
}



.block-user-login-block {
    background-color: #fff;
    border-radius: 20px;
    padding: 1em;
    box-shadow: 1px 1px 4px 0px #50505047;
padding-left: 3em;
    padding-right: 3em;
    margin-top: 1em;
font-size:1rem;
}

.navbar-toggler {padding: .25rem .45rem;font-size: 0.8rem;}
main#content { margin-top: 1em;}
#sidebar_first { padding-top: 0px!important;margin-top:1em;}

.menu-item > span {
    font-size: 1.0em;
    margin-top: 0.9em;
    margin-bottom: 0.1em;
    display: block;
    line-height: 1em;
    border-bottom-style: solid;
    border-width: 1px;
    border-color: #e8e8e8;
    padding-bottom: 0.4em;
}
.groups-list-left ul li:hover {
    background-color: #eaeaea;
    border-radius: 15px;
}


.g-menu-bg {
  min-width: 78px;
  display: inline-block;
  text-align: center;
  background-color: #ffffffdb;
  border-radius: 10px;
  padding: 0.1em;
  border-style: solid;
  border-color: #dadada;
  border-width: 1px;
vertical-align: top;
}

.group-list-menu a img {
    max-height: 60px;
    max-width: 70px;
    width: auto;
    height: auto;
border-radius: 7px;
}

.group-list-menu {
  margin-bottom: 0.7em !important;
}

.groups-list-left .item-list {
    width: 100%;
/*margin-left:1em;*/
}

.groups-list-left ul li a {
color:#505050;
    width: 100%;
    display: block;
    text-decoration: none;
}

ul.menu.menu-level-0 {
    padding-left: 0;
}

.col-md-2 {
    padding-left: 0em;
}

#sidebar_first nav ul li {
list-style: none;
list-style-type: none;
margin: 0em;
padding-left: 0em;
margin-right: 0.2em;
margin-left: 0.2em;
margin-top:0.5em;
}

#sidebar_first nav .is-active {
    background-color: #e6e6e6;
    padding-top: 0.5em;
    color: #505050;
    display: block;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
}

.layout-region-node-footer {
    flex: auto;
}

.node-forum-form .content .layout-region-node-footer,  .node-h5p-learning-content-form .content .layout-region-node-footer, .node-h5p-learning-content-edit-form .content .layout-region-node-footer {  flex: auto;}

.ui-dialog .js-comment .vote-widget-wrapper {
    margin-top: 0em;
    float: left;
min-width: 90%;
}
.ui-dialog {
margin-top: 2em;
z-index:3;
}

.group-content-menu {
    display: block;
	margin-top:0em;
}

.groups-own-grid-creator {
    font-size: 0.8em;
    float: left;
    margin-left: 1em;
    margin-top: 0.8em;
}

.groups-list-bg a img {
    height: 140px;
object-fit: cover;
min-width: 236px;
}

.group-grid-members-amount {
    float: left;
    margin-left: 2.3em;
    font-size: 0.8em;
}

/*
*/


#drupal-modal .alert.alert-dismissible {
opacity: 1;
    animation: alertFadeOut 1s ease forwards 11s!important;
    -webkit-animation: alertFadeOut 1s ease forwards 11s!important;
}


.messages.messages--status {
position: absolute;
z-index: 2;
margin-top: 0em;
margin-bottom: 1.3em;
display: block;
height: auto;
top: 6vh; 
opacity: 1;
    animation: slideDown 1s ease forwards, fadeOut 1s ease forwards 11s;
    -webkit-animation: slideDown 1s ease forwards, fadeOut 1s ease forwards 11s;
}



.messages.messages--status:nth-child(1) {
    top: 6vh; /* First message */
}
.messages.messages--status:nth-child(2) {
	top: calc(6vh + 8rem) !important;
}
.messages.messages--status:nth-child(3) {
    top: calc(6vh + 14rem)!important; /* Third message below the second */
}



.alert div {
	margin-right: 2.4em;
	font-size: 0.9em;
	margin-left: 1em;
}

.alert h2, .alert hr, .alert svg {
	display: none;
}

.path-user .alert .list-group-item a {
	padding-right: 1em;
	display: inline !important;
	margin-top: 1em;
	padding-left: 0.4em;
	margin-right: 1em;
}

.path-user .item-list__comma-list li::after {
	content: none !important;
}

/** modal form alerts **/

.media-form .alert {
        padding: .75rem 1.25rem;
        border-radius: .25rem;
	position: relative;
	margin: auto;
	box-shadow: none !important;
	margin-top: 0em;
	top: 0vh !important;
	animation: none!imortant;
	-webkit-animation: none;
}



/* Slide down animation */
@keyframes slideDown {
    from {
        top: 0vh;
    }
    to {
        top: 9vh;
    }
}


#drupal-modal .alert {
    animation: none!important;
}


@keyframes fadeOut {
    0% {
        opacity: 1;
        top: 9vh;
    }
    100% {
        opacity: 0;
        top: -20vh;
    }
}


@keyframes alertFadeOut {
    0% {
        opacity: 1;
visibility:visible;
    }
    100% {
        opacity: 0;
        pointer-events: none; 
        visibility: hidden;
bottom:-200000px!important;
 
    }
}


#drupal-modal .alert {
    position: relative;
    padding: .75rem 1.25rem;
    border: 0px solid transparent;
    z-index: 10000;
    max-width: 100%;
    margin: auto;
    box-shadow: 2px 2px 2px 2px #50505036;
    margin-top: 0.6em;
    margin-bottom: 1.3em;
    display: block;
    height: auto;
    font-size: 0.85em;
bottom: 0vh;
}



/*alert fade end */

.alert.show {
    height: auto!important;
box-shadow: 2px 6px 8px 0px #888888;
}


.nav-pills {
    margin-bottom: 1.7em;
}


.block-unblock a {
	background: #e7e4e4;
	color: #505050;
	font-size: 0.8em;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-radius: 30em;
}

.block-unblock a::before {
    content: "\f3ed";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    text-decoration: none;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    padding-left: 0em;
    text-decoration: none;
}

.profile .card-body {
	padding-left: 0em !important;
}


/*modal fix when request windows was greyed out ak */
.ui-widget-overlay {   z-index: 2;}

.view-header {
    font-size: 1.0em;
    margin-bottom: 1em;
    margin-top: 1em;
	padding-top:1.3em;
}
.groups-list-left .view-header {
	padding-top: 0em;
	margin-top: 0em;
}


.ui-widget .ui-icon-closethick {
    display: none;
}



.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 1em;
    top: 30%;
    width: 30px;
    margin: -5px 0 0 0;
    padding: 1px;
    height: 30px;
    color: #8e8e8e;
    border-style: none;
text-indent: 0px;
font-size: 0px;
background: transparent;
color:transparent;
}


.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 33px!important;
    margin: -18px 0 0 0!important;
    padding: 1px;
    height: 35px!important;
    overflow: hidden!important;
    border-style: none;
    background: transparent;
    color: transparent;
}


.ui-dialog .ui-dialog-titlebar-close:hover {
color:transparent;
border-style: none;
background: transparent;
color:transparent;
}

.ui-dialog .ui-dialog-titlebar-close::before {
content: "\f057";
font-family: "Font Awesome 5 Free";
font-weight: 400;
text-decoration: none;
padding-right: 0.5em;
top: 0;
left: 0;
color: #4d4d4d;
position: relative;
font-size: 27px !important;
}

.ui-dialog .ui-dialog-titlebar-close::after {
content: "\f057";
font-family: "Font Awesome 5 Free";
font-weight: 400;
text-decoration: none;
padding-right: 0.5em;
top: 0;
left: 0;
color: #4d4d4d;
position: relative;
font-size: 27px !important;
}

.ui-dialog .button {
    border-style:none;
border-radius: 1em !important;
float:left;
margin-right: 1em;
white-space: nowrap;
}

[id^="edit-cancel"] {
	background-color: #b50606;
	background-image: transparent;

	border: 1px solid #e4e4e4;
	border-bottom-color: #b4b4b4;
	border-left-color: #d2d2d2;
	border-right-color: #d2d2d2;
	color: #fff !important;
	border-style: none;
	border-radius: 1em !important;
	white-space: nowrap;
	cursor: pointer;
	font-size: 0.929em;
	font-weight: normal;
	text-align: center;
	padding: 0.250em 1.063em;
	margin-top: 1em;
	float: right;
}

.manage-files-navi .group-manage-files, .manage-files-navi .group-add-content {
    margin-right: 0.3em;
    margin-left: 0.4em;
    padding: 0.4em;
    background-color: #fff;
    border-radius:1em;
    color: #505050;
    text-decoration: none;
    display: inline-block;
    padding-left: 1em;
    padding-right: 1em;
}

.manage-files-navi a .manage-files-navi a:hover {
text-decoration:none;
color: #505050;
}

.table thead th {
border-bottom: 2px solid #fff;
background-color: #f7f7f7;
}

.node--type-privacy form .alert-wrapper .alert {
    box-shadow: none;
    max-width: 100%;
    margin-top: 1em;
}
.node--type-privacy form .alert-wrapper {
    position: relative;
    width: fit-content;
z-index: 1;
}


.alert-wrapper {
	position: fixed;
	top: 65px;
	left: 0;
	z-index: 9999;
	overflow-y: auto;
	pointer-events: auto;
	bottom: auto;
}

.alert-wrapper:not(:has(.alert)) {
  display: none;
}

.alert-wrapper .alert {
	overflow-y: auto;
	max-width: 80%;
	box-shadow: 6px 6px #69696996;
	padding: 1em;
	border-radius: 0.4em;
	margin: auto;
	margin-bottom: 2em;
}


.view-h5p-accordion {
    margin-left: 1em;
    margin-bottom: 1em;
}

#drupal-modal .view-h5p-accordion {
    margin-left: 0em;
    margin-bottom: 1em;
}

span.views-label.views-label-view {
    font-size: 1.4em;
    margin-bottom: 1em;
    display: -webkit-box;
    margin-top: 1.4em;
}

.group-manage-files {
    margin-right: 1.2em;
    margin-left: 1em;
}

.group-manage-files::before {
    content: "\f15b";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    text-decoration:none;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    color:#505050;
}

.group-add-content::before {
    content: "\f067";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    text-decoration:none;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    color:#505050;
}

.group-home-link::before {
    content: "\f015";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    text-decoration:none;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    color:#505050;
}


.group-leave a {
    padding: 1em;
    background-color: #828282;
    display: inline-block;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-radius: 6px;
    margin: 1em;
    text-decoration: none;
    color: #fff;
}
.group-leave a:hover {
    background-color: #fff;
    color: #505050;
}


table tr th {
    background: #757575;
    background: rgb(255 255 255);
    border-bottom-style: none;
    color: #505050!important;
}

table tr th a {
    color: #505050!important;}

ul.quicktabs-tabs.list-group {
    width: auto!important;
}
ul.quicktabs-tabs li {
    border-bottom-width: 2px;
border-bottom-color: transparent;
}
the-gray ul.quicktabs-tabs li {
    border-bottom-style: solid;
    border-bottom-color: #bfbfbf;
    border-bottom-width: 1px;
}
.list-group-item + .on-the-gray .quicktabs-tabs > li > a:hover, .on-the-gray .quicktabs-tabs > li.active > a.list-group-item.active {    border-bottom-width: 0px;}


.list-group-item {
    border-bottom-color: #fff;
    border-bottom-width: 2px;
}

.on-the-gray {
padding:0px!important;
}
.on-the-gray .quicktabs-tabpage {
padding: 1.9em 2em 1em;
padding-left: 0.5em;
padding-right: 0em;

}

.list-group-item.active {
    border-top-width:0;
    border-bottom-width: 0px;
background-color: #f0f2f5;

z-index: 2;
color: #fff;
background-color:transparent;
border-color: #b5b5b5 !important;

}

.list-group-item {
    border: 0px solid rgba(0,0,0,.125);
}
.on-the-gray .quicktabs-tabs > li > a {
    padding: .5em;
    background: #fff;
    border-top-color: rgb(255 255 255);
    border-top-style: none;
    border-top-width: 0px;
    border-right-color: rgb(255 255 255);
    border-right-style: none;
    border-right-width: 0px;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-left-color: rgb(255 255 255);
    border-left-style: none;
    border-left-width: 0px;
    border-image-repeat: stretch;
    border-image-source: none;
    color: #505050;
}

.quick-tabs .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color:transparent!important;
    border-color: #b0b0b0;
}

.nav-link--user-logout {
padding-left:0.7em!important;
margin-right:0.1em;
}


.group-edit {
    display: block;}

.user-edit {
	display: block;
	margin-top: 0em;
	position: absolute;
	top: 0.2em;
	overflow: visible;
	margin-bottom: 0em;
}


.group-edit a {
	padding: 0.4em;
	background-color: #fff;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	border-radius: 1em;
	text-decoration: none;
	padding-left: 1em;
	padding-right: 1em;
	color: #505050;
	overflow: hidden;
	position: absolute;
	box-shadow: 1px 2px 1px #aeaeae;
	right: 10vw;
	top: 40px;
	font-size: 0.8em;
	margin-top: 4em;
	margin-left: 1em;
	z-index: 3;
}

.user-edit a {
	padding: 0.4em;
	background-color: #fff;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	border-radius: 1em;
	text-decoration: none;
	padding-left: 1em;
	padding-right: 1em;
	color: #505050;
	overflow: hidden;
	position: relative;
	box-shadow: 1px 2px 1px #aeaeae;
	right: 0em;
	top: 0em;
	font-size: 0.8em;
	margin-top: 4em;
	margin-left: 1em;
	z-index: 1;
}

.group-edit a:hover {color:#505050;background-color:#fff;}

.group-edit a::before {
    content: "\f044";
    font-family:"Font Awesome 5 Free";
    font-weight:900;
    text-decoration:none;
    padding-right: 0.5em;
    top: 10px;
    left: 0;
    color:#505050;
}

.group-amount {
    float: left;
    margin-right: 1em;
    padding-top: 1px;
    width: 80px;
    display: block;
    margin-left: 0.5em;
}

.group-title a {color: #505050;}



.box-container .row, .views-view-list-group {
    margin-right: 0.5em;
    background-color: #fff;
    padding: 1em;
    border-radius: 0.4em;
    box-shadow: 0px 0px #d6d6d6;
}

table td {
    background-color: #fff;
 border-top: 1px solid #929394!important;
}

.node-forum-form .col-md-6, .node-h5p-learning-content-form .content .col-md-6, .node-h5p-learning-content-edit-form .content .col-md-6 {-ms-flex: 0 0 95%;flex: 0 0 95%;max-width: 100%;}

.ui-dialog {  width: 70%!important;border-radius: 1em;padding: 1em;}
.view-group-ui .views-row {width: 100%;}
/*
.view-group-ui .view-content.row {
    margin-top: -1.3em;
}
*/

/*
.view-group-ui {   margin-bottom: 1em;}*/

.user-bg p {    max-width: 100%;  text-align: center;  padding-top: 2em;}

.view-group-ui .flex-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 1em;
    margin-bottom: 1em;
}





/*
.flex-wrapper > div {
	margin-right: 1em;
}
*/
.flex-wrapper > div:last-child {
  margin-left: auto; /* Push the last item to the right */
}

.group-amount-value::before {
    content: "\f007";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #b9b9b9;
    text-decoration: none;
    padding: 0.2em;
    border-radius: 0.4em;
    margin-right: 0.4em;
padding-left: 0;
}


.group-type[data-type="private-group"]::before {
    content: "\f023";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #b9b9b9;
    text-decoration: none;
    padding: 0.2em;
    border-radius: 0.4em;
    margin-right: 0em;
}

.group-type[data-type="public-group"]::before {
    content: "\f0ac";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #b9b9b9;
    text-decoration: none;
    padding: 0.2em;
    border-radius: 0.4em;
    margin-right: 0em;
}

.group-bg, .user-bg {
    min-height: 200px;
    background-color: #aaa;
    width: 100%;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    border-style: solid;
    border-top-style: solid;
    border-width: 1px;
    border-top-style: none;
    margin-top: 0em;
}


.user-bg img {
    vertical-align: middle;
    border-style: none;
    max-height: 230px;
    object-fit: cover;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    width: 100%;
    min-height: 200px;
}



.group-bg img  {
vertical-align: middle;
border-style: none;
max-height: 220px;
object-fit: cover;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
width: 100%;
}

.group-status-container {
	float: right;
}

.group-status-container-sidebar{
        margin-top: 0.5em;
float: left;
}

.group-title {
	color: #505050;
	font-size: 1.8em;
	text-transform: capitalize;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	float: left;
margin-right:1.2em;
line-height: 1em;
}

.card {min-width: 320px;margin-bottom: 0.6em;}

#page, #main-wrapper {min-height:100px}
#main .main-content .tabs {
	display: flex;
	justify-content: center;
}

.justify-content-end {
   -ms-flex-pack: start !important;
   justify-content: flex-start !important;
}
#navbar-main {  
margin-bottom:1em;
margin-bottom: 0.1em;
}
.block-notifications-widget h2 {font-size: 1em;float: left;color: #149fd2;}

.sidebar .block {
  padding: 0px 0px;
  margin: 0 0 0px;

}
#block-finnlearn-views-block-following-on-user-page-block-9 {        margin-bottom: 5em;}

.sidebar h2 {
    margin: 0 0 0.5em;
    border-bottom: 0px solid #fff!important;
}

/*menu icons*/
.navbar .nav-link:hover {
    background-color: #d5d5d5;
    border-radius: 12px;
}
.nav-link svg {margin-left: 8px;}

.navbar-nav .nav-item .nav-link, .menu--account .nav-link{
font-size:1.5em;    
border-radius: 12px;
text-align: center;
}

.menu--account .nav-link{font-size:1.0em;    }

.navbar {max-height:65px!important;}

/*
#block-finnlearn-main-menu {margin-left: auto;}
*/
.navbar .nav-item.active {
border-bottom: solid;
border-bottom-width: 2px;
border-color:#0a71ee;
}

#block-finnlearn-main-menu li {margin-left: 2.5em;}
.navbar-nav .nav-item .nav-link{min-width: 4em;}
.groups-list-bg {float: left;}
.groups-list-bg img {float: left;}
.groups-list .groups-list-link {display: block;margin-top: -2em;padding-left: 10px;float: left;}

.groups-list .groups-list-link a {
    color: #fff;
    font-size: 1.4em;
    text-shadow: 3px 1px 3px #333333;
    font-variant: all-small-caps;
    text-decoration: none;
    font-weight: bolder;
}
.block-system-main-block .content {margin: 2em;}
.views-element-container .content {margin: 1em;margin-right: 0em;margin-left: 0.7em;}

.groups-list .request-membership, .groups-list .members-amount {float: left;font-size: 0.8em;margin-top:1em;display:block;clear:both;}
.groups-list .members-amount {margin-left:2em;}

.request-membership a {white-space: nowrap;background-color: #007eff;color: #fff!important;padding: 0.5em;border-radius: 7px;padding-left: 0.8em;padding-right: 0.8em;}
.request-membership a:hover {color:#fff;text-decoration:none;}

.request-membership {
    font-weight: bolder;
    margin-top: 2em;
    font-size: 0.9em;
}

.views-field.views-field-request-membership {padding-left: 1em;padding-top:1em;}
.grid .row  {margin-right: 0.5em;}



.form-row .form-actions {margin-top: 2em;align-self:normal!important;}

.group-list-grid {
    background-color: #fff;
    padding-top: 0em;
    border-radius: 1em;
    margin-right: 1em;
    padding-bottom: 1.5em;
margin-bottom: 1.5em;
    -webkit-box-shadow: 0 1px 2px #adadad;
    box-shadow: 0 1px 2px #adadad;
text-decoration:none;
}

.groups-list-bg img {
    border-top-right-radius: 1em;
    border-top-left-radius: 1em;
}
.group-edit-link a {
    margin: auto;
    display: inline-block;
    clear: both;
    padding-left: 1em;
    background-color: #108fe8;
    color: #fff!important;
    margin-left: 1em;
    float: left;
    padding-right: 1em;
    border-radius: 0.5em;
    font-size: 0.8em;
    margin-top: 1em;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
}

.fontawesomeicon {margin: auto;display: block;margin-top: 0.3em;margin-bottom: 0.4em;}
#sidebar_left nav {    display:block;padding-left:1em; padding-top:1em;}
#block-views-block-own-groups-block-2 {
    padding-top: 1em;
    padding-left: 1em;
}

#drupal-modal form .content .col-md-6 { -ms-flex: 0 0 100%!important; flex: 0 0 100%!important; max-width: 100%!important;}

/* all displays over 3840*/
@media only screen and (min-width: 3840px) {
.offset-md-1 {margin-left: 16.333333%; margin-right: 16.33333%;}
.meet-video-embed {min-height: 800px;}
.navbar-expand-md .offcanvas-body {  margin: auto;}
.ui-dialog { width: 25%!important;height: min-content !important;}
}


/*3840*/
@media only screen and (max-width: 3840px) {
.offset-md-1 {margin-left: 16.333333%; margin-right: 16.33333%;}
.meet-video-embed {min-height: 700px;}
.navbar-expand-md .offcanvas-body {  margin: auto;}
.ui-dialog { width: 32%!important;
height: min-content !important;
}
}


/*2560*/
@media only screen and (max-width: 2560px) {
.offset-md-1 {margin-left: 14.333333%; margin-right: 14.33333%;}
.node--type-video .offset-md-1 { margin-left: 3.333333%; margin-right: 3.33333%;}
.meet-video-embed {min-height: 700px;}
.ui-dialog { width: 35%!important;height: min-content !important;}
.group-edit a {right: 25vw;}
}

/*1920*/
@media only screen and (max-width: 1920px) {
.offset-md-1 {margin-left: 12.333333%; margin-right: 12.33333%;}
.node--type-video .offset-md-1 { margin-left: 2.333333%; margin-right: 2.33333%;}
.meet-video-embed {min-height: 650px;}
.ui-dialog { width: 48%!important;}
.group-edit a {right: 20vw;}
}

/*1650*/
@media only screen and (max-width: 1650px) {
.offset-md-1 {margin-left: 7.333333%; margin-right: 20.33333%;}
.node--type-video .offset-md-1 { margin-left: 0.333333%; margin-right: 0.33333%;}
.meet-video-embed {min-height: 650px;}
.ui-dialog { width: 50%!important;}
.stream-input-container {  min-height: 40px;  padding: 0.8em;  padding-left: 0.8em;  padding-left: 1em; min-width:50%;margin-top:0.9em;padding-left: 1.6em;margin-top: 1em;}
.group-edit a {right: 18vw;}
}

/*1440*/
@media only screen and (max-width: 1440px) {
.offset-md-1 {margin-left: 6.333333%; margin-right: 6.33333%;}
.node--type-video .offset-md-1 { margin-left: 0.333333%; margin-right: 0.33333%;}
.meet-video-embed {min-height: 600px;}
.ui-dialog { width: 60%!important;}
.stream-row, .node--type-h5p-learning-content main .section, .node--type-group-post main .section, .node--type-user-post main .section, .block-views-blockgdpr-file-download-page-block-1 {
        padding-right: 1.0em;
        padding-bottom: 0em;
margin:auto;
margin-bottom:1em;
}

#sidebar_second {       margin-left:0em;}

}

/*1280*/
@media only screen and (max-width: 1280px) {
.offset-md-1 {margin-left: 6.333333%; margin-right: 6.33333%;}
.node--type-video .offset-md-1 { margin-left: 0.333333%; margin-right: 0.33333%;}
.meet-video-embed {min-height: 500px;}
.ui-dialog { width: 70%!important;}
.node--type-frontpage .quicktabs-tabs a { font-size: 0.85em;}
#block-finnlearn-main-menu li { margin-left: 1.0em;}
.navbar-nav .nav-item .nav-link {  min-width: 3.5em; font-size: 1.3em;}
.menu-user-link span {    padding-top: 3px; padding-bottom: 0.5em;}
a.menu-user-link {    padding-top: 6px; margin-top: 0.1em;}


}

/*1200*/
@media only screen and (max-width: 1200px) {
.stream-post-group-name {
    float: left;
    width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stream-post-username {  max-width: 90%;}

}

/*1024*/
@media only screen and (max-width: 1024px) { 
#block-finnlearn-darkmodetoggle button {    margin-top: 1.3em!important; font-size: 0.8em!important;}
.node-user-post-form .layout-region-node-secondary {   max-height: 1px;}
.user-bg img, .group-bg img {max-height: 190px;min-height: 150px;}
.group-bg, .user-bg { min-height: 150px;}

.group-status a {	font-size: 0.7em;}

.twaidder_logo {width: 200px;}
.eb-tabs ul li a {   padding: .35em 0.5em; display: block;}
.default-profile-image { max-width:60px; max-height:60px;}
.eb-tabs ul li { display: inline-block; font-size: 0.9em;}
.eb-tabs ul li.active {
    border-bottom: 3px solid #098dfe;
    color: #505050!important;
    font-weight: bold;
}

#superfish-left-menu-front li a i {
    margin-right: 0.2em;
    min-width: 20px;
}
#block-leftmenufront ul.sf-menu a {
    padding-left: 0.4em!important;
    padding-right: 0em!important;
}

.offset-md-1 {margin-left: 4.333333%; margin-right: 4.33333%;}
.nav-link .link-text { font-size: 0.8em;}
.navigation {  padding-right: 3px;  padding-left: 3px;}

.g-menu-lnk { max-width: 100%;  line-height: 1em; margin-bottom: 1.2em;}
#block-views-block-own-groups-block-2 {  padding-top: 0em;  padding-left: 0em;}
.view-display-id-block_11 {   float: left;}
.node--type-video .offset-md-1 { margin-left: 0.333333%; margin-right: 0.33333%;}
#block-username .field--name-body a span { text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;  max-width:120px;  display: inline-block; font-size: 0.9em;}
#block-finnlearn-main-menu li {margin-left: 1.0em;}
.navbar-nav .nav-item .nav-link { min-width: 2.9em;}
.navbar-nav .nav-item .nav-link, .menu--account .nav-link {font-size: 1.0em;padding:10px;}
.nav-link--user-logout {font-size: 0.9em;}
a.menu-user-link {
    padding-top: 6px;
    margin-top: 0;
}
.menu-user-link span {
    padding-top: 0px;
    padding-bottom: 0em;
}

#navbar-main .navbar-brand img {  max-width: 120px;}
.nav-link--user-logout .link-text {display:none;}
.ui-dialog { width: 80%!important;}
#block-leftmenufront, #views-leftmenu {  margin-left:0em;  font-size: 0.9em;}
.stream-post-title { padding-left:1em!important;padding-top: 1em;}

.stream-post-username {width:89%;}

.stream-post-user-pic img, object.stream-post-user-pic {margin-right: 0.6em;}
}



/* min width 768px max width 991px*/
@media (min-width: 768px) and (max-width: 991px) {
.stream-user-container {max-width: 70%;}
.inbox-header h3 {font-size: 1em;}
}

/*  ---------------------- 768 --   */
@media only screen and (max-width: 768px) {
#block-finnlearn-userpostblock {
    padding-top: 0;
}
.stream-row, .view-user-storage-limit, .node--type-h5p-learning-content main .section, .node--type-group-post main .section, .node--type-user-post main .section, .block-content-content_area_block, .block-views-blockgdpr-file-download-page-block-1, .block-views-blockgdpr-export-user-login-hist-block-1 {
	padding-top: 0.8em;
}
.node--type-h5p-learning-content .view-h5p-accordion {	margin-left: 0;	margin-bottom: 0;}

.stream-row, .view-user-storage-limit, .node--type-h5p-learning-content main .section, .node--type-group-post main .section, .node--type-user-post main .section, .block-content-content_area_block, .block-views-blockgdpr-file-download-page-block-1, .block-views-blockgdpr-export-user-login-hist-block-1 {
	margin-bottom: 1.5em;
	padding-top: 1.8em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-left: 0rem;
	padding-bottom: 0em;
}


#block-finnlearn-userpostblock {
	padding-left: 0.1em;
	padding-bottom: 0.5em;
	padding-right: 0.5em;
}

.alert-wrapper .alert {
	margin-bottom:1em;
	max-width: 100%;
	margin-right: 0em;
	padding: 1em;
}


.path-private-messages .ui-dialog {
	overflow: hidden;
	top: 7em !important;
}
.path-private-messages #drupal-modal {	height: 400px !important;}

#CollapsingNavbar .menu li {	padding-bottom: 0.6em;padding-top: 0.6em;}

.flag-like span {       min-width: 15px;}
.stream-actions-container {padding-left:0.5em!important;}

/** override nav for mobile menus **/

#block-system-menu-block-profile-menu--2 {    display: block;}

.menu--profile-menu ul { display: flex; flex-direction: column;}
.menu--profile-menu ul li .nav-link, #sidebar_first nav .is-active {
    font-size: 1em;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
}

.tabs .primary li.nav-item {margin-right: 0.5em!important;margin-bottom: 0.5em;}

#main-wrapper { padding-left: 0.7em;    padding-right: 0.7em;}
.inbox-header h3 {
    float: left;
    margin-right: 1em;
    font-size: 0.8em;
    padding: 0;
    margin-top: 0;
    margin-bottom: 1em;
    line-height: normal;
}
.path-private-messages #main-wrapper {
    padding-left: 0;
    padding-right: 0;
}


#drupal-modal .node {	margin-bottom: 5em;}
.accordion-item {    margin-left: 0.5em;margin-right: 0.5em;}
.dropbutton {
    border-style: solid;
    border-width: 1px;
    border-radius: 0.2em;
    border-color: #dedede;
    background: white;
}
/*#block-usernamemobile {	max-width: 30px;}*/
.ui-dialog .ui-dialog-content {    padding: 1.3em;padding-bottom: 5em;}
.ui-dialog .ui-dialog-titlebar {
    margin-top: 0;
    background: #f1f1f1;
    border-radius: 0!important;
}
#block-username .field--name-body a span {    display: none;}
.nav-pills {	margin-bottom: 0.2em;}
.group-home-custom-admin-navi .nav.nav-pills {	margin-bottom: 0.9em;}
.small, small {	font-size: .70em;}
.cookiesjsr-banner.active {
    max-width: 94%;
    padding: 20px;
    min-height: 200px;
}
.user-login-form .js-form-item {	margin-bottom: 0em !important;}
.user-login-form .form-control {	width: 90%;}
.cookiesjsr-banner--action, .cookiesjsr-banner--info {    width: 90%;}
.cookiesjsr-banner--action .denyAll, .cookiesjsr-banner--action .allowAll {max-width: 200px;float: left;display: block!important; margin-top: 0.3em;
}
.cookiesjsr-settings {background: transparent;float: left; display: block; clear: none; text-transform: capitalize; text-align: left; margin-top: 0; text-decoration: underline;}


.front-page-title {margin-top: 0em!important;}
.twaidder_logo { width: 100px;}

ul.sf-menu a {	padding-left: 0em;}
.js-comment {    margin-left: 0em;}
.field--name-comment-body .field__item, .field--name-comment-body {	font-size: 0.9em;}
.links-inline .comment-delete, .links-inline .comment-edit, .links-inline .comment-reply {  font-size: 0.8em!important;  margin-right: 0em;margin-top: 0.3em;  margin-bottom: 0.3em;padding:0.1em;}
.ui-dialog .field--name-comment-body .field__item, .field--name-comment-body { min-width:100%; max-width:100%;  width: 100%;}
.field--name-comment-body .field__item, .field--name-comment-body {    margin: 0em;}
.node--type-group-post .vote-widget-wrapper {    padding-top: 0.2em;}
.comment-delete a, .comment-reply a, .comment-edit a {    padding-right: 0.2em;}
.ui-widget-content .js-comment .inline__links {    margin-left: 0em;}
.smart-trim-readmore-summary {width: auto;}
.stream-post-title {padding-left:1em;}
.stream-carousel-image {margin-left: 0.5em;}
.navbar-expand-md .offcanvas-body {  margin:0;}

/*registration and password*/
.page-user-password #block-finnlearn-content, .page-user-register #block-finnlearn-content, .page-user-login #block-finnlearn-content {width:85%;}
/* stream menu*/
.stream-post-drop-menu .dropbutton .secondary-action {clear: both;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;}
.stream-post-drop-menu .dropbutton-toggle {float: right;}

.stream-post-drop-menu .dropbutton-wrapper .dropbutton-widget {
    display: block;
    overflow: visible;
    left: -15.7em;
    min-width: 240px;
    padding-right: 2em;
    box-shadow: none!important;
    background: transparent!important;
    border-radius: 0.3em;
    border-style: none;
}


.stream-post-drop-menu .dropbutton-widget .dropbutton {	text-align: right;}
.stream-post-drop-menu .js .dropbutton-wrapper, .stream-post-drop-menu .js .dropbutton-widget {    float: none;}

/*language menu*/
.block-dropdown-language .dropbutton-wrapper .dropbutton-widget {min-width: 80px;padding-right: 0em; }
.page-user-password #block-finnlearn-content {   width:70%;}
#block-mainnavigation-2 .navbar-nav { -ms-flex-direction:row!important;  flex-direction:row!important;}
#block-mainnavigation .navbar-nav { -ms-flex-direction: column!important;  flex-direction: column!important;}
#sidebar_second, .user-list-flag-created {    display: none;}

.user-header .image-style-user-120x120 {    top: -35px;  max-width: 70px;}
.menu-user-link .user-picture {width: 30px; height: 30px;}



.user-list-row .views-field-views-conditional-field { width: 40%;}
#block-userwhatsonyourmind {    padding: 0.2em;  padding-bottom: 0.2em;  padding-left: 0.2em; padding-left: 0.2em;  padding-bottom: 0.7em;}
.flag-friend {   font-size: 0.9em;}
.user-list-name { padding-top: 1em; min-width: 200px;}
.user-list-headline, .user-list-flag-created {  min-width: 100px;  min-height: 20px;}
.user-list-row .views-field-link-flag {  float: left;  margin-top: 1em;}
.user-list .views-field-contact {  float: left;  margin-right: 1em;  margin-left: 1em;  font-size: 0.95em; margin-top: 1em;}


span.count {font-size: 0.9rem;   padding-left: 0.1em;}
.ck.ck-toolbar.ck-toolbar_grouping>.ck-toolbar__items {   flex-wrap: wrap;}
.ui-dialog {
    width: 100% !important;
    overflow: hidden;
    top: 0vh !important;
    margin: auto;
    z-index: 9999;
    border-radius: 0;
padding:0;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {   padding-right: 0px;  padding-left: 0px;}
.row>* {  padding-right: calc(var(--bs-gutter-x) * .0); padding-left: calc(var(--bs-gutter-x) * .0);}
.view-group-ui .row {  font-size: 1.0rem;}

/*stream */
.stream-user-container {	max-width: 70%;}
.stream-post-comment-amount { margin-right: 1em;}

.node--type-group-post main .section, .node--type-h5p-learning-content main .section, .node--type-user-post main .section { max-width:100%;}
.stream-actions-container {  height: auto;  padding-top: 0.0em;  padding-left:2em;    margin-top: 1em;}
.go-back-link a { padding-left: 0.2em; padding-top: 0.6em;  padding-bottom: 0.6em; padding-right: 0em; width: 34px;}
.go-back-link a::before {    padding-right: 0em;  top: 10px;  left: 0;  padding-left: 0.7em;  font-size: 1.0em;}
.go-back-link {    margin-bottom: 0.2em;  margin-top: 0em;  top: -20px;  left: 0px;margin-left:2em;}
.views-field-field-body .field-content {margin-left: 1em;}
.stream-post-user-pic img, object.stream-post-user-pic {  max-height: 60px;  max-width: 60px!important; margin-left:1em;}
.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {    padding-right: 2px; padding-left: 2px;}
.container, .container-lg, .container-md, .container-sm, .container-xl {    max-width: 2560px;}
.search-page .search-row { padding: 1.4em;}
.group-amount-value {margin-top:0em;margin-left: 0.3em;  border-left-style: solid;   border-width: 1px;  padding-left:0.5em;   border-color: #c6c6c6;}
.row { margin-right: 0px;  margin-left: 0px;}
.on-the-gray {   margin: 0 auto;  padding: 0 0px;}
.on-the-gray .quicktabs-tabpage {   padding: 0em !important;}
.on-the-gray ul.quicktabs-tabs {  padding-bottom: 1em;}
#block-finnlearn-content .content {  margin-left: 0em;  margin-right: 0.0em;}
.path-group #block-finnlearn-content .content .views-element-container {  padding-left: 0.6em;  padding-right: 0em;}
.nav-link {font-size:0.8rem;}

.group-edit a { font-size: 0.7em;}
.group-amount .view .row {    margin: 0px;  padding: 0px;  display: inline-block;}
.group-title {font-size: 1.3em;  min-width:auto;margin-bottom: 0.5em;}
.group-status-container {   padding-left: 1em;  display: inline-block;}
.manage-files-navi .group-manage-files, .manage-files-navi .group-add-content {padding: 0.2em;;padding-left: 0.6em;padding-right: 0.7em;}
.offset-md-1 {  margin-left: 0%;  margin-right: 0%;}
.h1, h1 {font-size: 1.3rem;}
.h2, h2 {font-size: 1.25rem;}
.h3, h3 {font-size: 1.2rem;}
.h4, h4 {font-size: 1.1rem;}
legend {font-size: 1.1rem;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom:.3rem;line-height: 1.1;}
.search-page-name a, .search-page-name .username a, .search-page-name {font-size: 1.0em;}
.offset-md-1 { margin-left: 1%;}
.search-row .user-pic, .search-row .search-group-pic, .bootstrap-grid .user-pic {max-width: 80px;   margin-right: 1em;}
.search-page label {    margin-bottom: .1rem;}
.form-row .form-actions {margin-top:0em;}
#sliding-popup h2 {   font-size: 1.0rem;}
#navbar-main .navbar-brand img {height:32px; width: 43px; visibility:hidden;}
#block-username {   margin: auto!important;   width: fit-content;   padding-top: 0.5rem;}
.group-bg {margin-top: 0em;}
.groups-list .form-row>fieldset, .form-row>div {  max-width: 70%;}
.block-system-main-block .content {margin: 1em;}
.fontawesomeicon {margin: auto;display: block;margin-top: 0.3em;margin-bottom: 0.4em;font-size:2em;}
.navbar-nav .nav-item .nav-link, .menu--account .nav-link { font-size: 1.0em;}
.views-element-container .content, .block-system-main-block .content {    margin-left: 0.5em; }
.path-private-messages .mb-3 { margin-bottom: 0em !important;}
.stream-post-drop-menu {width:40px;float:right;}
.navbar-brand { background-image: url("/themes/custom/finnlearn/images/logo-mobile.png"); background-repeat: no-repeat;  background-size: 1.3em;  width:auto;background-position: 4px;}

 /*private mess */
/* fixed inbox header*/

.block.block-private-message.block-private-message-actions-block {
    display: none;
}
.path-private-messages .inbox-header {
    position: fixed;
    top:0px;
    z-index: 99;
    background: #f0f2f5;
    padding-left: 0.5em;
    width: 100%;
padding-top: 10px;
top: 5px;
}
.private_message_thread_delete_link_wrapper {
    position: fixed;
    right: 0;
    z-index: 100;
    padding-right: 0.4em;
}
.path-private-messages #header {display: none;}

/*#private-message-add-form .js-form-wrapper .js-form-item,*/ 
.private-message-thread-messages .fa-trash {
    margin-right: 0.5em;
}

.private-message-thread-messages .field__items {height:50vh!important; margin-top: 73px;}
#block-privatemessageinbox-4 .private-message-thread-messages {
	height: auto;
}

.field--type-entity-reference {margin: 0 0 0em;}
.private-message-thread-messages .field__label {	display: none;}
.private-message-thread-messages {
padding-top: 0.3em;
border-style: solid;
border-width: 1px;
border-color: #fff;
/*
box-shadow: 2px 2px 3px lightgray;
*/
height: 60vh;
margin-bottom:1em;
font-size: 0.9em;
border-radius:0px!important;
}
.private-message-wrapper.field__item {
    padding: 0em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    margin-bottom: 0.3em;
}
#load-previous-messages {   display: none!important;}
.private-message-author-self .field--name-message {line-height: 1.2;}
.path-private-messages .pv-msg-inbox-pic img { display: block; min-width: 10px!important; min-height: 10px!important;}
.pv-msg-inbox-name {float: left;padding-top: 0.3em;display: block;}

.path-private-messages .block-field-blockprivate-message-threadprivate-message-threadmembers {
    position: fixed;
    top: 43px;
    display: block;
    width: 100%;
/*    left: 0;*/
    padding-left: 0.5em;
    padding-right: 0.5em;
}


.form-control {	font-size: 16px; line-height:1.2em;}
.path-private-messages .form-control width:  {width: 65vw;}
#private-message-page .private-message-thread-full .field--name-private-messages .private-message {margin-bottom: 1em;padding: 0.5em;margin-right: 0.3em;margin-left: 0.3em;}
#private-message-page .private-message-thread-full .field--name-private-messages .private-message .field--name-created {min-width: 100%;font-size: 0.8em;color: grey;}

}




/* ------------------ max-width:600px ---*/


@media only screen and (max-width:600px) {
.stream-post-drop-menu .dropbutton-wrapper .dropbutton-widget {padding-right: 0em;left: -14em;}
.group-type::before {   visibility: visible;}

}


/* ------------------ height 900* ---*/
@media only screen and (max-height: 900px) {
.block-private-message-inbox-block { max-height:700px;}
}

/* ------------------ height 795 ---*/
@media only screen and (max-height: 795px) {
.block-private-message-inbox-block { max-height:400px;}
}
/*-----------------max height 400*/
@media only screen and (max-height: 400px) {
.block-private-message-inbox-block { max-height:290px;}
}

/*-----------------------------560px*/
@media only screen and (max-width: 560px) {


.view-group-pending-members, .block-views-blockgroup-ui-block-3 .content, .block-views-blockgroup-ui-block-2 .content, .block-views-blockgroup-ui-block-12 .content {
    margin: 0;
    padding-left: 0.2em;
margin-bottom:1em!important;
}


.user-pic img, .search-group-pic img {    width: 50px; height: 50px;}
.search-row .search-group-pic:empty {min-width: 50px;min-height: 50px;}
.navbar>.container {    padding-left: 0; padding-right: 0;}

.container{
    padding-right: calc(var(--bs-gutter-x) * .1);
    padding-left: calc(var(--bs-gutter-x) * .1);
}


.danse-user-notification-widget {    margin-right: 0.1em;}
.group-nav.nav-item a::before { display: block;  padding-left: 0.3em;  padding-right: 0.3em;}
#sidebar_first {display: none;}
#sidebar_left nav {    display: none;}
.stream-input-container {
	min-height: 35px;
	padding: 0.4em;
	padding-left: 1em;
	margin-top: 1.2em !important;
	font-size: 0.8em;
	border-radius: 40em;
}
.group-home-custom-admin-navi .nav-pills {    margin-left: 1em;margin-top: 0.5em;}
.stream-user-container {font-size: 80%;	width: 63%;}
.stream-post-username {	margin-bottom: 0em;max-width: 86%;}
.page-user-password #block-finnlearn-content, .page-user-register #block-finnlearn-content, .page-user-login #block-finnlearn-content {    width: 100%;}
.page-user-password #block-finnlearn-content, .page-user-register #block-finnlearn-content, .page-user-login #block-finnlearn-content {padding-left: 1em;padding-right: 1em;}
.block-views-blockgroup-ui-block-8 .content, .block-views-blockgroup-ui-block-12 .content {    padding-left: 0.5em;}

.block-content-frontpage_block .field.field--name-field-slogan1 {font-size: 1.7em;margin-bottom: 0.3em;}


}


/* ------------------ max width 480 --------- */
@media only screen and (max-width: 480px) {

.tns-controls button[data-controls="prev"] {margin-left: 0 !important;}
.tns-controls button[data-controls="next"] {margin-right: 0 !important;}

.private_message_thread_delete_link_wrapper a {
    background-color: #d74d4d;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.1em;
    padding-bottom: 0.1em;
    border-radius: 0.5em;
    color: #fff;
    font-size: 0.7em;
    display: block;
}
.block-field-blockprivate-message-threadprivate-message-threadmembers .username {
    padding-left: 1em;
    margin-right: 0.2em;
    padding-right: 1em;
    padding-top: 0.1em;
    padding-bottom: 0.2em;
}

.path-private-messages .field--name-members .field__items {
    min-height:20px;
    font-size: 0.7em;
}
.path-private-messages .private-message-add-form button {
    font-size: 0.8em;
}
.create-new-message {   margin-top:0; font-size: 0.8em;}

.path-user .tabs .nav-link::before {display:none;}
.stream-container .owl-theme .owl-nav, .field--type-viewfield .owl-theme .owl-nav {	top: 40%;}
.tabs .primary li.nav-item {margin-right: 0.5em;}
.default-profile-image { max-width:50px; max-height:50px;}
.grid .row {	margin-right: 0;}
.views-element-container .content{margin-left: 0em;}
.stream-row, .node--type-h5p-learning-content main .section, .node--type-group-post main .section, .node--type-user-post main .section, .block-views-blockgdpr-file-download-page-block-1 
{border-radius: 0.5em;box-shadow:none;}
#navbar-main {	padding-left: 0.5rem;padding-right: 0.5rem;}
.carousel-item.active img {border-radius:0;border-width:1px;}
/*edit profile image */
.image-preview img {    zoom: 0.8;}

/*-- stream --*/
.stream-user-container div, .stream-user-container h5 {font-size: 0.9em;}
.stream-carousel-image {margin-left: 0em;}
.stream-post-title {margin-top: 1em;
    margin-bottom: 1em;
    clear: both;
    line-height:1.32;
    max-height: 150vh;
    overflow: auto;
padding-left: 2em;
    padding-right: 0.5em;
padding-top: 1em;
}

.stream-post-title a, .smart-trim-readmore-output p, .smart-trim-readmore-summary p {font-size: 90%;	padding-top: 0.5em;display: block;
}

/*--stream modal */
.ui-dialog .stream-user-container {width: 68% !important;}
.js-comment {	width: auto;}


#block-notificationwidgetblock-2 .dropdown a::before{font-size: 1.2em;}
#drupal-modal .stream-post-user-pic img {  margin-left: 0em;}
.ui-dialog .stream-post-username {	min-width: 60%;}
#drupal-modal .custom-content-body {margin-top: 0em;line-height:normal;padding-right: 0em;font-size: 0.9em;}
.stream-post-user-pic img, object.stream-post-user-pic {	max-height: 50px;max-width: 50px !important;}
.search-page-name a, .search-page-name .username a, .search-page-name { font-size: 0.8em;}

/*.ui-dialog {  width: 97%!important;}*/

.fontawesomeicon {margin: auto;display: block;margin-top: 0.3em;margin-bottom: 0.4em;font-size:2em;}
.group-type, .group-amount, .group-amount-value, .group-status-container { font-size:0.9em;}
.group-type {margin-left: 0.6em;}


.group-status-container {margin-right:0.5em;}
.on-the-gray ul.quicktabs-tabs { width: 99%; margin-right: 1em;  font-size: 0.9rem;}
.stream-post-like-count .like-amount {   font-size: 0.9rem;  font-weight: bold;  padding-left: 0.1em;}
.navbar-brand {background-size: 1.7em;margin-right: 0.1em;}

.block-private-message-notification-block {font-size: 0.8em;}
.private_message_thread_delete_link_wrapper a {  font-size: 0.7em;}
.private-message .text-formatted { font-size: 0.9em;}


}


/*320*/
@media only screen and (max-width: 320px) {
.ui-dialog .stream-user-container, .stream-user-container {width:63% !important;font-size:80%;}
#drupal-modal .custom-content-body {font-size: 0.9em;}
.stream-post-created {	font-size: 0.7em !important;}
.stream-post-drop-menu .dropbutton-wrapper .dropbutton-widget {	left: -10.5em;min-width: 200px;padding-right: 0em;}

.js-form-wrapper .js-form-item {	max-width: 64vw;}
.path-private-messages .field--widget-text-textarea {    width: 67%!important;}
#private-message-page .private-message-thread-full .field--name-private-messages .private-message {
	border: solid #fff 1px;
	margin-top: -1px;
	margin-bottom: 1em;
	padding: 0.2em;
	margin-right: 0.1em;
	margin-left: 0.1em;
}
#private-message-page .private-message-thread-full .field--name-private-messages .private-message .field--name-created {	font-size: 0.8em;}




}


/*min width 768*/
@media (min-width: 768px){
#block-leftmenufront-2 {display: none;}
}


/**xspinner start **/
.xspinner {
width:22px;
height:22px;
position: relative;
margin:0px auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #e84c4c;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/**xspinner end **/


/*iphone5*/
@media screen and (aspect-ratio: 40/71) {
.stream-input-container {  
margin-right: 0em;  margin-top: 0.0em;  min-height: 30px;  padding: 0.7em;  margin-left: 0.3em;}

.stream-post-user-pic img, object.stream-post-user-pic { border-radius: 90px;  max-height: 50px;  max-width: 50px !important; float: left;  margin-right: 0.4em;}
#navbar-main .navbar-brand img {   width: 60px;  margin-right: 0em;  padding-right: 0em;   padding-top: 0.3em;}
.navbar {    padding: .3rem 0.5rem;}
}

/* media query definitions from https://gist.github.com/aamorozov/ff6b41896b7cfef299ec9ce83ea1889d*/

/*ipad portrait */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
#private-message-add-form .js-form-wrapper .js-form-item {      max-width: 59vw;}
.sidebar_second {display:none;}
}

/* --- PORTRAITS --*/
/* galaxy tab a7 at least */
@media only screen
and (min-device-width: 800px)
and (max-device-height: 1280px)
and (min-resolution: 192dpi)
and (-webkit-device-pixel-ratio:2)
and (orientation : portrait){

.sidebar_second {display:none;}

}

/* PORTRAIT: to all max-width 1024px and portrait */
@media only screen and (max-width: 1024px) and (orientation : portrait) {
.sidebar_second {display:none;}
.private-message-thread-messages .field__label {display: none;}
.block-field-blockprivate-message-threadprivate-message-threadmembers .field__items {height: 30px;}

}


/* PORTRAIT: Apple Ipad Pro */
@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1366px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
.sidebar_second {display:none;}
}

/* PORTRAIT: Samsung Galaxy Tab 3(10")Amazon indle Fire HD Motorola Xoom 1, 2 */
@media only screen and (max-width: 800px) and (orientation : portrait) {
.sidebar_second {display:none;}
}


@media only screen and (max-width: 768px) and (orientation : portrait) {
	/* PORTRAIT:
	Apple iPad 1,2,3,4,Air, Mini
	Microsoft Surface
	HP Touchpad
	LG Optimus Pad  */
.sidebar_second {display:none;}

}

@media only screen and (max-width: 720px) and (orientation : portrait) {
	/* PORTRAIT:
	Microsof Surface Pro */
.sidebar_second {display:none;}
}

@media only screen and (max-width: 600px) and (orientation : portrait) {
	/* PORTRAIT:
	Asus Nexus 7
	BlackBerry PlayBook
	Kindle 3
	LG G Pad 8.3
	Samsung Galaxy Tab 2(7") */
.sidebar_second {display:none;}
}

	
@media only screen and (max-width: 400px) and (orientation : portrait) {
	/* PORTRAIT: (some of them might need to be broken out into '360px')
	Apple Iphone 6
	Samsung Galaxy S3, S4, S5, S6, S7
	Samsung Galaxy Note, Note 2
	Motorola Moto G
	LG Nexus 5
	Google Nexus 5
	HTC One X, Sensation
	BlackBerry Bold 9900
	BlackBerry Z10 */
.sidebar_second {display:none;}
}

@media only screen 
and (max-width: 320px) 
and (orientation : portrait) {
	/* PORTRAIT:
	Apple iPhone 3, 4, 5
	HTC Nexus One, Evo
	LG Optimus
	Nokia N900
	Nokia Lumia 1020
	Samsung Galaxy S, S2 */
.sidebar_second {display:none;}
.ui-dialog .ui-dialog-content {   padding: 0.3em;padding-bottom: 5em;}
.account-modal-header li.nav-item {    margin-bottom: 0em;}
.tabs .primary li.nav-item {  max-width: 70px;}

}

/* ---LANDSCAPES --*/
@media only screen 
and (min-width: 1024px) 
and (orientation : landscape) {
.ui-dialog {margin-top: 4em;}
}

@media only screen 
and (max-width: 1366px) 
and (orientation : landscape) {
	/* LANDSCAPE:
	Microsoft Surface 
	Apple Ipad Pro */
.private-message-thread-messages .field__label {display: none;}
.block-field-blockprivate-message-threadprivate-message-threadmembers .field__items {height: 30px;}
}

@media only screen and (max-width: 1280px) and (orientation : landscape) {
	/* LANDSCAPE:
	Samsung Galaxy Tab(7.7 > 12.2)
	Mictosoft Surface Pro 1, 2
	Acer Iconia Tab (A100-A500)
	ASUS Transformer Pad TF300T
	Motorola Xoom 1, 2
	LG Optimus Pad */
}

@media only screen and (max-width: 1024px) and (orientation : landscape) {
	/* LANDSCAPE:
	Apple iPad 1,2,3,4,Air,Mini
	BlackBerry PlayBook
	Samsung Galaxy Tab 2(7") */

/*decrese brand logo and icon size landscape*/
/*
#header div:first-child {height: 30px;}*/

/*
.navbar-nav .nav-item .nav-link, .menu--account .nav-link {padding-top: 0;}
*/
.menu-user-link .user-picture { margin-bottom: 10px;}
.navbar-toggler {       margin-bottom: 10px;}
}


/*landscape left menu*/
@media only screen 
and (max-width: 1180px) {

#sidebar_first {width: 140px!important;}
#sidebar_second {width: 240px!important;}


#sidebar_first aside {width: 140px!important;}
#superfish-left-menu-front li a i {  font-size: 1.3em; padding-bottom:0.1em; }
ul.sf-menu.sf-vertical li {  text-align: center;}



.sf-left-menu-front span {
	clear: both;
	display: block;
	font-size: 0.8em;
}

ul.sf-menu a, ul.sf-menu span.nolink { padding: 0.4em 1em;}
}

@media only screen and (max-width: 980px) and (orientation : landscape) {
	/* LANDSCAPE:
	Nexus 7
	HTC Evo 3D */
}

@media only screen and (max-width: 800px) and (orientation : landscape) {
	/* LANDSCAPE:
	Iphone 6plus
	Kindle Fire HD 7, 8
	HTC Desire Z
	Nokia N900
	Samsung Galaxy Grand */
}

@media only screen and (max-width: 640px) and (orientation : landscape) {
	/* LANDSCAPE:
	Samsung Galaxy S3, S4, S5, S6, S7
	Samsung Galaxy Note 1, 2
	HTC One S, V
	Nokia 500 */
}

@media only screen and (max-width: 600px) and (orientation : landscape) {
	/* LANDSCAPE:
	Nexus 4
	Apple iPhone 5 */
}

@media only screen and (max-width: 540px) and (orientation : landscape) {
}

/*override node content widht*/
.node--type-user-post .layout-region-node-main, .node--type-group-post .layout-region-node-main, .layout-region-node-footer {	width: 100%;}

.node--type-user-post .layout-region-node-secondary, .node--type-group-post .layout-region-node-secondary {width: 100%;}