/*
                       _______              _     _      
                      |__   __|            | |   | |     
      _ __   _____      _| |_   _ _ __ ___ | |__ | |
     | '_ \ / _ \ \ /\ / / | | | | '_ ` _ \| '_ \| |
     | | | |  __/\ V  V /| | |_| | | | | | | |_) | |
     |_| |_|\___| \_/\_/ |_|\__,_|_| |_| |_|_.__/|_|


     Copyright © 2018-2020 8-P, LLC. All rights reserved.
*/

header {
   width: 100%;
   height: 50px;
   background: rgb(54, 70, 93);
   border-bottom: 1px solid rgba(255, 255, 255, .2);
   z-index: 1000;
   top: 0;
   position: fixed;
   /* transition: .5s ease; */
}

   header a {
      cursor: pointer;
      color: #fff;
   }

      header a:link {
         text-decoration: none;
      }

      header a:hover {
         text-decoration: underline;
      }

      header a:visited {
         color: #fff;
      }

/* -- Header Logo -- */
.logo_small {
   font-size: 36px;
   font-weight: 700;
   letter-spacing: -5px;
   color: #fff;
   position: absolute;
   /* top: 6px; */
   left: 50%;
   width: 100px;
   text-align: center;
   margin: 5px 0 0 -50px;
   transition: .5s ease;
}

.logo_small a:hover {
   text-decoration: none;
}

/* -- Logged Out -- */
.head_action.head_loggedout {
   float: right;
   margin: 2px;
   font-weight: 700;
   font-size: 20px;
   display: none;
   transition: none;
}

.page_home header {
   /* background: #888888; */
   border: none;
}

.page_home .logo_small a {
   /* color: #2a2b2a; */
}

.page_home .nt_message_holder.header {
      border-bottom: none;
}

/* -- Header Alert -- */

.alert .full_back {
    /* margin-top: 89px; */
}

.alert_message {
    background: #ffe636;
    color: #36465d;
    height: 0;
    text-align: center;
    transition: .5s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #6f7c8d;
    overflow: hidden;
    margin-top: -1px;
    font-weight: 500;
    font-size: 14px;
    padding: 0 4px;
}

.alert .alert_message {
    height: 40px;
    margin-top: 0;
}

.alert header {
    /* height: 90px; */
}

header a.alert_message {
    color: #36465d;
}

/* -- Header Search -- */

.NTNAV___navBar__signInUp {
    display: none;
}

.loggedout .search_field {
   /* max-width: 340px; */
   /* background: rgba(255, 255, 255, .5); */
   /* height: 34px; */
   /* border-radius: 4px; */
   /* border: 1px solid rgb(123, 122, 117); */
   /* position: relative; */
   /* width: calc(80% - 300px); */
   /* left: 60px; */
   /* top: 7px; */
   /* float: right; */
   /* margin: 8px 16px 8px 8px; */
   border-bottom: 1px solid #ffffff;
}


   .loggedout .search_field input[type="text"]::placeholder {
      color: #d4d4d4;
      transition: color .25s ease;
   }

   .loggedout .search_field input[type="text"]:focus::placeholder {
      color: #ffffff;
   }


.search_field input[type="text"] {
   width: calc(100% - 50px);
   border: none;
   font-size: 16px;
   padding: 8px;
   outline: none;
   background: none;
   /* color: #fff; */
}

.loggedout .search_rating {
   display: none !important;
}

.search_rating {
   /* position: absolute; */
   /* top: 5px; */
   /* right: 60px; */
   /* text-align: right; */
   /* background: rgba(255, 255, 255, 0.49); */
   /* padding: 3px; */
   /* border-radius: 4px; */
   /* border: 1px solid rgba(123, 122, 117, 0.83); */
   /* font-weight: 700; */
   /* color: #7b7a75a1; */
   /* cursor: pointer; */
   /* letter-spacing: -1px; */
}

.search_info {
   width: 180px;
   border: 1px solid #eee;
   top: 30px;
   /* left: -80px; */
   font-weight: 400;
   color: #000;
   text-align: center;
   letter-spacing: unset;
}

.search_rating:hover .search_info {
   display: block;
   right: -75px;
}

.search_field .search_icon {
   /* font-family: "Font Awesome 5 Pro"; */
   /* content: "\f002"; */
   /* width: 50px; */
   /* border: none; */
   /* font-size: 16px; */
   /* padding: 7px; */
   /* outline: none; */
   /* background: rgba(112, 108, 97, .75); */
   /* position: absolute; */
   /* top: 0; */
   /* right: 0; */
   /* cursor: pointer; */
   /* height: 34px; */
   /* color: #f8f4e3; */
   /* border-radius: 0 4px 4px 0; */
}

.loggedout .search_field .search_icon {
   top: 0;
   /* right: -10px; */
}

.search_icon.search_open {
   display: none;
}

header .button_search_back {
   display: none;
   color: #fff;
   font-size: 24px;
   padding: 14px;
   position: absolute;
   left: calc(-100% + 50px);
   width: 50px;
   text-align: center;
}

/* -- Header Actions -- */
header .head_action {
   display: none;
}

/* -- Header Nav -- */
li.dash, .page_dash_home li.user {
   display: block;
}

li.user, .page_dash_home li.dash {
   /* display: none; */
}

header .nav {
   position: relative;
   float: left;
   /* display: none; */
}

.loggedout header .nav {
   right: 6px;
}

.nav_dash .dashboard_nav {
   display: block;
}

.nav_dash .dashboard_nav .NTNAV___navBar__signInUp {
    display: none;
}

header .nav [data-tooltip] {
   margin: 0 0 0 0;
}

.nav_dash .dashboard_nav .show [data-tooltip] {
   display: none;
}

.loggedout .dashboard_nav {
   display: none !important;
}

header .nav li,
.menu_holder .sub_nav li,
.side_menu_right .sub_nav li {
   font-size: 22px;
   float: left;
   padding: 14px 0 0 0;
   cursor: pointer;
   width: 60px;
   position: relative;
   height: 48px;
   text-align: center;
   /* background: #f0f; */
   color: #fff;
}

.lookyhere:after {
   content: " ";
   background: #529dcc;
   width: 50px;
   height: 50px;
   position: absolute;
   left: 50%;
   top: 50%;
   z-index: -1;
   border-radius: 100px;
   margin: -25px 0 0 -25px;
   -webkit-animation: ping 0.8s ease-in-out 3 both;
   animation: ping 0.8s ease-in-out 3 both;
   pointer-events: none;
}

@-webkit-keyframes ping {
   0% {
      -webkit-transform: scale(0.2);
      transform: scale(0.2);
      opacity: 0.8;
   }

   80% {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
      opacity: 0;
   }

   100% {
      -webkit-transform: scale(2.2);
      transform: scale(2.2);
      opacity: 0;
   }
}

@keyframes ping {
   0% {
      -webkit-transform: scale(0.2);
      transform: scale(0.2);
      opacity: 0.8;
   }

   80% {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
      opacity: 0;
   }

   100% {
      -webkit-transform: scale(2.2);
      transform: scale(2.2);
      opacity: 0;
   }
}


header .head_action.head_blog .message,
header .head_action.head_dash .edit {
   background: #ffffff;
   position: fixed;
   bottom: 25px;
   border-radius: 50px;
   right: 50px;
   width: 50px;
   height: 50px;
   text-align: center;
   box-shadow: 0 4px 8px rgba(0, 0, 0, .5);
   /* padding: 13px 0 0 0; */
}

.dashboard_nav .user .blog_icon {
   margin: 0;
   padding: 0;
}

header .nav li.blogs {
   margin: -4px 8px 0 8px;
}

.head_blog.show .visit_drop {
   display: block;
   top: unset;
   bottom: 65px;
   left: unset;
   right: 15px;
   width: 120px;
}

.show span#tooltip-message {
   display: none;
}

.blog_drop.popup_menu {
   display: none;
   top: 40px;
   right: 20px;
   width: 240px;
}

   .blog_drop.popup_menu .oldblog span.blog_icon {
      /* float: left; */
      display: inline-block;
      flex: 1;
      padding: 0;
      max-width: 34px;
   }

li.oldblog {
   display: flex;    display: -webkit-flex;
   align-items: center;
}


   li.oldblog.active {
      /* font-weight: 700; */
      background: #e0e5ec;
   }

.blog_drop.popup_menu .oldblog span {
   padding: 0 0 0 8px;
   display: inline-block;
   /* float: left; */
   font-weight: 700;
   /* border-top: 1px solid #f0f; */
   /* max-width: 160px; */
   white-space: nowrap;
   text-overflow: ellipsis;
   overflow: hidden;
   flex: 2;
}


