/* @override http://www.finncult.be/wp-content/themes/wpbootstrap/style.css */

/* @override http://www.finncult.be/wp-content/themes/wpbootstrap/style.css */
/*

Theme Name: WP Bootstrap

Theme URI: http://teamtreehouse.com/how-to-build-a-simple-responsive-wordpress-site-with-twitter-bootstrap

Description: A simple responsive theme built with Bootstrap

Author: Zac Gordon

Author URI: http://zacgordon.com/

Version: 1.0

Tags: responsive, white, bootstrap



License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)

License URI: http://creativecommons.org/licenses/by-sa/3.0/*/

.ui-datepicker-calendar tr {
	height: 34px;
}



body { 

     padding-top: 0px; 
     padding-bottom: 220px; 

}

.container{
	background-color: #fbfbfb;
}

li.cat-item.cat-item-12 a:link, li.cat-item.cat-item-12 a, li.cat-item.cat-item-12 a:visited{
	color: #0082c2;
}

li.page_item.page-item-50 a:link, li.page_item.page-item-50 a, li.page_item.page-item-50 a:visited{
	color: #0082c2;
}

li.page_item.page-item-3517 a:link, li.page_item.page-item-3517 a, li.page_item.page-item-3517 a:visited{
	color: #0082c2;
}

li.cat-item.cat-item-12.current-cat a:link{
	color: #333333;
}

li.page_item.page-item-50.current_page_item a:link{
	color: #333333;
}

li.page_item.page-item-3517.current_page_item a:link{
	color: #333333;
}

/* test styles by devplus */
.datepicker .highlight a {
	color: #fff;
	line-height: 29px;
}

.datepicker .highlight a{
		background-color: #D0103A;
width:27px;height:27px;border-radius:50px;
	display: block;
	margin: 1px auto 2px;
}

.datepicker .highlight a:hover, .datepicker .highlight a:active, .datepicker .highlight a:visited {
		background-color: #0082c2;
width:27px;height:27px;border-radius:50px;
	display: block;
	margin: 1px auto 2px;
}

.datepicker th {
	width: 40px;
	font: 16.5px/26px "avenir", Helvetica, Arial;
	padding-bottom: 10px;
}

a.ui-datepicker-next.ui-corner-all {
	float: right;
	margin-top: 5px;
}

a.ui-datepicker-prev.ui-corner-all {
	float: left;
	margin-top: 5px;
}

a.ui-datepicker-next.ui-corner-all:hover {
 cursor:pointer;
}

a.ui-datepicker-prev.ui-corner-all:hover {
 cursor:pointer;
}

div.ui-datepicker-title {
  font: 24px/32px "plantin", Georgia, Times New Roman;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 20px;
}


.calendar.datepicker.hasDatepicker {
	margin-left: 0;
	
}

.datepicker td {
	position: relative;
	font: 16.5px/22px "avenir", Helvetica, Arial;
	text-align: center;
}
.datepicker .calendar-tooltip {
	padding: 15px;
	position: relative;
	left: 0;
	z-index: 1000;
	border: 2px solid #000;
	background-color: #FFFFFF;
	font: 16.5px/22px "avenir", Helvetica, Arial;
	margin-top: 20px;
}
.datepicker .calendar-tooltip > a {
	display: block;
	margin-top: 4px;
}
.datepicker .calendar-tooltip > a:first-child {
	margin-top: 0;
}
.datepicker .calendar-tooltip .hide-calendar-tooltip {
	position: absolute;
	top: 0;
	right: 7px;
	cursor: pointer;
}

div.grid-item {
	width: 340px;
}

#masonry-grid {
	margin-left: 100px;
	margin-right: 100px;
}

@media (min-width:1500px){
	#masonry-grid .grid-item{width:22%;margin-bottom:4%;}
	#masonry-grid {
	margin-left: 100px;
	margin-right: 100px;
}
}


@media (max-width:1200px){
	#masonry-grid .grid-item{width:30%;}
#masonry-grid {
	margin-left: 70px;
	margin-right: 70px;
}}

@media (max-width:960px){
	#masonry-grid .grid-item{width:50%;}
#masonry-grid {
	margin-left: 40px;
	margin-right: 40px;
}}

@media (max-width:768px){
	#masonry-grid .grid-item{width:100%;}
#masonry-grid {
	margin-left: 10px;
	margin-right: 10px;
}}