/* GLOBAL STYLES, FONTS & RESETS */
html{
  font-size:1rem;
  min-height:100%;
}
body{
  background-color:var(--theme-body-background-color);
  overflow-x:hidden;
  font-size:var(--theme-font-size);
  border-color:var(--theme-border-color);
}
*{
  padding:0;
  margin:0;
  border:none;
  border-style:solid;
  border-width:0rem;
  border-color:var(--theme-border-color);
}
table{
  border-collapse:collapse;
}
br{
  clear:both;
}
ul{
  list-style-type:none;
}
a{
  color:var(--theme-link-color);
  text-decoration:none;
}
a:hover{
  color:var(--theme-link-color-hover);
  text-decoration:none;
}
*{
  font-family:var(--theme-font-family);
}
*[dir="rtl"]{
  direction:rtl;
  unicode-bidi:embed;
}
div,
td{
  line-height:150%;
  font-size:100%;
  color:var(--theme-font-color);
  text-align:left;
}
*[dir="rtl"] div, *[dir="rtl"] td{
  direction:rtl;
  unicode-bidi:embed;
  text-align:right;
}
h1{
  font-size:var(--theme-headline-size-large);
  margin-bottom:0.625rem;
  line-height:130%;
  font-weight:700;
}
h2,
h3,
h4{
  color:var(--theme-headline-color);
  font-weight:normal;
}
h2, h3{
  font-size:var(--theme-headline-size-medium);
  padding:.4em 0;
}
h4{
  font-size:var(--theme-font-size);
  font-weight:700;
  border-bottom:0.0625rem solid var(--theme-border-color);
  padding:.5em 0rem .5em 0;
  margin-bottom:0.625rem;
}
h4 > span{
  display:inline-block;
  position:absolute;
  background-color:var(--theme-list-background-color);
  padding-right:0.375rem;
  margin-top:-0.0625rem;
  font-size:var(--theme-font-size);
}
h3.sep{
  display:block;
  border-bottom:0.0625rem solid var(--theme-border-color);
  overflow:hidden;
  margin-bottom:1em;
  height:1em;
}
h3.sep > span{
  display:block;
  overflow:hidden;
  position:absolute;
  background:var(--theme-body-background-color);
  padding:0.3125rem 0.625rem 0.3125rem 0rem;
  font-weight:600;
}
[dir="rtl"] h3.sep>span{
  padding:0.3125rem 0rem 0.3125rem 0.625rem;
}
/* Prevents users from selecting contents */
.noselect{
  -moz-user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
  -ms-user-select:none;
  user-select:none;
}
/* Global member photos and icons */
img.main{
  max-width:31.25rem;
  max-height:31.25rem;
}
img.thumb_normal{
  max-width:8.75rem;
  max-height:10rem;
}
img.thumb_profile{
  max-width:12.5rem;
  max-height:12.5rem;
	object-fit:cover;
  object-position:top center;
}
img.thumb_icon,
.bg_thumb_icon{
  width:3rem;
  height:3rem;
	border-radius:3.125rem;
}
img.main,
img.thumb_normal,
img.thumb_profile,
img.thumb_icon{
  border:0.0625rem solid var(--theme-border-color);
}
/* GENERAL LAYOUT */
.generic_layout_container > h3,
.layout_content > h2,
.layout_content > h3{
  background-color:var(--theme-list-background-color);
  border-radius:var(--theme-widget-radius) var(--theme-widget-radius) 0 0;
  font-family:var(--theme-heading-font-family);
  font-size:var(--theme-headline-size-medium);
  border-bottom-width:0.0625rem;
  text-transform:capitalize;
  margin:-0.9375rem -0.9375rem 0.9375rem;
  padding:0.9375rem;
  position:relative;
  font-weight:600 !important;
}
.layout_left, 
.layout_right,
.layout_middle{
  padding:0 0.625rem 0.625rem;
}
.layout_left > div > .generic_layout_container, 
.layout_right > div > .generic_layout_container,
.layout_middle > .generic_layout_container,
.layout_core_container_tabs > .generic_layout_container,
.layout_content,
.block{
  border-radius:var(--theme-widget-radius);
  background:var(--theme-list-background-color);
  border-width:0.0625rem;
}
.layout_left > div > .generic_layout_container, 
.layout_right > div > .generic_layout_container,
.layout_middle > .generic_layout_container,
.layout_core_container_tabs > .generic_layout_container,
.layout_content{
  margin-bottom:var(--theme-widget-spacing);
  padding:0.9375rem;
}
#global_wrapper .layout_middle > .layout_core_container_tabs{
  border-width:0;
  box-shadow: none;
  background:none !important;
  padding:0 !important;
}
.layout_left{
  float:left;
  width:var(--theme-content-columns-left-width);
  vertical-align:top;
  margin-right:0.3125rem;
}
[dir="rtl"] .layout_left{
  float:right;
  margin-right:0rem;
  margin-left:0.3125rem;
}
.layout_middle{
  overflow:hidden;
  vertical-align:top;
}
.layout_right{
  float:right;
  width:var(--theme-content-columns-right-width);
  vertical-align:top;
  margin-left:0.3125rem;
}
[dir="rtl"] .layout_right{
  float:left;
  margin-left:0rem;
  margin-right:0.3125rem;
}
#global_wrapper{
  text-align:center;
  padding-top:1.25rem;
}
#global_content{
  overflow:hidden;
  min-height:31.25rem;
  box-sizing:border-box;
  margin:0 auto;
  width:var(--theme-content-width);
}
#global_content_simple{
  display:inline-block;
  overflow:hidden;
}
/* Header */
.layout_page_header{
  background-color:var(--theme-header-background-color);
  text-align:center;
  padding:0rem;
  clear:both;
  position:fixed;
  left:0;
  right:0;
  top:0;
  z-index:99;
}
.layout_page_header .layout_main{
  width:var(--theme-header-width);
  padding:0;
}
.sunshine_header_container{
  width:var(--theme-header-menu-width);
  margin:auto;
}
.sunshine_header .header-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0.625rem 0;
}
/*Logo*/
.sunshine_header .layout_core_menu_logo a{
  color: var(--theme-header-minimenu-link-color);
  font-weight:bold;
  font-size:1.5625rem;
}
.sunshine_header .layout_core_menu_logo a img{
  max-height:2.5rem;
  display:block;
  vertical-align:middle;
}
/*Search*/
.layout_core_search_mini #global_search_form{
  padding:0;
}
.sunshine_header #global_search_field{
  width:28.125rem;
  border:none;
  padding:0rem 1.25rem;
  border-radius:3.125rem;
  height:2.5rem;
  padding-right: 2rem;
}
[dir="rtl"] .sunshine_header #global_search_field {
  padding-left: 2rem;
  padding-right: 1.25rem;
}
.search_button i{
  color:var(--theme-header-minimenu-link-color);
  font-size:1.875rem;
}
.layout_core_search_mini #global_search_form button{
  background-color: transparent;
  color:var(--theme-button-background-color);
  height: 2.5rem;
  width: 2.5rem;
}
.layout_core_search_mini #global_search_form button i{
  color:var(--theme-button-background-color) !important;
}
.search_button{
  position:absolute;
  right:1.25rem;
  top:0.625rem;
  display:none;
}
[dir="rtl"] .search_button{
  right:auto;
  left:1.25rem;
}
.header_mini_search{
  max-width:28.125rem;
}
/*Main Manu*/
/*Vertical*/
.sunshine_header .toggle_button{
  position:absolute;
  top:0.75rem;
  left:1.25rem;
  opacity:1;
  background-image:none;
  padding:0;
  background-color:transparent !important;
}
[dir="rtl"] .sunshine_header .toggle_button{
  right:1.25rem;
  left:auto;
}
.sunshine_header .toggle_button:focus-visible{
  outline: 0.125rem solid #000;
}
.sunshine_header .toggle_button i{
  font-size:1.875rem;
  color:var(--theme-header-minimenu-link-color);
}
.toggle_button:focus{
  box-shadow:none 
}
.header_left_panel{
  background-color:var(--theme-header-menu-background-color);
  display:flex;
  justify-content:flex-start;
  flex-direction:column;
  width:3.75rem;
  transition:.8s;
  position:fixed;
  overflow:auto;
  top:3.75rem;
  z-index:9;
  bottom:0;
}
body:not(.header-open) .header_left_panel {
  -ms-overflow-style:none;
  scrollbar-width:none;
}
body:not(.header-open) .header_left_panel::-webkit-scrollbar { 
  display:none;
}
[dir="rtl"] .header_left_panel{
  justify-content:inherit;
}
.header_left_panel.header-nav-open{
  width:18.75rem;
}
.header_left_panel > ul.navigation > li > a{
  color:var(--theme-header-menu-link-color);
  padding:0rem;
  position:relative;
  font-size:1.125rem;
  font-weight:500;
  text-align:left;
  padding-left:3.75rem;
  transition:.5s;
  height:3.75rem;
  line-height:3.75rem;
  display:flex;
  align-items:center;
}
[dir="rtl"] .header_left_panel > ul.navigation > li > a{
  padding-left:0rem;
  padding-right:3.75rem;
  text-align:right;
}
.header_left_panel:not(.header-nav-open) > ul.navigation > li > a{
  overflow:hidden;
  width:3.75rem
}
.sunshine_header ul.navigation > li.active > a, 
.sunshine_header ul.navigation>li:hover > a,
.sunshine_header ul.navigation>li a.has_submenu{
  background-color:var(--theme-header-menu-link-background-color-hover);
  color:var(--theme-header-menu-link-hover-color);
}
.sunshine_header ul.navigation > li > a:focus-visible{
  background-color:var(--theme-header-menu-link-background-color-hover);
  color:var(--theme-header-menu-link-hover-color); 
}
.header_left_panel ul.navigation > li > a > i {
  position:absolute;
  left:1.25rem;
  margin:auto;
}
[dir="rtl"] .header_left_panel ul.navigation > li > a > i {
  right:1.25rem;
  left:auto;
}
.header_left_panel > ul.navigation > li > a span{
  flex:1;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.main_menu_submenu{
  background:var(--theme-header-menu-link-background-color-hover);
}
.sunshine_header .header_left_panel ul.navigation li a .open_submenu{
  position:absolute;
  left:auto;
  right:0rem;
  visibility:hidden;
  width:2.1875rem;
  height:4.125rem;
  line-height:4.125rem;
  text-align:center;
}
[dir="rtl"] .sunshine_header .header_left_panel ul.navigation li a .open_submenu{
  right:auto;
  left:0;
}
.header_left_panel.header-nav-open ul.navigation li a .open_submenu{
  visibility:visible;
}
.sunshine_header>.header_left_panel>ul.navigation ul.main_menu_submenu li{
  display:none;
}
.sunshine_header>.header_left_panel.header-nav-open>ul.navigation ul.main_menu_submenu li{
  display:block;
}
.sunshine_header ul.main_menu_submenu > li > a{
  background-color:var(--theme-header-menu-link-background-color-hover);
  color:var(--theme-header-menu-link-hover-color);
  position:relative;
  font-size:0.9375rem;
  display:block;
  padding:0.9375rem 0.9375rem 0.9375rem 3.125rem;
}
[dir="rtl"] .sunshine_header ul.main_menu_submenu > li > a{
  padding:0.9375rem 3.125rem 0.9375rem 0.9375rem;
}
.sunshine_header ul.main_menu_submenu > li > a:hover,
.sunshine_header ul.main_menu_submenu > li.selected_sub_main_menu > a,
.sunshine_header ul.main_menu_submenu > li > a:focus-visible{
  background-color:var(--theme-header-menu-background-color);
  color:var(--theme-header-menu-link-color);
}
.sunshine_header ul.main_menu_submenu > li > a i{
  position:absolute;
  left:1.375rem;
  top:1.125rem;
}
[dir="rtl"] .sunshine_header ul.main_menu_submenu > li > a i{
  right:1.375rem;
  left:auto;
}
/*Menu Tooltip*/
.header-open .tooltip{
  display:none !important;
}
[dir="rtl"] .tooltip .tooltip-arrow{
  display: none;
}
/*Horizontal*/
.sunshine_main_menu{
  background-color:var(--theme-header-menu-background-color);
  box-shadow:0 0.3125rem 0.3125rem rgba(0, 0, 0, 0.1);
}
.sunshine_main_menu_container{
  width:var(--theme-header-menu-width);
  margin:0 auto;
  padding:0.3125rem 0;
}
.sunshine_main_menu .navigation_button .toggle_button {
    display: none;
}
.sunshine_main_menu .navigation{
  display:flex;
  flex-wrap:wrap;
  margin:0 -0.3125rem;
}
.sunshine_main_menu .navigation > li{
  border-radius:0.25rem;
  display:flex;
  align-items:center;
  margin:0.3125rem;
  position:relative;
}
.sunshine_main_menu .navigation > li:hover > a, 
.sunshine_main_menu .navigation > li.active > a, 
.sunshine_main_menu .navigation > li.active >.menu_core_main i {
  color:var(--theme-header-menu-link-hover-color) !important;
}
.sunshine_main_menu .navigation > li:hover,
.sunshine_main_menu .navigation > li.active {
  background:var(--theme-header-menu-link-background-color-hover) !important;
}
.sunshine_main_menu .navigation > li a{
  font-size:var(--theme-menu-link-size);
  font-family:var(--theme-header-menu-font-family);
  padding:0.625rem 0.9375rem;
  border-radius:0.25rem;
  font-weight:400;
  display:flex;
  align-items:center;
}
.sunshine_main_menu .navigation > li a:link, 
.sunshine_main_menu .navigation > li a:visited {
  color:var(--theme-header-menu-link-color);
  text-decoration:none;
}
.sunshine_main_menu .navigation > li > a > i{
  margin-right:0.3125rem;
  font-family:'Font Awesome 6 Free';
  font-style:normal;
}
.sunshine_main_menu .navigation > li > a > i.menu_icon{
  margin-right:0.3125rem;
}
[dir="rtl"] .sunshine_main_menu .navigation > li > a > i.menu_icon{
  margin-right:0;
  margin-left:0.3125rem;
}
.sunshine_main_menu .navigation > li > a > i:not(.menu_icon){
  margin-left:0.3125rem;
}
[dir="rtl"] .sunshine_main_menu .navigation > li > a > i:not(.menu_icon){
  margin-left:0;
  margin-right:0.3125rem;
}
.sunshine_main_menu .main_menu_submenu{
  display:none;
  position:absolute;
  margin:0rem;
  padding:0.125rem;
  min-width:10.625rem;
  z-index:99;
  top:2.1875rem;
  border-radius:0.25rem;
  text-align:left;
  max-height:18.75rem;
  overflow:auto;
  white-space:nowrap;
}
.sunshine_main_menu ul.main_menu_submenu > li + li{
  margin-top:0.125rem;
}
.sunshine_main_menu ul.main_menu_submenu > li > a{
  padding:0.625rem 0.8125rem !important;
  display:flex;
  align-items:center
}
.sunshine_main_menu ul.main_menu_submenu > li > a i{
  position:initial;
  margin-right:0.3125rem;
  left:inherit !important;
  top:inherit !important;
}
[dir="rtl"] .sunshine_main_menu ul.main_menu_submenu > li > a i{
  margin-left:0.3125rem;
  margin-right:0;
}
.sunshine_main_menu .more_tab ul.main_menu_submenu li a.menu_core_main i:not(.menu_icon){
  display: none;
}
/*Mini Menu*/
.sunshine_header div#core_menu_mini_menu > ul > li{
  padding-left:0.9375rem;
  display:inline-table;
  overflow:visible;
  vertical-align:middle;
}
[dir="rtl"] .sunshine_header div#core_menu_mini_menu > ul > li{
  padding-right:0.9375rem;
  padding-left:0;
}
.sunshine_header .layout_core_menu_mini #core_menu_mini_menu > ul > li > a{
  display:block;
  color:var(--theme-header-menu-link-color);
  font-weight:600;
  font-size:1rem;
  padding:0;
  text-transform:uppercase;
}
.sunshine_header div#core_menu_mini_menu > ul > li a.show_icons i.minimenu_icon:before{
  font-size:1.25rem;
  border:none !important;
  padding:0 !important;
}
.layout_core_menu_mini #core_menu_mini_menu li#core_menu_mini_menu_update #updates_toggle{
  margin:0;
}
.sunshine_header .layout_core_menu_mini #core_menu_mini_menu > ul > li > a.core_mini_profile{
  width:2.1875rem !important;
  height:2.1875rem !important;
  padding:0;
  text-align:center;
  border:0rem solid;
  border-radius:50%;
  box-sizing:border-box;
  overflow:visible;
  display:flex;
  align-items:center;
  justify-content:center;
}
.guest-user .sunshine_header .layout_core_menu_mini #core_menu_mini_menu > ul > li > a.core_mini_profile{
  border-width:0.0625rem;
}
.sunshine_header .layout_core_menu_mini #core_menu_mini_menu > ul > li > a.core_mini_profile > .bg_item_photo {
  border-radius:50%;
  border:none;
  margin:0;
  width:2.1875rem;
  height:2.1875rem;
}
.sunshine_header div#core_menu_mini_menu > ul > li#core_menu_mini_menu_update .pulldown_contents_wrapper i:before{
  font-size:1rem !important;
}
.sunshine_header .layout_core_menu_mini #core_menu_mini_menu > ul > li .core_mini_auth.show_icons, 
.sunshine_header .layout_core_menu_mini #core_menu_mini_menu > ul > li .core_mini_signup.show_icons{
  border:0.125rem solid;
  padding:0.5rem 1rem !important;
  font-size:1rem !important;
  display:inline-block !important;
  vertical-align:middle;
  border-radius:3.125rem;
}
.sunshine_header .layout_core_menu_mini #core_menu_mini_menu > ul > li .core_mini_auth.show_icons:hover, 
.sunshine_header .layout_core_menu_mini #core_menu_mini_menu > ul > li .core_mini_signup.show_icons:hover{
  color:var(--theme-header-menu-link-color);
  background-color:var(--theme-header-menu-background-color);
  border-color:var(--theme-header-menu-background-color);
}
.sunshine_header .layout_core_menu_mini #core_menu_mini_menu > ul > li .core_mini_auth.show_icons i:before, 
.sunshine_header .layout_core_menu_mini #core_menu_mini_menu > ul > li .core_mini_signup.show_icons i:before{
  font-size:0.875rem !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-left:0.3125rem;
  margin-right:0;
}
.sunshine_header .layout_core_menu_mini #core_menu_mini_menu > ul .core_mini_auth span, 
.sunshine_header .layout_core_menu_mini #core_menu_mini_menu > ul .core_mini_signup.show_icons span{
  display:inline-block !important;
  vertical-align:middle;
  text-transform:capitalize;
  font-weight:500;
}
.sunshine_header .layout_core_menu_mini #core_menu_mini_menu > ul .core_mini_auth i,
.sunshine_header .layout_core_menu_mini #core_menu_mini_menu > ul .core_mini_signup.show_icons i{
  display:inline-block !important;
  vertical-align:middle;
}
.sunshine_header .layout_core_menu_mini #core_menu_mini_menu > ul > li a.show_icons, 
.sunshine_header .layout_core_menu_mini #core_menu_mini_menu > ul > li a.show_icons i.minimenu_icon{
  width:auto;
  height:auto;
  overflow:initial;
  color:var(--theme-header-minimenu-link-color);
}
.sunshine_header .layout_core_menu_mini #core_menu_mini_menu > ul > li a.show_icons:focus-visible{
  border:0.0625rem solid #000;
  outline: 0;
}
.sunshine_header .layout_core_menu_mini #core_menu_mini_menu > ul > li .core_mini_auth.show_icons:hover i, 
.sunshine_header .layout_core_menu_mini #core_menu_mini_menu > ul > li .user_signup_link.menu_core_mini:hover i{
  color:var(--theme-header-menu-link-color);
}
.sunshine_header .layout_core_menu_mini #core_menu_mini_menu > ul > li a.show_icons{
  font-size:0;
}
.sunshine_header .layout_core_menu_mini #core_menu_mini_menu > ul > li a.show_icons.language_btn {
  padding: 0.3125rem 0.625rem;
}
.minimenu_update_count_bubble, 
.minimenu_message_count_bubble{
  height:1rem;
  min-width:1rem;
  line-height:1rem;
  padding:0 0.125rem;
  margin-left:0.75rem;
  margin-top:-0.5625rem !important;
}
[dir="rtl"] .minimenu_update_count_bubble, 
[dir="rtl"] .minimenu_message_count_bubble{
  margin-left:0rem;
  margin-right:0.75rem;
}
.minimenu_message_count_bubble.show_icons,
.minimenu_update_count_bubble_active.show_icons{
  display:block;
}
.core_settings_dropdown{
  margin-top:2.9375rem;
}
/* Footer */
#global_footer{
  border-top:0.0625rem solid var(--theme-footer-border-color);
  background:var(--theme-footer-background-color);
  display:block;
  margin-top:1.25rem;
  width:100%;
}
.layout_page_footer{
  clear:both;
  text-align:center;
  overflow:hidden;
  margin-top:1.875rem;
}
.layout_page_footer .layout_main{
  text-align:left;
  overflow:hidden;
  padding:0.625rem;
  width:90%;
  margin:0 auto;
}
div.layout_core_menu_footer{
  margin-top:0;
  font-size:95%;
}
.generic_layout_container.layout_core_menu_footer{
  display:flex;
  width:100%;
  text-align:center;
  margin:auto;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
}
.footer_left_links{
  float:none;
  margin:0 1rem 0 0rem;
  color:var(--theme-footer-font-color);
  font-size:0.9375rem;
}
[dir="rtl"] .footer_left_links{
  margin:0 0 0 1rem;
}
.footer_left_links a{
  padding-left:0.9375rem;
  position:relative;
  color:var(--theme-footer-link-color);
}
.footer_left_links span{
  padding-right:0.3125rem;
}
.layout_core_menu_footer .language_chooser .language_chooser_btn{
  border:0.0625rem solid;
}
.footer_donotsell{
  width:100%;
  margin:auto;
  text-align:center;
  margin-top:0.625rem;
}
.footer_donotsell input[type=checkbox]{
  width:auto;
  display:inline-block;
  float:none;
}
/* 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{
  border-radius:0.1875rem;
  background-color:var(--theme-list-background-color);
  display:inline-block;
  padding:.5em .9em;
  margin-bottom:0.9375rem;
  border:0.0625rem solid #e4dfc6;
}
.tip>span:before{
  content:"\f0eb";
  font-family:'Font Awesome 6 Free';
  margin-right:0.3125rem;
  color:#FF9800;
}
.tip>span:before{
  content:"\f0eb";
  font-family:'Font Awesome 6 Free';
}
[dir="rtl"] .tip>span{
  float:right;
}
[dir="rtl"] .tip>span:before{
  margin-right:0rem;
  margin-left:0.3125rem;
}
/* GLOBAL FORM RESPONSES Used to show feedback from form submissions, 
i.e. error/result messages. */
ul.form-errors, 
ul.form-notices{
  margin:0rem 0rem 1.25rem 0rem;
  overflow:hidden;
}
*+ul.form-errors, 
*+ul.form-notices{
  margin-top:1.25rem;
}
ul.form-errors>li, 
ul.form-notices>li{
  border-radius:0.25rem;
  margin:0.4375rem 0.3125rem 0.4375rem 0.3125rem;
  padding:0.3125rem 0.9375rem 0.3125rem 0.9375rem;
  float:left;
  clear:left;
  overflow:hidden;
  border:0.0625rem solid #ccc;
  color:#464646 !important;
}
[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 6 Free';
  margin-right:0.3125rem;
  color:#FF9800;
  font-weight:900;
}
[dir="rtl"] ul.form-errors>li:before{
  margin-right:0rem;
  margin-left:0.3125rem;
}
ul.form-notices>li{
  background-color:#e9faeb;
  border:none;
}
ul.form-notices>li:before{
  content:"\f00c";
  font-family:'Font Awesome 6 Free';
  margin-right:0.3125rem;
  color:#4CAF50 !important;
}
[dir="rtl"] ul.form-notices>li:before{
  margin-right:0rem;
  margin-left:0.3125rem;
}
/* GLOBAL FORM ELEMENTS Used for most forms throughout the site. */
button{
  background-color:var(--theme-button-background-color);
  color:var(--theme-button-font-color);
  border:0.0625rem solid var(--theme-button-border-color);
  border-radius:0.3125rem;
  padding:.5em .8em;
  font-size:100%;
  border:none;
  text-transform:uppercase;
  transition:all .2s ease-in-out;
  outline:0;
}
button:hover,
button:focus-visible{
  background-color:var(--theme-button-background-color-hover);
  color:var(--theme-button-font-color-hover);
  border-color: var(--theme-button-border-color-hover);
  cursor:pointer;
  transition:all .2s ease-in-out;
}
button:active{
  background-color:var(--theme-button-background-color-hover);
  background-image:none;
}
input[type=text], 
input[type=email], 
input[type=password], 
input.text, 
textarea, 
select,
html .selectize-input,
html .selectize-control.single .selectize-input.input-active,
.form-control{
  background-color:var(--theme-input-background-color);
  resize:none;
  box-sizing:border-box;
  color:var(--theme-input-font-color);
  border:0.0625rem solid var(--theme-input-border-colors);
  border-radius:0.3125rem;
  font-size:0.875rem;
  display:block;
  padding:0.625rem;
  max-width:100%;
  width:100%;
  outline:0;
}
.form-control:focus{
  background-color:var(--theme-input-background-color);
  color:var(--theme-font-color);
}
input:focus-visible, 
textarea:focus-visible, 
select:focus-visible{
  border: 0.0625rem solid var(--theme-color) !important;
}
::placeholder{
  color:var(--theme-input-font-color);
  opacity: 1;
}
html .selectize-input > input{
  color:var(--theme-font-color);
}
input[type=checkbox], 
input[type=radio]{
  border:none;
  padding:0rem;
  margin:0.125rem 0.3125rem 0rem 0rem;
  width:auto;
  display:block;
  float:left;
}
[dir="rtl"] input[type=checkbox], 
[dir="rtl"] input[type=radio]{
  margin:0.125rem 0rem 0rem 0.3125rem;
  float:right;
}
input[type=checkbox]+label, 
input[type=radio]+label{
  display:block;
  cursor:pointer;
}
textarea.codebox{
  width:95%;
  min-height:12.5rem;
  font-family:courier new, courier, serif;
}
[dir="rtl"] select{
  padding:0.375rem 0.0625rem 0.375rem 0rem;
}
select option{
  padding:0rem 0.625rem 0rem 0.1875rem;
}
[dir="rtl"] select option{
  padding:0rem 0.1875rem 0rem 0.625rem;
}
a.buttonlink{
  display:inline-block;
  line-height:200%;
}
a.buttonlink_right{
  font-weight:600;
  display:inline-block;
}
br.multi-text-separator{
  margin-bottom:0.5rem;
}
.global_form div#body-element #compose-container{
  border:0.0625rem solid var(--theme-input-font-color);
  border-radius:0.3125rem;
}
textarea.im_menu_convo_input{
  padding:0rem !important;
}
input:focus-visible, 
select:focus-visible, 
textarea:focus-visible{
  border-color: var(--theme-button-background-color) !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 */
form.global_form{
  clear:both;
  overflow:hidden;
  width:55%;
}
/* external form border */
.global_form>div{
  overflow:hidden;
  /* float:left; */
}
/* internal form border */
.global_form>div>div{
  box-sizing:border-box;
  overflow:hidden;
}
/* form headline */
.global_form > div > div > h3{
  font-size:1.25rem;
  font-weight:600;
  margin:0;
  padding-bottom:0;
}
.global_form div.form-wrapper-heading{
  font-weight:600;
  border-bottom:0.0625rem solid var(--theme-border-color);
  height:1em;
  margin-bottom:0.9375rem;
}
.global_form div.form-wrapper-heading>span{
  display:block;
  position:absolute;
  overflow:hidden;
  padding:0.25rem 0.375rem 0.25rem 0rem;
  background:var(--theme-list-background-color);
}
[dir="rtl"] .global_form div.form-wrapper-heading>span{
  padding:0.25rem 0rem 0.25rem 0.375rem;
}
.global_form div.form-wrapper+div.form-wrapper-heading{
  margin-top:0.625rem;
}
/* form instructions (after title) */
.global_form>div>div>h3+p{
  padding:0;
  margin-top:0.3125rem;
  line-height:140%;
  box-sizing:border-box;
  font-size:0.90em;
}
/* add some space above form elements if title/instructions precede */
.global_form>div>div>h3+div, 
.global_form>div>div>h3+p+div{
  margin-top:1.25rem;
}
/* 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{
  margin-bottom:0.625rem;
}
/* right-side form element container */
.global_form div.form-element{
  width:100%;
  min-width: 100%;
  max-width:100%;
  text-align:left;
  margin-bottom:0.625rem;
  overflow:hidden;
  clear:none;
}
[dir="rtl"] .global_form div.form-element {
  text-align:right;
}
/* all paragraphs of text in the form */
.global_form div>p{
  padding-bottom:0rem;
  margin-bottom:0;
  margin-top:0.3125rem;
}
/* paragraphs of text that come after an input element */
.global_form div>input+p{
  margin-top:0.1875rem;
  font-size:10pt;
}
/* all text inputs in form */
/* 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:0.3125rem;
}
/* all checkboxes and radios in form */
.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:0rem;
  margin-left:0.125rem;
}
[dir="rtl"] .global_form input+label{
  float:right;
  margin-left:0rem;
  margin-right:0.125rem;
}
/* All Select Boxes in Form */
[dir="rtl"] .global_form select{
  padding:0.625rem;
}
/* All Textareas in Form */
.global_form p.description{
  margin:0.4375rem 0rem 0.625rem 0rem;
  padding:0rem;
  font-size:var(--theme-font-size-small);
}
.global_form #submit-element{
  margin-bottom:0;
}
.global_form button[type=submit]{
  margin-right:3px;
}
form.global_form_activity_edit_post .form-elements{
  align-items:center;
}
[dir="rtl"] .global_form button[type=submit]{
  margin-right:0;
  margin-left:0.1875rem;
}
/* Required field asterisk */
.form-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{
  padding:0;
  width:auto;
}
#global_page_user-auth-login .global_form{
  width:100%;
  margin:auto;
}
.global_form_box .form-wrapper+.form-wrapper{
  margin-top:0.3125rem;
}
.global_form_box .form-label{
  padding:0;
  width:auto;
  float:none;
  clear:both;
  margin:0;
}
.global_form_box label{
  text-align:left;
  display:block;
  margin-bottom:0.125rem;
}
[dir="rtl"] .global_form_box label{
  text-align:right;
}
.global_form_box .form-element{
  overflow:hidden;
}
#filter_form label{
  font-size:1rem;
}
.layout_group_browse_search .global_form{
  width:100%;
}
#filter_form .browse-range-wrapper input[type="text"], 
form.filters .browse-range-wrapper input[type="text"]{
  width:49% !important;
  display:inline-block;
}
.layout_event_browse_search form.filters, 
.layout_group_browse_search form.filters{
  background-color:transparent;
}
div#searchform{
  float:none;
}
div#searchform form{
  display:flex;
  width:100%;
}
.layout_event_browse_search label, 
.layout_group_browse_search label{
  font-size:1rem;
  margin-bottom:0.25rem;
}
.layout_event_browse_search div#search_text-wrapper, 
.layout_group_browse_search div#search_text-wrapper{
  margin-bottom:0.9375rem;
}
form.filters dd{
  margin-bottom:0.9375rem !important;
}
.global_form_box .form-element input, 
.global_form_box .form-element select, 
.layout_event_browse_search input, 
.layout_event_browse_search select, 
.layout_group_browse_search input, 
.layout_group_browse_search select{
  border-radius:0.3125rem !important;
  border:0.0625rem solid var(--theme-input-border-colors);
  color:var(--theme-font-color);
  font-size:0.875rem;
  padding:0.5rem 0.625rem;
}
.layout_event_browse_search .form-element button, 
.layout_group_browse_search .form-element button, 
.browseclassifieds_criteria.classifieds_browse_filters button{
  border-radius:3.125rem;
  padding:0.5625rem 1.375rem;
  font-weight:600;
  font-size:1rem;
}
.global_form_box .form-element button{
  border-radius:3.125rem;
  padding:0.5625rem 1.375rem;
  font-weight:600;
  font-size:1rem;
}
/* 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{
  border-radius:4px;
}
#filter_form .form-wrapper+.form-wrapper{
  margin-top:0.9375rem;
}
form.filters div.form-label{
  margin-bottom:0.1875rem;
  font-size:90%;
}
form.filters div.form-element{
  margin-top:0.125rem;
}
form.filters button{
  margin-top:0.25rem;
}
form.filters dt{
  font-size:90%;
  padding-bottom:0.125rem;
}
form.filters dd{
  margin-bottom:0.5rem;
}
#filter_form, 
form.filters{
  font-size:90%;
}
/* POPUP FORM These are used to style popup (i.e. smoothbox) forms. Also used to style popup response messages, etc. */
.global_form_popup{
  padding:0.625rem 0.625rem 0.625rem 0.8125rem;
  overflow:hidden;
}
[dir="rtl"] .global_form_popup{
  padding:0.625rem 0.8125rem 0.625rem 0.625rem;
  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:0.625rem;
}
.global_form_popup #buttons-wrapper button{
  margin-right:0.25rem;
}
[dir="rtl"] .global_form_popup #buttons-wrapper button{
  margin-right:0rem;
  margin-left:0.25rem;
}
.global_form_popup_message{
  display:block;
  padding:1em;
  text-align:center;
  font-weight:600;
}
.global_form select{
  max-width:100%;
  width:100%;
}
.global_form div.form-wrapper{
  margin-bottom:0.625rem;
}
.form-element .selectize-input{
  box-shadow:none;
  padding:0.6875rem 0.625rem;
  border-radius:0.3125rem;
  border-color:var(--theme-input-border-colors) !important;
  display:inline-flex;
}
.form-element .selectize-input.focus{
  box-shadow:none;
}
form#form-upload div.form-label label{
  text-align:left;
  display:block;
}
[dir="rtl"] form#form-upload div.form-label label{
  text-align:right;
}
a#upload_file_link:before{
  margin-right:0.625rem;
}
[dir="rtl"] a#upload_file_link:before{
  margin-left:0.625rem;
  margin-right:0;
}
.global_form button[type=submit]{
  border-radius:3.125rem;
  font-size:1rem;
  font-weight:600;
  padding:0.625rem 1.25rem;
}
.global_form div.form-wrapper label{
  color:var(--theme-font-color);
  font-weight:500;
}
/* UPLOAD FORM Styles the file upload form. */
#form-upload #file-label{
  display:none;
}
#form-upload #submit-wrapper{
  display:none;
}
#form-upload #demo-status a.buttonlink{
  margin-right:0.9375rem;
}

