/** Block CSS **/

/** On This Day **/
.onthisday-block {
	display:flex;
	height:100%;
	font-size:14px;
	}
.views-field-field-onthisday-day {
	display:flex;
	flex-direction:row;
	align-item:flex-end;
	}
.views-field-field-onthisday-day .top_onthisday {
	display:flex;
	height:100%;
	align-items:flex-end;
	justify-content:flex-end;
	}
.views-field-field-onthisday-day .top_onthisday.right {
	display:flex;
	height:100%;
	flex-direction:column;
	align-items:flex-start;
	padding:25px 0 20px 10px;
	}
.views-field-field-onthisday-day .top_onthisday.right h3 {
	font-family:'Roboto',sans-serif;
	font-size:16px;
	padding:0;
	margin:0 0 5px 0;
	}
.views-field-field-onthisday-day .top_onthisday.right h3 a {
	color:#ccc;
	}

ul.select_theme {
	list-style-type:none;
	padding:0;
	display:flex;
	flex-direction:row;
	margin-bottom:0;
	padding-top: 4px;
	}
ul.select_theme li{
	display:flex;
	padding-right:6px;
	float:left;
	height: 24px;
	margin-top: 8px;
	}
ul.select_theme li a{
	display: flex;
    width: 14px;
    height: 14px;
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	}
ul.select_theme li a.dark_theme{
	background: #4e5d6c;
	}
ul.select_theme li a.light_theme{
	background:#ddd;
	}

/** Footer Block **/

/* Recently Read Block */
.recently_read_topics {
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	border-bottom:1px dotted #aaa;
	}
.recently_read_title {
	font-size:14px;
	}
.recently_read_date {
	font-size:13px;
	padding:5px 0 0 0;
	}
.action-links a.ctools-use-modal {
	display:none;
	}

/** Sidebar **/

/** Title **/
.region-sidebar-second h2.block-title {
	display:inline-block;
	padding:5px 20px;
	margin-bottom:0;
	border: solid rgba(255,255,255,0.2);
	border-width:3px 1px 0 1px;
	border-top-color:#ff0000;
	background: rgba(0,0,0,0.3);
	}
.region-sidebar-second h2.block-title span {
	font-family:"Roboto",sans-serif;
	font-size:14px;
	display:block;
	margin:-3px 0 5px 0;
	}

/* Recommended */
.view.view-recommended-contents {
	padding: 20px;
	background: rgba(0,0,0,0.1);
	border: 1px solid rgba(255,255,255,0.2);
	}
.recommeneded-content {
	font-size:13px;
	padding:10px 0;
	border-bottom:1px dotted #aaa;
	}
.views-row-first .recommeneded-content {
	padding-top:0;
	}
.views-row-last .recommeneded-content {
	border-bottom:0px;
	padding-bottom:0;
	}
.recommeneded-content .title {
	font-size:16px;
	padding-bottom:5px;
	margin-bottom:5px;
	}
.recommeneded-content .submitted {
	margin:0;
	}
.recommeneded-content span {
	margin-right:8px;
	color:#ccc
	}
.recommeneded-content i {
	color:#f0ad4e;
	}

/** Hot Topics **/

.hot-topics-block {
	display:inline-block;
	width:100%;
	padding-bottom:20px;
	}
.hot-topics-block .view-hot-topics-block {
	display:flex;
	flex-direction:column;
	background: rgba(0,0,0,0.15);
	border: 1px solid rgba(255,255,255,0.15);
	}
.hot-topics-block h2.block-title {
	font-size: 22px;
	font-weight: 500;
	display: inline-block;
	padding: 5px 20px;
	margin-bottom: 0;
	border: 1px solid rgba(255,255,255,0.2);
	border-width: 1px 1px 0 1px;
	border-top-color: #ff0000;
	background: rgba(0,0,0,0.3);
	}
.hot-topics-block h2.block-title span {
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    display: block;
    margin: -3px 0 5px 0;
	}
.hot-topic {
	font-size:13px;
	padding:10px 20px;
	border-bottom:1px solid rgba(255,255,255,0.15);
	}
.hot-topic-title {
	font-size:16px;
	padding-bottom:5px;
	}
.hot-topic-body {
	font-size:14px;
	padding-bottom:5px;
	}
.hot-topic-submitted {
	display:flex;
	flex-direction:row
	}
