/*
Theme Name: bssa
Theme URI: http://mkgd.net
Author: Michelle Koen
Author URI: http://mkgd.net
Description: A fully customised Theme for bssa
Version: 0.1
License: GNU General Public License
License URI: license.txt
Text Domain: bssa
Domain Path: /languages/
Tags:


colors:


*/

@import url('bootstrap/css/bootstrap-theme.css'); 
@import url('bootstrap/css/bootstrap.css'); 
@import url('bootstrap/css/bootstrap.icon-large.min.css');
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,600italic,700);


body .entry-content{
	font-size:14px;
	line-height:21px;
	}
article{
/* 	max-width: 700px; */
	}	
	
.screen-reader-text, .sr-only{ display:none;}
#masthead{
	padding-bottom:0;
	}
nav{
	font-weight:700;
	}
#menubutton{
/* 	background:#272727; */
	margin-top:5px;
	}	
.navbar-header,.navbar-header:before,.navbar-header:after{
	clear:none;
	display:inline-block;
/* 	float:right; */
	}	
.navbar-brand{
	font-size: 3.5vw;
	}	
	
.navbar-toggle .icon-bar{
	background:#000;
}
#access{
position:relative;
font-size:20px;
font-weight:100;
border:none;
min-height:0px;
}
@media (min-width: 768px) {	
	#access{
/* 		margin-bottom:30px; */
		margin-top:15px;		
	}
}

.archive article{
	margin-top:15px;
}

.readmore{
	margin-top:15px;
	}
h2.comments-title{
	font-size:20px;
	}
.byline{
	display:none;
	}	

	
#secondary{
margin-top:15px;
}

/*-------------------------------------------------------------- */   

.entry-content img, .thumbnail img, .archive-thumb img{
    height:auto;
    margin: 0 0 18px 0;
    max-width:100%;
}
.alignleft,
img.alignleft {
	float: left;
    margin-right:20px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
	text-align:center;
}
.wp-caption {
	text-align: center;
	margin-bottom:18px;
	max-width: 96%;
}

.voffset-s{
padding-top:5px;
padding-bottom:5px;
}
.voffset-m{
padding-top:15px;
padding-bottom:15px;
}

.voffset-l{
padding-top:30px;
padding-bottom:30px;
}


.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	padding:5px;
}

.gallery img {
    margin:0;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}



.archive-thumb img{
	width:100%;
	height:auto;
	}

code{white-space:pre-wrap;}

div.nav-previous{float: left; clear: none; max-width: 50%;}
div.nav-next{float: right; clear: none; max-width: 50%;}

#footer-menu .nav-pills > li{
	clear:none;
	width:100%;
	}


/*-------bssa specific styles -----*/

.site-branding a{
	display:block;
	}

.site-branding img{
width:220px;
max-width:100%;
margin-top:10px;
}

.jumbotron{
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center;
	margin-bottom:0px;
	color:#000;
	text-align:left;
	min-height:500px;
	}
.semitrans-light{
	background:rgba(250,250,250, 0.7);
	margin-top:150px;
	}	
.jumbotron h1{
	font-size: 4vh;
	line-height: 80%;
	color:#fff;
	text-transform:none;
	background:#337137;
	margin:-15px -15px 15px -15px;
	padding:10px;
	}
	
.home main h2{
	font-size:2.5vw;
	text-align:left;
	font-weight:300;
	text-transform:uppercase;
	margin-bottom:30px;
}

.home main #featureposts article{
	min-height:216px;
	text-align:center;	
	position:relative;
	margin-bottom:15px;
	}

.home main #featureposts article img{
	width:100%;
	height:auto;
}

.home main #featureposts article h3{	
	font-size:18px;
}

.home main #featureposts article a.more{
width:90%;
margin:0 5%;
display:block;
padding-top: 5px;
}

.site-footer{
	padding-top:15px;
	padding-bottom:45px;
	}	
.site-footer .nav-pills > li > a{
	background:none;
	border:none;
	padding:0.5ex 0;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	}
	.site-info, 	.site-info a{
		color:#eee;
	}
	