/* HEADLINE Used at the top of most browse pages. Often contains button-style tabs. */
.headline{
  overflow:hidden;
}
.headline h2{
  margin-right:1.5625rem;
  margin-bottom:0rem;
  margin-left:0.1875rem;
  display:inline-block;
  vertical-align:middle;
  float:none !important;
}
[dir="rtl"] .headline h2{
  float:right;
  margin-right:0.1875rem;
  margin-left:1.5625rem;
}
/* TABS (BUTTON STYLE, DEFAULT) */
.tabs{
  overflow:hidden;
  border-radius:5px;
  display:inline-block;
  vertical-align:middle;
  margin-left:20px;
  margin-top:5px;
}
.tabs *{
  font-family:var(--theme-buttontabs-font-family);
}
[dir="rtl"] .tabs{
  margin-left:0rem;
  margin-right:1.25rem;
}
.tabs > ul{
  display:inline-block;
  vertical-align:middle;
}
.tabs > ul > li{
  margin-right:0.625rem;
  display:inline-block;
  vertical-align:middle;
}
[dir="rtl"] .tabs > ul > li{
  margin-right:0rem;
  margin-left:0.625rem;
}
.tabs > ul > li >a{
  border:0.125rem solid var(--theme-button-border-color);
  color:var(--theme-buttontabs-font-color);
  display:inline-block;
  padding:0.6875rem 1.3125rem;
  font-size:0.875rem;
  border-radius:3.125rem;
  font-weight:600;
  transition:0.5s;
  outline:0;
}
.tabs > ul > li > a:hover{
  background-color:var(--theme-buttontabs-background-color-hover);
  color:var(--theme-buttontabs-font-color-hover);
}
.tabs > ul > li.active > a,
.tabs > ul > li > a:focus-visible{
  background-color:var(--theme-buttontabs-background-color-active);
  color:var(--theme-buttontabs-font-color-active);
}
.tabs > ul > li.active > a:hover{
  text-decoration:none;
}
/* TABS (TAB STYLE, NON-DEFAULT) */
.tabs_alt{
  background-color:transparent;
  background-image:none;
  border-radius:0.3125rem;
  padding:0rem;
  -moz-user-select:none;
  -webkit-user-select:none;
}
.tabs_alt > ul{
  margin:0;
  font-weight:600;
  padding:0;
  border:none !important;
}
.tabs_alt > ul > li > a{
  text-decoration:none;
  color:var(--theme-tabs-font-color);
  outline:none;
  padding:0.4375rem 0.9375rem;
  border-radius:1.25rem;
  display:block;
  border:0.125rem solid var(--theme-tab-border-color) !important;
  margin:0.125rem 0.375rem 0rem 0;
}
.tabs_alt > ul > li > a:hover,
.tabs_alt > ul > li > a:focus-visible{
  background-color:var(--theme-tabs-background-color-hover);
  color:var(--theme-tabs-font-hover-color);
}
.tabs_alt > ul >li.tab_active > a, 
.tabs_alt > ul > li.active > a{
  background:var(--theme-tabs-background-color-active);
  color:var(--theme-tabs-font-color-active);
}
.tabs_alt > ul > li > a span{
  font-size: var(--theme-font-size-small);
  font-weight:normal;
  margin-left:0.25rem;
  border:none;
}
[dir="rtl"] .tabs_alt>ul>li>a span{
  margin-left:0rem;
  margin-right:0.25rem;
}
.tab_container_inactive{
  display:none;
}
.tabs_alt>ul>li.tab_open>a{
  border-radius:3.125rem !important;
}
.tab_pulldown_contents{
  background:var(--theme-pulldown-contents-background-color);
  width:8.75rem;
  max-height:31.25rem;
  overflow-y:auto;
}
.tab_pulldown_contents_wrapper {
  background-color:var(--theme-tabs-background-color-active);
  display:none;
  position:absolute;
  padding:0.125rem;
  z-index:99;
  margin:0;
  border-radius:0.3125rem;
  margin-top:0.3125rem;
}
.tab_pulldown_contents > ul > li > a{
  padding:0.5rem 0.625rem;
  font-size:90%;
  min-width:6.25rem;
  max-width:15.625rem;
  -moz-user-select:none;
  -webkit-user-select:none;
  display: block;
  outline: 0;
}
.tab_pulldown_contents > ul > li + li a{
  border-top:0.0625rem solid var(--theme-tab-border-color);
}
.tab_pulldown_contents > ul > li a:hover{
  background-color:var(--theme-tabs-background-color-hover);
  color:var(--theme-tabs-font-hover-color);
  cursor:pointer;
}
.tab_pulldown_contents > ul > li.active a,
.tab_pulldown_contents > ul > li a:focus-visible{
  background-color:var(--theme-tabs-background-color-active);
  color:var(--theme-tabs-font-color-active);
}
.tabs_alt > ul > li.tab_open .tab_pulldown_contents_wrapper{
  display:block;
}

