/*
Theme Name: BootCMS
Theme URI: http://wp.i-publishers.org.uk
Description: 'Clean Bootstrap' provides the Bootstrap framework of HTML, CSS and JS works in a Wordpress CMS environment. The code has been kept to a minimum to save resources. Nevertheless, the set-up is very flexible by using CDN to swap Bootswatch themes on a matter of seconds. Experienced web-masters could also use the 'Clean Bootstrap' theme, to save time on the first steps, when they create their own theme or built a website based on Bootstrap framework.
Author: Stavros Androulidakis
Author URI: ""
Version: 1.0.0
Tags: Clean Bootstrap, Wordpress, theme, responsive, bootstrap 3, flexible
License: MIT
License URI: http://wp.i-publishers.org.uk/license
*/

/*** add your styles here ***/ 
@media screen and (max-width: 767px) {
	.jumbotron {
		background-size: auto 100%;
	}
}

@media screen and (min-width: 768px) {
	.jumbotron {
		background-size: cover;
		height: 768px; /* screen popular vertical size */
	}
}

.jumbotron { 
	padding-top: 80px;
	text-align: center;
	background-image: url('img/afunkystyle.jpg'); 
	background-position: center;
}

@media (min-width: 768px) {
/* Dropdown menu on hover added to click */
ul.nav li.dropdown:hover > ul.dropdown-menu{
	display: block;    
}

/* Columns function, do not delete */		
/* 2 columns of text */
.columns2 {
   -moz-column-count: 2;
   -webkit-column-count: 2;
   column-count: 2;
}
/* 3 columns of text */
.columns3 {
   -moz-column-count: 3;
   -webkit-column-count: 3;
   column-count: 3;
}
/* 4 columns of text */
.columns4 {
   -moz-column-count: 4;
   -webkit-column-count: 4;
   column-count: 4;
}
/* 5 columns of text */
.columns5 {
   -moz-column-count: 5;
   -webkit-column-count: 5;
   column-count: 5;
}
}

/* Drop Cap function, do not delete */
p.dropcap:first-letter  {
	font-weight: bold;
	font-size: 295%;
	float: left;
	padding-right: 0.25em;
}

/* mozilla fix */
@-moz-document url-prefix() {
p.dropcap:first-letter  {
	margin-top: 0.4em;
}
}

/* Affix function - amend as needed */
.affix {
 z-index: 1000;
 bottom: 0px;
 right: 0px;
 background-color: white;
 padding-left: 3px;
}
.affix-top {
 z-index: 1000;
 bottom: -25px;
 right: 0px;
}
.affix-bottom {
 z-index: 1000;
 bottom: -25px;
 right: 0px;
}