li.product .product-wrapper{
	padding-top:15px;
	padding-bottom:15px;	
	margin-bottom:30px;
	}	
.whitebg{
	background:#fff;
	margin:0px 0 30px 0;
	padding:0 0 30px 0;
	}	
	
.navbar{
 background:none;
 background-color:transperant;
 box-shadow:none;
 border:none;
 }
.navbar a{
	font-size: 14px;
	text-transform:uppercase;
	font-weight:600;
	}
 #header-widget{
 	margin-top:15px;
 	}
#header-wrapper{
	background:rgba(250,250,250,0.9); 
	z-index:222;
	}
#colophon{
	background:#85aa87;
	}	
.whitebg h1{
	width:100%;
	background:#85aa87;
	margin:0;
	color:#fff;
	font-weight:300;
	text-transform:uppercase;
	border:none;
	padding:5px 0;
	text-shadow:1px 1px 1px rgba(0,0,0, 0.5);
	}	
	
.whitebg{
	color:#272727;
	}
.home #primary{
	background:rgba(51, 113,55, 0.9);
	padding-top:45px;
	padding-bottom:45px;
	color:#fff;
	}	
.groups #primary{
	background:#fff;
	color:#111;
	padding-top:100px;
	}	
main.site-main{	
	overflow:hidden;
}
.home #primary a{
	color:#fff;
	}	
.home #primary a{
	color:#111;
	}	
	
.home #primary h2{
	color:#fff;
	margin-top:0;
}	
.home .thumbnail{
	background:none;
	border:none;
	}
#page{
padding-top:100px;
background:#efffef;
}
.home #page{
padding-top:0px;
}
	
#masthead{
	position:fixed;
	widtH:100%;
	margin:0;
	z-index:222;
	}	
 div#marketing.jumbotron{
padding-top: 75px;
min-height: 300px;
margin-bottom: 0;
padding-bottom: 0;
	}	
#marketing .nivo-caption{
	width:75%;
	left:30px;
	bottom:30px;
	padding:15px;
	line-height:140%;
	}	
#marketing .nivo-caption{
width: 100%;
left: 0px;
bottom: 0px;
padding: 15px;
line-height: 140%;
margin: 0;	
	}
.jumbotron .speil p{
	font-size:1rem;
	}
@media (max-width: 768px) {	
	#marketing .nivo-caption{
	position:relative;
	}
}	
	
.breadcrumb{
margin-top:15px;
border: 1px solid rgba(200, 200, 200, 0.6);
color: #727272;
font-weight: 300;
font-size:80%;
text-shadow:none;
}

.breadcrumb a, .breadcrumb span{
	color: #727272;
font-weight: 300;
margin-right:1ex;
}
h1{
		text-transform:uppercase;
			font-weight:300;
		}
h1, h2, h3, h4, h5, h6{
	text-shadow:none;
	font-weight:300;
	}

.single h1.entry-title, .page h1.entry-title{
	padding-bottom: 30px;
	}

.single h1.entry-title{
	border-bottom:1px #f2e9f3 solid;
	}
.entry-summary h3.entry-title{
	font-weight:600;
	font-style:italic;
	font-size:20px;
}
.home .entry-summary{
	border-bottom:1px solid #7d2b8b;
	padding: 5px 15px;
	}

/* 
.home .entry-summary:nth-child(odd){
	background: rgba(125, 43, 139, 0.1);
	}
 */

 .sticky{
	background: rgba(125, 43, 139, 0.1);
	}

.home .news a.btn{
	margin-top:15px;
	}
	
.widget-title{
	text-transform:uppercase;
	color:#000;
	font-size:80%;
		font-weight:300;
	padding-top:25px;
	border-bottom: 2px solid #a94f99;
	padding-bottom:3px;
	margin-bottom:1.5ex;
	}
	
h4.tribe-event-title{
	text-transform:none;
	margin-top:0px;
	padding-top:0;
	font-size:95%;
	}	
.tribe-events-widget-link{
	padding:5px;
	border:1px solid #96287c;
	text-align:center;
	border-radius:2px;
	transition:background 0.5s;
	}