/*Tabs Container*/
.layout_core_container_tabs{
  background:none !important;
  padding:0 !important;
  border:0px !important;
}
.layout_core_container_tabs > .tabs_alt{
  background-color: var(--theme-list-background-color);
  padding: 0.625rem;
  margin-bottom: 0.9375rem;
}
/* PULLDOWN SELECT BOX Styles the inline pulldown select popup box that is used as an 
alternative to regular input select boxes in some places. */
.pulldown > a, 
.pulldown_active > a{
  display:inline-block;
  font-weight:600;
  padding:0.3125rem 0.4375rem 0.3125rem 1.125rem;
  outline:none;
  font-size:90%;
  -moz-user-select:none;
  -webkit-user-select:none;
}
.pulldown > a{
  border-radius:0.25rem;
  background-color:var(--theme-button-background-color);
  color:var(--theme-button-font-color);
  text-decoration:none;
  display:flex;
}
.pulldown > a:hover{
  background-color:var(--theme-button-background-color-hover);
}
.pulldown_active > a{
  background-color:var(--theme-pulldown-background-color-active);
  color:var(--theme-pulldown-font-color-active);
  text-decoration:none;
}
.pulldown_active .pulldown_contents_wrapper{
  display:block;
}
#core_menu_mini_menu .pulldown_contents_wrapper{
  margin-left:-9.375rem;
}
[dir="rtl"] #core_menu_mini_menu .pulldown_contents_wrapper{
  margin-left:0;
  margin-right:-9.375rem;
}
.pulldown_options a{
  font-size:90%;
  text-align: center;
  display:block;
}
.pulldown_active
.pulldown > a{
  display:flex;
}
.pulldown > a:before, 
.pulldown_active > a:before{
  font-family:'Font Awesome 6 Free';
  font-size:0.875rem;
  font-weight:600;
  content:"\f0d7";
  order:2;
  margin-left:5px;
}
[dir="rtl"] .pulldown > a:before{
  margin-left:0;
  margin-right:5;
}
.core_mini_friends .pulldown_options{
  display:block;
}
.core_mini_friends .pulldown_options > a{
  border-width:0;
}
.chat_header .pulldown > a{
  color:var(--theme-button-font-color) !important;
}
.chat_header .pulldown > a:hover{
  color:var(--theme-button-background-color) !important;
}
/* PULLDOWN SELECT BOX FOR UPDATES Styles the inline pulldown select popup box 
used for updates that is used as an alternative to regular input select boxes in some places. */
#core_mini_updates_pulldown{
  display:inherit !important;
}
.updates_pulldown>a.core_mini_update, 
.updates_pulldown_active>a.core_mini_update{
  display:block;
  color:var(--theme-header-menu-link-color);
  font-weight:600;
  padding:0;
  text-transform:uppercase;
}
.updates_pulldown>a.core_mini_update{
  display:block;
  border-radius:0.1875rem;
  font-weight:600;
  padding:0;
  margin-right:0.3125rem;
  text-transform:uppercase;
}
.updates_pulldown>a.new_updates:hover{
  border-radius:0.1875rem;
  color:var(--theme-header-menu-link-color);
  background-color:transparent;
}
.updates_pulldown_active>a.core_mini_update{
  text-decoration:none;
}
.pulldown_contents_wrapper{
  margin-top:40px
}
/* TAGS Styles lists of tags that are used for message recipients, lists of friend lists, etc. 
Each tag has its own remove link. */
.tag{
  border-radius:0.1875rem;
  display:inline-block;
  background-color:var(--theme-tag-background-color);
  font-weight:600;
  display:inline-block;
  padding:.4em .6em .4em .6em;
  margin:0rem 0.625rem 0.3125rem 0rem;
  font-size:90%;
}
[dir="rtl"] .tag{
  margin:0px 0px 5px 10px;
}
.tag>a{
  text-decoration:none;
  padding-left:0.375rem;
  text-transform:uppercase;
}
[dir="rtl"] .tag>a{
  float:left;
  padding-left:0rem;
  padding-right:0.375rem;
}
/*Pagination*/
.pages{
  margin-top:1.25rem;
}
.paginationControl{
  border:0.0625rem solid var(--theme-border-color);
}
.paginationControl>li>a{
  font-size:90%;
  font-weight:normal;
}
.paginationControl>li.selected>a{
  font-weight:600;
}
.sharebox{
  margin:0.625rem;
  border:0.125rem dashed var(--theme-border-color);
} 
#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{
  display:block;
  font-size:0.75rem;
  padding:0.625rem 1.25rem 0.625rem 0.625rem;
}
.submenu ul a:hover{
  text-decoration:none;
}
/* Request widget */
ul.requests_widget{
  padding:0;
}
/* Popup */
#TB_iframeContent{
  width:100% !important;
}
#TB_window{
  border-color:var(--theme-button-border-color);
}
/* View more link */
.generic_list_wrapper{
  margin-bottom:0;
}
.generic_list_wrapper > ul{
  padding:0;
}
.viewlink{
  color:var(--theme-color) !important;
}
/*Profile Cover*/
html .profile_cover_photo.remove_overlay:before{
  display:none;
}
html .profile_cover_photo:before{
  position:absolute;
  left:0;
  content:'';
  top:0;
  height:100%;
  width:100%;
  background:rgba(0, 0, 0, .20);
  z-index:1;
}
.profile_cover_photo.cover_photo_wap.b_dark.dragncrop.remove_overlay::before{
  display:none;
}
html .profile_cover_wrapper .profile_main_photo,
html .cover_photo_profile_options{
  z-index:2;
}
html .cover_photo_profile_options{
  bottom:1.25rem;
}
html .cover_photo_profile_options h2{
  margin:0 !important;
}
html .cover_photo_profile_options .coverphoto_navigation ul li{
  padding:0.3125rem;
}
html .cover_photo_profile_options .coverphoto_navigation ul{
  position:initial;
}
html .cover_photo_profile_options .coverphoto_navigation ul li > a:before{
  margin:0;
}
.profile_cover_options .edit-button{
  z-index:5;
}
.profile_main_photo_wrapper .profile_cover_options .edit-button{
  margin-top:-4.375rem;
}
@media (max-width: 767px){
  .profile_cover_head_section{
    z-index:2;
  }
  .profile_main_photo_wrapper .profile_cover_options .edit-button{
    margin-top:0;
  }
  .profile_main_photo_wrapper ul.profile_options_pulldown{
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
  [dir="rtl"] .profile_main_photo_wrapper ul.profile_options_pulldown{
    left: auto !important;
    right:50% !important;
    transform: translateX(50%);
  }
  .profile_main_photo_wrapper ul.profile_options_pulldown::before{
    left:50% !important;
    right:auto !important;
    transform: translateX(-50%);
  }
}
.profile_cover_photo_tabs .tabs_alt{
  box-shadow:inherit !important;
  border:0.0625rem solid var(--theme-border-color);
  border-radius:0.3125rem;
}
.generic_layout_container.layout_core_container_tabs.profile_cover_photo_tabs .tabs_alt > ul > li > a{
  border:0.125rem solid var(--theme-tabs-border-color) !important;
  color:var(--theme-tabs-font-color);
  background:transparent;
  padding:0.4375rem 0.9375rem;
  font-size:0.875rem;
  font-weight:600;
}
.generic_layout_container.layout_core_container_tabs.profile_cover_photo_tabs .tabs_alt > ul > li.active > a{
  background:var(--theme-tabs-background-color-active);
  color:var(--theme-tabs-font-color-active);
}
@media (min-width: 768px){
  .generic_layout_container.layout_core_container_tabs.profile_cover_photo_tabs .tabs_alt > ul > li > a:hover,
  .generic_layout_container.layout_core_container_tabs.profile_cover_photo_tabs .tabs_alt > ul > li.active > a,
  .generic_layout_container.layout_core_container_tabs.profile_cover_photo_tabs .tabs_alt > ul > li > a:focus-visible{
    background:var(--theme-tabs-background-color-active);
    color:var(--theme-tabs-font-color-active);
  }
}
.layout_core_container_tabs .layout_activity_feed{
  border:none !important;
}
.layout_user_list_online > div, 
ul.generic_list_widget, 
.layout_core_statistics ul, 
.generic_list_wrapper{
  background-color:transparent;
}
.browsemembers_results .bg_item_photo{
  border-radius:50%;
}
.chat_header .pulldown>a:hover{
  color:var(--theme-buttontabs-font-color-hover);
}
ul.forum_categories .forum_topics>span, 
ul.forum_categories .forum_posts>span{
  font-size:0.875rem;
}
ul.list_wrapper .blogs_options{
  width:8.125rem;
}
.profile_main_photo_wrapper #user_profile_photo, 
.profile_main_photo_wrapper #group_profile_photo, 
.profile_main_photo_wrapper #event_profile_photo{
  border:0.0625rem solid var(--theme-border-color);
  border-radius:50%;
}
.layout_event_profile_info{
  margin:0;
}
#profile_photo img{
  border-radius:50%;
  min-height:auto;
}
.profile_main_photo .item_photo{
  border-radius:50%;
  min-height:auto;
}
.profile_cover_wrapper .profile_main_photo{
  background-color:transparent;
  border:none;
}
.generic_layout_container.layout_user_cover_photo, 
.generic_layout_container.layout_group_cover_photo, 
.generic_layout_container.layout_event_cover_photo, 
.generic_layout_container.layout_poll_cover_photo{
  border-radius:0.3125rem !important;
  background:var(--theme-list-background-color) !important;
  padding:0 !important;
  border:0.0625rem solid var(--theme-border-color) !important;
}
.layout_core_banner a:link, 
.layout_core_banner a:visited{
  padding:0.625rem 1.25rem;
  font-size:1rem;
  border-radius:3.125rem;
  font-weight:500;
}
.layout_core_banner{
  padding:0.625rem !important;
}
.generic_layout_container.layout_user_browse_menu .headline h2{
  font-size:1.375rem;
  color:var(--theme-headline-color);
  font-weight:500;
}
.layout_core_banner > div > section{
  height:25rem;
}
.browsemembers_criteria label.optional{
  font-size:0.875rem;
  font-weight:500;
}
.browsemembers_criteria{
  background-color:transparent;
}
.field_search_criteria input, 
.field_search_criteria select{
  margin-top:0.375rem;
}
.browsemembers_criteria li.browse-range-wrapper select{
  display:inline-block;
  width:43%;
  margin:0 0.3125rem;
}
.browsemembers_criteria > ul > li + li{
  margin-top:0.9375rem;
}
.browsemembers_results > ul > li{
  border-width:0;
}
.browsemembers_results ul > li > a{
  width:100%;
  height:auto;
}
.browsemembers_results a .bg_item_photo{
  border:0.0625rem solid var(--theme-border-color);
  padding-top:100%;
  display:block;
}
.browsemembers_results div.browsemembers_results_info{
  padding:1.5rem 0 0.625rem 0;
}
.browsemembers_results div.browsemembers_results_info a{
  font-size:1.0625rem;
}
.browsemembers_results_links a.buttonlink{
  background:var(--theme-button-background-color);
  border:0.0625rem solid var(--theme-button-border-color);
  color:var(--theme-button-font-color);
  border-radius:3.125rem;
  font-weight:600;
  margin-bottom:1rem;
  display:block;
  font-size:var(--theme-font-size);
}
.browsemembers_results_links a.buttonlink.icon_user_block{
  background-color:transparent;
  color:var(--theme-button-background-color);
}
.browsemembers_results_links a.buttonlink:hover{
  background-color:var(--theme-button-background-color-hover);
  color:var(--theme-button-font-hover-color);
}
.user_profile_info > ul > li{
  border-bottom:0.0625rem solid var(--theme-border-color);
  border-bottom-style:dashed;
}
.user_profile_info > ul > li:last-child{
  border-bottom:0;
}
/*User Photo*/
.home-links-user{
  margin-bottom:0.625rem;
}
.home-links-user .user{
  padding-top:1.25rem;
}
.home-links-user .user a{
  font-size:1.125rem;
  font-weight:500;
}
.layout_user_home_photo > div > a > img, 
.layout_user_profile_photo div#profile_photo{
  width:12.5rem;
  height:12.5rem;
  border-radius:50%;
  overflow:hidden;
  border:0.125rem solid var(--theme-border-color);
  display:block;
  margin:auto;
}
.layout_user_home_photo > div > a > span{
  border-radius:50%;
  width:100%;
}
.layout_user_profile_photo div#profile_photo img{
  border:none;
}
.layout_user_home_photo h3{
  text-align:center;
}
.layout_user_list_online > div{
  padding:0;
}

