Theme Editor

More info: See KB article

Active Theme

Revert Clone Save Changes

Elpis

v6.1.0

by Webligo Developments

Editing File:

@include "constants.css";
@include "~/application/modules/Core/externals/styles/main.css";
@scan "application/modules" "externals/styles/main.css" "Core";
/*
GLOBAL STYLES, FONTS & RESETS
*/
html {
  min-height:100%;
  margin-bottom:1px;
}
body {
  background-color:$theme_body_background_color;
  overflow-x:hidden;
  font-size:$theme_font_size;
}
* {
  padding:0;
  margin:0;
  border:none;
  border-style:solid;
  border-width:0;
  border-color:$theme_border_color;
  box-sizing:border-box;
}
*::before, *::after {
  box-sizing:border-box;
}
table {
  border-collapse:collapse;
}
br {
  clear:both;
}
ul {
  list-style-type:none;
}
a {
  color:$theme_link_color;
  text-decoration:none;
}
a:hover {
  color:$theme_link_color_hover;
}
* {
  font-family:$theme_font_family;
}
*[dir="rtl"] {
  direction:rtl;
  unicode-bidi:embed;
}
div, td {
  font-size:100%;
  color:$theme_font_color;
  line-height:150%;
  text-align:$theme_text_align;
}
*[dir="rtl"] div, *[dir="rtl"] td {
  direction:rtl;
  unicode-bidi:embed;
  text-align:right;
}
h2, h3, h4 {
  color:$theme_headline_color;
  font-weight:normal;
}
h2 {
  font-size:$theme_headline_size_large;
  letter-spacing:-0.03em;
  margin-bottom:10px;
  line-height:130%;
  font-weight:700;
}
h3 {
  font-size:$theme_headline_size_medium;
  padding:.4em 0;
}
h4 {
  font-weight:400;
  border-bottom:1px solid $theme_border_color;
  padding:.5em 0px .5em 0px;
  margin-bottom:10px;
  font-size:110%;
}
h3.sep {
  display:block;
  overflow:hidden;
  margin-bottom:1em;
  height:1em;
}
h3.sep>span {
  display:block;
  overflow:hidden;
  position:absolute;
  padding:5px 10px 5px 0px;
  font-weight:600;
}
[dir="rtl"] h3.sep>span {
  padding:5px 0px 5px 10px;
}
/*
GENERAL LAYOUT
*/
.generic_layout_container>h3 {
  text-transform:capitalize;
  margin:0 0 10px;
  padding:0 0 10px;
  position:relative;
  font-family:$theme_box_header_font_family;
}
.generic_layout_container>h3:before, 
.generic_layout_container>h3:after {
  content:"";
  height:3px;
  background-color:$theme_button_background_color;
  position:absolute;
  bottom:0;
}
.generic_layout_container>h3:before {
  width:8px;
  left:0;
}
[dir="rtl"] .generic_layout_container>h3:before {
  right:0;
  left:auto;
}
.generic_layout_container>h3:after {
  width:18px;
  left:10px;
}
[dir="rtl"] .generic_layout_container>h3:after {
  left:auto;
  right:10px;
}
.layout_left>.generic_layout_container, 
.layout_middle>.generic_layout_container, 
.layout_right>.generic_layout_container, 
.layout_core_container_tabs>div.generic_layout_container {
  padding:15px;
  background:$theme_list_background_color;
  margin-bottom:20px;
  border-radius:$theme_widget_radius;
  box-sizing:border-box;
}
#global_wrapper .layout_middle>.layout_core_container_tabs {
  background:none !important;
  padding:0 !important;
}
.layout_left {
  float:left;
  width:$theme_content_columns_left_width;
  padding:0px 30px 0px 0px;
  vertical-align:top;
  margin-right:5px;
}
[dir="rtl"] .layout_left {
  float:right;
  padding:0px 0px 0px 30px;
  margin-right:0px;
  margin-left:5px;
}
.layout_middle {
  overflow:hidden;
  padding:0px 0px 0px 0px;
  vertical-align:top;
}
.layout_right {
  float:right;
  width:$theme_content_columns_right_width;
  padding:0px 0px 10px 30px;
  vertical-align:top;
  margin-left:5px;
}
[dir="rtl"] .layout_right {
  float:left;
  padding:0px 30px 10px 0px;
  margin-left:0px;
  margin-right:5px;
}
#global_wrapper {
  text-align:center;
  padding-top:20px;
}
#global_content {
  overflow:hidden;
  min-height:500px;
  box-sizing:border-box;
  margin:0 auto;
  width:$theme_content_width;
}
#global_content_simple {
  display:inline-block;
  overflow:hidden;
}
/* Header */
.layout_page_header {
  background-color:$theme_topbar_background_color;
  text-align:center;
  padding:0px;
  clear:both;
  border-bottom:$theme_topbar_border;
  background-repeat:no-repeat;
  background-position:top center;
  position:relative;
}
.layout_core_menu_main ul ul {
  background-color:$theme_topbar_menu_link_background_color_hover;
  top:auto;
  margin-top:-5px;
}
div.field-privacy-selector>span.caret:before {
  margin-left:5px;
  margin-top:0;
}
.layout_core_menu_main ul ul li a {
  color:$theme_topbar_menu_link_hover_color;
  display:block !important;
  border-radius:0 !important;
}
.layout_page_header .layout_core_menu_social_sites {
  margin-top:-30px;
  padding-right:6%;
}
[dir="rtl"] .layout_page_header .layout_core_menu_social_sites {
  padding-right:0;
  padding-left:6%;
}
.layout_page_header .layout_core_menu_social_sites li>a {
  width:auto;
  height:auto;
  border-width:0;
  border-right-width:1px !important;
  border-radius:0;
}
.layout_page_header .layout_core_menu_social_sites li>a>i {
  line-height:15px;
}
.layout_page_header .layout_core_menu_social_sites li:last-child a {
  border-right-width:0 !important;
}
.layout_page_header .layout_main {
  text-align:left;
  overflow:auto;
}
.layout_page_header .layout_main > .layout_core_search_mini{
  display:none;
}
.layout_core_search_mini {
  padding:0 20px;
}
/* Footer */
.layout_page_footer {
  clear:both;
  text-align:center;
  overflow:hidden;
  margin-top:30px;
  margin-bottom:0;
  background:$theme_footer_background_color;
  border-top:1px solid $theme_footer_border_color;
}
.layout_page_footer .layout_main {
  +rounded;
  text-align:left;
  overflow:hidden;
  padding:40px 0;
  width:90%;
  margin:0 auto;
}
div.layout_core_menu_footer {
  color:$theme_footer_font_color;
  margin-top:0;
  font-size:100%;
  float:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
[dir="rtl"] div.layout_core_menu_footer {
  float:none !important;
}
.layout_core_menu_footer select {
  min-width:auto !important;
  border:0;
  background:$theme_body_background_color;
  border-radius:4px;
}
.layout_core_menu_footer a,
div.layout_core_menu_social_sites *{
  color:$theme_footer_link_color;
}
.layout_core_menu_footer form {
  margin-left:10px;
  margin-bottom:0 !important;
}
[dir="rtl"] .layout_core_menu_footer form {
  margin-left:0;
  margin-right:10px;
}
.layout_page_footer * {
  color:$theme_footer_font_color;
}
.layout_core_menu_social_sites {
  float:none;
  margin-top:10px;
}
html .footer_left_links,
html .footer_donotsell{
  margin-top:0;
}
html .footer_left_links * {
	padding-right:10px;
	margin-right:10px;
	position:relative;
}
[dir="rtl"] .footer_left_links * {
	padding-right:0;
	padding-left:10px;
	margin-right:0;
	margin-left:10px;
}
html .footer_left_links *:before {
	content:"-";
	position:absolute;
	right:-5px;
	font-size:20px;
}
[dir="rtl"] .footer_left_links *:before {
  left:-5px !important;
	right:auto !important;
}
html .footer_left_links *:last-child:before {
  display:none;
}
@media(max-width:767px) {
	.layout_core_menu_logo {
    max-width:70% !important;
    margin:auto !important;
  }
  div.layout_core_menu_footer {
    display:block;
  }
  .footer_left_links {
    text-align:center;
    margin-bottom:20px;
  }
  .chat_users_wrapper {
    width:100%;
    height:auto;
  }
  .chat_messages_wrapper {
    height:250px;
  }
  #searchform select {
    margin:10px 0;
  }
  ul.event_discussions .event_discussions_info {
    overflow:visible;
  }
  ul.event_discussions .event_discussions_lastreply {
    display:none;
  }
  div.event_discussions_thread_options .buttonlink {
    margin-bottom:10px;
    display:inline-block;
  }
  ul.event_discussions_thread .event_discussions_thread_author {
    width:100%;
    float:none;
  }
  ul.event_discussions_thread .event_discussions_thread_details_anchor:before {
    display:none;
  }
  ul.event_discussions_thread .event_discussions_thread_details_options .buttonlink {
    margin-right:20px;
  }
  ul.event_discussions_thread .event_discussions_thread_details_options {
    float:left;
    display:block;
    width:100%;
  }
  .cover_photo_profile_options #profile_status {
    text-align:center;
  }
  ul.group_discussions_thread .group_discussions_thread_author {
    float:none;
  }
  ul.event_discussions_thread .event_discussions_thread_details_date {
    margin-top:8px;
    margin-left:20px;
  }
  ul.event_discussions_thread .event_discussions_thread_details_anchor:before {
    top:8px;
    position:relative;
  }
  ul.event_discussions_thread {
    margin-top:20px;
  }
  .global_left_panel .layout_core_menu_main .navigation>li.more_tab {
    background:none !important;
  }
  .global_left_panel .layout_core_menu_main .navigation>li:hover .menu_core_main i {
    color:inherit !important;
  }
  html .layout_core_menu_main .navigation>li.more_tab ul>li:hover>a, 
  html .layout_core_menu_main .navigation>li.more_tab ul>li:hover>a>i,
  html .layout_core_menu_main .navigation>li.more_tab ul>li.active >a {
    background:$theme_topbar_menu_link_background_color_hover !important;
    color:$theme_topbar_menu_link_hover_color !important;
  }
  .poll_view_single .poll_radio {
    height:auto !important;
  }
  .core_landingpage_banner>section h1 {
    font-size:40px !important;
  }
  html .core_landingpage_banner>section>div * {
    max-width:100% !important;
  }
  html .core_landingpage_banner>section article {
    word-break:break-word;
    box-sizing:border-box;
  }
  html .elpis_landingpage .layout_middle>.layout_elpis_landing_page_members {
    padding:60px 20px !important;
  }
  .panel-open .core_landingpage_banner > section{
    padding:30px;
    left:auto;
    right:auto;
  }
  .panel-open .core_landingpage_banner {
    position:inherit;
  }
}
/*
MAIN MENU WIDGET
*/
.layout_core_menu_main {
  width:$theme_topbar_menu_width;
  text-align:left;
  overflow:hidden;
  background:$theme_topbar_menu_background_color;
  padding:12px 0;
  border-top-width:1px;
}
.layout_core_menu_main * {
  font-family:$theme_topbar_menu_font_family;
}
.layout_core_menu_main .navigation>li {
  display:inline-block;
  border-radius:4px;
  margin-bottom:5px;
}
.layout_core_menu_main .navigation>li:hover>a, 
.layout_core_menu_main .navigation>li.active>a, 
.global_left_panel .layout_core_menu_main .navigation>li.active>.menu_core_main i {
  color:$theme_topbar_menu_link_hover_color !important;
}
.layout_core_menu_main ul ul li:hover a {
  background:none !important;
}
.layout_core_menu_main .navigation>li:hover, 
.layout_core_menu_main .navigation>li.active {
  background:$theme_topbar_menu_link_background_color_hover !important;
}
.layout_core_menu_main .navigation>li a {
  +noselect;
  outline:none;
  font-size:$theme_topbar_menu_link_size;
  display:inline-block;
  padding:10px 15px;
  border-radius:4px;
  font-weight:400;
  background-color:$theme_topbar_menu_link_background_color;
}
.layout_core_menu_main .navigation>li>a>i {
  margin-right:3px;
  font-family:"Font Awesome 5 Free";
  font-style:normal;
}
[dir="rtl"] .layout_core_menu_main .navigation>li>a>i {
  margin-right:0;
  margin-left:3px;
}
.layout_core_menu_main .navigation>li a:link, 
.layout_core_menu_main .navigation>li a:visited {
  color:$theme_topbar_menu_link_color;
  text-decoration:$theme_topbar_menu_link_decoration;
}
/*
MINI MENU + SEARCH WIDGET
Shows the mini menu and search widget
*/
.layout_core_menu_mini {
  max-width:70%;
  overflow:hidden;
  display:flex;
  justify-content:space-between;
  align-items:center;
  vertical-align:middle;
  padding:10px 0;
  float:right;
}
[dir="rtl"] .layout_core_menu_mini {
  display:inline-flex;
  float:left;
}
.layout_core_menu_mini>div>ul {
  +rounded(4px, true, true, false, false);
  float:right;
  overflow:hidden;
  border:$theme_topbar_minimenu_border;
  border-top:none;
}
[dir="rtl"] .layout_core_menu_mini>div>ul {
  float:left;
}
.layout_core_menu_mini>div>ul>li {
  display:inline-table;
  overflow:hidden;
  vertical-align:middle;
  padding:0 4px;
}
.layout_core_menu_mini #core_menu_mini_menu {
  font-size:$theme_topbar_minimenu_link_size;
  display:inline-block;
  vertical-align:middle;
  flex:1;
  min-width:200px;
}
.layout_core_menu_mini #core_menu_mini_menu>ul>li>a, 
.layout_core_menu_mini #core_menu_mini_menu>ul>li>span>a {
	color:$theme_topbar_minimenu_link_color;
  display:block;
  font-weight:600;
}
.layout_core_menu_mini #core_menu_mini_menu>ul>li>a.show_icons, 
.layout_core_menu_mini #core_menu_mini_menu>ul>li>span>a.show_icons {
  color:$theme_topbar_minimenu_link_color;
  background:$theme_topbar_minimenu_link_background_color;
}
.updates_pulldown_active>a.core_mini_update.show_icons::before {
  color:$theme_topbar_minimenu_link_hover_color;
}
.layout_core_menu_mini #core_menu_mini_menu>ul>li>a.core_mini_profile {
  width:40px;
  height:40px;
  padding:0;
  text-align:center;
  border-radius:50%;
  box-sizing:border-box;
	background:none !important;
}
.layout_core_menu_mini #core_menu_mini_menu>ul>li>a.core_mini_profile:hover {
  border-radius:50%;
}
.layout_core_menu_mini #core_menu_mini_menu>ul>li>a.core_mini_profile>span {
  display:none;
}
.layout_core_menu_mini #core_menu_mini_menu > ul > li >a.core_mini_profile > .bg_item_photo {
  width:40px;
  height:40px;
  border-radius:50%;
  border:none;
  margin:0;
  display:block;
}
.layout_core_menu_mini #core_menu_mini_menu>ul>li>a.core_mini_signup {
  margin-left:5px !important;
  border-width:1px;
}
.layout_core_menu_mini #core_menu_mini_menu>ul>li .user_auth_link, 
.layout_core_menu_mini #core_menu_mini_menu>ul>li>a.core_mini_signup {
  padding:8px 20px;
  border-radius:50px;
  margin:2px 0;
  line-height:inherit !important;
  height:auto !important;
}
[dir="rtl"] .layout_core_menu_mini #core_menu_mini_menu>ul>li>a.core_mini_signup {
  margin-left:0px;
  margin-right:5px !important;
}
.layout_core_menu_mini #core_menu_mini_menu>ul>li>a.core_mini_signup:hover {
  border:1px solid $theme_signin_color_hover;
  color:$theme_signin_color_hover;
}
.layout_core_menu_mini #core_menu_mini_menu>ul>li>a.show_icons:hover, 
.layout_core_menu_mini .updates_pulldown>a.show_icons:hover {
  color:$theme_topbar_minimenu_link_color;
  text-decoration:$theme_topbar_minimenu_link_hover_decoration;
}
.layout_core_menu_mini #core_menu_mini_menu_updates {
  margin:0 7px;
}
.layout_core_menu_mini #core_menu_mini_menu>ul>li a.show_icons {
  width:40px;
  height:40px;
  border-radius:50px;
}
html .layout_core_menu_mini #core_menu_mini_menu>ul>li .core_mini_signup {
  background:$theme_topbar_minimenu_signup_background_color !important;
  color:$theme_topbar_minimenu_signup_font_color !important;
}
html .layout_core_menu_mini #core_menu_mini_menu>ul>li .core_mini_signup * {
  color:$theme_topbar_minimenu_signup_font_color !important;
}
html .layout_core_menu_mini #core_menu_mini_menu>ul>li .core_mini_auth, 
html .layout_core_menu_mini #core_menu_mini_menu>ul>li .core_mini_signup {
  border-radius:6px !important;
  padding:10px 15px !important;
  line-height:inherit !important;
}
html .layout_core_menu_mini #core_menu_mini_menu>ul>li .core_mini_auth {
  color:$theme_topbar_minimenu_link_color;
  background:$theme_topbar_minimenu_link_background_color;
}
html .layout_core_menu_mini #core_menu_mini_menu>ul>li .core_mini_auth span,
 html .layout_core_menu_mini #core_menu_mini_menu>ul>li .core_mini_signup span {
  font-weight:normal;
}
.layout_core_menu_mini #core_menu_mini_menu>ul>li a.show_icons i, 
.layout_core_menu_mini #core_menu_mini_menu>ul>li a.show_icons i:before {
  width:40px !important;
  height:40px !important;
  padding:0 !important;
  border:0 !important;
}
html .layout_core_menu_mini #core_menu_mini_menu>ul>li .core_mini_auth i, 
html .layout_core_menu_mini #core_menu_mini_menu>ul>li .core_mini_signup i, 
html .layout_core_menu_mini #core_menu_mini_menu>ul>li .core_mini_auth i:before,
 html .layout_core_menu_mini #core_menu_mini_menu>ul>li .core_mini_signup i:before {
  width:auto !important;
  height:auto !important;
  line-height:inherit !important;
}
[dir="rtl"] .layout_core_menu_mini #core_menu_mini_menu>ul .core_mini_auth i, 
[dir="rtl"] .layout_core_menu_mini #core_menu_mini_menu>ul .core_mini_signup i {
  margin-right:0;
  margin-left:5px;
}
.layout_core_menu_mini #core_menu_mini_menu>ul>li a.show_icons i {
  line-height:40px;
}
#core_menu_mini_menu .overTxtLabel {
  padding-top:1px;
  padding-left:2px;
  font-size:1.2em;
  color:$theme_font_color_light;
}
[dir="rtl"] #core_menu_mini_menu .overTxtLabel {
  padding-left:0px;
  padding-right:2px;
}
.layout_core_search_mini #global_search_field {
  outline:none;
  width:250px;
  border:1px solid $theme_border_color;
  padding:10px 15px;
  border-radius:50px;
  background:none;
}
.layout_core_search_mini #global_search_form:before {
  content:"\\f002";
  font-family:'Font Awesome 5 Free';
  position:absolute;
  top:0;
  right:0;
  font-weight:900;
  width:44px;
  height:44px;
  line-height:44px;
  text-align:center;
  color:$theme_topbar_minimenu_link_color;
  background:$theme_topbar_minimenu_link_background_color;
  border-radius:50px;
}
[dir="rtl"] .layout_core_search_mini #global_search_form:before {
  right:auto;
  left:0;
}
.layout_core_search_mini #global_search_form {
  padding:0;
  position:relative;
  background:none;
  margin:0;
  border-radius:4px;
  max-width:250px;
  margin:auto;
  background:none !important;
}
.minimenu_update_count_bubble,
.minimenu_message_count_bubble,
.minimenu_request_count_bubble{
  height:18px;
  min-width:18px;
  text-align:center !important;
  line-height:18px;
  padding:0 3px;
  margin-left:20px;
}
[dir="rtl"] .minimenu_update_count_bubble,
[dir="rtl"] .minimenu_message_count_bubble,
[dir="rtl"] .minimenu_request_count_bubble{
  margin-left:0;
  margin-right:20px;
}
.minimenu_update_count_bubble {
  display:none;
}
.minimenu_update_count_bubble_active.show_icons,
.minimenu_message_count_bubble.show_icons{
  display:block;
}
.layout_core_menu_mini .pulldown_contents_wrapper{
  margin-left:-135px;
}
[dir="rtl"] .layout_core_menu_mini .pulldown_contents_wrapper{
  margin-left:0;
  margin-right:-125px;
}
.layout_core_menu_mini .pulldown_contents_wrapper:before,
.layout_core_menu_mini .core_settings_dropdown:before{
  content:"";
  width:0; 
  height:0; 
  border-left:10px solid transparent;
  border-right:10px solid transparent;
  border-bottom:10px solid $theme_pulldown_background_color;
  position:absolute;
  margin-top:-9px;
  left:50%;
  margin-left:-5px;
}
.layout_core_menu_mini .core_settings_dropdown:before{
  left:12px;
  margin-left:0;
}
[dir="rtl"] .layout_core_menu_mini .core_settings_dropdown:before{
  right:12px;
  left:auto;
  margin-left:0;
}
/*
SITE LOGO WIDGET
*/
.layout_core_menu_logo {
  width:$theme_topbar_logo_width;
  font-size:23pt;
  text-align:left;
  display:inline-block;
}
[dir="rtl"] .layout_core_menu_logo {
  text-align:right;
  float:right;
}
.layout_core_menu_logo a {
  vertical-align:middle;
}
.layout_core_menu_logo img {
  vertical-align:middle;
  max-height:100px;
  max-width:100%;
  margin:10px 0;
}
/*
GLOBAL NOTICES (OUTSIDE FORMS)
Used to show a message or notice with an icon on a page,
usually above content, not within a form.
*/
.tip {
  overflow:hidden;
  clear:both;
}
.tip > span {
  +rounded;
  display:inline-block;
  padding:.5em .9em;
  background-color:#faf6e4;
  float:left;
  margin-bottom:15px;
  border:1px solid #e4dfc6;
  color:#585858;
	font-size:$theme_font_size_small;
}
.tip > span:before {
  content:"\\f0eb";
  font-family:'Font Awesome 5 Free';
  margin-right:5px;
  color:#FF9800;
}
[dir="rtl"] .tip>span {
  float:right;
}
[dir="rtl"] .tip>span:before {
  margin-right:0px;
  margin-left:5px;
}
.tip>span>a {
  color:$theme_button_background_color;
}
/*
GLOBAL FORM RESPONSES
Used to show feedback from form submissions, i.e.
error/result messages.
*/
ul.form-errors, ul.form-notices {
  margin:0px 0px 20px 0px;
  overflow:hidden;
}
*+ul.form-errors, *+ul.form-notices {
  margin-top:20px;
}
ul.form-errors>li, ul.form-notices>li {
  +rounded;
  margin:7px 5px 7px 5px;
  padding:10px 15px 10px 15px;
  max-width:600px;
  overflow:hidden;
  border:1px solid #ccc;
  color:#464646 !important;
  box-sizing:border-box;
}
[dir="rtl"] ul.form-errors>li, [dir="rtl"] ul.form-notices>li {
  float:right;
  clear:right;
}
ul.form-errors>li>b, ul.form-notices>li>b {
  text-transform:uppercase;
  font-size:90%;
}
ul.form-errors>li>ul>li, ul.form-notices>li>ul>li {
  font-size:90%;
  font-weight:600;
}
ul.form-errors>li {
  background-color:#f5f0db;
  border:none;
}
ul.form-errors>li:before {
  content:"\\f071";
  font-family:'Font Awesome 5 Free';
  margin-right:5px;
  color:#FF9800;
  font-weight:900;
  float:left;
}
[dir="rtl"] ul.form-errors>li:before {
  margin-right:0px;
  margin-left:5px;
}
ul.form-notices>li {
  background-color:#e9faeb;
  border:none;
}
ul.form-notices>li:before {
  content:"\\f00c";
  font-family:'Font Awesome 5 Free';
  margin-right:5px;
  color:#4CAF50;
  font-weight:900;
}
[dir="rtl"] ul.form-notices>li:before {
  margin-right:0px;
  margin-left:5px;
}
/*
GLOBAL FORM ELEMENTS
Used for most forms throughout the site.
*/
button {
  +rounded(4px);
  padding:.5em .8em;
  font-size:100%;
  border:none;
  background-color:$theme_button_background_color;
  color:$theme_button_font_color;
  border:1px solid $theme_button_border_color;
	box-sizing:border-box;
  transition:all .2s ease-in-out;
  outline:none !important;
}
button:hover {
  background-color:$theme_button_background_color_hover;
  border-color:$theme_button_background_color_hover;
  cursor:pointer;
  opacity:.8;
  transition:all .2s ease-in-out;
}
button:active {
  background-color:$theme_button_background_color_active;
  background-image:none;
}
input[type=text], input[type=email], input[type=password], input.text, textarea {
  +rounded(2px);
  background-color:$theme_input_background_color;
  color:$theme_input_font_color;
  border-width:1px;
  border-color:$theme_input_border_colors;
  padding:10px 8px;
  font-size:90%!impotant;
  resize:none;
  box-sizing:border-box;
  outline-width:0;
	outline:0 !important;
}
input[type=checkbox], input[type=radio] {
  border:none;
  padding:0px;
  margin:4px 5px 0 0;
  width:auto;
  display:block;
  float:left;
}
[dir="rtl"] input[type=checkbox], [dir="rtl"] input[type=radio] {
  margin:4px 0 0 5px;
  float:right;
}
input[type=checkbox]+label, input[type=radio]+label {
  display:block;
  cursor:pointer;
}
textarea {
  width:100%;
  resize:none;
}
textarea.codebox {
  width:95%;
  min-height:200px;
  font-family:courier new, courier, serif;
}
select {
  +rounded(2px);
  background-color:$theme_input_background_color;
  color:$theme_input_font_color;
  border-width:1px;
  border-color:$theme_input_border_colors;
  padding:12px 8px;
  font-size:$theme_font_size_small;
  max-width:100%;
  width:100%;
  box-sizing:border-box;
  outline-width:0;
}
select option {
  padding:0px 10px 0px 3px;
}
[dir="rtl"] select option {
  padding:0px 3px 0px 10px;
}
a.buttonlink {
  display:inline-block;
}
a.buttonlink_right {
  font-weight:600;
  display:inline-block;
}
br.multi-text-separator {
  margin-bottom:8px;
}
/*IM text area */
textarea.im_menu_convo_input {
  padding:0px !important;
}
/*
LARGE BOX FORM
These styles are for large forms that are given an exclusive page.
They are not intended for smaller forms that are embedded elsewhere.
Examples:Signup form, member settings form, etc.
*/
/* form container */
.global_form {
  clear:both;
  overflow:hidden;
}
/* external form border */
.global_form>div {
  float:left;
  overflow:hidden;
  margin:0px auto 0px auto;
}
[dir="rtl"] .global_form>div {
  float:right;
}
/* internal form border */
.global_form>div>div {
  border:0px solid $theme_form_border_color;
  padding:0px;
  background-color:$theme_form_background_color;
  box-sizing:border-box;
  overflow:hidden;
}
.global_form>div>div h3 {
  font-family:$theme_box_header_font_family;
}
/* form headline */
.global_form div.form-wrapper-heading {
  font-weight:600;
  border-bottom:1px solid $theme_foreground_border_color_light;
  height:1em;
  margin-bottom:15px;
}
.global_form div.form-wrapper-heading>span {
  display:block;
  position:absolute;
  overflow:hidden;
  padding:4px 6px 4px 0px;
  font-size:110%;
  background:$theme_list_background_color;
}
[dir="rtl"] .global_form div.form-wrapper-heading>span {
  padding:4px 0px 4px 6px;
}
#messages_compose .overTxtLabel {
  margin-top:8px;
}
.layout_user_browse_search .browse-range-wrapper select {
  width:46%;
  margin-right:5px;
}
.global_form div.form-wrapper+div.form-wrapper-heading {
  margin-top:10px;
}
/* form instructions (after title) */
.global_form>div>div>h3+p {
	font-size:$theme_font_size_small;
  margin-top:2px;
  max-width:100%;
  line-height:140%;
  box-sizing:border-box;
}
/* container row for a label (left) and element (right) */
.global_form div.form-wrapper {
  clear:both;
  overflow:hidden;
}
/* left-side element label container */
.global_form div.form-label {
  padding:4px 15px 0px 2px;
  margin-bottom:5px;
  overflow:hidden;
  font-size:$theme_font_size_small;
  font-weight:600;
  color:$theme_form_label_font_color;
}
[dir="rtl"] .global_form div.form-label {
  padding-right:0;
}
/* right-side form element container */
.global_form div.form-element {
  min-width:600px;
  max-width:600px;
  text-align:left;
  margin-bottom:10px;
  overflow:hidden;
  float:left;
  clear:none;
}
[dir="rtl"] .global_form div.form-element {
  text-align:right;
  float:right;
}
/* all paragraphs of text in the form */
.global_form div>p {
  max-width:450px;
  padding-bottom:10px;
}
/* paragraphs of text that come after an input element */
.global_form div>input+p {
  margin-top:5px;
  font-size:10pt;
}
/* all text inputs in form */
.global_form input[type=text],
.global_form input[type=email],
.global_form input[type=password] {
  padding:2px;
  font-size:$theme_font_size_small;
  width:100%;
  padding:10px 8px;
  box-sizing:border-box;
}
/* only for text inputs that come after other text inputs */
/* i.e. for when there is a vertical list of text inputs */
.global_form input[type=text]+input[type=text] {
  display:block;
  margin-top:5px;
}
/* all checkboxes and radios in form */
.global_form div.form-element .form-options-wrapper{
  width:100%;
}
.global_form input[type=checkbox],
.global_form input[type=radio] {
  clear:left;
}
[dir="rtl"] .global_form input[type=checkbox],
[dir="rtl"] .global_form input[type=radio] {
  clear:right;
}
/* for clickable labels that appear to the right of elements */
/* such as checkboxes or radios */
.global_form input+label {
  float:left;
  display:block;
  margin-top:0px;
  margin-left:2px;
}
[dir="rtl"] .global_form input+label {
  float:right;
  margin-left:0px;
  margin-right:2px;
}
/* all select boxes in form */
.global_form select {
  font-size:10pt;
  max-width:100%;
}
/* all textareas in form */
.global_form textarea {
  padding:4px;
  font-size:10pt;
  max-width:100%;
  min-height:120px;
}
.global_form p.description {
  margin:0 0 5px;
  padding:0;
  font-size:$theme_font_size_small;
}
.global_form #submit-element {
  margin-bottom:0px;
}
.global_form button[type=submit] {
  margin-right:3px;
}
[dir="rtl"] .global_form button[type=submit] {
  margin-right:0px;
  margin-left:3px;
}
/* Required field asterisk */
.form-label .required::after,
label.required::after{
  content:' *';
  color:#f00;
}
/*
SMALL BOX FORM
These styles are for small box forms, such
as the login box found by default on the main
index page. Form names and inputs are stacked
vertically (not floated) to fit into small-width
content areas.
*/
.global_form_box {
  +foreground;
  +rounded;
  width:auto;
}
.global_form_box .form-wrapper+.form-wrapper {
  margin-top:5px;
}
.global_form_box .form-label {
  padding:0px;
  width:auto;
  float:none;
  clear:both;
  margin:0px;
}
.global_form_box label {
  text-align:left;
  display:block;
  margin-bottom:2px;
}
[dir="rtl"] .global_form_box label {
  text-align:right;
}
.global_form_box .form-element {
  overflow:hidden;
}
/*
FILTER FORM
These styles are for small, transparent forms
that contain search boxes or filter fields. They
are usually found on browse pages.
*/
form.filters {
  +foreground;
  +rounded;
  padding:10px;
}
form.filters div.form-label {
  margin-bottom:3px;
  font-size:90%;
}
form.filters div.form-element {
  margin-top:2px;
}
form.filters button {
  margin-top:4px;
}
form.filters dt {
  font-size:90%;
  padding-bottom:2px;
}
form.filters dd {
  margin-bottom:8px;
}
/*
POPUP FORM
These are used to style popup (i.e. smoothbox) forms.
Also used to style popup response messages, etc.
*/
.global_form_popup {
  padding:10px 10px 10px 13px;
  overflow:hidden;
}
[dir="rtl"] .global_form_popup {
  padding:10px 13px 10px 10px;
  float:right;
}
.global_form_popup #submit-wrapper, .global_form_popup #cancel-wrapper {
  float:left;
  overflow:hidden;
}
[dir="rtl"] .global_form_popup #submit-wrapper, [dir="rtl"] .global_form_popup #cancel-wrapper {
  float:right;
}
.global_form_popup #buttons-wrapper {
  margin-top:10px;
}
.global_form_popup #buttons-wrapper button {
  margin-right:4px;
}
[dir="rtl"] .global_form_popup #buttons-wrapper button {
  margin-right:0px;
  margin-left:4px;
}
.global_form_popup_message {
  display:block;
  padding:1em;
  text-align:center;
  font-weight:600;
}
/*
UPLOAD FORM
Styles the file upload form.
*/
#form-upload #submit-wrapper {
  display:none;
}
#form-upload #demo-status a.buttonlink {
  margin-right:15px;
}
/*
SEARCH PAGE
Used to style the main search page.
*/
#searchform {
  float:left;
  clear:right;
  padding:5px;
}
[dir="rtl"] #searchform {
  float:right;
  clear:left;
}
#searchform input[type=text] {
  width:300px;
}
#searchform #query-label {
  display:none;
}
#searchform #query-wrapper {
  float:left;
  overflow:hidden;
  padding:3px;
}
[dir="rtl"] #searchform #query-wrapper {
  float:right;
}
#searchform #submit-label {
  display:none;
}
#searchform #submit-wrapper {
  float:left;
  overflow:hidden;
  margin-left:1px;
}
[dir="rtl"] #searchform #submit-wrapper {
  float:right;
  margin-right:1px;
  margin-left:0px;
}
.search_result {
  overflow:hidden;
  width:500px;
  margin-top:10px;
  border-top-width:1px;
  padding-top:10px;
}
.search_result .search_photo {
  display:block;
  float:left;
  overflow:hidden;
  margin-right:10px;
}
[dir="rtl"] .search_result .search_photo {
  float:right;
  margin-right:0;
  margin-left:10px;
}
.search_result .search_icon {
  display:block;
  float:left;
  overflow:hidden;
  width:48px;
  margin-right:7px;
}
[dir="rtl"] .search_result .search_icon {
  float:right;
  margin-right:0px;
  margin-left:7px;
}
.search_result img {
  margin:auto;
  display:block;
  border-radius:4px;
}
.search_result .search_info {
  display:block;
  overflow:hidden;
}
.search_result .search_info p {
  margin-bottom:5px;
}
.search_result .search_title {
  font-size:90%;
}
.search_result .highlighted-text {
  font-weight:600;
}
/*
COMMENTS
These styles are used everywhere comments appear.
*/
.comments {
  margin:5px -15px 0;
}
.comments .comments_options{
  margin:0 10px 10px;
}
.comments .comments_options > span,
.comments .comments_options > a{
  margin:0 5px;
}
.comments > ul{
  border-radius:0 0 $theme_widget_radius $theme_widget_radius;
  background-color:$theme_comments_background_color;
  overflow:hidden;
}
.comments > ul > li {
  background-image:none;
  padding:10px 0;
  margin:0 15px;
  border-top-width:1px;
  overflow:hidden;
}
.comments ul ul>li {
  display:inline-block;
  vertical-align:middle;
}
.comments .comments_author a {
  font-weight:600;
  margin-right:2px;
}
[dir="rtl"] .comments .comments_author a {
  margin-right:0px;
  margin-left:2px;
}
[dir="rtl"] .comments_author {
  float:right;
}
.comments .comments_author_photo {
  float:left;
  overflow:hidden;
  line-height:0px;
  font-size:0px;
}
[dir="rtl"] .comments .comments_author_photo {
  float:right;
}
.comments .comments_options {
  font-weight:600;
  font-size:$theme_font_size_small;
  color:$theme_font_color_light;
}
.comments .comments_comment_options>a {
  font-size:$theme_font_size_small;
  font-weight:600;
  margin-top:5px;
  overflow:hidden;
}
.comments .comments_info{
  font-size:$theme_font_size_small;
  padding-left:10px;
  overflow:hidden;
}
[dir="rtl"] .comments .comments_info {
  padding-left:0px;
  padding-right:5px;
}
.comments .comments_date {
  font-size:$theme_font_size_small;
  color:$theme_font_color_light;
  overflow:hidden;
  padding-top:5px;
}
.comments .comments_date li.sep{
  margin:0 5px;
}
.comments .comments_date li > a:before{
  padding:0 5px;
}
.comments .comments_likes a,
.comments .comments_viewall a {
  font-weight:600;
}
.comments > form {
  background-image:none;
  border-width:1px 0 0;
  padding:10px 15px;
}
.comments > form .compose-content {
  border-radius:0;
  border-width:1px;
}
.comments > form > textarea {
  width:100%;
  min-height:50px !important;
}
.comments > form > button {
  display:block;
  margin-top:7px;
}
div.comments_comment_likes_tips {
  border:1px solid $theme_foreground_border_color;
  padding:4px 7px;
  background-color:$theme_foreground_background_color;
  color:$theme_font_color_light;
  font-size:0.9em;
}
/*
HEADLINE
Used at the top of most browse pages. Often contains button-style tabs.
*/
.headline h2 {
  margin:12px 25px 12px 0;
  display:inline-block;
  vertical-align:middle;
}
[dir="rtl"] .headline h2 {
  margin:12px 0 12px 25px;
}
/* TABS (BUTTON STYLE, DEFAULT) */
.tabs {
  overflow:hidden;
  display:inline-block;
  vertical-align:middle;
  margin-left:20px;
}
[dir="rtl"] .tabs {
  margin-left:0px;
  margin-right:20px;
}
.tabs>ul {
  display:inline-block;
  vertical-align:middle;
}
.tabs>ul>li {
  margin-right:10px;
  display:inline-block;
  vertical-align:middle;
}
[dir="rtl"] .tabs>ul>li {
  margin-right:0px;
  margin-left:10px;
}
.tabs>ul>li>a {
  display:inline-block;
  color:$theme_buttontabs_font_color;
  border-bottom:4px solid $theme_buttontabs_border_color;
  padding:15px 10px;
  font-size:100%;
  font-family:$theme_buttontabs_font_family;
}
.tabs>ul>li>a:hover {
  border-bottom:4px solid $theme_buttontabs_border_color_active;
  color:$theme_buttontabs_font_color_hover;
}
.tabs>ul>li.active>a {
  border-bottom:4px solid $theme_buttontabs_border_color_active !important;
  color:$theme_buttontabs_font_color_active !important;
}
.tabs>ul>li.active>a:hover {
  text-decoration:none;
}
/*
TABS (TAB STYLE, NON-DEFAULT)
*/
.tabs_alt {
  background-color:transparent;
  background-image:none;
  +rounded(3px, false, false, true, true);
  padding:0px;
  -moz-user-select:none;
  -webkit-user-select:none;
}
.tabs_alt>ul {
  margin:0;
  text-align:left;
  font-weight:600;
  background:$theme_list_background_color;
  border-radius:+rounded($theme_widget_radius);
  overflow:hidden;
}
.tabs_alt>ul>li.tab_active>a, .tabs_alt>ul>li.active>a {
  border-bottom:4px solid $theme_tabs_border_color_active !important;
  color:$theme_tabs_font_color_active;
  position:relative;
}
.tabs_alt>ul>li>a {
  text-decoration:none;
  color:$theme_tabs_font_color;
  border-bottom:4px solid $theme_tabs_border_color;
  outline:none;
  padding:12px 20px !important;
  font-family:$theme_tabs_font_family;
  display:inline-block;
  font-weight:normal;
  margin-bottom:-1px;
  font-size:100% !important;
  text-transform:inherit !important;
}
.tabs_alt>ul>li>a span {
  font-size:90%;
  font-weight:normal;
  margin-left:4px;
  border:none;
}
[dir="rtl"] .tabs_alt>ul>li>a span {
  margin-left:0px;
  margin-right:4px;
}
.tabs_alt>ul>li>a:hover {
  border-bottom:4px solid $theme_tabs_border_color_active !important;
  color:$theme_tabs_font_color_active;
}
.tab_container_inactive {
  display:none;
}
.tabs_alt>ul>li.tab_open>a {
  +rounded(3px, false, false, true, true);
  border:1px solid $theme_pulldown_border_color;
  border-bottom:none;
  background-color:$theme_pulldown_background_color_active;
  color:#fff;
  position:relative;
  top:1px;
  padding:7px 9px 7px 9px;
}
.tab_pulldown_contents_wrapper {
  +rounded(3px, true, false, false, false);
  overflow:hidden;
  margin-top:53px !important;
}
.tab_pulldown_contents {
  overflow:hidden;
  background:$theme_pulldown_contents_background_color;
}
.tab_pulldown_contents>ul>li {
  font-family:$theme_buttontabs_font_family;
}
.tab_pulldown_contents>ul>li.active {
  background-color:$theme_pulldown_contents_list_background_color_active;
}
.tab_pulldown_contents>ul>li+li {
  border-top:1px dashed $theme_border_color;
}
.tab_pulldown_contents>ul>li:hover {
  background-color:$theme_pulldown_contents_list_background_color_hover;
  cursor:pointer;
}
.tabs_alt>ul>li.tab_open .tab_pulldown_contents_wrapper {
  display:block;
}
[dir="rtl"] .tabs_alt>ul>li.tab_open .tab_pulldown_contents_wrapper {
  left:0;
}
/*
TAGS
Styles lists of tags that are used for message recipients, lists of friend
lists, etc. Each tag has its own remove link.
*/
.tag {
  +rounded(3px);
  display:inline-block;
  background-color:$theme_tag_background_color;
  font-weight:600;
  display:inline-block;
  float:left;
  padding:.4em .6em .4em .6em;
  margin:0px 10px 5px 0px;
  font-size:90%;
}
[dir="rtl"] .tag {
  float:right;
  margin:0px 0px 5px 10px;
}
.tag>a {
  text-decoration:none;
  padding-left:6px;
  text-transform:uppercase;
}
[dir="rtl"] .tag>a {
  float:left;
  padding-left:0px;
  padding-right:6px;
}
/*for user profile photos and related links( quicklinks)*/
html .home-links-user .image {
	position:relative;
	top:auto;
	left:auto;
	text-align:center;
}
html .home-links-user .image > a{
  display:inline-block;
}
html .home-links-user .image > a span{
  border-width:0;
  margin-top:1px;
}
html .home-links-user .image:before {
	content:url(~/application/modules/Elpis/externals/images/ring.png);
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:-6px;
}
html .home-links-user .user{
	font-weight:600;
  padding-top:10px;
	padding-left:0;
	text-align:center;
}
#profile_options li+li {
  border-top:none;
}
.layout_user_home_links .quicklinks li, 
div#profile_options li, 
.blogs_gutter_options li {
  padding:6px 0;
  font-weight:normal;
}
.layout_user_home_links .quicklinks li, 
#profile_options li, 
.quicklinks li, 
#profile_options .navigation li, 
.blogs_gutter_options li {
  margin-top:0;
}
.layout_user_home_links .quicklinks li:last-child, 
#profile_options li:last-child, 
.quicklinks li:last-child, 
#profile_options .navigation li:last-child, 
.blogs_gutter_options li:last-child {
  border-bottom:none;
}
.layout_user_home_links .quicklinks li a, 
#profile_options li a, 
.blogs_gutter_options li a {
  color:$theme_font_color;
  font-size:100%;
  line-height:200%;
  display:block;
}
.layout_user_home_links .quicklinks li a:hover, 
#profile_options li a:hover, 
.quicklinks li a:hover, 
.blogs_gutter_options li a:hover {
  color:$theme_link_color_hover;
}
div#profile_options li a.buttonlink:before, 
.quicklinks li a:before{
  margin-right:10px;
}
[dir="rtl"] .layout_user_home_links .quicklinks li a.buttonlink:before, 
[dir="rtl"] div#profile_options li a.buttonlink:before, 
[dir="rtl"] .quicklinks li a:before, 
[dir="rtl"] .blogs_gutter_options li a:before {
  margin-right:0px;
  margin-left:10px;
}
.layout_user_home_links .quicklinks li a.buttonlink:before,
.blogs_gutter_options li a:before {
  margin-right:10px;
  color:$theme_button_font_color;
	background:$theme_button_background_color;
	width:35px;
	height:35px;
	text-align:center;
	line-height:35px;
	+rounded(4px);
}
html .layout_user_list_online > div {
  padding:7px 0;
}
/*
THEME OVERRIDES
Minor core style overrides just for this theme.
These are mostly widget-specific overrides.
*/
.quicklinks {
  margin-top:0;
}
.quicklinks li {
  padding:6px 8px;
}
.quicklinks li a {
  color:$theme_font_color;
}
.newestmembers_thumb img, .popularmembers_thumb img {
  border:none;
}
#activity-feed {
  padding:10px 0;
}
.forum_title h3 {
  background:transparent;
  padding-left:0px;
}
#browsemembers_results h3 {
  background-color:transparent;
  padding-left:0px;
}
.browsemembers_criteria ul li input[type=checkbox] {
  margin:6px 4px 0px 0px;
}
.browsemembers_criteria input+label {
  font-size:$theme_font_size_small;
}
.browse-separator-wrapper {
  border:none;
}
.browsemembers_criteria button {
  margin-top:20px;
  width:100%;
}
#global_page_album-album-editphotos .layout_middle h3, 
.albums_manage_info h3, 
.classifieds_browse_info_title h3, 
#global_page_user-signup-confirm h3, 
.polls_browse_info h3, .forum_topics_title h3, 
.forum_topic_title h3, #forum_post_quick h3, 
.chat_header_title h3, .groups_title h3,
ul.group_discussions h3, .events_title h3, 
#global_page_user-signup-resend h3, .music_browse_info_title h3 {
  background-color:transparent;
  padding:0px;
  margin-bottom:2px;
}

