/*
Theme Name:     CCA (Sense Child)
Theme URI:
Description:    Sense Child Theme for Christian Concert Alerts
Author:         BK Ninja
Author URI:
Template:       sensetheme
Version:  
*/
@import url("../sensetheme/style.css");

nav#pagination ul.page-numbers {
	width: 100%;
	border: none;
}

nav#pagination ul.page-numbers li {
	float: left;
}

/** Event Row **/
div.event_row{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #CCC;
	height: auto;
}

div.event_row h3{
	float: left;
	margin-bottom: 5px;
	font-weight: bold;
	margin-top: 0;
}

div.event_row div.details_container{
	float: left;
	margin-left: 10px;
	width: 515px; /* 640 */
}

div.event_row h3 a{
	color: #333;
}

div.event_row div.details{
	float: left;
	font-weight: bold;
	color: #666;
	line-height: 17px;
}

div.event_row div.details span{
	font-weight: normal;
}

div.event_row div.buy_link{
	float: right;
	margin-top: 7px;
	width: 118px;
}

div.event_row div.date{
	float: left;
}

div.event_row div.date div.month{
	width: 74px;
	height: 26px;
	padding-top: 2px;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	background: #FFCC0D;
}

div.event_row div.date div.day{
	width: 74px;
	height: 60px;
	color: #333;
	font-weight: bold;
	font-size: 38px;
	text-align: center;
	border: 1px solid #CCC;
}

div.event_row div.event-report-link-container {
	text-align: right;
	padding-right: 2px;
}
/** Event Row **/

.clear { 
	clear: both;
}

.cca-events-widget-form-fields {
    float: left;
    margin-right: 20px;
    width: 398px;
}

.cca-events-widget-forms-field {
    float: left;
    width: 180px;
}

.cca-events-widget-forms-field-left {
    margin-right: 20px;
}

.postForm label {

    font-weight: bold;
    display: block;
    color: #555555;
    margin-bottom: 5px;
}

.postForm div {
    margin-bottom: 20px;
}

.postForm .text, .postForm select {
    font-size: 16px;
}

.postForm label.cca-events-paragraph-label {
    clear: both;
    font-size: 13px;
    font-weight: 400;
    line-height: 21px;
    margin: -5px 0 15px;
}

.postForm label.cca-events-paragraph-label span {
    color: #000000;
    font-style: normal;
    position: relative;
    top: -1px;
}

.cca-events-widget-form-code {
    float: left;
    width: 522px;
}

textarea#cca-events-widget-code {
    height: 260px;
    width: 650px;
}

#short-form-single-row .row { width: 220px; float: left; margin: 5px 10px; }
#short-form-single-row .row label { font-weight: bold; margin-bottom: 5px; }
#short-form-single-row .row input { width: 200px; }
#short-form-single-row input[type="submit"] { width: 130px; margin-top: 21px; padding: 10px; }

@media only screen and (max-width: 767px) {
	/** Event Row **/
	div.event_row{
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #CCC;
		height: auto;
	}

	div.event_row h3{
		float: left;
		margin-bottom: 5px;
		font-weight: bold;
	}

	div.event_row div.details_container{
		float: left;
		margin-left: 10px;
		width: 270px;
	}

	div.event_row h3 a{
		color: #333;
	}

	div.event_row div.details{
		float: left;
		font-weight: bold;
		color: #666;
		line-height: 17px;
	}

	div.event_row div.details span{
		font-weight: normal;
	}

	div.event_row div.buy_break {
		clear: left;
	}

	div.event_row div.buy_link{
		float: none;
		margin-top: 30px;
		width: 100%;
	}

	div.event_row div.buy_link a.buttonsc {
		font-size: 18px;
		padding: 8px 0;
		text-align: center;
	}

	div.event_row div.date{
		float: left;
	}

	div.event_row div.date div.month{
		width: 50px;
		height: 26px;
		padding-top: 2px;
		font-weight: bold;
		font-size: 16px;
		text-align: center;
		background: #FFCC0D;
	}

	div.event_row div.date div.day{
		width: 50px;
		height: 34px;
		color: #333;
		font-weight: bold;
		font-size: 20px;
		text-align: center;
		border: 1px solid #CCC;
	}

	div.event_row div.buy_link div.event-report-link-container {
		display: none;
	}
	/** Event Row **/

	#short-form-single-row .row { width: 100%; margin: 10px 0; font-size: 16px; padding: 5px; }
	#short-form-single-row .row input { width: 100%; font-size: 16px; padding: 6px; } 
	#short-form-single-row input[type="submit"] { width: 100%; }
	a.post-thumb.alignright { float: none; }
	#page-wrap #page-inner-wrap #page-content-wrap div.post-entry p:first-of-type { margin-top: 20px; }
}