/*Statics*/
.layout_core_statistics ul{
  padding:0;
  margin:0;
}
.layout_core_statistics ul > li{
  padding:5px 0;
  text-transform:capitalize;
  display:flex;
  align-items:center;
}
.layout_core_statistics ul li span{
  background-color:var(--theme-button-background-color);
  color:var(--theme-button-font-color);
  min-width:1.75rem;
  height:1.75rem;
  text-align:center;
  border-radius:0.3125rem;
  font-size:1rem;
  line-height:1.875rem;
  margin:0 !important;
  cursor:pointer;
  padding:0 0.3125rem;
  order:2;
}
.layout_core_statistics ul > li div{
  flex:1;
  order:1;
}
/*Quick & Profile Links*/
html .home-links-user .user a{
  justify-content:flex-start;
}
.layout_user_home_links .quicklinks li,
#profile_options li, 
ul.navigation.blogs_gutter_options li{
  padding:0;
}
.layout_user_home_links .quicklinks li + li,
#profile_options li + li, 
ul.navigation.blogs_gutter_options li + li{
  border-top-width:0;
  margin-top:0.625rem
}
.layout_user_home_links .quicklinks li a,
#profile_options li a, 
ul.navigation.blogs_gutter_options li a{
  background-color:var(--theme-button-background-color);
  border:0.125rem solid var(--theme-button-border-color);
  color:var(--theme-button-font-color);
  padding:0.1875rem 0.625rem;
  border-radius:0.3125rem;
  transition:0.5s;
  display:block;
  font-size:0.9375rem;
}
.layout_user_home_links .quicklinks li a:hover, 
#profile_options li a:hover, 
ul.navigation.blogs_gutter_options li a:hover{
  background-color:transparent;
  color:var(--theme-button-background-color);
}
.layout_user_home_links .quicklinks li a.buttonlink:before,
div#profile_options li a.buttonlink:before,
.quicklinks li a:before,
.blogs_gutter_options li a:before{
	margin-right: 0.625rem;
  color:var(--theme-button-font-color) !important;
}
[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: 0rem;
	margin-left: 0.625rem;
}
.layout_user_home_links .quicklinks li a.buttonlink:hover:before,
div#profile_options li a.buttonlink:hover:before,
.quicklinks li a:hover:before,
.blogs_gutter_options li a:hover:before{
  color:var(--theme-button-background-color) !important;
}
/*Chat*/
.im_item_friends_title{
  padding-top:0;
}
.chat_container .chat_input{
  height:3.0625rem;
  border-radius:0 !important;
}
.chat_container{
  background:transparent;
}
.chat_users_wrapper{
  background:transparent;
}