li.user.message:after,
header .blogs.message:after,
header .blogs li.message:after {
   content: " ";
   background: #4CAF50;
   position: absolute;
   width: 12px;
   height: 12px;
   top: 38px;
   left: 38px;
   border-radius: 40px;
}

li.user.alert:before,
header .blogs.alert:before,
header .blogs li.alert:before {
   content: " ";
   background: #ff0000;
   position: absolute;
   width: 12px;
   height: 12px;
   top: 38px;
   left: 38px;
   border-radius: 40px;
}

header .blogs li.alert:before {
   top: 37px;
   left: 4px;
}

header .blogs li.message:after {
   top: 37px;
   left: 38px;
}

li.user.message:after {
   top: 28px;
   left: 35px;
}

header .blogs.message:after {
   top: 26px;
   left: 28px;
}

li.user.alert:before {
   top: 28px;
   left: 12px;
}

header .blogs.alert:before {
   top: 26px;
   left: -6px;
}

.blog_drop.popup_menu span.blog_link {
   /* float: right; */
   /* margin: -6px 0 -6px 0; */
   text-align: center;
   padding: 0;
   /* z-index: 10; */
   display: inline-block;
   font-size: 24px;
   flex: none;
}

   .blog_drop.popup_menu span.blog_link i {
      margin: 0;
      float: unset;
      width: unset;
   }

.blogs.show .blog_drop.popup_menu {
   display: block;
}

.head_action {
   display: none;
   position: absolute;
   padding: 13px;
   font-size: 24px;
   color: #fff;
   right: 0;
   transition: .25s ease;
}

body.nav_dash.loggedin .head_action.head_dash, body.nav_blog.loggedin .head_action.head_blog {
   display: block;
   /* float: right; */
   /* color: rgba(255, 255, 255, 0.7); */
   cursor: pointer;
   /* transition: .25s ease; */
   z-index: 100;
}

body.nav_dash .head_action.head_dash:hover, body.nav_blog .head_action.head_blog:hover {
   color: rgb(255, 255, 255);
}

header .nav li.active i {
   color: #fff;
}

header .nav li i, header .oldblog .message i, header .edit i, .side_menu .sub_nav i {
   display: block;
   height: 100%;
}

header .nav li a,
header .nav li a:visited,
.side_menu .sub_nav li a,
.side_menu .sub_nav li a:visited {
   text-decoration: none;
   width: 100%;
   display: block;
   height: 100%;
}

header .nav li:hover i, header .nav li.show i, header .edit:hover i {
   color: rgb(255, 255, 255);
}

body.nav_site .site_nav {
   display: block;
}

body.page_home.nav_site .site_nav {
   display: none;
}

header .site_nav {
   left: 16px;
   position: absolute;
   top: 0;
   display: none;
}

.loggedout header .site_nav {
   display: block;
}

.nav_nonav.loggedout header .site_nav {
   display: none;
}

.site_nav div {
   font-size: 22px;
   font-weight: 700;
   display: none;
   padding: 12px 0;
}

body.loggedin .site_nav .logout, body.loggedout .site_nav .login {
   display: block;
}

.message_count, .alert_count {
   color: #ffffff;
   background: #4CAF50;
   border-radius: 4px;
   font-size: 12px;
   text-align: center;
   /* position: absolute; */
   /* bottom: 8px; */
   /* left: 50%; */
   padding: 3px 2px 2px 2px;
   border: 1px solid #36465d;
   min-width: 16px;
   font-weight: 700;
   margin: 0 0 0px 4px;
   pointer-events: none;
}

header .nav li .message_count {
   position: absolute;
   bottom: 8px;
   left: 50%;
}

.alert_count {
   background: #ff0000;
   display: inline-block;
}

   .message_count:empty, .alert_count:empty {
      display: none;
   }

.head_action.head_dash i, .head_action.head_blog i {
   color: rgba(54, 70, 93, 0.8);
   margin: 13px 0 0 0;
}

header .head_action.head_dash:hover i,
header .head_action.head_blog:hover i {
   color: rgb(54, 70, 93);
}

/* -- Archive Header -- */



header .blog_title {
   color: #fff;
   font-size: 18px;
   width: unset;
   position: relative;
   float: left;
   margin: 0;
   padding: 16px 0 0 24px;
   /* overflow: hidden; */
   /* text-overflow: ellipsis; */
   /* width: calc(100% - 130px); */
   text-align: left;
   /* white-space: nowrap; */
}

/* -- Footer Nav -- */
.footer_links {
   display: none;
   bottom: 0;
   /* position: absolute; */
   /* margin: -30px 0 0 0; */
   z-index: 10;
   height: 32px;
   padding: 8px 0 0 0;
}

.layout_info .footer_links, .layout_tabbed .footer_links {
   display: block;
}

.page_home .footer_links {
   /* position: absolute; */
   /* bottom: 0; */
   /* margin: 16px 0 0 0; */
}

/*******************************************************************************************************************************
**                                                          Dash Menu                                                         **
*******************************************************************************************************************************/

.arrange_menu.side_menu {
   position: absolute;
   top: 0;
   left: -250px;
   height: calc(100vh - 50px);
   z-index: 500;
   max-width: 250px;
   transition: left .25s ease;
}

.mobile .arrange_menu.side_menu {
   height: calc(100vh - 100px);
   padding: 0 0 0 0;
   display: block;
}

.arrange_menu.side_menu.show {
   left: 0;
}

.docked_filter .arrange_menu.side_menu {
   z-index: 50;
   /* margin: 39px 0 0 0; */
}


.docked_filter .arrange_menu.side_menu, .side_menu_right.docked {
   z-index: 50;
   /* margin: 39px 0 0 0; */
}

.docked_filter .side_menu.show .menu_holder {
   box-shadow: none;
   /* border: none; */
   /* margin: 39px 0 0 0; */
}

.docked_filter .container_holder {
   margin-left: 250px;
}


.docked_detail .container_holder {
   margin-right: 520px;
}


.arrange_menu.side_menu .menu_holder {
   width: 250px;
   position: -webkit-sticky;
   position: sticky;
}

/* DEAN SAYS: This is not used, is it? */
.arrange_menu.side_menu .blog_follow,
.arrange_menu.side_menu .blog_menu,
.arrange_menu.side_menu .blog_name_holder,
.arrange_menu.side_menu .blog_desc_holder {
   display: none;
}

/* DEAN SAYS: This is not used, is it? */
.arrange_menu.side_menu .blog_mini {
   box-shadow: none;
   background: none !important;
   border-radius: 0;
   width: 100%;
}

/* DEAN SAYS: This is not used, is it? */
.arrange_menu.side_menu .marquee_holder {
   height: 175px;
   display: block;
}

.arrange_menu.side_menu .sub_nav,
.side_menu_right .sub_nav {
   width: unset;
   /* position: absolute; */
   /* top: -40px; */
   /* right: 0; */
   /* border-bottom: none; */
   /* text-shadow: 0 0 8px rgb(0, 0, 0); */
   height: 39px;
   width: 100%;
   text-align: right;
   display: block;
   /* background: #4b5b71; */
   z-index: 1;
}

.docked .arrange_menu.side_menu .sub_nav {
   /* display: none; */
   margin: -39px 0 0 0;
   border: none;
}

.arrange_menu.side_menu .sub_nav li,
.side_menu_right .sub_nav li {
   /* padding: 10px 0 0 0; */
   width: 62px;
   float: unset;
   display: inline-block;
   /* position: absolute; */
   /* flex: 2; */
}

   .side_menu_right .sub_nav li.close,
   .side_menu_right .sub_nav li.pin {
      flex-basis: 20px;
      flex: unset;
   }

.tablet li.pin,
.mobile li.pin {
   visibility: hidden;
}

@media (max-width: 1024px) {
   li.pin {
      visibility: hidden;
   }
}


.arrange_menu.side_menu .sub_nav,
.side_menu_right .sub_nav {
   display: flex;
   display: -webkit-flex;
   justify-content: unset;
   align-items: center;
   min-height: 41px;
}


.preview_panel .sub_nav {
   display: flex;    display: -webkit-flex;
   justify-content: space-around;
   align-items: center;
   color: #fff;
   width: 100%;
   height: 42px;
   position: fixed;
   z-index: 100;
   background: #343f4f;
}

.preview_panel .object_holder {
   padding: 8px;
}

.preview_panel .post_holder {
   padding: 40px 0 0 0;
}