#global_page_album-album-editphotos .headline .generic_layout_container{
  padding:0 15px;
}
#global_page_album-album-editphotos .layout_middle h3{
  padding-bottom:15px;
}
div.albums_viewmedia_info, html div.event_photo_info, html .group_photo_info {
  border-width:1px;
  border-color:$theme_border_medium_color;
}
#filter_form, form.filters {
  font-size:90%;
}
#filter_form label {
  margin-bottom:4px;
}
#filter_form .form-wrapper+.form-wrapper {
  margin-top:15px;
}
.blogs_browse_info_title h3 {
  background-color:transparent;
  padding-left:0px;
  margin-bottom:3px;
  padding:0px;
}
.layout_blog_gutter_search h4 {
  text-transform:none;
  border-color:$theme_border_medium_color;
}
.blogs_entrylist h3 {
  background-color:transparent;
  padding-left:0px;
  margin-bottom:3px;
  padding:0px;
}
.browseclassifieds_criteria>ul>input+li {
  margin-top:7px;
}
ul.classifieds_entrylist .classified_entrylist_entry_date {
  font-size:90%;
  color:$theme_font_color;
  line-height:140%;
  margin-bottom:15px;
}
#forum_post_quick #photo-wrapper {
  display:none;
}
div.group_discussions_list h3 {
  background:none;
  padding:0px;
  margin-bottom:2px;
  font-size:1.2em;
}
.icon_group_post_new {
  position:relative;
}
.icon_group_post_new:before {
  content:"\\f07b";
  color:#FF9800;
}
.icon_group_post_new:after {
  content:"\\f055";
  color:#4CAF50;
  font-weight:900 !important;
  bottom:-3px !important;
}
div.group_discussions_list .group_discussions_sticky a {
  background-position:left center;
}
#global_page_group-topic-view h3 {
  background:none;
  padding:0px;
  margin-bottom:10px;
  font-size:1.5em;
}
.group_discussions_thread_options, .group_discussions_options {
  margin:0;
}
.group_discussions_thread_options a, .group_discussions_options a {
  display:inline;
}
ul.group_discussions_thread>li+li {
  border-top:2px solid $theme_border_color;
}
.group_discussions_thread_photo {
  margin-bottom:0px;
}
.group_discussions_thread_author_rank {
  font-size:90%;
  font-weight:normal;
  color:$theme_font_color_light;
}
ul.group_discussions>li {
  border-top:1px solid $theme_border_color;
  padding:15px 15px 15px 0px;
}
ul.group_discussions>li {
  border-top-width:2px;
  border-bottom-width:2px;
}
ul.group_discussions>li+li {
  border-top-width:0px;
  border-bottom-width:2px;
}
div.group_discussions_list {
  border-top-width:0px;
}
.layout_core_statistics ul{
  display:grid;
  grid-template-columns:1fr 1fr;
	grid-gap:10px;
}
.layout_core_statistics ul > li {
	border-width:1px 1px 4px;
	border-radius:10px;
	padding:10px 5px;
}
.layout_core_statistics ul>li span {
  font-size:1.3em;
	width:auto;
	text-align:center;
	font-weight:600;
	box-sizing:border-box;
	float:none;
	margin-right:0;
	margin-bottom:5px;
	color:$theme_button_background_color !important;
}
.layout_core_statistics ul>li div {
  text-transform:capitalize;
	float:none;
	text-align:center;
}
.layout_user_profile_info>h3 {
  font-weight:normal;
  font-size:1.2em;
}
.activity-post-container {
  +rounded($theme_widget_radius);
}
.activity-post-container>form {
  padding:0;
  +rounded($theme_widget_radius);
}
.global_form>div>div>h3+div, .global_form>div>div>h3+p+div {
  margin-top:10px;
}
.global_form * + p.description {
  color:$theme_font_color_light;
  margin-top:5px;
  width:100%;
}
.layout_user_home_photo > div > a > span{
  border-radius:100%;
}
#profile_photo img,
#profile_photo span{
  border-radius:200px;
}
.compose-content {
  +rounded($theme_widget_radius);
  border-width:0;
  padding:1em;
  background:$theme_list_background_color;
  box-sizing:border-box;
}
.compose-container .overTxtLabel {
  padding:14px 0px 0px 14px;
}
.pages {
  margin-top:15px;
}
.paginationControl {
  border:1px solid $theme_border_color;
}
.paginationControl>li>a {
  font-size:90%;
  font-weight:normal;
}
.paginationControl>li.selected>a {
  font-weight:600;
}
.form-description, .form-elements {
  padding:0;
}
.sharebox {
  margin:10px;
  border:2px dashed $theme_border_color;
}
.layout_core_menu_main ul li.explore a {
  background-repeat:no-repeat;
  background-position:6px 8px !important;
  padding:8px 16px 8px 30px !important;
}
.layout_core_menu_main ul li.explore a:hover, 
.layout_core_menu_main ul li.explore a.mainMenuParentBtnFocused, 
.submenu ul {
  -moz-border-radius:0 !important;
  -webkit-border-radius:0 !important;
  border-radius:0 !important;
  -moz-box-shadow:none !important;
  -webkit-box-shadow:none !important;
  box-shadow:none !important;
  background-color:#363636 !important;
  color:#fff !important;
}
#explore_container {
  display:block;
  height:0;
  left:0;
  overflow:visible;
  position:absolute;
  top:0;
  width:100%;
  z-index:9999;
}
.submenu {
  display:none;
  height:auto !important;
  overflow:hidden;
  position:absolute;
  width:auto !important;
}
.submenu ul a {
  color:#888 !important;
  display:block;
  font-size:12px;
  padding:10px 20px 10px 10px;
}
.submenu ul a:hover {
  background-color:#eee;
  color:#464646 !important;
  text-decoration:none;
}
ul.feed .feed_item_username {
  font-weight:600;
}
html ul.feed .feed_item_photo{
  margin-right:10px;	
}
div.compose-menu a.compose-activator{
	background:$theme_list_background_color_hover;
  padding:5px 10px;
  border-radius:50px;
  margin-top:3px;
  margin-right:3px;
}
.activity-post-container .compose-menu {
  border-top-width:1px;
  padding:10px 0 0;
}
.feed .item_icon_group .timestamp {
  left:95px !important;
}
[dir="rtl"] .feed .item_icon_group .timestamp {
  left:auto !important;
  right:95px !important;
}
ul.feed .feed_item_attachments {
  padding:0 !important;
}
.feed_item_option_like>a, .feed_item_option_unlike>a {
  padding-left:0 !important;
}
ul.feed>li {
  background:$theme_list_background_color;
  padding:15px 15px 0;
  margin-bottom:20px;
  border-radius:$theme_widget_radius;
  position:relative;
  overflow:visible;
}
ul.feed>li:first-child .feed_item_posted, 
ul.feed>li:first-child .feed_item_generated {
  padding-top:1px !important;
}
html ul.feed .feed_item_date::before{
  vertical-align:baseline;	
}
.comment-likes-activity-feed{
  border-top-width:1px;
  margin-top:20px;
  padding-top:10px;
}
.comment-likes-activity-feed>div {
  font-size:100% !important;
}
.comment-likes-activity-feed>div ul>li {
  margin-right:15px;
}
.feed_header {
  display:flex;
  margin-bottom:10px;
}
.feed_attachment_album_photo img {
  border:0;
}
.feed_item_posted, .feed_item_generated {
  display:block;
  min-height:50px;
  margin-bottom:10px;
}
ul.feed .feed_item_date>ul>li:first-child {
  line-height:normal;
}
ul.feed .feed_item_date>ul>.edited_timestamp span:first-child {
  display:none;
}
ul.feed>li>#activity-feed {
  padding:0;
}
ul.feed .feed_item_date>ul>.edited_timestamp span {
  text-transform:capitalize;
  position:inherit;
  font-size:15px;
  margin-right:10px;
}
ul.feed .feed_item_icon {
  margin-top:15px;
  padding:0;
  border-top-width:1px;
}
ul.feed .feed_item_icon>ul>.feed_item_option_edit>span, 
ul.feed .feed_item_icon>ul>.feed_item_option_unlike>span, 
ul.feed .feed_item_icon>ul>.feed_item_option_like>span, 
ul.feed .feed_item_icon>ul>.feed_item_option_comment>span, 
ul.feed .feed_item_icon>ul>.feed_item_option_report>span, 
ul.feed .feed_item_icon>ul>.feed_item_option_delete>span, 
ul.feed .feed_item_icon>ul>.feed_item_option_share>span {
  display:none;
}
.guest-user ul.feed .feed_item_icon {
  margin-top:0;
  padding:0;
  border-top-width:0;
}
ul.feed .feed_item_icon>ul>.feed_item_option_edit a, 
ul.feed .feed_item_icon>ul>.feed_item_option_unlike a, 
ul.feed .feed_item_icon>ul>.feed_item_option_like a, 
.feed_item_icon>ul>.feed_item_option_report a, 
ul.feed .feed_item_icon>ul>.feed_item_option_comment a, 
ul.feed .feed_item_icon>ul>.feed_item_option_delete a, 
ul.feed .feed_item_icon>ul>.feed_item_option_share a, 
ul.feed .feed_item_icon>ul>.feed_item_option_edit a:hover, 
ul.feed .feed_item_icon>ul>.feed_item_option_unlike a:hover, 
ul.feed .feed_item_icon>ul>.feed_item_option_like a:hover, 
ul.feed .feed_item_icon>ul>.feed_item_option_comment a:hover, 
ul.feed .feed_item_icon>ul>.feed_item_option_delete a:hover, 
ul.feed .feed_item_icon>ul>.feed_item_option_share a:hover {
  position:relative;
  display:block;
  height:40px;
  line-height:40px;
  padding:0 10px;
  font-size:15px;
}
ul.feed .feed_item_icon>ul>.feed_item_option_edit a::before, 
ul.feed .feed_item_icon>ul>.feed_item_option_delete a::before, 
ul.feed .feed_item_icon>ul>.feed_item_option_share a::before, 
ul.feed .feed_item_icon>ul>.feed_item_option_like a::before, 
ul.feed .feed_item_icon>ul>.feed_item_option_unlike a::before,
ul.feed .feed_item_icon>ul>.feed_item_option_comment a::before, 
ul>.feed_item_option_report a::before {
  font-family:'Font Awesome 5 Free';
  display:inline-block;
  padding-right:6px;
}
[dir="rtl"] ul.feed .feed_item_icon>ul>.feed_item_option_edit a::before, 
[dir="rtl"] ul.feed .feed_item_icon>ul>.feed_item_option_delete a::before, 
[dir="rtl"] ul.feed .feed_item_icon>ul>.feed_item_option_share a::before, 
[dir="rtl"] ul.feed .feed_item_icon>ul>.feed_item_option_like a::before, 
[dir="rtl"] ul.feed .feed_item_icon>ul>.feed_item_option_unlike a::before, 
[dir="rtl"] ul.feed .feed_item_icon>ul>.feed_item_option_comment a::before {
  padding-right:0;
  padding-left:6px;
}
ul.feed .feed_item_icon>ul>.feed_item_option_comment a::before {
  content:'\\f075';
}
.feed_item_icon>ul>.feed_item_option_like a::before, 
ul.feed .feed_item_icon>ul>.feed_item_option_unlike a::before {
  content:'\\f164';
}
ul.feed .feed_item_icon>ul>.feed_item_option_edit a::before {
  content:'\\f044';
}
ul.feed .feed_item_icon>ul>.feed_item_option_share a::before {
  content:'\\f14d';
}
ul.feed .feed_item_icon>ul>.feed_item_option_delete a::before {
  content:'\\f2ed';
}
ul.feed .feed_item_icon>ul>.feed_item_option_report a::before {
  content:'\\f024';
}
ul.feed .feed_item_icon>ul>.feed_item_option_unlike a::before {
  content:'\\f165';
}
ul.feed .feed_item_icon>ul a:hover,
ul.feed .feed_item_icon>ul a:hover::before, 
ul.feed .feed_item_icon>ul .feed_item_option_unlike a, 
ul.feed .feed_item_icon>ul .feed_item_option_unlike a::before{
  color:$theme_button_background_color !important;
}
.layout_user_cover_photo {
  background:none !important;
  padding:0 !important;
}
.layout_core_container_tabs {
  margin:0 !important;
}
/*
Request widget
*/
ul.requests_widget {
  padding:0;
}
/*
Popup
*/
#user_form_login.global_form_box #remember-wrapper label {
  margin-top:0;
}
#user_form_login.global_form_box #remember-wrapper {
  clear:both;
  padding-left:0;
  padding-right:0;
}
.user_login_page .global_form_box #remember-wrapper {
  min-width:115px;
}
/* Login */
.layout_core_content #user_form_login #forgot-wrapper {
  display:inline-block;
  width:40%;
}
.layout_core_content #user_form_login #remember-wrapper {
  display:inline-block;
  float:none;
}
#global_page_core-error-requireuser .layout_core_content #user_form_login #remember-wrapper {
  position:relative;
}
/*
View more link
*/
.generic_list_wrapper {
  margin-bottom:0;
}
/*
VERTICAL MENU
*/
.global_left_panel .elpis_menu_top {
  border-left-width:1px;
}
[dir="rtl"] .global_left_panel .elpis_menu_top {
  border-left-width:0;
  border-right-width:1px;
}
body.global_left_panel .layout_core_menu_main .menu_core_main {
  color:$theme_topbar_menu_link_color;
  border-radius:0 !important;
}
.global_left_panel.panel-collapsed .layout_core_menu_main li .menu_core_main:hover i, 
body.global_left_panel .layout_core_menu_main .has_submenu .menu_core_main {
  background:$theme_topbar_menu_link_background_color_hover !important;
  border-radius:0 !important;
  color:$theme_topbar_menu_link_hover_color !important;
}
.global_left_panel .menu_core_main_tip {
  background:$theme_menu_tip_color;
  padding:4px 14px 3px 10px;
}
.global_left_panel .layout_core_menu_main .navigation>li {
  border-radius:0;
  border:0;
}
.global_left_panel .layout_core_menu_main .panel-toggle {
  text-align:left;
}
.global_left_panel .layout_core_search_mini {
  display:inline-block;
  vertical-align:middle;
}
.panel-open .layout_core_menu_main .navigation>li>a:hover {
  background-color:$theme_topbar_menu_link_background_color_hover;
  color:$theme_topbar_menu_link_color;
  border-radius:0px;
}
.global_left_panel .layout_page_header .layout_main {
  padding:0 !important;
}
.global_left_panel .menu_core_main_tip:after {
  border-right-color:$theme_menu_tip_color;
}
[dir="rtl"] .global_left_panel .menu_core_main_tip:after {
  border-left-color:$theme_menu_tip_color;
  border-right-color:transparent;
}
/* LANDING PAGE */
.elpis_landingpage{
  background:$theme_list_background_color;
}
.elpis_landingpage #global_wrapper {
  padding-top:0 !important;
}
.elpis_landingpage #global_content {
  width:100%;
}
.elpis_landingpage .generic_layout_container>h3 {
  text-align:center;
  border-bottom:0;
  font-size:35px;
  font-weight:300;
  position:relative;
  padding:0;
}
.elpis_landingpage .generic_layout_container>h3:before, 
.elpis_landingpage .generic_layout_container>h3:after {
  display:none;
}
.elpis_landingpage #user_form_login #submit-wrapper {
  float:none;
}
.elpis_landingpage .layout_page_footer {
  margin-top:0;
}
.elpis_landingpage .layout_middle>.generic_layout_container {
  padding:0;
  background:none;
  margin-bottom:0;
  border-radius:0;
}
#starttime-element select, #endtime-element select {
  max-width:24% !important;
  min-width:24% !important;
}
div.event_calendar_container button.event_calendar {
  background-repeat:no-repeat !important;
  margin-top:10px;
}
.event_discussions_options>a {
  margin-right:10px;
}
.core_landingpage_banner {
  margin-top:0 !important;
}
html .core_landingpage_banner>section {
  background-color:rgba(0, 0, 0, 0.4);
  display:flex;
  align-items:center;
}
html .core_landingpage_banner>section>div {
  display:block;
  text-align:left;
  margin:0 auto;
}
[dir="rtl"] .core_landingpage_banner>section>div {
  text-align:right;
}
html .core_landingpage_banner>section h1 {
  font-size:50px;
  font-weight:bold;
	color:#fff !important;
}
html .core_landingpage_banner>section article {
  width:100%;
  font-size:24px;
  line-height:35px;
  padding-left:25px;
  border-left-width:2px;
	color:#fff !important;
	border-color:#fff !important;
}
[dir="rtl"] .core_landingpage_banner>section article {
  padding-left:0;
  padding-right:25px;
  border-right-width:2px;
  border-left-width:0;
}
html .core_landingpage_banner>section>div * {
  max-width:60%;
  margin:0 0 10px;
}
html .core_landingpage_banner>section>div a {
  margin-top:15px;
  border:0;
  padding:15px 35px;
  font-size:inherit;
  background:$theme_button_font_color;
  color:$theme_button_background_color !important;
}
html .core_landingpage_banner>section>div a:hover{
	background:$theme_button_background_color !important;
  color:$theme_button_font_color !important;
}
html .layout_core_landing_page_features {
  padding:40px 0 100px !important;
}
.core_landingpage_features{
  margin-top:30px;
}
html .core_landingpage_features > div > div > article{
  margin:15px;
  border-bottom:0;
  box-shadow:0 0 30px rgba(241, 241, 241, 1);
}
html .core_landingpage_features > div > div > article img {
  max-width:40px;
  margin:15px 0;
}
.elpis_landingpage .layout_middle>.layout_elpis_landing_page_blogs{
  padding:60px 0 !important;
}
.elpis_lp_blogs{
  max-width:$theme_content_width;
  margin:0 auto;
}
.elpis_landingpage .layout_middle>.layout_elpis_landing_page_members {
  padding:60px 0 !important;
  background:$theme_list_background_color_hover;
}
/* #global_page_core-index-index #global_content .viewlink{
  border-radius:5px;
  border:2px solid $theme_button_background_color;
  color:$theme_button_background_color;
  margin:0 auto;
  width:140px;
  float:none !important;
  display:block;
  text-align:center;
  margin-top:30px;
} 
#global_page_core-index-index #global_content .viewlink:hover{
  background-color:$theme_button_background_color;
  color:$theme_button_font_color;
}
#global_page_core-index-index #global_content .viewlink i{
  display:none;
}*/
/* LANDING PAGE TWO */
.elpis_landingpage .layout_middle>.layout_user_login_page {
  margin:0 !important;
}
.elpis_landingpage .user_login_page {
  position:relative;
}
.elpis_landingpage .user_login_page .user_login_bg {
  min-width:100%;
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background-blend-mode:overlay;
  background-color:rgba(0, 0, 0, 0.25);
}
.elpis_landingpage .user_login_page .user_login_form {
  position:relative;
  padding:50px 30px;
  min-width:inherit;
  max-width:400px;
  margin:50px auto;
  border-radius:20px;
}
.layout_left .layout_user_login_or_signup .user_signup_link{
  margin-top:5px;
}
@media(max-width:767px) {
  html .elpis_landingpage .layout_user_login_page {
    width:100% !important;
  }
  .elpis_landingpage #global_content {
    min-height:auto;
  }
  .elpis_landingpage .user_login_page .user_login_form {
    min-width:100%;
    max-width:100%;
    margin:0 auto;
    border-radius:0;
  }
	html .footer_left_links *{
		display:inline-block;
		font-size:12px;
		padding-right:5px;
	}
	html .footer_left_links *:before {
    font-size:100%;
  }
}
/* Cover photo tabs layout and UI */
#global_page_user-profile-index .layout_top>.layout_middle {
  overflow:visible !important;
}
/* #global_page_user-profile-index .layout_top+.layout_main, 
#global_page_group-profile-index .layout_top+.layout_main, 
#global_page_event-profile-index .layout_top+.layout_main {
  position:relative !important;
} */
#global_page_group-profile-index .layout_top>.layout_middle {
  overflow:visible !important;
}
.profile_cover_photo_tabs {
  width:100%;
  box-sizing:border-box;
}
ul.profile_options_pulldown {
  background:$theme_list_background_color !important;
}
ul.profile_options_pulldown:before {
  border-bottom-color:$theme_list_background_color !important;
}
html .coverphoto_navigation ul>li:last-child {
  border-bottom:0 !important;
}
.profile_cover_options .save-button {
  bottom:60px !important;
  z-index:9;
}
.profile_cover_head_section {
  z-index:1;
}
.profile_cover_options .edit-button {
  z-index:2;
}
.profile_cover_photo:before {
  content:"";
  position:absolute;
  background:#000;
  opacity:.4;
  top:0;
  left:0;
  right:0;
  bottom:0;
  width:100%;
  height:100%;
  z-index:1;
}
.profile_cover_photo.remove_overlay:before {
  display:none;
}
div.albums_viewmedia_info {
  background:none !important;
}
@media(max-width:767px) {
	html .coverphoto_navigation ul{
	  left:0;	
	}
  ul.feed .feed_item_icon:before {
    display:none;
  }
  ul.feed .feed_item_date>ul>li:first-child {
    line-height:40px;
  }
  html .feed_item_option_like>a {
    padding-left:4px !important;
  }
  ul.feed .feed_item_icon>ul {
    display:flex;
    justify-content:space-between;
  }
  ul.feed .feed_item_icon>ul>li>a {
    font-size:0 !important;
  }
  ul.feed .feed_item_icon>ul>li>a:before {
    font-size:14px !important;
  }
  .feed_attachment_album_photo img {
    width:100%;
  }
  ul.feed .feed_item_date>ul>li .timestamp-update, 
	ul.feed .feed_item_date>ul>li .timestamp {
    position:inherit;
  }
  .tabs_alt>ul>li.tab_active>a, 
	.tabs_alt>ul>li.active>a {
    color:$theme_button_font_color !important;
  }
  html .event_calendar_container {
    max-width:115px;
  }
  div.forum_header_moderators {
    margin-top:10px;
  }
  ul.polls_browse .polls_browse_info_desc {
    word-break:break-word;
  }
  html ul.polls_browse .polls_browse_options {
    float:right;
  }
  html #starttime-element select, html #endtime-element select {
    max-width:18% !important;
    min-width:18% !important;
  }
  #event_create_form .calendar_output_span, 
	div.event_calendar_container button.event_calendar {
    margin-right:0;
  }
  .profile_fields>ul>li>span+span {
    width:auto;
  }
  .profile_cover_photo_tabs .tabs_alt>ul>li.active>a, 
	#global_page_user-profile-index .tabs_alt>ul>li.active>a {
    border:0 !important;
  }
  #global_page_payment-subscription-gateway #global_content .global_form button[type=submit] {
    margin-bottom:15px;
  }
  html .profile_cover_photo_tabs .tabs_alt, html #global_page_user-profile-index .tabs_alt {
    position:relative !important;
    background:none !important;
    top:auto;
  }
  div.tabs_alt li.more_tab>.tab_pulldown_contents_wrapper ul>li.active {
    background:$theme_button_background_color;
    color:$theme_button_font_color;
  }
	.profile_cover_photo.remove_overlay:before {
    display:block !important;
  }
}
#global_page_user-profile-index #profile_status>span {
  background:none !important;
}
#global_page_user-profile-index .layout_top+.layout_main .layout_left, 
#global_page_user-profile-index .layout_top+.layout_main .layout_right,
#global_page_user-profile-index .layout_top+.layout_main .layout_middle, 
#global_page_group-profile-index .layout_top+.layout_main .layout_middle, 
#global_page_group-profile-index .layout_top+.layout_main .layout_right, 
#global_page_group-profile-index .layout_top+.layout_main .layout_left, 
#global_page_group-profile-index .layout_top+.layout_main .layout_right, 
#global_page_event-profile-index .layout_top+.layout_main .layout_left, 
#global_page_event-profile-index .layout_top+.layout_main .layout_right, 
#global_page_event-profile-index .layout_top+.layout_main .layout_middle {
  margin-top:0 !important;
}
.layout_group_profile_info, .layout_event_profile_info {
  margin-top:0 !important;
}
#global_page_group-profile-index .layout_top+.layout_main, 
#global_page_user-profile-index .layout_top+.layout_main, 
#global_page_event-profile-index .layout_top+.layout_main {
  padding:0 !important;
}
.profile_main_photo_wrapper #user_profile_photo, 
.profile_main_photo_wrapper #group_profile_photo, 
.profile_main_photo_wrapper #event_profile_photo {
  border-radius:200px;
}
html #profile_status > span {
	display:block;
	margin-top:10px;
}
.profile_main_photo_wrapper {
  float:none !important;
	height:auto !important;
	margin:0 0 30px 30px !important;
}
[dir="rtl"] .profile_main_photo_wrapper {
  margin:0 30px 30px 0 !important;
}
html .profile_cover_photo:before {
  background:linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
  opacity:1;
}
.profile_main_photo {
  border-radius:200px !important;
  position:relative !important;
}
.profile_cover_head_section {
  display:flex;
  align-items:center;
}
html .coverphoto_navigation ul > li > a:before{
	margin:4px 8px !important;
}
.cover_photo_profile_options {
  margin-left:20px !important;
	min-height:auto !important;
	position:relative !important;
	bottom:auto !important;
	text-align:center;
	margin-right:20px;
}
[dir="rtl"] .cover_photo_profile_options{
  margin-right:20px !important;
}
/* SEARCH FORM */
#searchform input[type=text], #searchform select {
  padding:0 10px;
  width:400px;
  height:45px;
  line-height:45px;
}
#searchform button {
  padding:0 20px;
  height:45px;
  border:0;
}
/* BLOG VIEW */
#global_page_blog-index-view .blogs_owner_icon+.blogs_gutter_name {
  bottom:35px;
}
/* EDIT PROFILE */
[dir="rtl"] [id^='global_page_user-edit-'] .global_form>div, [id^='global_page_user-edit-'] .global_form>div {
  float:none;
}
#global_page_user-edit-style #style-wrapper {
  margin-top:30px;
}
[id^='global_page_user-edit-'] .generic_layout_container .headline {
  margin:-15px 0;
}
[id^='global_page_user-edit-'] .global_form input[type=text], 
[id^='global_page_user-edit-'] .global_form input[type=email], 
[id^='global_page_user-edit-'] .global_form input[type=password], 
[id^='global_page_user-edit-'] select, [id^='global_page_user-edit-'] textarea {
  max-width:600px !important;
  min-width:600px;
}
#global_page_user-edit-profile #submit-element {
  float:none;
}
.layout_blog_landing_page_blogs {
  padding-top:0 !important;
}
.notification_type_shared:before {
  content:"\\f14d";
}
.user_profile_info>ul>li {
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
#messages_form_reply .compose-content {
  border-width:1px;
}
.profile_friends_lists li.friend_list_joined, 
.profile_friends_lists li.friend_list_unjoined {
  display:flex;
  align-items:center;
}
.profile_friends_lists li>span {
  order:2;
}
.profile_friends_lists li>div {
  order:1;
  margin-left:5px;
}
.profile_friends_lists .overTxtLabel {
  top:58px !important;
}
[dir="rtl"] .emoticons-activator {
  right:1em;
  left:auto;
}
/* EDIT PROFILE */