/*All Form Css */
.global_form div#submit-label,
.global_form div#auth_invite-label,
.global_form div#buttons-label,
.global_form div#search-label,
.global_form div#approval-label,
.global_form div#networks-label,
.global_form div#terms-label{
  display:none;
}
ul.form-options-wrapper li label{
  margin-bottom:0.375rem;
}
.global_form div#auth_invite-element label.optional, 
div#approval-element label.optional{
  margin-bottom:0;
}
.global_form div#search-element label.optional{
  margin-bottom:0;
}
.user_profile_edit .form-wrapper{
  position:relative;
}
/*Landing Page 1 Start*/
/*Common Layout Start*/
#global_page_core-index-index .layout_core_landing_page_features{
  background-color: transparent !important;
  border:none;
}
#global_page_core-index-index .layout_core_landing_page_features > h3,
#global_page_core-index-index .layout_blog_landing_page_blogs > h3,
#global_page_core-index-index .layout_core_landing_page_banner,
#global_page_core-index-index .layout_blog_landing_page_blogs{
  border: none;
  text-align: center;
}
#global_page_core-index-index #global_wrapper,
#global_page_core-index-index .layout_blog_landing_page_blogs{
  padding-top: 0;
}
body.sunshine_landingpage_1,
body.sunshine_landingpage_2{
  background:var(--theme-list-background-color);
}
body.sunshine_landingpage_1 #global_content,
body.sunshine_landingpage_2 #global_content{
  width:100%;
}
body.sunshine_landingpage_1 #global_wrapper,
body.sunshine_landingpage_2 #global_wrapper{
  padding:0;
}
body.sunshine_landingpage_1 .generic_layout_container,
body.sunshine_landingpage_2 .generic_layout_container{
  background-color:transparent;
  padding:0;
  border:0;
  margin:0;
}
body.sunshine_landingpage_1 .generic_layout_container.layout_middle .generic_layout_container:nth-child(2n+1){
  background:var(--theme-list-background-color-alt) !important;
}
body.sunshine_landingpage_1 .layout_main .layout_middle .generic_layout_container > h3,
body.sunshine_landingpage_2 .layout_main .layout_middle .generic_layout_container > h3{
  color:var(--theme-headline-color);
}
body.sunshine_landingpage_1 .layout_main .layout_middle .generic_layout_container>h3:after,
body.sunshine_landingpage_2 .layout_main .layout_middle .generic_layout_container>h3:after{
  background-color:var(--theme-button-background-color);
}
body.sunshine_landingpage_1 .layout_main .layout_middle .generic_layout_container>h3:before,
body.sunshine_landingpage_2 .layout_main .layout_middle .generic_layout_container>h3:before{
  background-color:var(--theme-button-background-color);
}
body.sunshine_landingpage_1 .layout_main .layout_middle .generic_layout_container .container > p,
body.sunshine_landingpage_2 .layout_main .layout_middle .generic_layout_container .container > p{
  color:var(--theme-font-color);
}
/*Common Layout End*/
/*Banner Start*/
.landing_banner_content h1{
  color:#fff;
}
.landing_banner_content p{
  color:#fff !important;
}
.landing_banner_content .btn{
  background:var(--theme-list-background-color);
  border:0.125rem solid var(--theme-button-border-color);
  color:var(--theme-font-color);
}
.landing_banner_content .btn:hover{
  background:var(--theme-button-background-color);
  color:var(--theme-button-font-color);
}
/*Banner End*/
/*Features Start*/
.sunshine_features article{
  border:0.125rem solid var(--theme-color);
}
.sunshine_features article figure{
  background-color:var(--theme-list-background-color);
  border:0.125rem solid var(--theme-button-border-color);
}
.sunshine_features article:hover figure{
  border:0.125rem solid var(--theme-button-font-color);
  background:var(--theme-button-background-color);
}
.sunshine_features article:hover{
  background-color:var(--theme-button-background-color);
}
.sunshine_features article:hover h3,
.sunshine_features article:hover p{
  color:var(--theme-button-font-color) !important;
}
/*Features End*/
/*Blog Start*/
.landing_sunshine_blogs .info{
  background-color:var(--theme-list-background-color);
}
.landing_sunshine_blogs .title > a{
  color:var(--theme-headline-color);
}
.landing_sunshine_blogs .description{
  color:var(--theme-font-color);
}
.landing_sunshine_blogs .owner{
  color:var(--theme-headline-color);
}
.landing_sunshine_blogs .owner span{
  color:var(--theme-font-color);
}
/*Blog End*/
/*Member Start*/
.landing_page_member .sunshine_member_box>a{
  border-color:var(--theme-border-color) !important;
}
.landing_page_member .sunshine_member_box .info .friends{
  color:var(--theme-font-color);
}
/*Member End*/
/*Landing Page 1 End*/
/*Landing Page 2 Start*/
.banner_main_left_content h2,
.banner_main_left_content p{
  color:#fff;
}
.banner_main_right input[type=text], 
.banner_main_right input[type=email], 
.banner_main_right input[type=password], 
.banner_main_right select{
  border:0.125rem solid var(--theme-border-color) !important;
}
.banner_main_right p.sign_up-text a{
  color:var(--theme-color);
}
/*Landing Page 2 End*/