.preview_panel .sub_nav .close {
   padding: unset;
   position: unset;
   right: unset;
   top: unset;
   font-size: unset;
   z-index: unset;
}

.dialog_detail .preview_panel .sub_nav li {
   display: inline-block;
   width: 25%;
   text-align: center;
   height: 100%;
   padding: 14px 0 0 0;
}

   .dialog_detail .preview_panel .sub_nav li:empty,
   .dialog_detail .preview_panel .sub_nav li.pin {
      display: none;
   }

.docked .arrange_menu.side_menu .sub_nav .close,
.docked .side_menu_right .sub_nav .close {
   display: inline-block;
}

.arrange_menu .marquee_holder .blog_masthead .blog_banner {
   border-radius: 0;
}

.arrange_menu.side_menu .menu_holder {
   display: flex;    display: -webkit-flex;
   flex-direction: column;
   border-right: 1px solid #4b5b71;
   top: 0px;
}

.arrange_menu.side_menu .blog_cats {
   width: 100%;
   padding: 8px;
   color: #fff;
   position: relative;
   flex: 2;
}

.arrange_menu.side_menu .cat_holder {
   /* overflow-y: auto; */
   position: relative;
   display: block;
   height: calc(100% - 50px);
   padding: 0 8px;
   margin: 0 -8px;
}

.custom_scroll::-webkit-scrollbar-track {
   /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
   border-radius: 6px;
   background-color: #ffffff00;
   height: 12px;
}

.custom_scroll::-webkit-scrollbar {
   width: 10px;
   background-color: #ffffff00;
}

.custom_scroll::-webkit-scrollbar-thumb {
   border-radius: 6px;
   /*inset 0 0 6px rgba(0,0,0,.3): inset 0 0 6px rgba(0,0,0,.3);*/
   background-color: rgb(255, 255, 255);
   border: 2px solid #36465d;
}

.arrange_menu.side_menu .collapse .arrange_filter_section_title {
   font-size: 12px;
   font-weight: 700;
   margin: 0 0 10px 0;
   border-bottom: 1px solid #a5adb8;
   text-transform: uppercase;
   cursor: default;
   margin: 8px 10px 0px 10px;
   color: #a5adb8;
   position: relative;
}

.arrange_filter_group .double_drop {
    display: flex;
}

.arrange_filter_group .double_drop .arrange_filter_item:first-of-type {
    flex: 2;
}

.arrange_menu.side_menu .section_head i {
      position: absolute;
      right: 0;
      font-size: 12px;
      color: rgba(255, 255, 255, .3);
      transition: .25s ease;
      cursor: pointer;
}

.arrange_menu.side_menu .section_head i:hover {
   color: #ffffff;
}

.arrange_menu.side_menu .post_post {
   order: unset;
}


.side_menu .arrange_filter_tabs {
    display: none;
    justify-content: space-around;
    padding: 8px 0 0 0;
    background: #4b5b71;
}

.side_menu .menu_holder .arrange_filter_tabs {
    display: block;
}
.side_menu .menu_holder .arrange_filter_tabs:empty {
    display: none;
}

.side_menu .arrange_filter_tabs .tab {
    display: inline-block;
    padding: 12px 0;
    background: #4b5b71;
    width: 50%;
    text-align: center;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
}

.side_menu .arrange_filter_tabs .tab:first-of-type {
    border-left: none;
    border-radius: 0 4px 0 0;
}

.side_menu .arrange_filter_tabs .tab:last-of-type {
    border-right: none;
    border-radius: 4px 0 0 0;
}

.side_menu .arrange_filter_tab {
    display: none;
    height: calc(100% - 0px);
    padding: 8px 0 100px 0;
    /* margin-bottom: 50px; */
    overflow: auto;
    background: rgba(255, 255, 255, 0);
}

.side_menu .arrange_filter_tab.show {
    display: block;
    /* flex-direction: column; */
}

.side_menu .tab_content {
    height: calc(100% - 50px);
}

.side_menu .tab {
    background: #36465d;
    border: 1px solid #36465d00;
    border-bottom: 1px solid #6f7c8d;
}

.side_menu .tab.active {
    background: #36465d;
    border: 1px solid #6f7c8d;
    border-bottom: 1px solid #36465d;
}

.side_menu .menu_holder .assoc_head {
    height: 37px;
    margin: 8px 2% 0 2%;
    width: 96%;
}

.full_back .filter_tools.assoc {
    background: #529ecc;
    border-bottom: none;
}

span.filter_button {
    position: absolute;
    top: 6px;
    left: 19px;
}

.arrange_menu.side_menu input[type="text"] {
   width: calc(100% - 16px);
   border: none;
   font-size: 16px;
   padding: 8px;
   outline: none;
   background: none;
   caret-color: #b7b7b7;
   color: #fff;
   border-bottom: 1px solid #5e6b7d;
   margin: 0 8px;
}

.arrange_menu.side_menu .location {
   max-width: 230px;
   height: 34px;
   position: relative;
   width: 232px;
   margin: 8px 16px 8px 8px;
   border-bottom: 1px solid #5e6b7d;
}


.arrange_menu.side_menu .ratings_group {
   display: flex;    display: -webkit-flex;
   padding: 8px 8px 16px 8px;
   justify-content: space-around;
   margin: 8px 0 0 0;
}

.arrange_menu.side_menu .icon_rating {
   width: unset;
   margin: 0;
}

.arrange_menu.side_menu .blog_filter_holder > div {
   display: inline-block;
   margin: 2px;
   width: 52px;
   height: 52px;
   transition: .25s ease;
   border: 2px solid rgba(255, 255, 255, 0);
   cursor: pointer;
}

.arrange_menu.side_menu .blog_filter_holder {
   display: flex;    display: -webkit-flex;
   flex-wrap: wrap;
   padding: 8px;
   justify-content: center;
}

   .arrange_menu.side_menu .blog_filter_holder .active {
      border: 2px solid #fff;
   }

   .arrange_menu.side_menu .blog_filter_holder > div:hover {
      border: 2px solid rgba(255, 255, 255, .5);
   }

.arrange_menu.side_menu .cat_search {
   max-width: 230px;
   /* background: rgb(155, 163, 174); */
   height: 34px;
   /* border-radius: 4px; */
   position: relative;
   width: 232px;
   margin: 8px 16px 16px 8px;
   /* float: right; */
   border-bottom: 1px solid #5e6b7d;
}

.arrange_filter_item .selector.drop {
    padding: 16px;
}

.arrange_menu.side_menu .arrange_filter_section.collapse .arrange_filter_section_title {
    font-size: 14px;
    margin: 0;
    text-align: center;
    color: #36465d;
    background: #a5adb8;
    border: none;
    padding: 4px 0;
    display: flex;
    cursor: pointer;
}

.arrange_filter_section.collapse {
    background: #47566a;
    margin: 8px 8px 16px 8px;
    padding: 0;
    overflow: hidden;
    height: 20px;
    min-height: 20px;
}

.arrange_filter_section.collapse.open {
    height: unset;
    min-height: fit-content;
    min-height: -moz-fit-content;
    overflow: visible;
}

.arrange_menu.side_menu .section_head .expand i {
    color: #36465d;
    font-size: 20px;
    margin: -1px 0 0 0;
    position: unset;
}

.arrange_menu.side_menu .arrange_filter_section.collapse .arrange_filter_section_title .expand {
    width: 18px;
    text-align: center;
    height: 18px;
    position: absolute;
    right: 2px;
    top: 2px;
    transform: rotateZ(0);
    transition: transform .25s ease;
    /* background: red; */
    transform-origin: 50% 50%;
}

.arrange_menu.side_menu .arrange_filter_section.collapse .arrange_filter_section_title .expand i {
    position: absolute;
    top: 2px;
    left: 7px;
}

.arrange_menu.side_menu .arrange_filter_group {
    padding-bottom: 8px;
}

.arrange_menu.side_menu .tform_group_sub > div {
    margin: 16px 0px 16px 8px;
}


.arrange_menu.side_menu .arrange_filter_section.collapse.open .arrange_filter_section_title .expand {
    transform: rotateZ(-90deg);
}

.arrange_menu.side_menu .collapse .arrange_filter_section_title span {
    font-size: 12px;
    padding: 0 0 0 4px;
}

.arrange_filter_section_title {
    display: none;
}

.arrange_menu.side_menu .arrange_filter_group_title:empty {
    display: none;
}

.arrange_filter_section_title {
   font-size: 12px;
   font-weight: 700;
   margin: 0 0 10px 0;
   border-bottom: 1px solid #a5adb8;
   text-transform: uppercase;
   cursor: default;
   margin: 8px 10px 0px 10px;
   color: #a5adb8;
   position: relative;
}

