/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
.site-info {
	display: none;
}

.cta-widget {
	margin: 10px 0 5px;
}

a.colored {
	color: #00CCFF;
}

.content-block-column:hover {
	border-color: #00CCFF;
}

.translation-picker {
	width: 70%;
	margin: auto;
}

.translation-picker .content-block-content {
	margin: auto;
	float: none;
}

#actionBar, #expandAll {
	float: right;
}

/**
 For readings
*/
#readings .day.today {
	background-color: khaki;
	border: 1px dashed grey;
}

#readings .date {
	white-space: nowrap;
}

#readings td {
	padding: 4px;
}

#readings td a:visited {
	color: purple;
}

.subSuccess .ui-widget-header {
	background-color: orange !important;
	background: none;
	color: white;
}

.subError .ui-widget-header {
	background-color: #b02929 !important;
	background: none;
	color: white;
}

.helptext {
	color: gray;
	font-size: .8em;
	text-decoration: italic;
}

.content-block-content {
	padding-top: 0;
}

.frontpage .content-block-column {
	min-height: 16em;
}

.frontpage .column-1-4 {
	width: 23%;
}

.frontpage a {
	text-decoration: underline;
}

@media only screen and (min-width: 800px) {
	.hide-large {
		display: none;
	}
}

@media only screen and (max-width: 799px) {
	.content-block-content h4 {
		margin: 0 0 7px;
		font-size: 15px;
		font-weight: bold;
	}
	
	.hide-small {
		display: none;
	}
	
	.content-block-style3 .content-block {
		padding: 30px 2px 20px;
	}
	
	.translation-picker .content-block-visual {
		display: none;
	}
	
	.translation-picker #versiontable td {
		display: block;
	}
	
	.translation-picker {
		width: 90%;
	}
	
	.translation-picker .content-block-style4 {
		padding: 5px;
	}
	
	.site-title {
		padding: 0;
	}
	
	.day .date {
		border-bottom-width: 0;
	}
	
	#readings .day td.chapters {
		border-top-width: 0;
		padding-bottom: 15px;
		vertical-align: top;
		padding-top: 1px;
	}
	
	.day td {
		display: block;
	}
	
	#readings.ui-accordion .ui-accordion-content {
		padding: 1em;
	}
	
	.frontpage .column-1-4 {
		width: 48%;
	}
	
	.pastSub thead th,
	.curSub thead th {
        display: none;
    }

   .pastSub  tr,
	 .curSub  tr {
        border: 3px solid lightgrey;
    }
	
   .pastSub  td, .pastSub th,
	 .curSub  td, .curSub th {
        display: block;
		 		border-width: 0px;
    }

   .pastSub td[data-th]:before,
	 .curSub td[data-th]:before {
        content: attr(data-th);
		 		font-weight: bold;
    }
}

@media print {
	.translation-picker, #actionBar, #expandAll, #site-navigation, .entry-content p, #back_top, #site-footer, .nav-foot, .footer-full, [aria-expanded="false"], .responsive-menu-bar, #responseive-menu, .entry-meta, .site-description, #subscribeDialog, .entry-content br  {
		display: none !important;
	}
	
	.site-branding, .header-text, .site-title, .content-area, #page, #content, .entry-title, .entry-content, .entry-header, #readings, .ui-accordion-content {
		padding: 0px !important;
		margin: 0px !important;
		line-height: 1em !important;
	}
	
	#readings .day.today {
		background-color: white;
		border-width: 0;
	}
	
	#readings td a, #readings td a:visited {
		color: black;
	}
	#content {
		border-width: 0px;
		box-shadow: none;
		border-radius: 0px;
	}
	.content-area {
		padding-top: 0px;
	}
	
	header {
		min-height: 50px !important;
	}
}

.simple #masthead, .simple #actionBar, .simple #site-navigation, .simple .entry-content p, .simple .nav-foot {
		display: none;
}

body.simple {
	background-image: none;
	background-color: white;
}

.footer-center {
	display: none;
}

.simple .footer-center {
	display: block;
	padding-top: 15px;
}

.simple footer .widgets,
.simple #content {
	box-shadow: none;
}

/* stats */
.demo-container {
	box-sizing: border-box;
	width: 850px;
	height: 450px;
	padding: 20px 15px 15px;
	margin: 15px auto 30px;
	border: 1px solid #ddd;
	background: #fff;
	background: linear-gradient(#f6f6f6 0,#fff 50px);
	background: -o-linear-gradient(#f6f6f6 0,#fff 50px);
	background: -ms-linear-gradient(#f6f6f6 0,#fff 50px);
	background: -moz-linear-gradient(#f6f6f6 0,#fff 50px);
	background: -webkit-linear-gradient(#f6f6f6 0,#fff 50px);
	box-shadow: 0 3px 10px rgba(0,0,0,0.15);
	-o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.demo-placeholder {
	width: 100%;
	height: 100%;
	font-size: 14px;
	line-height: 1.2em;
}