/* THEME OVERRIDES Minor core style overrides just for this theme. These are mostly widget-specific overrides. */
/*Common Pulgin Css */
ul.blogs_browse > li ,
ul.classifieds_browse > li,
ul.polls_browse > li,
ul.grid_wrapper.events_browse > li,
ul.groups_browse.grid_wrapper > li,
ul.videos_browse.grid_wrapper > li{
  box-sizing:border-box;
  border-width:0.0625rem;
  background-color:var(--theme-list-background-color-alt);
}
ul.blogs_browse .blogs_browse_info_date a,
ul.classifieds_browse  .classifieds_browse_info_date a,
ul.polls_browse  .polls_browse_info_date a,
ul.events_browse .events_members a,
ul.grid_wrapper > li .groups_title > a,
ul.videos_browse.grid_wrapper > li .video_author a{
  background-color:var(--theme-button-background-color);
  color:var(--theme-button-font-color);
  border-radius:3.125rem;
  padding:0.125rem 0.375rem;
  white-space:nowrap !important;
  font-weight:500;
  display:inline !important;
}
/*Member Page */
.browse-separator-wrapper{
  display:none;
}
/*Alubms Page*/
ul.grid_wrapper > li{
  box-sizing:border-box;
}
ul.grid_wrapper .photo_count{
  background-color:var(--theme-color) ;
  left:0;
  top:0;
}
/*Blog Page*/
ul.blogs_browse > li .blogs_browse_info_blurb,
ul.classifieds_browse .classifieds_browse_info_des,
.blogs_landing_page .description{
  word-break: break-word;
}
ul.blogs_browse .blogs_browse_info_blurb a {
  background-color:var(--theme-button-background-color);
  color:var(--theme-button-font-color);
  border:0.0625rem solid ;
  border-radius:3.125rem;
  width:7.5rem;
  text-align:center;
  margin-top:0.375rem;
  padding:0.375rem 0;
  font-weight:600;
  transition:.5s;
}
ul.blogs_browse .blogs_browse_info_blurb a:hover{
  background-color:transparent;
  color:var(--theme-buttontabs-font-color);
}
#global_page_blog-index-view .blogs_owner_icon+.blogs_gutter_name{
  bottom:40px;
}
/*Ggeneric Widget*/
ul.generic_list_widget .info{
  padding:0 0 0 0.625rem;
}
[dir="rtl"] ul.generic_list_widget .info{
  padding:0 0.625rem 0 0;
}
ul.generic_list_widget .description{
  font-size: var(--theme-font-size);
}
/*Events Page*/
form#event_create_form div#starttime-wrapper select ,
form#event_create_form div#endtime-wrapper select {
  width:auto;
  display:inline-block;
  vertical-align:middle;
  padding:0.625rem 1.25rem;
}
form#event_create_form div.event_calendar_container button.event_calendar{
  float:none;
  background-repeat:no-repeat;
}
ul.grid_wrapper > li > .events_photo{
  margin-bottom:0;
}
ul.grid_wrapper > li .events_info{
  padding:0.625rem 0.9375rem;
}
/*Group Page*/
ul.grid_wrapper > li .groups_title{
  margin:0;
}
/*Video Page*/
.feed_item_attachments .video_thumb_wrapper,
.feed_item_attachments .video_object_upload video{
  width:100%;
}
.video_length{
  background:var(--theme-color);
  opacity:1;
}
ul.grid_wrapper .video_thumb_wrapper{
  margin-bottom:0;
}
.video_object.video_object_iframely{
  display:block;
}
/*pagination*/
.paginationControl > li.selected >  a{
  color:var(--theme-button-font-color);
  padding:0.25rem 0.625rem;
}
.paginationControl > li.selected{
  background:var(--theme-color);
}
.user_setting_global_form input[type=checkbox],
.user_setting_global_form input[type=radio]{
  margin-top:0.25rem;
}

/*Activity Feed*/
.layout_activity_feed > h3{
  margin:0 0 0.9375rem !important;
  padding:0 !important;
  background-color:transparent; 
}
@media(min-width:768px){
  /*Photo View Start*/
  #global_page_activity-index-attachmentview #global_content{
    min-height:initial;
  }
  #global_page_activity-index-attachmentview #global_wrapper .photo_view_media_container,
  #global_page_activity-index-attachmentview #global_wrapper .layout_right{
    min-height:calc(100vh - 3.8125rem);
    max-height:calc(100vh - 3.8125rem);
  }
}