.arrange_filter_section_title span {
    padding: 4px;
}

.arrange_filter_section_title span:empty {
   display: none;
}

.arrange_menu.side_menu .arrange_filter_section .arrange_filter_section_title {
    font-size: 14px;
    margin: 8px;
    text-align: center;
    color: #36465d;
    background: #a5adb8;
    border: none;
    /* padding: 4px ; */
    display: flex;
    cursor: pointer;
    font-size: 12px;
}

.arrange_filter_section .expand {
    display: none;
}
.arrange_filter_section.collapse .expand {
    display: block;
}

.arrange_menu.side_menu .arrange_filter_group_title {
   font-size: 12px;
   font-weight: 700;
   margin: 0 0 10px 0;
   /* border-bottom: 1px solid #a5adb8; */
   text-transform: uppercase;
   cursor: default;
   margin: 8px 10px 0px 10px;
   color: #a5adb8;
   position: relative;
}

.arrange_menu.side_menu .save_search {
   height: 34px;
   position: relative;
   margin: 0px 6px 8px 0px;
   /* border-bottom: 1px solid #5e6b7d; */
}

.arrange_menu.side_menu .save_search .save_button {
    position: absolute;
    right: 14px;
    top: 10px;
    cursor: pointer;
    transition: .25s ease;
    opacity: .5;
}

.arrange_filter_item .video_scrubber .value {
    display: inline-block;
    width: 50%;
    padding: 9px 0 20px;
    pointer-events: none;
}

.arrange_filter_item .video_scrubber .progress {
    position: absolute;
    top: unset;
}

.arrange_filter_item .video_scrubber {
    position: relative;
    height: 56px;
}

.arrange_filter_item .video_scrubber .track {
    top: unset;
    position: absolute;
    background: #4b5b71;
}
.arrange_filter_item .video_scrubber .video_button.scrubber {
    z-index: 1;
}

.arrange_filter_item .video_scrubber .value.max {
    text-align: right;
}

.arrange_filter_item .video_scrubber .progress.min {
    background: #4b5b71;
    z-index: 1;
}

.arrange_filter_item .video_scrubber .value:empty {
    display: none;
}

.arrange_filter_item .video_scrubber .buffer {
    background: #4b5b71;
}

.arrange_menu.side_menu .save_search .save_button:hover {
    opacity: 1;
}


.arrange_menu.side_menu .arrange_filter_group_title > span {
    border-bottom: 1px solid #a5adb8;
    min-width: 100%;
    display: inline-block;
}

.arrange_menu.side_menu .arrange_filter_group_title > span:empty {
    display: none;
}

.arrange_menu.side_menu .arrange_filter_group .expand {
    display: none;
}

.arrange_filter_tab .arrange_filter_item .checker {
    padding: 4px 8px;
    color: #fff;
}

.arrange_filter_item .unhide_check span {
    color: #fff;
    margin-right: 4px;
}

.arrange_filter_item .location_input {
    border-bottom: 1px solid #5e6b7d;
}

.arrange_filter_item .results {
    background: #ffffff;
    border-radius: 0 0 4px 4px;
    border: 1px solid #c3c8cf;
    border-top: none;
    position: relative;
    width: calc(100% - 16px);
    margin: 0 8px;
}

.arrange_filter_item .results:empty {
    display: none;
}

.arrange_filter_item .results > div > div {
    padding: 4px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0);
    transition: .25s ease;
}

.arrange_filter_item .results > div span {
    color: #a0a0a0;
}

.arrange_filter_item .results > div span.geolocation_city {
    color: #000000;
}

.arrange_filter_item .results > div span.typed {
    color: #000000;
    font-weight: 500;
}

.arrange_filter_item .results > div .selected {
    background: #dde0e4;
}

.arrange_filter_item .results > div .results:empty {
    display: none;
}

.arrange_filter_item .results > div:hover {
    background: #eaecee;
}

.arrange_filter_item .results > div {
    position: relative;
    padding: 4px 0 2px 4px;
    cursor: pointer;
    color: #81868e;
}

.arrange_filter_item .results > div.selected {
    background: #dde0e4;
}

.arrange_filter_group_items {
    /* padding: 8px; */
}

.arrange_filter_item .tform_group_sub > div {
    margin-bottom: 16px;
}


   .arrange_menu.side_menu .cat_search input[type="text"] {
      width: calc(100% - 50px);
      border: none;
      font-size: 16px;
      padding: 8px;
      outline: none;
      background: none;
      caret-color: #b7b7b7;
      color: #fff;
   }

      .arrange_menu.side_menu .cat_search input[type="text"]::placeholder {
         color: #939ead;
         transition: color .25s ease;
      }

      .arrange_menu.side_menu .cat_search input[type="text"]:focus::placeholder {
         color: #b2bbc7;
      }

   .arrange_menu.side_menu .cat_search .add_button {
      font-family: "Font Awesome 5 Pro";
      content: "\f002";
      width: 50px;
      border: none;
      font-size: 16px;
      padding: 7px;
      outline: none;
      background: none;
      position: absolute;
      top: 0;
      right: -10px;
      cursor: pointer;
      height: 34px;
      color: #f8f4e3;
      border-radius: 0 4px 4px 0;
   }

.arrange_menu.side_menu .type_group {
   display: flex;    display: -webkit-flex;
   justify-content: space-around;
   height: 42px;
   align-items: center;
   color: rgb(155, 163, 174);
   padding: 8px 8px 16px 8px;
   margin: 8px 0 0 0;
}

.arrange_menu.side_menu .arrange_filter_item {
   color: #fff;
   /* padding: 0 16px; */
}

.arrange_menu.side_menu .click_type.selected {
   color: #fff;
}

.arrange_menu.side_menu .click_type {
   cursor: pointer;
}

/*******************************************************************************************************************************
**                                                          Full Back                                                         **
*******************************************************************************************************************************/
.full_back {
   /* position: absolute; */
   width: 100%;
   /* top: 50px; */
   /* margin-top: 50px; */
   padding-bottom: 0px;
   /* overflow-x: hidden; */
   /* overflow-y: visible; */
   max-width: 100vw;
   /* min-height: calc(100vh - 140px); */
   /* padding: 1px 0 0 0; */
   position: relative;
   margin: 50px 0 0 0;
   transition: .5s ease;
}

.page_dash .full_back {
   /* margin: -2px 0 0 0; */
}

.header_message .full_back {
    margin-top: 90px;
}

.page_dash_settings .full_back {
   position: absolute;
}

.page_logout .full_back,
.page_home .full_back,
.page_reset .full_back {
   height: calc(100vh - 50px);
}

.nav_nonav .full_back {
   margin-top: 0px;
   padding-bottom: 0px;
}

