/** Misc CSS **/

/** Top Header **/

#navbar.navbar.container {
    min-height: inherit;
	height:auto;
	}
.navbar.navbar-default .container {
    display: flex;
    align-items: flex-start;
	flex-direction: row;
	}
.front .navbar.navbar-default .container {
    display: inherit;
    align-items: inherit;
	flex-direction: inherit;
	}
.node-type-on-this-day .navbar.navbar-default .container {
	flex-direction: row;
	}
#navbar-collapse .main-menu .menu.nav.navbar-nav {
    padding: 0 0 0 38px;
    min-height: 38px;
	height:auto;
	align-self:flex-end;
	display:flex
	}
.compact #navbar-collapse .main-menu .menu.nav.navbar-nav {
	align-self:center;
	}
#navbar-collapse .main-menu li {
	display:inline-flex;
    padding: 0 20px 2px 20px;
    margin-right: 1px;
    background: #363469;
	display: inline-flex;
	align-items: center;
	position:relative;
	}
#navbar-collapse .main-menu li.forum-menu {
	min-width: 125px;
	}
.page-users #navbar-collapse .main-menu li,
.page-user #navbar-collapse .main-menu li {
	min-width: inherit;
	}
.top-header .navbar .logo {
    padding: 25px 0 20px 0;
	}
#navbar-collapse .main-menu ul ul.dropdown-menu {
    position: absolute;
    top: 36px;
    left: 0;
    margin-left: inherit;
    padding: 0;
    border-left: inherit;
    margin-top: 0;
	min-width:180px;
	}
#navbar-collapse .main-menu ul  li.open ul.dropdown-menu {
	display:flex;
	flex-direction:column;
	}
#navbar-collapse .main-menu ul ul.dropdown-menu li {
	background:transparent;
	padding:0;
	margin:0;
	border:inherit;
	display: flex;
	flex-direction: column;
	}
#navbar-collapse .main-menu ul ul.dropdown-menu li a {
	padding:8px 20px;
	border:inherit;
	margin: 0;
	width: 100%;
	}
#navbar-collapse .main-menu ul ul.dropdown-menu li.active {
	border-top:none;
	}
#navbar-collapse .main-menu ul ul li a::before {
    text-rendering: auto;
    content: inherit;
    font-weight: 600;
    padding-right: 0;
    line-height: 1.6;
	}
.menu-content {
	display:flex;
	height:100%;
	flex-direction: column;
	}
.menu-content .menu-main{
	display:flex;
	align-items:flex-end;
	align-items: stretch;
	height: 100%;
	}
.menu-content .menu-main .main-menu {
	display:flex;
	height: 100%;
	width: 100%;
	}
.onthisday-block {
    display: flex;
    justify-content: flex-start;
    height: 100%;
    align-items: flex-end;
	}
.comment-form-wrapper .text-format-wrapper .form-type-textarea label,
.comment-form-wrapper #edit-author--2 label {
	display:none
	}
.taxonomy_count {
	font-size:12px;
	font-weight:500;
	display:inline-flex;
	padding:3px 6px;
	line-height:1.2;
	margin-left:10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
.user-menu-container .nav > li#icon-menus > .dropdown-menu > li a {
    display: inline-flex;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 0;
    width: auto;
	}
.user-menu-container .nav > li#icon-menus > .dropdown-menu {
	padding:10px;
	width:110px;
	left:-128px;
	}
.user-menu-picture {
	width:24px;
	height:24px;
	margin-top: 8px;
	margin-right: 2px;
	}
.user-menu-container .user-menu .nav > li.user-menu-picture a {
	padding:0;
	width:24px;
	height:24px;
	z-index:100;
	}
.user-menu-container .user-menu .nav > li.user-menu-picture .user-picture {
	position:relative;
	top:0;
	padding:0;
	width:auto;
	height:auto;
	}
.user-menu-container .user-menu .nav > li.user-menu-picture .user-picture img {
	width:24px;
	height:24px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	}
.user-menu-container .user-menu .nav > li.user-menu-picture .caret {
	display:none;
	}
.user-menu-container .nav > li.user-menu-picture > .dropdown-menu > li a {
    display: block;
    white-space: inherit;
	width:100%;
	padding:5px 10px 5px 15px;
	height:auto;
	}
.user-menu-container .nav > li.user-menu-picture > .dropdown-menu > li.first a {
	padding:10px 10px 5px 15px;
	}
.user-menu-container .nav > li.user-menu-picture > .dropdown-menu > li.last a {
	padding:5px 10px 10px 15px;
	}