.hot-topic-description .hot-topic-picture {
	padding-right:10px;
	}
.hot-topic-description .hot-topic-picture img {
    width: 32px;
    height: 32px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
	}
.hot-topic-description {
	display:flex;
	flex-direction:row;
	align-items:center;
	padding:5px 0;
	color:#bcbcbc;
	}
.hot-topic-description span {
	padding-right:8px;
	}
.hot-topic-description i {
    color: #999;
	}

/** Button Links **/
.hot-content-links-wrapper {
	display:flex;
	justify-content:center;
	padding:15px 0;
	}
.hot-content-button {
	padding:5px 15px;
	font-weight:400;
	}


/** Status **/
.statuses-subitem {
    background-color: transparent;
    border-top: 1px solid #FFFFFF;
	}

/** Private Message Alert **/
.closeblock-processed .closeblock {
	z-index:1000;
	cursor: pointer;
	position: absolute;
	top: -20px;
	right: 0;
	}
.closeblock-processed .closeblock .closeblock-button {
	background:#eee;
	color:#666;
	font-size:14px;
	padding: 0 2px 0 1px;
	line-height:2;
	display: flex;
	width: 25px;
	height: 25px;
	justify-content: center;
	-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;
	}
.closeblock-processed .closeblock .closeblock-button:hover {
	color:#000;
	}
.pm-alert {
 	position: fixed;
	display:inline-block;
    bottom:20px;
	right:104px;
	font-size:14px;
	padding:0;
	height:auto;
	z-index: 10000;
	}
.block-privatemsg {
	background-color: #eee;
	/* background-image: repeating-linear-gradient(45deg, transparent, transparent 25px, rgba(255,255,255,.5) 25px, rgba(255,255,255,.5) 50px); */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	}
	
#block-privatemsg-privatemsg-new {
	padding:15px
	}
.block-privatemsg:before {
	content:" ";
	display:inline-block;
	float:left;
	width:100px;
	height:110px;
	position: absolute;
	top: 0px;
	left: 15px;
	}
.pm-alert .block-title {
	font-size:18px;
	font-weight:500;
	margin:0;
	position: relative;
	border-bottom: 1px dotted #cdcdcd;
	padding-bottom: 3px;
	}
#privatemsg-new-link {
	display:block;
	padding-top:10px;
	}
#block-search-form .input-group {
	width:100%;
	}
.pm-alert .block-title:after{
	font-size:18px;
	font-weight:800;
	content:"";
	padding:3px 0 3px 5px;
	}
	@keyframes blinker { to { opacity: 0; } }

#block-privatemsg-privatemsg-new {
	padding-left: 90px;
	max-width: 285px;
	}

/** Related Quotes **/

.related-quote-content {
	padding:15px 15px 0 15px;
	margin-top:10px;
	}
.related-quote-block {
	margin-bottom:15px;
	}
.related-quote-block-title a{
	font-family:'Roboto',sans-serif;
	font-size:16px;
	padding:6px 15px;
	display:block;
	}
.social-share-links .share-link a {
    padding: 5px 10px 5px 5px;
    display: inline-flex;
    align-items: center;
	}

/** Custom Block Header **/

.custom-header h2.block-title {
	font-size: 22px;
	font-weight: 500;
	display: inline-block;
	padding: 5px 20px;
	margin:0;
	width:auto;
	}
.custom-header h2.block-title span {
    font-family: "Roboto",sans-serif;
	display:block;
    font-size: 14px;
    margin: -3px 0 5px 0;
	}
.user-topics-title h2.block-title span {
    display:inline-block;
	}
.custom-header h2.block-title span {
	padding-right:5px;
    display: block;
	}
.custom-header h2.block-title span a {
	font-weight:500;
    display: inline-block;
	}
.custom-header-style2 h2.block-title {
	font-size: 22px;
	font-weight: 500;
	display: inline-block;
	padding: 5px 20px;
	margin:0 0 15px 0;
	}
.custom-header-style2 h2.block-title span {
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    display: block;
    margin: -3px 0 5px 0;
	}

/** Front Block **/

/* Topic New */

.view-other-topic-by-user.view-display-id-block,
.view-front-recommened-topics.view-display-id-block,
.view-front-topics-first.view-display-id-block {
	padding:15px 0 10px 0;
	margin-bottom:20px;
	}
