/* @override 
	http://www.murrayfieldparishchurch.org.uk/assets/css/cal-week.css */

p.cal-nav {
	text-align: center;
	font-size: 20px;
	margin-bottom: 10px;
}
p.cal-nav a {
	margin: 10px;
	text-decoration: none;
	color: #3a86c6;
	font-weight: bold;
}

.seven-cols h4 {
	margin-bottom: 20px;
	margin-top: 20px;
}

.seven-cols .col-sm-1 {
	padding-bottom: 20px !important;
}
.seven-cols .col-sm-1:nth-of-type(even) {
	background-color: #f3f3f3;
	padding: 5px;
	display: block;
}
.seven-cols .event {
	width: 80% !important;
	margin: auto;
	display: block !important;
}

@media (max-width: 768px) {
	.seven-cols .event {
		text-align: center;
	}
	.seven-cols h4 {
		text-align:  center;
	}
}

@media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
	margin-bottom: 20px;
  }
  .seven-cols .event {
  	text-align: center;
  }
  .seven-cols h4 {
  	text-align:  center;
  }
}

@media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */    
@media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}