/* -- Media -- */
@media (max-width: 750px) {

   .full_back {
      margin-top: 100px;
      padding-bottom: 0px;
   }

   .mobile .full_back {
      margin-top: 50px;
      padding-bottom: 50px;
   }

   .loggedout .full_back,
   .page_home .full_back {
      margin-top: 50px;
      padding-bottom: 0px;
   }

   header .nav ul {
      width: 100%;
      display: flex;    display: -webkit-flex;
      justify-content: space-between;
   }

   html, body {
      /* height: 100%; */
      /* overflow-x: hidden; */
   }

   header .nav {
      position: fixed;
      bottom: unset;
      top: 00px;
      width: 100%;
      background: #36465d;
      left: 0;
      right: unset;
      border-bottom: 1px solid rgba(255, 255, 255, .2);
      border-top: none;
      width: 100%;
      height: 50px;
      max-width: 100vw;
   }

   body.mobile header .nav {
      top: unset;
      bottom: 0;
      border-bottom: none;
      border-top: 1px solid rgba(255, 255, 255, .2);
   }

   body.mobile header .nav {
      top: unset;
      bottom: 0;
      border-bottom: none;
      border-top: 1px solid rgba(255, 255, 255, .2);
      float: unset;
   }

      body.mobile header .nav [data-tooltip], body.mobile header .nav [data-tooltip]:after {
         left: 50%;
         -webkit-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
         transform: translateX(-50%);
      }

      body.mobile header .nav [data-tooltip] {
         margin: -60px 0 0 -1px;
      }

         body.mobile header .nav [data-tooltip]:after {
            top: 29px;
            border: 0.278rem solid transparent;
            border-top: 0.278rem solid #ccc;
            margin-bottom: 0;
         }

   header .nav li {
      /* width: 25%; */
      /* text-align: center; */
      /* float: right; */
   }

   header .nav li {
      width: unset;
      text-align: center;
      float: right;
      padding: 14px 16px;
      display: inline-block;
   }

   header .search_field input[type="text"] {
      text-align: center;
      width: 100%;
      color: #fff;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 10px 20px;
   }

   header .logo_small {
      width: 70%;
      text-align: center;
      left: 15%;
      position: absolute;
      top: 0;
      margin: 6px 0 0 0;
      color: #fff;
   }

   header .search_field {
      position: absolute;
      width: calc(100% - 110px);
      left: calc(-100% + 100px);
      margin: 0;
      top: 8px;
      background: none;
      color: #fff;
      border: none;
      border-bottom: 1px solid #fff;
      border-radius: 0;
      max-width: unset;
   }

      header .search_field input[type="text"] {
         text-align: center;
         width: 100%;
         color: #fff;
         overflow: hidden;
         text-overflow: ellipsis;
         padding: 10px 20px;
      }

   .search_field .search_icon {
      background: none;
      font-size: 24px;
      right: -60px;
      width: 50px;
      color: #fff;
      top: -2px;
      text-align: center;
   }

   .search_rating {
      right: 0;
      border: 1px solid rgba(255, 255, 255, 0.20);
      border-radius: 2px;
      color: rgba(255, 255, 255, 0.60);
   }

   header .button_search_back {
      display: block;
   }

   header .blog_title {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
   }

   .filter_tools {
      left: 0;
      padding: 0px 20px 0 20px;
   }

   span.nomobile {
      display: none;
   }

   header .filter_tools .drop {
      margin: 10px 0;
      /* width: 33%; */
      color: #fff;
      text-align: center;
      margin: 0;
      font-size: 16px;
      font-weight: 700;
   }

   .filter_tools .views {
      position: relative;
      right: unset;
      top: unset;
      flex: unset;
   }

   header .archive_tools .drop {
      margin: 10px 0;
      width: 33%;
      color: #fff;
      text-align: center;
      margin: 0;
      font-size: 16px;
      font-weight: 700;
   }

   .group_head {
      transition: .25s ease;
      position: relative;
      left: 0;
      /* background: #f0f; */
      height: 50px;
      /* overflow: hidden; */
   }

   header.search .group_head {
      left: calc(100% - 50px);
   }

   button.search_icon, header.search .search_icon.search_open {
      display: none;
   }

   .page_home header {
      /* background: #888888; */
      border: none;
      /* border-bottom: 1px solid #fff; */
   }

   .page_home .logo_small a {
      color: #fff;
   }

   .loggedout .head_loggedout {
      padding: 0;
      margin: 14px;
      text-decoration: none;
   }

   body.nav_dash.loggedin .head_action.head_dash {
      display: block;
   }

   body.nav_blog.loggedin .head_action.head_blog {
      display: block;
   }

   /*******************************************************************************************************************************
    **                                                          Full Back                                                         **
    *******************************************************************************************************************************/
   /*
    .body.page_home.mobile .full_back,
    .body.page_home        .full_back {
        margin: 0 0 -30px 0;
        padding: 90px 10px 0 10px;
    }
*/
   body.nav_dash .full_back,
   body.nav_blog .full_back {
      margin-top: 100px;
      padding-bottom: 0px;
   }

   body.nav_dash.loggedout .full_back,
   body.nav_blog.loggedout .full_back {
      margin-top: 50px;
      padding-bottom: 0px;
   }

   body.nav_dash.mobile .full_back,
   body.nav_blog.mobile .full_back {
      margin-top: 50px;
      padding-bottom: 50px;
   }


@media only screen and (-webkit-device-pixel-ratio: 3) and (device-height: 812px) and (device-width: 375px) {
   body.nav_dash.mobile .full_back,
   body.nav_blog.mobile .full_back {
      padding-bottom: 70px;
      }
}
   body.nav_dash.mobile.header_message .full_back, 
   body.nav_blog.mobile.header_message .full_back {
         margin-top: 90px;
   }

   body.nav_dash.mobile.alert .full_back,
   body.nav_blog.mobile.alert .full_back {
      margin-top: 90px;
      padding-bottom: 80px;
   }

   li.dash.active {
      /* display: none; */
   }

   header .nav li.blogs {
      margin: 0;
   }

      header .nav li.blogs > div {
         margin: -5px auto;
      }
}

/* feedback feature */
.feedback_body .title {
   padding: 8px 0 8px 12px;
   font-size: 16px;
   font-weight: bold;
   float: left;
}

.feedback_body .popup_menu {
   width: 150px;
   margin: 8px 0 0 0;
   right: 8px;
}

.feedback_body .copy {
   font-size: 16px;
   padding: 9px;
   width: 100%;
   float: left;
}

.feedback_body .selector_feedback .selector {
   padding: 8px;
   float: left;
   position: relative;
}

.feedback_body .click_select {
   cursor: pointer;
}

.feedback_message_group textarea {
   line-height: 1.3;
   outline: none;
   padding: 6px 8px;
   text-align: left;
   white-space: pre-wrap;
   word-wrap: break-word;
   /* width: calc(100% - 24px); */
   margin: 8px 0;
   border: none;
   width: 100%;
   /* min-height: 40px; */
   font-size: 17px;
}

/* - New Side Menu - */
.side_menu .menu_holder {
   position: absolute;
   top: 0;
   height: 100%;
   width: 300px;
   /* z-index: 1000; */
   background: #36465d;
   padding: 0;
   box-shadow: 0 0 0 rgba(0, 0, 0, 0);
   display: block;
   transition: left .15s ease;
   left: -300px;
}

.side_menu.show .menu_holder {
   left: 0;
   box-shadow: 20px 0 15px -15px rgba(0, 0, 0, .5);
   /* width: 250px; */
}

@media (max-width: 750px) {
   .side_menu.show .menu_holder {
      left: 0;
   }

   .side_menu .menu_holder {
      right: unset;
      left: -300px;
   }
}

.side_menu.show .menu_back {
   width: 0;
   height: 100%;
   background: rgba(0, 0, 0, .5);
   /* content: " "; */
   position: absolute;
   left: 0;
   top: 0;
   z-index: -1;
   transition: .15s ease;
}

.docked_filter .tool.tool_filter .menu_back {
   display: none;
}

.arrange_menu.side_menu.show .menu_back {
   background: rgba(0, 0, 0, 0);
   width: calc(100vw - 24px);
}

.side_menu.show .menu_back {
   width: 100vw;
}

.side_menu {
   position: fixed;
   z-index: 1000;
   top: 0;
   /* width: 100%; */
   height: 100%;
   left: 0;
   /* height: 100vh; */
}

   .side_menu .group .side_bar {
      position: relative;
      bottom: unset;
      top: unset;
      right: unset;
      width: 100%;
      min-height: 80px;
      margin: 0;
      /* flex: 1 !important; */
      /* display: flex; */
      /* display: -webkit-flex; */
      /* max-height: 180px; */
      /* flex-direction: column-reverse; */
      order: 5;
      padding: 0px 8px 0 8px;
      /* flex-grow: 1; */
      /* justify-content: end; */
      /* flex: 2; */
      /* align-items: flex-end; */
   }

   .side_menu .side_bar > div:nth-child(1) {
      order: 3;
   }

   .side_menu .side_bar > div:nth-child(2) {
      order: 2;
   }

   .side_menu .side_bar > div:nth-child(3) {
      order: 1;
   }

   .side_menu .post_post {
      min-height: unset;
      margin: 0 8px 16px 8px;
      order: 2;
   }

ul.post_tools {
   display: flex;    display: -webkit-flex;
   justify-content: space-around;
}

.side_menu .post_tools li {
   /* text-align: center; */
}

.side_menu .post_tools .label {
   display: none;
}

.side_menu .post_tools li i {
   padding: 9px 8px;
}

   .side_menu .post_tools li i:hover {
      padding: 5px 8px;
   }

.side_menu .logo {
   color: #fff;
   margin: 8px 0 8px 0;
   order: 1;
}

   .side_menu .logo a:hover {
      text-decoration: none;
   }

.side_menu .alert_banner {
   width: calc(100% - 16px);
   min-height: 96px;
   margin: 0 8px 16px 8px;
   box-shadow: none;
   border-radius: 4px;
   /* overflow: hidden; */
   order: 2;
   /* display: inline-flex; */
   top: 0;
}

   .side_menu .alert_banner img {
      width: 100%;
      height: 100%;
   }

.side_menu .menu_nav {
   color: #fff;
   /* margin: 0 -8px 16px -8px; */
   order: 4;
   display: block;
}