.tribe-events-widget-link:hover{
	background:#fff;
	}	
	
.tribe-events-list-widget ol li{
	margin-bottom:0;
	}	
.tribe-events-widget-link a{
	display:block;
	text-shadow:none;
	color:#96287c;	
	text-transform:uppercase;
	}

aside ul, aside ol{
	padding-left: 0;
	list-style:none;
	}	

aside li{
	line-height: 140%;
	padding: 12px 0;
	border-bottom: 1px solid #ddd;
	}	
	
#content{
	padding-bottom:30px;
	}
#primary{	
	background:#fff;
	}	
.page #primary article, .single #primary article, .nav-links-row, #comments{	
	padding:15px 45px;
	border-bottom: 1px solid #f2e9f3;
	margin-bottom:15px;
	}
.page #primary article{
	border-bottom:none;
}	
#comments label{
	vertical-align: top;
	margin-right: 15px;
	clear: both;
	display: block;
}	

#comments textarea{
width:100%;
}
#comments p.comment-form-author,
#comments p.comment-form-email
	{width:45%;
	float:left;
	clear:none;
	margin-right:5%;
	}
#comments p.comment-form-author input,
#comments p.comment-form-email input{
	width:100%;
}
#comments input, #secondary input,
#comments textarea, #secondary textarea{
	padding:15px;;
	background:#ececec;
}
#secondary input{
	width:100%;
	display:block;
	background:#fff;
	border:1px solid #000;
}
 input:focus,  textarea:focus{
	outline:1px solid forestgreen;
}
#comments input#submit{
	background:#fff;
	display:block;
	border:solid 3px black;
	font-weight:bold;
	}
#comments input#submit:hover{
	border-color:#ad1699;
	color:#ad1699;
	}
	
.home #content{
	padding-bottom:0px;
	}	
.entry-meta{
	border-bottom: 1px solid #f2e9f3;
	margin-bottom:25px;
	padding-bottom:7px;
	text-transform:uppercase;
	display:block;
	overflow:hidden;
	}	
#news .entry-meta, .archive .entry-meta{
	border-bottom:none;
	margin-bottom:0;
	}

	
.entry-content img:first-of-type{
	text-align:center;
	margin-bottom:15px;
	}	
	
.site-footer li{
		line-height: 140%;
		font-size:95%;
	border-bottom: 1px solid #dfd;
	list-style:none;
	text-shadow:none;
	}
	.site-footer li a{
		text-shadow:none;
		width:100%;
	padding: 12px 5px;		
		display:block;	
		}
	.site-footer li a:hover{
		text-decoration:none;
		background:rgba(250,250,250,0.5);

		}		
		
.site-info{
	margin-top:10px;
	}		

label{
	vertical-align: top;
margin-right: 15px;
}	

#secondary .post-date{
	clear:left;
display: block;
color:#272727;
}

.tribe_events form{
	padding:15px;
	background: rgba(51, 113, 55, 0.1);
/* 	max-width:300px; */
	}
td.tribe-ticket.quantity{
	width:30%;
	}
td.tickets_name{
	vertical-align:text-top;
}
.tribe_events form	.tribe-ticket-quantity	{
	width:3em;
	clear:both;
	display: block;
	margin-bottom:15px;
	}
	
	
div.feature-image{
	max-width: 100%;
display: block;
overflow: hidden;
max-height:400px;
}	

div.feature-image img{
	width:100%;
	height:auto;
}	
.social-icons a.youtube{
background: red;
border-radius: 10%;
}
.social-icons a.youtube:hover{
border-radius:50%;
}

table.em-tickets{
	width:100%;
}
span.ticket-desc{
	font-size:90%;
	font-style: italic;
}
td.em-bookings-ticket-table-type{
	padding-bottom:2ex;
}
.em-booking-form p{
	width:100%;
}
.em-booking-form label{
	width: 50%;
	font-weight: normal ;
	padding-right: 10px;
}
.em-booking-form textarea{
	min-height:10em;
}
.archive form.cart{
display:none;
}