.first-content.front {
	display:flex;
	flex-direction:column;
	padding: 0 20px 5px 20px;
	margin-bottom:5px;
	}
.first-content.last {
	display:flex;
	flex-direction:column;
	padding: 0 20px 5px 20px;
	}
.block-content-title {
	padding-bottom:5px;
	}
.block-content-body {
	font-size:14px;
	}
.block-content-body p {
	padding:0;
	margin:0;
	}
.block-content-info {
	display:flex;
	flex-direction:row;
	font-size:13px;
	padding:10px 0;
	align-items-center
	}
.block-content-picture {
	display:flex;
	width:42px;
	align-items:center
	}
.block-content-picture img {
	width:32px;
	height:32px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	}
.block-content-desc {
	display:flex;
	flex-direction:column;
	align-content:flex-start;
	}
.block-content-desc i{
	font-size:90%;
	color:rgba(255,255,255,0.4)
	}


/** Login Block **/

.front .user-login-block-container {
	display:flex;
	align-content:center;
	padding:20px;
	margin-bottom:20px;
	}
#block-user-login.block.user-login-block {
	background:transparent
	}
.front #user-login-form .form-group {
	display:inline-flex;
	width:100%;
	align-items:center;
	}
.front #user-login-form .form-actions.form-group {
	padding-left:0px;
	}
.front #user-login-form label {
	width:150px;
	}
.front #user-login-form ul {
	padding-left:0px;
	list-style-type:none;
	margin:0;
	display: flex;
    justify-content: flex-end;
	}
.front #user-login-form ul li {
	display:inline-flex;
	padding:0 10px;
	font-size:14px;
	border-left:1px dotted #aaa;
	}

/* Social Feeds */

.social-node-list {
	display:flex;
	flex-direction:column;
	margin-bottom:20px;
	}
.social-node-list-desc {
	display:flex;
	flex-direction:column;
	align-items:stretch;
	font-size:14px;
	padding:10px 15px;
	}
.social-node-list-body {
	font-size:16px;
	min-height:50px;
	}
.social-node-list-desc-submitted {
	font-size:13px;
	padding: 5px 0 0 0;
	margin:5px 0 0 0;
	display: inline-flex;
	align-items: center;
	}
.social-node-list-desc-submitted i {
	font-size:90%;
	}

.social-block-container.plus {
	padding-bottom:15px;
	}
.social-block-list-desc-body {
	padding:10px 0 0 0;
	}
.social-block-list-desc-body.plus {
	font-size:14px;
	}
.social-block-list-desc-submitted {
	padding-top:5px;
	font-size:13px;
	}
.social-block-list-desc-submitted i {
	font-size:90%;
	}

/** Related Topics **/

.related-topic-by-user {
	padding: 0 20px;
	margin-bottom: 10px;
	}
.related-topic-by-user .related-number {
	font-weight:300;
	}
.related-topic-by-user .related-topic-by-user-title {
	font-size:16px;
    padding-bottom: 5px;
	}
.related-topic-by-user-desc {
	font-size:13px;
	}
.related-topic-by-user-desc i {
	font-size:90%;
	}

/** fLIPPY **/

.region-content ul.flippy {
    margin: auto;
    padding:5px 0;
    text-align: left;
    width: 100%;
    display: flex;
	}
ul.flippy li {
    margin: 0;
    padding: 10px 0;
    display: inline-flex;
    width: 100%;
    list-style-type: none;
    list-style-image: none;
	}
ul.flippy li a{
    width: 100%;
	}
.flippy-title {
	display:inline-flex;
	padding:5px 0;
	font-size:13px;
	margin-bottom:5px
	}
ul.flippy li.next {
    text-align: right;
	}

/** Quote **/
.quote-block .q-title {
	display:inline-block;
	font-size:16px;
	padding:6px 18px;
	}
.quote-block .quote-block-body {
	display:inline-block;
	font-size:14px;
	padding:6px 18px;
	}

/** Advertisement **/

.top-content-ads {
	display:inline-block;
	width:100%;
	clear:both;
	floatnone;
	align-items:center;
	justify-content:center;
	margin:0 0 20px 0;
	}
.below-content-ads {
	display:inline-block;
	width:100%;
	clear:both;
	floatnone;
	align-items:center;
	justify-content:center;
	margin:10px 0 25px 0;
	}