body {
	color: #555f61 !important;
}

a {
	color: #648db9;
}

a:hover {
	color: #89b5f5 !important;
	text-decoration: underline;
}

nav {
	background-color: #fff;
	border-bottom: 1px solid #EAF2FD;

	-webkit-box-shadow: inset 10px -40px 15px -27px rgba(234,242,253,0.21);
	-moz-box-shadow: inset 10px -40px 15px -27px rgba(234,242,253,0.21);
	box-shadow: inset 10px -40px 15px -27px rgba(234,242,253,0.21);
}

nav a {
	color: #53769b !important;
}

nav a:hover {
	text-decoration: none;
	/*border-bottom: 1px solid #89b5f5;*/
}

.side-nav a:hover {
	text-decoration: none;
	background-color: rgba(234,242,253,0.21);
	border-left: 2px solid #89b5f5;
}

.brand-logo {
	padding-top: 7px !important;
}

.asmr-brand {
	background-color: #53769b !important;
}

footer a {
	text-decoration: underline;
}

footer a:hover {
	text-decoration: none;
}
h1 {
	font-size: 2.2rem;
	margin-top: 1.68rem;
	margin-bottom: 0.67rem;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div.channel-meta {
	text-align: center;
}

div.channel-meta p {
	text-align: left;
}

div.channel-meta img {
	border-radius: 50px;
	border: 1px solid #EAF2FD;
	height: 3.7rem;
	vertical-align: middle;
	margin-right: 5px;
}

div.channel-meta h1 {
	display: inline-block;
	vertical-align: middle;
}

div.video-meta img {
	border-radius: 50px;
	border: 1px solid #EAF2FD;
	height: 1.7rem;
	vertical-align: middle;
	margin-right: 5px;
}

div.video-meta img.larger {
	height: 2.7rem;
}

/*
main a {
	color: #648db9;
}

main a:hover {
	color: #89b5f5;
	text-decoration: underline;
}
*/
section.video-row {
	border-bottom: 1px solid #EAF2FD;
	padding-bottom: 13px;
}

div.video-meta {
	color: rgb(168,168,174);
}

main.page {
	padding-top:1rem;
}

.channel-row img {
	border-radius: 50px;
	border: 1px solid #EAF2FD;
	height: 2.7rem;
	vertical-align: middle;
	margin-right: 5px;
}

div.video-meta img {
	border-radius: 50px;
	border: 1px solid #EAF2FD;
	height: 1.7rem;
	vertical-align: middle;
	margin-right: 5px;
}

@media only screen and (max-width: 600px) {
  div.video-meta img {
    height: 2.7rem !important;
    margin-right: 2px;
  }
}

div.video-meta .title {
	
	font-size: 1.05rem;
	margin-bottom: 2px;
}

div.video-meta .title a {
	color: #53769b;
}

div.video-meta .title a:hover {
	color: #89b5f5;
}

div.video-meta .who {
	display: block;
	color: #95959b;
	margin-bottom: 2px;
}

div.video-meta .description {
	display: block;
}

div.video-meta .tags {
	display: block;
	margin-top: 5px;
	font-size: 0.8rem;
}

div.video-thumbnail {
	position: relative;
}

div.video-thumbnail .content img {
	width: 100%;
	height: 100%;
}

div.video-thumbnail .content:after { 
    content: ""; 
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100; 
    background: transparent url(../images/btn3.png) no-repeat center; 
    pointer-events: none; 
    background-size: 20%;
}
div.video-thumbnail .play {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 5;
}

div.video-thumbnail .duration {
	position: absolute;
	bottom: 0.5rem;
	right: 0.2rem;
	z-index: 4;
	color: #fff;
	
	background: rgba(0,0,0,0.6);
}

.video-wrap {
	width: 90%;
	margin: auto;
}

.video-frame {
	width: 100%;
	min-height: 100%;
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 0px !important;
}

.modal .modal-content {
	padding: 0;
	line-height: 0 !important;
	overflow: hidden;
}

tbody {
	display:block;
	height: calc(100vh - 220px);
	overflow:auto;
}
thead, tbody tr {
	display:table;
	width:100%;
	table-layout:fixed;
}
thead {
	width: calc( 100% - 1em );
}
table {
	width:100%;
}

.blog ul, .blog li {
	list-style-type: initial !important;
}

.blog ul {
	padding-left: 40px;
}