:root{
    --menu_hover: antiquewhite;
}/* +++++++++++++++++++     NAVIGATION     +++++++++++++++++++++++++ */
/*  bootstrap
@media (min-width: 1400px)
    max-width: 1320px;
@media (min-width: 1200px)
    max-width: 1140px;
@media (min-width: 992px)
    max-width: 960px;
@media (min-width: 768px)
    max-width: 720px;
@media (min-width: 576px)
    max-width: 540px;

/* font-family: "Roboto Slab"; 
*/

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

/* Force table to not be like tables anymore */
/*	table, thead, tbody, th, td, tr { 
display: block; 
*/        
}

@media (max-width: 1920px) 
{
    .comment_message { width:84%; }
    .message { width:84%; }
}

@media (max-width: 1620px) 
{
    .comment_message { width:82%; }
    .message { width:82%; }
}

@media (max-width: 1376px) 
{
    .div_block_pages { width: 100%; }
/*    .div_info_block_1 { order: -1; }*/
    .div_info_block_1_28 { order: 1; margin-top: 30px; }
    .div_info_block_main_page { order: 1; }
    .comment_message { width:81%; }
    .message { width: 81%; }
}

@media (max-width: 1220px) 
{
    .div_info_block_3 { width: 100%;}
    .div_info_block_main_page { order: 1; }
    .comment_message { width:79%; }
    .message { width:79%; }
    
    .div_block_news { width: 100% }
    .div_block_new_at_pages { width: 100% }
    .div_block_new_at_forums { width: 100% }
}

@media (max-width: 1024px) 
{
.whosonline { width: 100%; margin-left: auto; margin-right:auto; min-width: 520px; }
/*.width_70 { width: 100%; }*/
.comment_message { width:76%; }
.message { width:76%; }
.div_block_register { width: 75%; }
}

@media (max-width: 900px) 
{
.comment_message { width:73%; }
.message { width:73%; }
.div_block_register { width: 75%; }
}

@media (max-width: 800px) 
{
.comment_message { width:71%; }
.message { width:71%; }
.div_block_register { width: 75%; }
.block_style_column { width:100%;  margin-left: auto; margin-right: auto;}
}

@media (max-width: 740px) 
{
    textarea[name="rusertext"] { width: 250px; }
    .message { width:69%; }
    .comment_message { width:69%; }
    .div_block_register { width: 100%; }
}


@media (max-width: 690px) 
{
    .message { }
    .comment_message { }
}

@media (max-width: 600px) 
{
    .block { margin: 0; }
    .flex_block_style_1 { padding: 5px; justify-content: center; }
    .div_block_profile { padding: 5px; }
    .forum_post { min-width: 560px;}
    .width_70 { width: 100%; }
    .div_info_block_main_page{ margin: auto;}
    .comment_post { min-width: 540px; }
    #movetopic { margin-left: 10px; }
    .message {  }
    .comment_message {  }
}

@media (max-width: 500px) 
{
    .fb_form_ta{ min-width: 150px; width: 150px; }

}

@media (max-width: 400px) 
{
    .login_block { margin: 0; }
    .div_block_feedback1{ padding: 5px; }
    .div_block_feedback1 .table_Style_2  { margin-left: 2px;}
    .flex_block_style_1 { padding: 0; }
    .div_info_block_1_28 { margin: 0; }
}


/****************************************** Basic styling */
.menu a {
    color: #000000;
/*    font-weight: bold;*/
    text-decoration: none;
}

.menu,
.submenu {   
    list-style-type: none;
}
.logo {
    font-size: 20px;
    padding: 7.5px 10px 7.5px 10px;
}

.item { padding: 10px; }

.item.button {
    padding: 9px 5px;
}

.item:not(.button) a:hover,
.item a:hover::after {
  /*  color: #929292;*/
    cursor:pointer; 
    background-color: var(--menu_hover);
    border-radius: 4px;
}


/****************************************** Mobile menu */
.head
{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    top: 0;
    position: sticky;
    width: 100%;
    z-index: 1;
    background-color: #b5b5b5;
}

.menu {
    display: flex;
    flex-wrap: wrap;
    align-self: center;
    min-width: 380px;
    width: 100%;
    border-radius: 5px;
    padding: 0px 0px 0px 0px;
}

/* top menu items */
.menu li a {
    display: block;
    padding: 15px 5px;
}

/* pages subitems */
.submenu p a {
    display: block;
    padding: 10px 5px;
}

.toggle {
    order: 2;
    font-size: 30px;
    padding-left: 10px;
}

.toggle:hover {
    cursor:pointer; 
}

.item.button {
    order: 2;
}
.item {
    order: 3;
    width: 100%;
    text-align: center;
    display: none;
}

.active .item {
    display: block;
}
.button.secondary { /* divider between buttons and menu links */
    border-bottom: 1px #444 solid;
}

/******************************************** Submenu up from mobile screens */
.submenu 
{
    display: none;
    position: absolute;
    left: 0;
    top: 68px;
    background: #E5E5E5FF;
    border: solid 1px #bfbfbf;
    border-radius: 8px;
    width: max-content;
}

.subitem a { margin-left: 30px; margin-right: 30px; }