.loggedout .side_menu .menu_nav .nav_group,
.loggedout .side_menu .sub_nav li.favorites,
.loggedout .side_menu .sub_nav li.likes,
.loggedout .side_menu .group .side_bar {
    display: none;
}

.loggedout .side_menu .menu_nav .nav_group.loggedout {
      display: block;
}

.side_menu .group_head {
   font-size: 16px;
   text-transform: uppercase;
   font-weight: 700;
   position: unset;
   left: unset;
   height: unset;
   width: 100%;
   background: #2e3e55;
   padding: 16px;
   cursor: pointer;
   /* box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25); */
   border-top: 1px solid #1b232e;
   border-bottom: 1px solid #1b232e;
}

.side_menu .assoc .group_head {
    background: #529ecc;
}

.side_menu .assoc .group_holder .nav_link {
    display: flex;
}

.side_menu .assoc .group_holder .nav_link > a {
    flex: 2;
}

.side_menu .assoc .group_holder .nav_link .edit_button {
    color: rgb(144, 153, 165);
}

   .side_menu .group_head i {
      position: absolute;
      right: 8px;
      transition: .25s ease;
   }

.side_menu .nav_group.show .group_head i {
   transform: rotate(-180deg);
}

.side_menu .group_holder .nav_link {
   overflow: hidden;
   transition: .25s ease;
   cursor: pointer;
   height: 48px;
   position: relative;
}

.nav_link div {
   padding: 14px 0 14px 16px;
}

.side_menu .nav_group {
   /* border-top: 1px solid #1b232e; */
   /* border-bottom: 1px solid #1b232e; */
   overflow: hidden;
}

.loggedin  .nav_group.loggedout {
    display: none;
}

.side_menu .nav_group .group_holder {
   height: 0;
   /* border-top: 1px solid #1b232e; */
   /* border-bottom: 1px solid #1b232e; */
   overflow: hidden;
}

.side_menu .nav_group.loggedout .group_holder {
    height: unset;
}

.side_menu .nav_group.show .group_holder {
   height: auto;
   /* border-top: 1px solid #1b232e; */
   /* border-bottom: 1px solid #1b232e; */
   /* overflow: hidden; */
}

.side_menu .nav_group.show + .nav_group .group_head {
   border-top: none;
}


.side_menu .nav_group.show + .nav_group .group_head {
   border-top: 1px solid #1b232e;
}

.nav_group .group_head i {
   display: none;
}

/* - Bottom Buttons - */
header .bottom_button {
   width: 50px;
   height: 50px;
   background: #fff;
   border-radius: 50px;
   position: fixed;
   bottom: 25px;
   text-align: center;
   right: 25px;
   box-shadow: 0px 0px 8px rgba(54, 70, 93, 1);
   display: none;
   transition: color .25s ease;
   cursor: pointer;
}

header.page_home .bottom_button {
      display: none;
}

header .bottom_button > div {
   height: 100%;
}

header .bottom_button i.button_icon {
   margin: 12px 0 0 0;
   color: rgba(54, 70, 93, 0.8);
   font-size: 24px;
   transition: .25s ease;
}

header .bottom_button:hover i.button_icon {
   color: rgb(54, 70, 93);
}

body.loggedin header .bottom_button.new_post,
body.nav_blog.loggedin header .bottom_button.blog_menu,
body.loggedin.noblogmenu header .bottom_button.new_post {
   display: block;
}

body.nav_blog.loggedin header .bottom_button.new_post, 
body.nav_blog.loggedin.noblogmenu header .bottom_button.blog_menu {
   display: none;
}

body.loggedin.noblogmenu header .bottom_button.new_post {
   display: block;
}

.nt_holder_of_promoish_content {
    /* position: fixed; */
    bottom: 0;
    width: 100%;
    /* background: #ededed; */
    height: 90px;
    text-align: center;
    /* display: none; */
    /* border-top: 1px solid #6f7c8d; */
    margin-bottom: 12px;
}

.nt_holder_of_promoish_content:empty {
    display: none;
}

.mobile .nt_holder_of_promoish_content {
      height: 50px;
      overflow: hidden;
}

.nt_holder_of_promoish_content.blocksm {
   height: 51px;
}
.nt_holder_of_promoish_content > * {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

/*
.mobile.banner .nt_holder_of_promoish_content {
    bottom: 50px;
}

.mobile.banner header .bottom_button {
    bottom: 120px;
}
*/

.banner .nt_holder_of_promoish_content {
    display: block;
}

.banner header .bottom_button {
    bottom: 110px;
}

.footer_message.banner header .bottom_button {
    bottom: 150px;
}

.footer_message header .bottom_button {
    bottom: 70px;
}

.mobile.footer_message header .bottom_button {
    bottom: 110px;
}

/*
.mobile.footer_message.banner header .bottom_button {
    bottom: 160px;
}
*/

.footer_message.banner header .bottom_button {
    bottom: 150px;
}

.mobile .nt_holder_of_promoish_content {
    display: none !important;
}

.nt_message_holder {
    position: fixed;
    width: 100%;
    background: #ffd400;
    height: 40px;
    display: none;
}

.nt_message_holder a:hover {
      text-decoration: none;
}

.nt_message_holder.header {
    top: 0;
    border-bottom: 1px solid #6f7c8d;
    position: relative;
}

.nt_message_holder.footer {
    bottom: 0px;
    border-top: 1px solid #6f7c8d;
}

.banner.footer_message .nt_message_holder.footer {
    bottom: 90px;
}

.footer_message .nt_message_holder.footer,
.header_message .nt_message_holder.header {
    display: block;
}

.mobile.footer_message .nt_message_holder {
      bottom: 50px;
}

/* .banner.mobile.footer_message .nt_message_holder {
      bottom: 100px;
} */

.nt_message_holder .nt_message_close {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 26px;
    color: #4b5b71;
    cursor: pointer;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
}

.header_message header {
    height: 90px;
}

.nt_message_holder .nt_message {
    width: 100%;
    text-align: center;
    color: #36465d;
    font-weight: 500;
    /* top: 12px; */
    position: relative;
    /* z-index: -1; */
    height: 100%;
    /* background: pink; */
    /* vertical-align: middle; */
    display: inline-block;
    padding-top: 10px;
    padding-right: 28px;
}

.bottom_button [data-tooltip] {
   margin: -100px 0 0 0;
}

   .bottom_button [data-tooltip]:after {
      content: "";
      top: unset;
      bottom: -9px;
      border: 4px solid transparent;
      border-top: 4px solid #706c61;
      margin: 40px 0 0 0;
   }

header .bottom_button .popup_menu {
   bottom: 65px;
   top: unset;
   right: 16px;
   width: 120px;
   max-height: unset;
}

.bottom_post_tools {
   background: #fff;
   border-radius: 4px;
   box-shadow: 0px 0px 8px rgba(54, 70, 93, 1);
   display: none;
   z-index: 2;
   width: 230px;
   right: 20px;
   height: 360px;
   position: absolute;
   bottom: 68px;
}


.bottom_button.new_post.show .bottom_post_tools {
   display: block;
}


   .bottom_post_tools ul.post_tools li {
      flex-direction: column;
      align-items: center;
      text-align: center;
      border-right: none;
      overflow: hidden;
      transition: .5s ease;
      margin: 0;
   }

.bottom_button .bottom_post_tools ul.post_tools li {
   height: 75px;
   padding: 6px 0 0 0;
   float: unset;
   background: none;
   width: 45%;
}

.bottom_button.new_post .blog_icon {
   width: 64px;
   height: 64px;
   margin: 4px;
}

.bottom_button.new_post .blog_icon {
   left: 50%;
   position: absolute;
   transform: translateX(-50%);
   top: 8px;
}

.bottom_post_tools ul.post_tools {
   flex-wrap: wrap;
   height: calc(100% - 80px);
   bottom: 0;
   top: 80px;
   position: relative;
   flex-direction: row;
   justify-content: space-around;
   display: flex;    display: -webkit-flex;
}

.bottom_post_tools .post_tools li div,
.bottom_post_tools .post_tools li i {
   float: none;
   padding: 8px 0 0px 0;
   text-align: center;
   width: 100%;
}

.bottom_post_tools .post_tools li:hover i {
   float: none;
   padding: 0 0 8px 0;
}

.bottom_post_tools .popup_menu ul li i {
   color: inherit !important;
}

.bottom_button .blog_icon {
   width: 104px;
   height: 104px;
   margin: 8px 8px 0 8px;
}

header .bottom_button.blog_menu .popup_menu {
    width: 150px;
}

header .bottom_button.blog_menu .popup_menu .blog_icon {
    margin: 15px 23px 12px 23px;
}

.underline {
   border-bottom: 1px solid #c4c8cf;
}

li.overline {
   border-top: 1px solid #c4c8cf;
}

.bottom_button .click_hidex .unhide,
.bottom_button.hide .click_hidex .hide,
.bottom_button .click_block .unblock,
.bottom_button.block .click_block .block {
   display: none;
}

.bottom_button.hide .click_hidex .unhide,
.bottom_button.block .click_block .unblock {
   display: block;
}

header .blogs span#tooltip-user {
   /* top: 21px; */
   right: -42px;
   left: unset;
}