/* CHAT PAGE */
.chat_main, .chat_users_wrapper, .chat_users>li {
  background:$theme_list_background_color !important;
  border:1px solid $theme_border_color !important;
}
.chat_input_wrapper {
  border-top:1px solid $theme_border_color !important;
}
/* OTHER */
#global_page_video-index-create #search-label, 
#global_page_video-index-create #upload-label {
  display:none;
}
.form-elements>.mce-tinymce {
  max-width:600px;
}
div.mce-fullscreen {
  max-width:100% !important;
}
.classifieds_browse .classifieds_browse_info_title h3 i {
  margin-left:5px;
  top:2px;
  position:relative;
}
.activity_icon_group_promote:after {
  display:none;
}
.search_result {
  width:100%;
}
.music_player_button_play {
  line-height:28px;
}
ul.group_discussions_thread>li {
  border-top:1px solid $theme_border_color;
}
/* POP UP */
#smoothbox_window body {
  background:$theme_list_background_color;
}
#smoothbox_window .global_form_popup>form h3 {
  font-weight:bold;
  border-bottom-width:2px;
  display:inline-block;
  margin-bottom:10px;
}
.feed_item_body_content .feed_item_bodytext {
  display:block !important;
  word-break:break-word;
}
.global_form_activity_edit_post #networkprivacy-element select {
  margin-top:20px;
}
.global_form_popup #cover_photo_loading {
  position:absolute;
  left:0;
  right:0;
  margin:auto;
}
.row>* {
  box-sizing:border-box;
}
.layout_top .generic_layout_container[class*='_browse_menu'], 
.layout_user_settings_menu, 
.layout_messages_menu {
  padding:0 15px !important;
}
#global_page_album-album-edit .headline,
#global_page_blog-index-edit .headline,
#global_page_classified-index-edit .headline,
#global_page_employment-index-edit .headline,
#global_page_travel-index-edit .headline,
#global_page_poll-poll-edit .headline,
#global_page_video-index-edit .headline,
#global_page_music-playlist-edit .headline{
  margin:-15px 0;
}
.guest-user .layout_top .generic_layout_container[class*='_browse_menu'], 
.guest-user .layout_user_settings_menu, 
.guest-user .layout_messages_menu,
.layout_top .generic_layout_container.layout_user_browse_menu {
  padding:15px !important;
}
/* MODULES BROWSE PAGES */
.blogs_browse>.blogs_browse_inner, 
.classifieds_browse>.classifieds_browse_inner, 
.events_browse .events_browse_inner, 
.groups_browse.grid_wrapper>div, 
.videos_browse>div,
.employments_browse > .employments_browse_inner{
  border-width:0 !important;
  box-shadow:0 0 20px $theme_list_background_color_alt;
}
html .profile_cover_photo_tabs .tabs_alt {
  box-shadow:none !important;
  background:none !important;
  position:initial;
}
/* FORUMS */
.layout_page_forum_index_index #global_search_form input {
  padding:8px 40px 8px 15px;
  border-radius:20px;
}
[dir="rtl"] .layout_page_forum_index_index #global_search_form input{
  padding:8px 15px 8px 40px;
}
.layout_page_forum_index_index #global_search_form button {
  font-size:0;
  position:relative;
  width:34px;
  height:34px;
  line-height:34px;
  display:inline-block;
  border-radius:50px;
  left:-40px;
  top:2px;
}
.layout_page_forum_index_index #global_search_form button:before {
  content:"\\f002";
  font-family:'Font Awesome 5 Free';
  font-weight:600;
  font-size:16px;
}
ul.forum_categories>li {
  margin-top:10px;
}
html ul.forum_categories>li>div {
  background:none;
  padding:10px 0;
  margin-top:15px;
  border-top-width:1px;
  border-bottom-width:1px;
}
html ul.forum_categories>li>div>h3 {
  color:$theme_headline_color;
  font-weight:bold;
}
html ul.forum_categories ul>li+li {
  border-top-width:0;
}
ul.forum_categories .forum_lastpost_info, 
ul.forum_topics .forum_topics_lastpost_info {
  line-height:150%;
}
html ul.forum_categories .forum_icon {
  padding:0;
  width:60px;
  height:60px;
  line-height:60px;
  text-align:center;
  border-radius:10px;
  background:$theme_list_background_color_alt;
  margin-right:10px;
}
html ul.forum_categories .forum_title{
  padding-top:25px;
}
ul.forum_topics .forum_topics_title{
  padding-top:20px;
}
[dir="rtl"] ul.forum_categories .forum_icon {
  margin-right:0;
  margin-left:10px;
}
ul.forum_categories .forum_icon a>i {
  color:$theme_button_background_color;
}
html .forum_header_options .icon_forum_post_new {
  +rounded(4px);
  background:$theme_button_background_color;
  color:$theme_button_font_color;
  padding:8px 15px;
  display:inline-block;
}
html .forum_header_options .icon_forum_post_new:hover {
  background:$theme_button_background_color_hover;
}
.forum_header_options .icon_forum_post_new:before {
  content:"\\f055";
  font-family:'Font Awesome 5 Free';
}
.forum_header_options .icon_forum_post_new:after {
  display:none !important
}
html ul.forum_topics {
  border:0;
}
html ul.forum_topics .forum_topics_icon {
  padding:0;
  width:60px;
  height:60px;
  line-height:60px;
  text-align:center;
  border-radius:10px;
  margin-right:10px;
  border-width:1px;
  margin-left:0;
  margin-top:0;
}
[dir="rtl"] ul.forum_topics .forum_topics_icon {
  margin-left:10px;
  margin-right:0;
}
html ul.forum_topics > li + li {
  padding-top:15px;
  margin-top:15px;
	border-style:dashed;
}
html ul.forum_topics .forum_topics_title h3 {
  margin-top:0;
}
html ul.forum_topics .forum_topics_title h3>a {
  color:$theme_headline_color;
}
html ul.forum_topics>li>div {
  padding:0;
}
html ul.forum_topics .forum_topics_icon::before {
  content:"\\f086";
  font-weight:400;
  font-size:20px;
}
/* FORGOT PASSWORD PAGE */
#global_page_user-auth-forgot .global_form #core_submit_forgot {
  float:left;
}
[dir="rtl"] #global_page_user-auth-forgot .global_form #core_submit_forgot{
  float:right;
}
#global_page_user-auth-forgot .global_form #buttons-wrapper {
  float:right;
  clear:none;
  margin-top:8px;
}
#global_page_user-auth-forgot .global_form #buttons-wrapper #buttons-label {
  display:none;
}
#global_page_user-settings-notifications .form-options-wrapper>li {
  display:flex;
}
.layout_core_banner a{
  color:$theme_button_background_color !important;	
}
/* ---------- Responsive CSS -------------*/
@media (max-width:1199px) {
  .stpage_cont_body {
    width:100%;
  }
  .layout_right, .layout_left {
    width:200px;
  }
  .layout_left {
    padding-right:20px;
  }
  .layout_right {
    padding-left:20px;
  }
}
@media (max-width:767px) {
  #core_menu_mini_menu .pulldown_contents_wrapper{
    width:100%;
  }
  #core_menu_mini_menu .core_settings_dropdown{
    right:auto;
  }
  [dir="rtl"] #core_menu_mini_menu .core_settings_dropdown{
    right:auto;
    left:auto;
  }
  #core_menu_mini_menu .pulldown_contents_wrapper:before,
  #core_menu_mini_menu .core_settings_dropdown:before{
    display:none;
  }
  .layout_left, .layout_right {
    width:100%;
    float:left;
    padding-left:0;
    padding-right:0;
    margin-left:0;
    margin-right:0;
  }
  [dir="rtl"] .layout_left,
  [dir="rtl"] .layout_right{
    padding-left:0;
    padding-right:0;
  }
  .layout_middle {
    width:100%;
  }
  .global_form div.form-label {
    text-align:left;
  }
	[dir="rtl"] .global_form div.form-label{
    text-align:right;
  }
  .layout_core_menu_mini>div>ul {
    float:left;
  }
  /*header*/
  .has-accessibility .navbar .navbar-toggler{
    top:42px !important;
  }