/*.subitem a { padding: 10px 15px; }*/
.submenu-active .submenu { display: block; }
.has-submenu i { font-size: 12px; }

.has-submenu > a::after { font-size: 12px; font-weight: bold; 
	content: "˅"; 
	color: #000000; 
    /*filter: drop-shadow(1px 1px 2px);*/
    padding-left: 5px; 

    transition-property: color;
    transition-duration: 3.0s;
}

.has-subadmin > a:hover::after 
{
    color: var(--menu_hover);
    transition-property: color;
    transition-duration: 1.2s;

}

.has-submenu > a:hover::after 
{
    color: var(--menu_hover);
    transition-property: color;
    transition-duration: 1.2s;
}

.submenu-active 
{ 
    display: flex;
    flex-direction: column;
}

/******************************************** Tablet menu */
@media all and (min-width: 300px) 
{

    .menu { align-items: center; }

    .logo { flex: 1; }
    .search_block { flex: 0; }

    .item.button {
        width: auto;
        order: 1;
        display: block;
    }
    .toggle { flex: 0; order: 0; }

    /* Button up from tablet screen */
    .menu li.button a {
        padding: 10px 15px;
        margin: 5px 0;
    }

    .button a {
        border: 1px royalblue solid;
        border-radius: 5px;
        transition: 1s;
    }

    .button:hover {
    /*    background: #8D9F5980;*/
        transition: 1s;
    }

    .button.secondary {
        border: 0;
    }

    .button.secondary a {
        border: 1px royalblue solid; 
    }

    .button a:hover {
        text-decoration: none;
    }
    .button:not(.secondary) a:hover {
        background: royalblue;
        border-color: darkblue;
    }

}


/******************************************** Desktop menu */
@media all and (min-width: 950px) 
{
    .menu 
    {
        align-items: center;    
        width: 100%;        
    /*       flex-wrap: nowrap;*/
    /*       background: none;*/
    }

    .logo { order: 0; flex: 1; }

    .item 
    {
        order: 1;
        position: relative;
        display: block; 
        width: auto;
    }

    .button { order: 2; }

    .submenu-active .submenu 
    {
        position: absolute;
        left: 0;
        top: 68px;
    }

    .toggle { display: none; }
    .submenu-active {  border-radius: 0; }

}

.nav
{
    display: flex;
    width: 100%;
    align-items: center;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++     ADMIN DIV    +++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.div_block_admin
{
  width: 100%;
  height: fit-content;
  display: inline-block;
  border-radius: 10px;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.div_block_admin .bullets li
{
  padding-right: 15px;
}

.div_block_admin_header
{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  background-color: #DCDCDC;
  margin: 10px 10px 20px 10px;
  border: solid #b9b9b9 1px;
  border-radius: 5px;
}

/* +++++++++++++++++++     ADMIN TITLE     */ 
.div_title_admin  
{
  background: url(../img/prefs.png) no-repeat 50% 50%;
  background-position:20px;
  background-color: #DCDCDC;
}

.div_title_admin1
{
  background-color: #DCDCDC;
}

.div_title_admin ul
{
  margin: 30px 0 0 0 ;
}

.avatar_block1
{
  width: 100px;
  padding: 5px 30px 5px 20px;
}

.avatar_block1 img
{
  border-radius: 50%;
  filter: drop-shadow(1px 1px 2px);
  color: black;
}

.admin_name
{
  padding: 10px;
  font-weight: bold;
}

.div_admin_text
{
  padding: 10px 10px 10px 10px;
}
/***********************   SUB ADMIN       */
.has-subadmin > a::after { 
    font-size: 12px; font-weight: bold; 
	content: "˅"; 
	color: #000000; 
/*    filter: drop-shadow(1px 1px 2px);*/
    padding-left: 5px; 
    transition-property: color;
    transition-duration: 3.0s;
}

.subadmin
{
    width: max-content;
    display: none;
    position: absolute;

    z-index: 991;
    background: #E5E5E5FF;
}

.subadmin-active .subadmin 
{ 
    display: block;
    position: absolute;
    left: -200;
    top: 68px;
    border: solid 1px #b7b7b7;
    border-radius: 8px;
}

.subadmin-active .subadmin li
{
    text-align: left;
}

.subadmin-active .subadmin li a
{
    padding: 1px;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++     MENU DIV     +++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.div_block_menu
{
/*  width: 100%;*/
  border-radius: 10px;
}

.div_menu_header
{
  padding: 20px;
  background-color: #DCDCDC;
  margin: 10px 10px 20px 10px;
  border: solid #cdd2d9 1px;
  border-radius: 5px;
}

.admin_pagop
{
    border-radius: 3px;
    /* border: 1px solid #000000; */
    margin: 5px;    
/*    background-color: aliceblue;*/
}

.admin_pagop:hover
{
    background-color: var(--menu_hover);  
    border-radius: 5px;
}

.admin_op
{
    border-radius: 3px;
    /* border: 1px solid #000000; */
    padding: 0 10px 0 10px;
    margin: 0 10px 0 10px;    
}

.admin_op:hover
{
    background-color: var(--menu_hover);  
    border-radius: 5px;
}