.user-menu-container .nav > li.user-menu-picture > .dropdown-menu > li.first a:hover {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.user-menu-container .nav > li.user-menu-picture > .dropdown-menu > li.last a:hover {
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	}
.user-menu-container .nav > li.user-menu-picture > .dropdown-menu > li.active a {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.user-menu-container .nav > li.user-menu-picture > .dropdown-menu {
	width:100px;
	left: -65px;
	padding: 0;
	top: 25px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
.user-menu-container .nav > li.user-menu-picture.open > .dropdown-menu {
	display:flex;
	flex-direction:column;
	}
#icon-menus a.fas:berore {
	font-weight:900!important;
	}
.user-menu-container .nav > li.user-menu-picture > .dropdown-menu:before {
	content:"";
	position:absolute;
  	width: 0; 
  	height: 0; 
	top: -6px;
	left: 70px;
	}

/** icon btn **/

.badge-new a{
	display: inline-block;
	min-width: 10px;
	padding: .25rem 8px 2px 7px;
	font-size: 12px;
	font-weight: 300;
	line-height: 1;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-family:'Roboto',sans-serif;
	font-size:12px;
	font-weight:500;
	}

/** Row Menu (+ Front + Profile) **/

.compact .menu-content {
    flex-direction: row;
	}
.compact .front-page.menu-content {
    align-items:center;
	justify-content: space-between
	}
.compact .menu-content .menu-main {
    display: flex;
    height: auto;
    align-items: center;
	}
.top-header.compact .navbar .logo {
    padding: 15px 0;
	}
.top-header.compact #navbar-collapse .main-menu li {
    padding: 0 25px;
    margin-right: 1px;
    background: transparent;
    display: inline-flex;
    align-items: center;
    position: relative;
    border-top: opx;
	}
.page-users .top-header.compact #navbar-collapse .main-menu li,
.page-user .top-header.compact #navbar-collapse .main-menu li {
    padding: 0 10px;
	border-right:1px dotted #aaa;
	line-height:1.2
	}
.top-header.compact #navbar-collapse .main-menu .menu.nav.navbar-nav {
    padding: 0 0 0 20px;
	}
.page-users .top-header.compact #navbar-collapse .main-menu .menu.nav.navbar-nav,
.page-user .top-header.compact #navbar-collapse .main-menu .menu.nav.navbar-nav {
    padding: 0 0 0 0
	}
.top-header.compact #navbar-collapse .main-menu ul ul.dropdown-menu {
    position: absolute;
    top: 36px;
    left: 0;
    margin-left: 0;
    padding: 0;
    border:initial;
    margin-top: 0;
    min-width: 180px;
	}
.top-header.compact #navbar-collapse .main-menu ul ul.dropdown-menu li {
    display:block;
	width:100%;
    padding:0;
	margin: 0;
	}
.top-header.compact #navbar-collapse .main-menu ul ul.dropdown-menu li a {
    display:flex;
	}
.top-header.compact #navbar-collapse .main-menu ul ul.dropdown-menu li a {
    padding: 8px 25px;
	}

/** Misc **/

#navbar-collapse.navbar-collapse.collapse {
    height: 100%!important;
    padding-bottom: 0;
	}
#navbar-collapse nav {
	display: flex;
	align-items: stretch;
	height: 100%;
	width:100%;
	}
.page-onthisday blockquote {
	text-align: left;
	}
.forum-desc i {
	font-size:90%;
	}
.forum-desc .submitted {
	margin:0
	}
.the-prachatalk {
	display:flex;
	align-items:center;
	padding-left:14px;
	}
.the-prachatalk .slogan{
	font-size:10px;
	line-height:1.45
	}
.the-prachatalk .slogan span{
	display:inline-flex;
	font-size:16px;
	letter-spacing:1px;
	padding-top:10px;
	}
.branding {
	padding-right:50px;
	}
.page-users .branding,
.page-user .branding {
	padding-right:10px;
	}
.i-icon {
	display:none;
	}
.i-title a {
	display:inline-block;
	padding:5px 20px;
	font-size:18px;
	}
.node-type-media h2.icon,
.node-type-social-feeds h2.icon {
    margin-bottom: 0;
	}
.node-type-media .comment-form-wrapper,
.node-type-social-feeds .comment-form-wrapper {
	margin-top:0;
	}
.node-type-forum h1.page-header,
h1.page-header {
    font-size:24px;
	font-weight:500;
	}

.field-name-comment-body p img.smiley-space {
	margin-right:5px;padding:0 4px;
	}