/*
Theme Name:     ODBM Base Theme -- ODB Traditional Chinese (ZHT)
Theme URI:      http: //rbc.org/
Description:    ODBM Base Theme -- ODB Traditional Chinese (ZHT)
Author:         RBC Ministries
Author URI:     http: //rbc.org/about/
Version:        1.0
Template:       odbm-base
*/

@import url("../odbm-base/style.css");

	body {
		color: #555;
		background-color: #fff;
	}
	
	.navbar-brand {
		background: transparent url(./images/odbm_logo.svg) no-repeat 0 0;
	}

	.home .load-more-toolbar {
		display:none;
	}

	.glyphicon-check {
		display: none;
	}

	.glyphicon-shopping-cart {
		display: none;
	}
	
	.universal-share {
		margin-left: 10px;
	}
	
	#header-search #searchform {
		margin-top: 9px;
		margin-bottom: 0px;
	}

	#menu-subscription-test-header-nav {
		padding-top: 10px;
	}

	.menu-profile .fa-user {
		padding-right: 5px;
	}
	
	div.audio-player {
		width: 100%;
	}

	.thought-box {
		font-size: 22px;
	}
	
	span.author {
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}

	.tag-links, .cat-links {
		margin-bottom: 75px;
	}

	.topics-box {
		display: none;
	}

	.donate-text {
		font-style: normal;
	}

	.odb-reading .entry-title {
		margin-left: 0px;
	}

	.audio-player .download-mp3 {
		font-size: 15px;
		margin-right: 25px;
	}

	div.audio-player {
		margin-bottom: 20px;
	}

	.fa-rss {
		display: none;
	}

	.insight-header{
		font-style: normal;
	}

	.entry-meta-box .author .vcard {
		font-style: normal;
	}

	.poem-box {
		font-style: normal;
	}

	.story-title-god{
		border: none;
	}
	
	/* Invitation Post Type	*/
	body {
		color: black;
	}
	.med {
		font-size: 19px;
	}
	.smal {
		font-size: 14px;
	}
	section {
		padding-bottom: 30px;
		padding-top: 15px;
	}
	.mar {
		margin: 10px;
	}
	.mar-down {
		margin-bottom: 15px;
	}
	.topy {
		margin-top: 10px;
	}
	.lefty {
		margin-left: 30px;
	}
	.big {
		font-size: 27px;
		color: white;
	}
	.mar2 {
		margin-left: 10px;
		margin-top: 0px;
		margin-bottom: 15px;
	}
	.botom {
		margin-bottom: 20px;
	}
	.audio {
		margin: 20px;
	}
	.audio-player {
		max-width: 100%;
	}
	.header-image {
		background-size: cover;
		background-position: center;
		margin-bottom: 0px;
	}
	.time {
		font-weight: bold;
	}
	.wrap {
		background-color: rgba(100, 100, 102, 0.00);
		background-image: linear-gradient(to right, rgba(0,0,0,0), Rgba(0,0,0,0.05), rgba(0,0,0,0));
		text-align:center;
		margin-bottom:70px;
		padding:5px;
	}
	.time span {
		display: block;
		font-size: 20px;
		text-shadow: 0px -1px #577079;
	}
	.span {
		font-size: 18px;
	}
	.radius {
		border-radius: 5px 5px 5px 5px;
	}
	.hr {
		border: 0;
		height: 2px;
		background-image: linear-gradient(to right, rgba(0,0,0,0), Rgba(0,0,0,0.75), rgba(0,0,0,0));
	}
	.home-header {
		background:
		linear-gradient(
			rgba(255, 255, 255, 1.0),
			rgba(0, 0, 0, 0.0)
		);
	}
	a.back-to-top {
		display: none;
		width: 60px;
		height: 60px;
		position: fixed;
		z-index: 999;
		right: 20px;
		bottom: 20px;
		background: url("images/up.png") no-repeat center 43%;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
	}
	.grey{
		color: #4d4d4d;
	}
	.videoyoutube {text-align:center;margin:auto;width:100%;}
	.video-responsive {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
	.video-responsive iframe {position:absolute;top:0;left:0;width:100%;height:100%;border:0;}
	.ban {
		display: block;
		height: auto;
		width: 100%;
	}
	.invit-text {
		text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.35);
	}
	.invit-text {
		background-color: rgba(255,255,255,0.6);
		padding: 10px;
		border-style: solid;
		border-width: 30px 30px;
		background-clip: padding-box;
		-moz-border-image: url(images/odb-kids-player-white.png) 30 30 repeat;
		-webkit-border-image: url(images/odb-kids-player-white.png) 30 30 repeat;
		-o-border-image: url(images/odb-kids-player-white.png) 30 30 repeat;
		border-image: url(images/odb-kids-player-white.png) 30 30 repeat;
	}
	/* end of change */
	
	/*audiomessage*/

	.grid-view .mejs-controls .mejs-time-rail .mejs-time-total {
		width: calc(100% - 125px) !important;
	}

	.grid-view .mejs-controls .mejs-time .mejs-currenttime {
		left: auto !important;
		right: 15px !important;
	}

	/* end of audiomesssage */

	@media (max-width: 1200px) {
		.hentry{
			position: inherit;
		}
	}
	
	@media (min-width: 1201px) {
		.mejs-controls .mejs-time-rail .mejs-time-total{
			width:calc(100% - 370px) !important;
		}
	}
	
	@media only screen and (min-width: 992px) and (max-width: 1024px) {
		.mejs-controls .mejs-time .mejs-currenttime {
			left: 325px !important;
		}
	}
	
	
	@media only screen and (min-width: 992px) and (max-width: 1200px) {
		.mejs-controls .mejs-time .mejs-currenttime{
			left: 365px;
		}
		.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{
			left:400px;
		}
	}
	
	@media (max-width: 991px) {
	}
	
	@media only screen and (min-width: 768px) and (max-width: 991px) {
		.mejs-controls .mejs-time .mejs-currenttime{
			left: 440px !important;
		}
		.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{
			left:525px;
		}
	}
	
	@media (max-width: 767px) {
	}
	
	@media only screen and (max-width: 575px){
		.mejs-controls .mejs-time .mejs-currenttime {
			left: 390px !important;
		}
	}
	
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	}
	
	@media only screen and (max-width: 479px) {
		div.audio-player {
			margin-bottom: 40px;
		}
		.audio-player .download-mp3 {
			font-size: 15px;
			margin-right: 15px;
		}
		.mejs-controls .mejs-time .mejs-currenttime{
			left:inherit;
		}
	
		.mejs-controls .mejs-time .mejs-currenttime {
			left: 390px;
		}
	}
	
		.mejs-controls .mejs-time .mejs-currenttime {
			left: 430px;
		}