/* Feed */
  ul.feed .feed_item_icon>ul>.feed_item_option_edit a, ul.feed .feed_item_icon>ul>.feed_item_option_unlike a, ul.feed .feed_item_icon>ul>.feed_item_option_like a, ul.feed .feed_item_icon>ul>.feed_item_option_comment a, ul.feed .feed_item_icon>ul>.feed_item_option_delete a, ul.feed .feed_item_icon>ul>.feed_item_option_share a, ul.feed .feed_item_icon>ul>.feed_item_option_edit a:hover, ul.feed .feed_item_icon>ul>.feed_item_option_unlike a:hover, ul.feed .feed_item_icon>ul>.feed_item_option_like a:hover, ul.feed .feed_item_icon>ul>.feed_item_option_comment a:hover, ul.feed .feed_item_icon>ul>.feed_item_option_delete a:hover, ul.feed .feed_item_icon>ul>.feed_item_option_share a:hover {
    padding:0 4px;
    font-size:13px;
  }
  ul.feed .feed_item_icon>ul>.feed_item_option_edit a::before, ul.feed .feed_item_icon>ul>.feed_item_option_delete a::before, ul.feed .feed_item_icon>ul>.feed_item_option_share a::before, ul.feed .feed_item_icon>ul>.feed_item_option_like a::before, ul.feed .feed_item_icon>ul>.feed_item_option_unlike a::before, ul.feed .feed_item_icon>ul>.feed_item_option_comment a::before {
    padding-right:4px;
  }
  /* Profile tabs */
  .layout_core_container_tabs {
    position:relative;
  }
  .layout_core_container_tabs>.generic_layout_container>h3 {
    position:absolute;
    top:0;
    padding-right:30px;
    right:0px;
    left:0;
    display:block;
    border:0;
  }
  [dir="rtl"] .layout_core_container_tabs>.generic_layout_container>h3 {
    padding-right:0px;
    padding-left:30px;
  }
  .profile_cover_photo_tabs .tabs_alt {
    position:inherit !important;
    top:auto;
    background:none;
    box-shadow:none !important;
    padding:0 0 10px;
  }
  .profile_cover_photo_tabs .tabs_alt>ul {
    background:$theme_list_background_color;
    text-align:left !important;
  }
  div.tabs_alt>ul>li {
    padding:0;
  }
  .tabs_alt>ul>li>a {
    padding:5px 15px !important;
    font-family:$theme_tabs_font_family;
  }
  .tabs_alt>ul {
    height:auto;
    line-height:inherit !important;
    margin:10px 0;
    padding:0 !important;
  }
  html .tabs_alt .tab_pulldown_contents_wrapper {
    margin-top:0 !important;
  }
  .profile_cover_photo_tabs .tabs_alt>ul>li+li>a, 
	.profile_cover_photo_tabs .tabs_alt>ul>li:first-child>a {
    border:0 !important;
  }
  .profile_cover_photo_tabs .tabs_alt>ul>li>a {
    padding:6px 15px !important;
  }
  div.tabs>ul {
    padding:0;
  }
  div.tabs_alt {
    text-align:right;
    +rounded(3px, true, false, false, false);
  }
  [dir="rtl"] div.tabs_alt {
    text-align:left;
  }
  div.tabs_alt>ul {
    background:$theme_pulldown_contents_background_color;
    overflow:hidden !important;
    padding:2px;
    max-height:1000px;
    -webkit-transition:max-height 500ms ease-in;
    -moz-transition:max-height 500ms ease-in;
    -o-transition:max-height 500ms ease-in;
    transition:max-height 500ms ease-in;
  }
  [dir="rtl"] div.tabs_alt>ul {
    padding:2px;
  }
  div.tabs_alt.tab_collapsed>ul {
    max-height:0;
    padding:0;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
  }
  div.tabs_alt>.tab_collapsed_action {
    cursor:pointer;
    height:20px;
    text-align:center;
    width:20px;
    text-align:right;
    position:relative;
    z-index:2;
    display:inline;
  }
  div.tabs_alt>.tab_collapsed_action:before {
    content:"\\f0c9";
    font-family:'Font Awesome 5 Free';
    display:inline-block;
    font-size:20px;
    font-weight:900;
  }
  div.tabs_alt>ul>li, .tab_pulldown_contents>ul>li {
    display:block;
    padding:5px;
    box-sizing:border-box;
  }
  div.tabs_alt>ul>li+li {
    border-top:1px solid $theme_tabs_border_color;
  }
  div.tabs_alt > ul > li > a{
    display:block;
  }
  div.tabs_alt>ul li:hover, div.tabs_alt>ul>li.tab_active, div.tabs_alt>ul>li.active {
    background-color:$theme_button_background_color;
    cursor:pointer;
  }
  div.tabs_alt>ul>li.tab_active>a, div.tabs_alt>ul>li.active>a, div.tabs_alt>ul>li:hover>a, div.tabs_alt>ul>li.active:hover>a {
    border:none;
    top:0;
    display:block;
    background:transparent;
  }
  div.tabs_alt li.more_tab {
    background-color: transparent !important;
    padding:0;
  }
  div.tabs_alt li.more_tab>a, div.tabs_alt li.more_tab:hover>a {
    display:none !important;
  }
  div.tabs_alt li.more_tab>.tab_pulldown_contents_wrapper ul>li {
    border-top-width: 0 !important;
    padding:11px 20px;
    font-weight:400;
  }
  /* Header */
  .layout_page_header .layout_core_menu_social_sites {
    display:none;
  }
  .panel-open .layout_core_menu_mini>div>ul>li {
    padding:0;
  }
  .menu_top_settings>ul>li {
    margin-right:0;
    margin-left:20px;
  }
  .global_left_panel.panel-open .layout_core_menu_mini {
    width:100%;
    max-width:100%;
  }
  .elpis_landingpage .layout_page_header .layout_core_menu_mini {
    margin-bottom:0 !important;
  }
  .elpis_landingpage #global_content {
    width:100% !important;
    padding:0;
  }
  .layout_page_header .layout_main {
    display:flex;
    flex-direction:column;
  }
  .layout_page_header .layout_elpis_menu_top {
    order:1;
  }
	.layout_page_header .layout_core_menu_main{
    order:2;
  }
  .layout_page_header .layout_core_menu_logo {
    order:3;
  }
  .layout_page_header .layout_core_menu_mini {
    order:4;
  }
  html .layout_core_menu_mini #core_menu_mini_menu>ul>li .core_mini_auth, html .layout_core_menu_mini #core_menu_mini_menu>ul>li .core_mini_signup {
    padding:10px !important;
  }
	.layout_core_content #user_form_login #forgot-wrapper{
	  width:100%;	
	}
}
@media (max-width:600px) {
  html .global_form>div, html input[type=text], html input[type=email],
  html input[type=password],
  html input.text,
  html textarea, html select,
  html .global_form div.form-element,
  html .global_form div>p,
  html .search_result,
  html .comments {
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
		margin-bottom:5px;
  }
	html .layout_top .generic_layout_container[class*='_browse_menu'], 
	.layout_user_settings_menu, .layout_messages_menu {
    padding:15px 15px 0 !important;
  }
	[id*='-index-edit'] .headline {
    margin:0 0 -15px !important;
  }
  .global_left_panel.panel-collapsed .layout_core_menu_mini>div>ul {
    text-align:center;
  }
  [dir="rtl"] .global_left_panel.panel-collapsed .layout_core_menu_mini>div>ul>li {
    float:right;
  }
  .layout_core_menu_mini #core_menu_mini_menu>ul>li a.core_mini_profile {
    margin-top:4px;
    margin-bottom:4px;
    margin-left:3px;
    margin-right:3px;
  }
  .global_left_panel.panel-collapsed .layout_page_header .layout_main>.layout_core_menu_logo img {
    padding:0 !important;
  }
  .global_left_panel.panel-collapsed .layout_core_menu_mini #core_menu_mini_menu>ul>li>a.core_mini_profile {
    padding-left:0;
    padding-right:0;
  }
  body.global_left_panel .layout_core_menu_main .menu_core_main {
    border-radius:0;
  }
  .minimenu_update_count_bubble,
  .minimenu_message_count_bubble {
    margin-left:25px;
  }
  [dir="rtl"] .minimenu_update_count_bubble,
  [dir="rtl"] .minimenu_message_count_bubble {
    margin-right:25px;
    margin-left:0;
  }
  .core_mini_settings:hover .core_settings_dropdown {
    right:5px;
    margin-top:0;
  }
  #invite_form .global_form input+label {
    float:none;
  }
  html .browse-range-wrapper select {
    width:auto !important;
    min-width:auto !important;
  }
  .layout_core_menu_main li.more_tab ul>li.active>a, 
	.layout_core_menu_main li.more_tab ul>li.active>a>i {
    color:$theme_topbar_menu_link_hover_color !important;
  }
  .global_left_panel.panel-open #global_header .layout_page_header {
    padding-left:20px !important;
  }
  [dir="rtl"] ul.forum_categories .forum_topics,
	[dir="rtl"] ul.forum_categories .forum_posts {
    float:right;
    text-align:right;
  }
  html ul.forum_topics>li {
    display:block;
  }
  [dir="rtl"] ul.forum_topics .forum_topics_replies, 
	[dir="rtl"] ul.forum_topics .forum_topics_views {
    float:right;
  }
  html ul.forum_categories .forum_icon{
    width:40px;
    height:40px;
    line-height:40px;
    margin-right:5px;
    border-radius:5px;
  }
  html ul.forum_categories .forum_title{
    padding-top:18px;
  }
  ul.forum_topics .forum_topics_title{
    padding-top:8px;
  }
}
@media (max-width:600px) {
  #core_menu_mini_menu .core_settings_dropdown{
    right:10px;
  }
  [dir="rtl"] #core_menu_mini_menu .core_settings_dropdown{
    right:auto;
    left:10px;
  }
}
@media (min-width:768px) and (max-width:1024px) {
  .layout_right, .layout_left {
    float:left;
    clear:both;
  }
  [dir="rtl"] .layout_right, [dir="rtl"] .layout_left {
    float:right;
  }
  .layout_right {
    padding-left:0;
    padding:0px 30px 0px 0px;
    margin-right:5px;
    margin-left:0;
    padding-left:0;
    padding-right:20px;
  }
  [dir="rtl"] .layout_right {
    padding-left:30px;
    padding:0px 0px 0px 30px;
    margin-right:0px;
    margin-left:5px;
  }
	.global_left_panel .elpis_menu_top {
    margin:-15px;
    margin-bottom:10px;
  }
	.layout_core_menu_main .navbar{
    padding:0;
  }
	.layout_core_menu_mini {
    max-width:100%;
  }
  html div.layout_page_header .layout_main{
    padding:0 !important;
  }
  .layout_core_menu_main {
    padding:12px 10px;
    box-sizing:border-box;
  }
  .layout_core_menu_logo {
    padding:10px;
  }
  .layout_core_menu_mini {
    padding-right:10px;
  }
  .layout_core_menu_main, .main_menu_navigation, .layout_page_header .layout_main {
    overflow:visible !important;
  }
  .global_left_panel .layout_page_header .layout_core_menu_mini {
    display:flex !important;
    justify-content:flex-end;
  }
  [dir="rtl"] .layout_core_menu_logo{
    float:none;
  }
  .layout_core_search_mini {
    min-width:auto !important;
  }
  .layout_core_menu_mini #core_menu_mini_menu {
    flex:inherit !important;
    margin:0 !important;
  }
  .layout_elpis_menu_top .core_main_menu_toggle {
    top:45px !important;
  }
  .panel-open .layout_page_header .layout_core_menu_mini {
    display:block !important;
  }
  html .panel-open .layout_core_menu_mini #core_menu_mini_menu {
    margin-top:15px !important;
  }
  html .panel-open .elpis_menu_top {
    padding:6px 20px;
  }
	.global_left_panel .layout_page_header .layout_main {
    padding:15px !important;
  }
}
@media (min-width:768px) {
  .layout_core_menu_main ul ul li a {
    color:$theme_topbar_menu_link_hover_color !important;
  }
  .elpis_landingpage #global_content{
    padding:0 !important;
  }
  .tabs_alt {
    margin:0 0 15px;
  }
  .tabs_alt>ul>li {
    display:inline-block;
    padding:0;
    *display:inline;
    /* fix for IE7 */
  }
  .tab_pulldown_contents_wrapper {
    display:none;
    position:absolute;
    border-width:1px;
    margin-top:26px;
    background-color:$theme_pulldown_border_color;
    z-index:99;
  }
  .tab_pulldown_contents {
    max-height:500px;
    overflow-y:auto;
  }
  .tab_pulldown_contents>ul>li {
    padding:10px;
    font-size:90%;
    min-width:100px;
    max-width:250px;
    -moz-user-select:none;
    -webkit-user-select:none;
  }
}
@media (min-width:1199px) {
	/* width */
  body.global_left_panel .layout_core_menu_main::-webkit-scrollbar {
    width:8px;
  }

/* Track */
  body.global_left_panel .layout_core_menu_main::-webkit-scrollbar-track {
    border-radius:20px;
  }
  /* Handle */
  body.global_left_panel .layout_core_menu_main::-webkit-scrollbar-thumb {
    background:$theme_border_color; 
    border-radius:10px;
  }
  /* Handle on hover */
  body.global_left_panel .layout_core_menu_main::-webkit-scrollbar-thumb:hover {
    background:$theme_border_color; 
  }
	body.global_left_panel .layout_core_menu_main{
	  overflow:auto;	
	}
  .layout_core_menu_mini {
    padding-right:6%;
  }
  [dir="rtl"] .layout_core_menu_mini {
    padding-left:6%;
    padding-right:0;
  }
  html ul.forum_categories .forum_topics, 
	html ul.forum_categories .forum_posts, 
	html ul.forum_categories .forum_lastpost {
    padding:20px 5px 10px 5px !important;
  }
}
@media(min-width:1024px){
  .layout_core_menu_logo {
    padding-left:6%;
  }
  [dir="rtl"] .layout_core_menu_logo {
    padding-left:0;
    padding-right:6%;
  }	
}
@media (max-width:1024px) {
  .layout_core_menu_mini #core_menu_mini_menu {
    margin:10px 0;
  }
  .global_left_panel.panel-collapsed .layout_core_menu_mini>div>ul>li {
    margin-left:0;
    display:inline-table;
  }
  .global_left_panel .layout_page_header {
    padding:0 !important;
  }
  .global_left_panel .layout_page_header .layout_core_search_mini, 
	.global_left_panel .layout_page_header .layout_core_menu_mini {
    display:block;
  }
  .global_left_panel.panel-collapsed {
    padding-left:0 !important;
  }
  .global_left_panel.panel-collapsed .layout_page_header .layout_main > div{
    width:100%;
    margin-bottom:0;
    padding:0;
    margin-top:0;
    text-align:center;
    max-width:100%;
  }
  .layout_core_menu_logo, .layout_core_menu_mini {
    float:none;
    text-align:center;
    width:100%;
  }
  .layout_core_search_mini {
    padding:5px;
    min-width:80%;
  }
  .layout_core_search_mini #global_search_field {
    max-width:90% !important;
    min-width:90% !important;
    margin:auto;
    display:block;
  }
  .has-accessibility .navbar-toggler {
    top:54px !important;
  }
  .global_left_panel .navbar-toggler {
    position:absolute;
    top:18px;
    left:10px;
    background:none !important;
    outline:0 !important;
    border:0 !important;
}
}
@media(min-width:1200px){
  body.global_left_panel .layout_core_menu_main .active .menu_core_main {
    background:$theme_topbar_menu_link_background_color_hover !important;
    border-radius:0 !important;
    color:$theme_topbar_menu_link_hover_color !important;
  }
}
@media(max-width:992px){
  .layout_core_menu_main{
	  border:0;
	}	
}
.elpis_landingpage #global_wrapper .layout_middle .generic_layout_container:not([class*='layout_core_landing_page_']):not([class*='layout_elpis_landing_page_']):not(.layout_core_parallax):not(.layout_user_login_page){
  max-width:$theme_main_width;
	width:100%;
	padding:60px 0;	
	margin:auto;
}

Available Themes

Serenity

v5.9.0

by Webligo Developments
Elpis

v6.1.0

by Webligo Developments

(this is your current theme)

Theme Editor

Active Theme

Elpis

v6.1.0

by Webligo Developments

Editing File:

Available Themes

Serenity

v5.9.0

by Webligo Developments

Elpis

v6.1.0

by Webligo Developments