header .blogs.show span#tooltip-user {
   display: none;
}

header .blogs {
   display: block;
   float: right;
   margin: 8px 8px 0 8px;
   position: relative;
   cursor: pointer;
}

.side_menu .nav_link i {
   width: 32px;
}

.side_menu .nav_link img {
    max-height: 18px;
    width: 18px;
    margin-right: 14px;
}

header .blogs .blog_icon {
   width: 34px;
   height: 34px;
   /* margin: 0 0 7px; */
}

.side_menu .sub_nav {
   width: 100%;
   height: 50px;
   margin: 0;
   border-bottom: 1px solid rgba(255, 255, 255, .2);
   /* padding: 8px 0 0 0; */
}

.side_menu_right .sub_nav {
   width: 100%;
   margin: 0;
   border-bottom: 1px solid rgba(255, 255, 255, .2);
   /* padding: 8px 0 0 0; */
   background: #36465d;
   display: flex;    display: -webkit-flex;
   justify-content: space-around;
   align-items: center;
}

.modal.modal_preview.show {
   width: unset;
   background: none;
   height: unset;
   overflow: unset;
   top: 50px;
   right: 0;
}

.side_menu_right.docked .sub_nav {
   display: none;
}

.side_menu_right {
   right: 0;
   width: 540px;
   position: absolute;
   top: 0;
   height: calc(100vh - 50px);
   z-index: 501;
   /* transition: right.25s ease; */
   overflow: hidden;
   pointer-events: none;
}

.tool.tool_detail {
   /* display: none; */
   position: absolute;
   right: 0;
   top: 0;
}

.side_menu_right .detail_panel_group {
   box-shadow: -20px 0 15px -15px rgba(0, 0, 0, .5);
   height: 100%;
   right: -540px;
   position: absolute;
   width: 520px;
   transition: right .25s ease;
   transition-delay: .25s;
   background: #36465d; /* Modified by Dean (because God told me to do it) */
   border-left: 1px solid #4b5b71;
   /* pointer-events: all; */
}

.docked_detail .side_menu_right .detail_panel_group {
   box-shadow: none;
}

.side_menu_right.show {
   pointer-events: auto;
}

.side_menu_right .post_wrapper {
   /* border: 1px solid #c1c6ce; */
}

.post_holder .nav > div {
   cursor: pointer;
   font-size: 18px;
   color: rgba(255, 255, 255, .5);
   transition: .25s ease;
   min-height: 20px;
   position: relative;
}

   .post_holder .nav > div:hover {
      color: rgb(255, 255, 255);
   }

.post_holder .nav {
   display: flex;    display: -webkit-flex;
   padding: 0 0 16px 0;
   justify-content: space-around;
}

.side_menu_right.docked .detail_panel_group {
   box-shadow: none;
   /* background: none; */
}

.side_menu_right.show .detail_panel_group {
   right: 0;
}

.side_menu_right .post_holder {
   width: 100%;
   height: calc(100% - 39px);
   padding: 16px 16px 64px 16px;
   overflow: auto;
}

.banner .side_menu_right .post_holder {
    padding-bottom: 170px;
}

.side_menu .sub_nav li {
   /* display: inline-block; */
   /* padding: 8px 16px; */
   /* font-size: 22px; */
   /* cursor: pointer; */
   /* position: relative; */
   /* color: #fff; */
   /* text-align: center; */
}

.side_menu .sub_nav ul {
   display: flex;    display: -webkit-flex;
   justify-content: space-between;
}

.side_menu .group {
   padding: 0 0 8px 0;
   height: calc(100% - 50px);
   position: relative;
   overflow: auto;
   display: flex;
   flex-direction: column;
}

.ios .side_menu .group {
   padding: 0 0 8px 0;
   height: calc(100% - 50px);
   position: relative;
   overflow: auto;
   display: block;
   flex-direction: column;
}

.side_menu .spacer {
    flex: 2;
    order: 4;
}

.side_menu .clear {
   width: 150px;
   text-align: center;
   padding: 4px;
   /* margin: 16px auto 0 auto; */
   background: #4b5b71;
   color: #a5adb8;
   font-weight: 700;
   cursor: pointer;
   transition: .25s ease;
   display: block;
   height: unset;
   font-size: 16px;
}

.tool.tool_filter .sub_nav li.clear,
.tool.tool_detail .sub_nav li.go a,
.preview_panel .sub_nav li.go a {
   text-align: center;
   background: none;
   color: #ffffff;
   font-weight: 700;
   cursor: pointer;
   transition: .25s ease;
   display: block;
   height: 100%;
   font-size: 16px;
   flex: 2;
   text-decoration: none;
}

.tool.tool_filter .sub_nav li.clear,
.tool.tool_detail .sub_nav li.go {
   padding: 12px 0 0 0;
   ;
}





.preview_panel .sub_nav li.pin {
   visibility: hidden;
}



.tool.tool_detail .sub_nav li.go {
   /* padding: 12px 0 0 0; */
}


.tool .sub_nav li {
   height: 100%;
   padding: 0;
   /* vertical-align: middle; */
   /* display: flex;    display: -webkit-flex; */
   /* align-items: center; */
   padding: 8px 0 0 0;
}

.tool.tool_filter .sub_nav li.clear:hover,
.tool.tool_detail .sub_nav li.go a:hover {
   color: #ffffff;
   text-decoration: none;
}

.tool.tool_filter li.close {
   width: 60px;
}

.side_menu .clear:hover,
.arrange_menu.side_menu .sub_nav li.clear:hover {
   color: #ffffff;
}

.arrange_menu.side_menu .sub_nav li.clear {
   /* top: 0; */
   /* position: absolute; */
   /* margin: 8px 0 0 0; */
   /* right: 8px; */
   /* display: none; */
}

.mobile .arrange_menu.side_menu .sub_nav li.pin {
   visibility: hidden;
}


.mobile .arrange_menu.side_menu .sub_nav li.clear {
   display: block;
}

.mobile .side_menu .clear {
   display: none;
}


.mobile .arrange_menu.side_menu .sub_nav {
   position: relative;
   bottom: 0;
   border-bottom: 1px solid rgba(255, 255, 255, .2);
   border-top: none;
   box-shadow: none;
}


body.loggedout header .blogs {
   display: none;
}

.side_menu .side_bar .post_message {
   background: none;
   margin: 0;
}

.side_menu .monitor_links,
.side_menu .bizops_links {
   margin: 0 0 8px 0;
}

.side_menu .side_bar .app_links div {
   /* margin: 0 0 5px 0; */
}

.side_menu .post_message center {
   margin: 0 0 8px 0;
}

.side_menu .side_bar .section_head {
   margin: 0;
}

.side_menu .side_bar > div {
   margin: 0;
}

.side_menu .site_links .section_head {
   display: none;
}

.side_menu .app_links div {
   /* float: left; */
   /* background: #000; */
   width: 100%;
   /* height: 55px; */
   cursor: pointer;
   margin: 0 0 8px 0;
}

.side_menu .side_bar .app_links {
   width: 50px;
   position: absolute;
   right: -58px;
   top: 0px;
   background: #2e3e55;
   border-radius: 4px;
   height: 65px;
   text-align: center;
   padding: 0;
}

   .side_menu .side_bar .app_links div i {
      font-size: 20px;
      padding: 0px;
   }

   .side_menu .side_bar .app_links div {
      /* background: pink; */
      margin: 0;
      height: 30px;
      font-size: 12px;
      padding: 4px;
   }

.side_menu .site_links {
   width: calc(100% - 58px);
   margin: 0 2% 0 0;
   float: left;
}

span.date_tip [data-tooltip] {
   top: 22px;
}

.side_menu .side_bar > div:nth-child(2) {
   border-radius: 4px 4px 0px 0px;
}

.side_menu .side_bar > div:nth-child(3) {
   border-radius: 0px 0px 4px 4px;
}

