@font-face {
	font-family: 'BarlowBold';
	src: url('/fonts/BARLOWCONDENSED-BOLD.woff2');
	font-display: swap;
}
@font-face {
	font-family: 'Barlow';
	src: url('/fonts/BARLOWCONDENSED-REGULAR.woff2');
	font-display: swap;
}
html {
	width: 100%;
}
body {
	padding: 0;
	margin: 0;
	font-size: 16px;
	line-height: 1.3;
    /*font-family: Tahoma, sans-serif;*/
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	color: #333;
	box-sizing: border-box; 
	background-color: #DDD;
}	
.body_container {
	margin: 0 auto;
	padding: 0;
    width: 100%;
    max-width: 960px;
	background-color: #FFF; 	
}
.app_header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 56px; 
  background-color: #333;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  z-index: 1000;
  /* Safe area padding for mobile PWA notches */
  padding-top: env(safe-area-inset-top); 
}
.header_content {
	display: grid;
	grid-template-columns: 1fr 124px 1fr;	
	align-items: center;
}
.cots_header_logo {
	
}
.app_main {
    margin-top: calc(56px + env(safe-area-inset-top));
}

.main_column {
	margin: 0;
	padding: 0 1em;
}
h1 {
	font-family: 'Barlow', sans-serif;
	font-size: 1.8m;
	margin: 0;
	padding: 0.4em 0 0.4em 0;
	color: #C74B44;
}
.body_header {
	padding: 0 0 0.4em 0;
}
.calendar_header {
	border-style: solid;
	border-width: 1px 0 0 0;	
	height: 48px;
	display: grid;
	align-items: center;	
}
h3 {
	font-size: 1.8em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: center;	
}
.day_header {
	height: 56px;	
	display: grid;
	grid-template-columns: 50% 50%;
	gap: 0;
	align-items: center;
	border-radius: 0.2em;
	padding: 0;
	margin: 0 0 0.4em 0;
}
h4 {
	font-family: 'BarlowBold', sans-serif;
	font-size: 1.8em;
	font-weight: normal;
	color: #FFF;
	margin: 0;
	padding: 0 0.4em;;	
}
h6 {
	font-family: 'BarlowBold', sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0.2em 0;	
}
.align_left {
	text-align: left;
}
.align_right {
	text-align: right;
}
.day_item {
	
}
.clear {
	clear: both;	
}
.day_item_row {
	border-style: solid;
	border-width: 0 0 1px 0;	
    margin-bottom: 0.4em;	
	padding: 0.2em 0 0.2em 0;
}
.day_item_row:last-child {
	border-bottom: 0;	
}
h2, h5 {
	font-family: 'Barlow', sans-serif;
	font-size: 1.6em;
	margin: 0;
	padding: 0 0 0.1em 0;		
}
p.address_text {
	font-size: 1.2em;	
	margin: 0;
	padding: 0 0 0.2em 0;	
}
p.times_text {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
p.subheading_text {
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 0.2em 0;
	font-weight: bold;
}
p.description_text {
	font-size: 1em;
	margin: 0;
	padding: 0 0 0.4em 0;	
}	
.event_logo {
	float: right;
	width: 88px;
	height: 88px;
	overflow: hidden;
	padding: 0 0 0.4em 1em;
}
.event_logo img {
    width: 100%;
	height: 100%;
}

/* SVG icons */

.event_icon {
	float: right;
	width: 56px;
	height: 56px;
	overflow: hidden;
	padding: 0 0 0.4em 1em;
	border-radius: 0.2em;
}
.knife_fork, .hot_drink, .bible, .prayer, .church {
    width: 100%;
	height: 100%;	
}
.knife_fork {
    -webkit-mask: url("https://app.cots-ministries.co.uk/svg/knife-fork-svgrepo-com.svg") no-repeat center / contain;
    mask: url("https://app.cots-ministries.co.uk/svg/knife-fork-svgrepo-com.svg") no-repeat center / contain;
}
.hot_drink {
	-webkit-mask: url("https://app.cots-ministries.co.uk/svg/hot-drink-svgrepo-com.svg") no-repeat center / contain;
    mask: url("https://app.cots-ministries.co.uk/svg/hot-drink-svgrepo-com.svg") no-repeat center / contain;
}
.bible {
	-webkit-mask: url("https://app.cots-ministries.co.uk/svg/youversion-svgrepo-com.svg") no-repeat center / contain;
    mask: url("https://app.cots-ministries.co.uk/svg/youversion-svgrepo-com.svg") no-repeat center / contain;
}
.prayer {
	-webkit-mask: url("https://app.cots-ministries.co.uk/svg/prayer-svgrepo-com.svg") no-repeat center / contain;
    mask: url("https://app.cots-ministries.co.uk/svg/prayer-svgrepo-com.svg") no-repeat center / contain;
}
.church {
	-webkit-mask: url("https://app.cots-ministries.co.uk/svg/church-svgrepo-com.svg") no-repeat center / contain;
    mask: url("https://app.cots-ministries.co.uk/svg/church-svgrepo-com.svg") no-repeat center / contain;
}

/* Colors */

.red_bg {
    background-color: #C74B44; 
}
.green_bg {
    background-color: #347856;
}
.blue_bg {
	background-color: #2C4BAD;
}
.brown_bg {
	background-color: #BF6D36;
}
.black_bg {
	background-color: #333;
}
.red_bc {
	border-color: #C74B44;
}	
.green_bc {
	border-color: #347856;	
}
.blue_bc {
	border-color: #2C4BAD;	
}
.brown_bc {
	border-color: #BF6D36;	
}
.black_bc {
	border-color: #777;		
}
.red_tx {
	color: #C74B44;
}	
.green_tx {
	color: #347856;	
}
.blue_tx {
	color: #2C4BAD;	
}
.brown_tx {
	color: #BF6D36;	
}	

/* Dynamic columns */

.calendar_column {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.6em;
} 
@media (min-width: 641px) {
  .calendar_column {
    grid-template-columns: repeat(2, 1fr);
	gap: 1.6em;
  }
}

/* 
-webkit-mask-image: url('svg/knife-fork-svgrepo-com.svg');
mask-image: url('svg/knife-fork-svgrepo-com.svg');
-webkit-mask-size: contain;
mask-size: contain;  
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
*/