.mobile .arrange_menu.side_menu .menu_holder {
    /* display: block; */
    height: calc(100% - 100px);
    position: fixed;
    top: 50px;
}



@media (max-width: 750px) {


   .side_menu_right {
      /* position: fixed; */
      /* z-index: 1000; */
      /* width: 100vw; */
      /* height: 100vh; */
   }

      .side_menu_right.show .detail_panel_group {
         /* width: 100%; */
      }



   header .site_nav {
      left: unset;
      right: 16px;
   }


   body.mobile .side_menu .sub_nav {
      position: absolute;
      bottom: 0;
      border-bottom: none;
      border-top: 1px solid rgba(255, 255, 255, .2);
      box-shadow: 0px -10px 10px -5px rgba(0, 0, 0, 0.25);
   }

   body.mobile header .bottom_button {
      bottom: 75px;
   }

   /* disable tooltips on mobile */
   body.mobile [data-has-tooltip] {
      /* pointer-events: none; */
   }

   header .bottom_button i.button_icon {
      color: #36465d;
   }

   header .bottom_button {
      right: 25px;
   }

   header {
      top: 50px;
   }

   .loggedout header {
      top: 0px;
   }

   body.mobile header {
      top: 0;
      max-width: 100vw;
   }

   .mobile header .side_menu .side_bar {
      /* position: absolute; */
      /* top: 260px; */
      order: 2;
      flex: unset !important;
      display: block;
      flex-direction: unset;
   }

   .mobile .side_menu .logo {
      /* bottom: 170px; */
      /* position: absolute; */
      /* left: 32px; */
      height: 56px;
   }

   .mobile .side_menu .menu_holder {
      /* padding: 110px 0 0 0; */
   }

   .mobile .side_menu .post_post {
      /* position: absolute; */
      /* bottom: 116px; */
      /* width: calc(100% - 16px); */
   }

   .mobile .side_menu .alert_banner {
      /* bottom: 8px; */
      /* position: absolute; */
      /* width: calc(100% - 16px); */
      /* padding: 0; */
      /* margin: 0; */
   }

   .mobile .side_menu .menu_nav {
      /* bottom: 0px; */
      /* position: absolute; */
      /* width: 100%; */
      /* top: 430px; */
      order: 5;
   }

   [data-tooltip] {
      display: none;
   }

   span.date_tip [data-tooltip] {
      display: block;
      top: 22px;
   }
}

@media (max-height: 900px) {

   .side_menu .alert_banner {
      /* display: none; */
   }
}

@media (max-height: 800px) {
   .side_menu .post_post {
      display: none;
   }
}

/*

@media (max-height: 780px) {
    .side_menu .post_post,
    .side_menu .alert_banner {
        display: none;
    }

    .mobile header .side_menu .side_bar {
        top: 76px;
    }

    .mobile .side_menu .menu_nav {
        top: 240px;
    }

    .side_menu .menu_nav {
        top: 240px;
    }

}



@media (max-height: 700px) {

    .side_menu .group_holder .nav_link {
        overflow: hidden;
        height: 0px;
        transition: .25s ease;
        cursor: pointer;
    }

    .side_menu .nav_group.show .group_holder .nav_link {
        height: 48px;
        padding: 0;
    }

    .side_menu .nav_group .group_head i {
        display: unset;
    }

}

@media (max-height: 570px) {
    .side_menu .logo, 
    .side_menu .side_bar .bizops_links {
        display: none;
    }

    header .side_menu .side_bar {
        bottom: -43px;
    }

    .side_menu .menu_nav {
        bottom: unset;
        top: 0;
        margin: -9px -8px 0 -8px;
    }    

    .mobile .side_menu .menu_nav {
        top: 140px;
        margin: 0 -8px 0 -8px;
    }

    .mobile  header .side_menu .side_bar {
        top: 8px;
    }

}



@media (max-height: 470px) {
    .side_menu .logo,
    .side_menu .side_bar .monitor_links  {
        display: none;
    }

    header .side_menu .side_bar {
        bottom: -88px;
    }

    .mobile .side_menu .menu_nav {
        top: 100px;
    }

}



@media (max-height: 420px) {
    .side_menu .logo,
    .side_menu .side_bar {
        display: none;
    }

    .mobile .side_menu .menu_nav {
        top: 0;
    }

}

*/

/*******************************************************************************************************************************
**                                                            New Nav                                                         **
*******************************************************************************************************************************/


.side_bar .site_link {
   position: relative;
}

/* Blog Drop */

.blog_drop.popup_menu span.blog_link i {
   color: #000;
}

.blogs.show .blog_drop.popup_menu {
   display: block;
   max-height: calc(100vh - 140px);
   overflow: auto;
}

.popup_menu ul li.newblog {
   border-top: 1px solid #c4c8cf;
   /* text-align: center; */
}

.popup_menu ul li.newblog a {
   color: #000;
   text-decoration: none;
}


.arrange_filter_content {
    height: 100%;
}

.arrange_menu.side_menu .arrange_filter_group_title i {
      position: absolute;
      right: 0;
      font-size: 12px;
      color: rgba(255, 255, 255, .3);
      transition: .25s ease;
      cursor: pointer;
}

.arrange_menu.side_menu .arrange_filter_group_title i:hover {
   color: #ffffff;
}

.side_menu .arrange_filter_tab.show > div:last-of-type {
    margin-bottom: 100px;
}

/* iPhone X fix. */

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {

    body.mobile header .nav {
        height: 70px;
    }

    .NTNAV___mainMenu__subNav.sub_nav {
        height: 70px;
    }

    /* 

    .mobile.banner .nt_holder_of_promoish_content {
        bottom: 70px;
    }

    .mobile.banner header .bottom_button.new_post {
        bottom: 150px;
    } 

    .mobile.footer_message header .bottom_button.new_post {
        bottom: 130px;
    }

    .mobile.footer_message.banner header .bottom_button.new_post {
        bottom: 190px;
    }

    .mobile.banner.footer_message .nt_message_holder.footer {
        bottom: 130px;
    }

    .mobile.footer_message .nt_message_holder {
        bottom: 70px;
    }

    .banner header .bottom_button.new_post {
        bottom: 100px;
    }

    .footer_message.banner header .bottom_button.new_post {
        bottom: 140px;
    }

    .footer_message header .bottom_button.new_post {
        bottom: 100px;
    }

    .footer_message.banner header .bottom_button.new_post {
        bottom: 140px;
    }

    */

}




/*******************************************************************************************************************************
**                                                           Patch                                                          **
*******************************************************************************************************************************/
/*
DEAN SAYS: --fixed- variables are no longer globally accessible!

header {
    background: var(--fixed-nav-background) !important;
}

.full_back .filter_tools {
    background: var(--fixed-nav-background-alt) !important;
    border-top: 1px solid var(--common-base-border) !important;
    box-shadow: var(--common-shadow-dark) !important;
}

.page_dash {
    background: #fff !important;
}

.NTPOST___post__wrapper {
    border: 1px solid var(--common-base-border) !important;
}

.side_menu .menu_holder {
    background: #fff;
}

.NTNAV___mainMenu__subNav {
    color: var(--fixed-nav-color);
    background: var(--fixed-nav-background);
    box-shadow: var(--common-shadow-light);
    width: 100%;
    min-height: calc(       var(--height-nav-primary) + var(--height-margin-bottom));
    margin: 0;
}

.NTFIXED___mainMenu a:visited, 
.NTFIXED___mainMenu a {
    color: var(--common-base-color);
    text-decoration: none;
}

.NTNAV___mainMenu__group .NTCOMMON___ntFullLogo a {
    color: var(--common-base-color);
}

.NTNAV___mainMenu__groupHead.group_head {
    background: linear-gradient(90deg, var(--common-base-selected), transparent);
    /* border: 1px solid var(--common-base-border); * /
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    position: unset;
    left: unset;
    height: unset;
    width: 100%;
    padding: 16px;
    cursor: pointer;
    color: var(--common-base-color);
    border: none;
}

.NTNAV___mainMenu__navGroup {
    border-top: 1px solid var(--common-base-border);
}

.side_menu .nav_group.show + .nav_group .group_head {
    border-top: none;
}

.NTNAV___mainMenu__navLink.nav_link a {
    color: var(--common-base-color);
    text-decoration: none;
}

.NTNAV___linkGroup a:visited, 
.NTNAV___linkGroup a {
    color: var(--common-base-color);
    text-decoration: none;
}

@media (max-width: 750px) {

   header .nav {       
    background: var(--fixed-nav-background);
   }
}
*/