/*wn9.css and narrow2.css and examplePageNarrow4.htm and writeHomePage4.php and narrowHome2.css:
changes to using width(em) for media queries*/


html{
	-webkit-text-size-adjust: auto;
}

/*Adjusted for larger basic font size*/
body{
	font-size: 16px; /*default, which will apply to Firefox: Chrome is adjusted next*/
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/*to adjust for difference in rendering Firefox vs Chrome*/
  Body {
    font-size: 20px;  /*was 19 for 8.css*/    
    }
}


#outerDivHome, #outerDivNormal{
	min-width: 280px;         /* was 5302 x (LC fullwidth + CC padding) + RC fullwidth */
	
	margin-left: auto;
	margin-right: auto;
}
#outerDivHome{
	max-width: 1600px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
}
#outerDivNormal{
	max-width: 1280px;         /* 2 x (LC fullwidth + CC padding) + RC fullwidth */
}

#headerDiv{
	border: 2px solid #238a89;
	border-radius: 5px;
	background-color: #faf9dc;
	padding-bottom: 5px;
	min-height: 3.2em;
	position: relative;
	margin-bottom: 0.5em;
}
#headerTable{
	display: table;
	width: 100%;
}
#headerRow{
	display: table-row;
}

#cellLogo, #cellLogo_template{
	display: table-cell;
	position: relative;
}
#cellLogo{
	width: 6em;
}
#cellLogo_template{
	width: 7em;
}
#wrapperInsideCell_logo{
	/*display: inline-block !important ;*/
	position: absolute;
	top:0;

}
#mastheadBannerDivRight{
	/*display: inline-block !important ;*/
	position: absolute;
	top:2.3em;

}
#cellPageTitle{
	display: table-cell;
	width: auto;
}
#wrapperInsideCell_pageTitle{
	line-height: 1.8em;
	display: inline-block !important ;
	margin-right: 10em;
}

#wrapperInsideCell_straplineLeft, #wrapperInsideCell_straplineRight{
	padding-right: 5px;
}


#headerPageTitle,#headerPageSubTitle{
	font-family: 'Khand', sans-serif;
}
#headerPageTitle{
	font-size: 1.6em;
	font-weight: 700;
	padding-top:0.1em;
}
#headerPageSubTitle{
	font-size: 1em;
	font-weight: 700;
	line-height: 1.2em;
}

#cellStraplineLeft, #cellStraplineRight{
	width: 7em;
	display: table-cell;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	/*background-color: pink;*/
	position: relative;
	text-align: right;
	
}




#innerThreeFeeds{
	width: 100%;
	display: table;
}
#cellNews{
	padding-right: 5px;
}


#cellCalendar{
	display:table-cell;
	width: 20%;
	margin-left: 7em;
	position: relative;
	padding-right: 1em;
	/*background-color: green;*/
}
#wrapperInsideCell_calendar{
	display: inherit;
}
#calendarFeedTable{
	display: table;
	width: 100%;
	}
.calendarRow{
	display: table-row;
}
.calendarDivDate{
	display: table-cell;
	width: 5.2em;/* was 5.5em 221114 then 4.7*/
	padding-right: 2px !important;
}
.calendarDivDesc{
	display: table-cell;
	width: auto;
}


/*Update depending on width*/

@media (max-width: 90em) and (min-width: 79.999em) {
	/*as long as not wider than 1300px, fix the calendar width*/
	#cellCalendar{
		width: 14em;
	}
}

@media (max-width: 80em) {
	/*as long as not wider than 1280px, fix the calendar width*/
	#cellCalendar{
		width: 16em;/*was14*/
	}
}


/*See bottom for sub-900px mod*/


/*Common*/
#outerThreeFeeds {
	display: table-cell;
	position: relative;
	font-size: 0.85em;
}

#rowThreeFeeds{
	display:table-row;
}

#cellWeather{
	display: table-cell;
	padding-right: 0.8em;
	width: 40%;
}
#col1,#col2{
	padding-right: 0.8em;
}

a.newsLink{
	text-decoration: none;
}
body{
	font-family: 'Cabin Condensed', sans-serif;
	}
h1, h2, h3, h4, h5, .masthead1, .masthead1_template{
	font-family: 'Khand', sans-serif;
	
}
.strapline1, .strapline2{
	display: inline-block;
}
.masthead1, .masthead2,  .strapline1, .strapline2{
	padding-left: 5px;
}
.masthead1_template, .masthead2_template, .strapline1_template, .strapline2_template{
	padding-left: 5px;
}
.masthead1, .masthead1_template{
	color: #238a89;
	font-weight:700;
	font-size: 2.0em;
	padding-top: 3px;
	padding-bottom:0;
	margin-bottom:0;
	line-height: 1em;
}
.masthead2, .masthead2_template {
	color: #444444;
	font-weight:300;
	font-size: 0.7em;
	margin-top: 0;
	padding-top:0px;
	line-height: 0.4em;
	}

.strapline1, .strapline1_template{
	color: #238a89;
	font-weight:600;
	font-size: 0.8em;
	margin-top: 0;
	padding-bottom: 5px;
}
.strapline1{
	padding-top:0.8em;
}
.strapline1_template{
	padding-top:0.1em;
}
.strapline2, .strapline2_template{
	color: #444444;
	font-weight:300;
	font-size: 0.7em;
	margin-top: 0;
	padding-top:0;
	padding-bottom:10px;
	line-height: 0.9em;
}
#TitleDiary, #TitleWeather,  .summaryIntro1, .feedTitle{
	font-family: 'Khand', sans-serif;
	font-size: 1.3em;
	font-weight: 700;
}
.summaryIntro1 a{
	color: #238a89;
}
#newsTitle{
	font-family: 'Khand', sans-serif;
	font-weight: 700;
	width: 100%;
}
.weatherTitle{
	display: block;
}
.weatherSpacer{
	display: none;
}
a.eventsLink{
	color: black;
	text-decoration: none;
}
.summary{
	font-weight: 700;
}
.dateToday, .twitterUrgent{
   background-color: #f5ee22;
}
.dateTomorrow{
   background-color: #f5f3b0;
}
.dateNormal {
   /*background-color: #FFFFEE;*/
}

.locationNormal{
	font-size: 1em;
	padding-top: 0;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.locationOther{
	font-size: 0.8em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	font-style: italic;
}
.divWithHorizLineAbove{
	border-top: 1px solid black;
}
.divWithoutHorizLineAbove{
	border-top: 1px solid white;
	border: none;
}


.clear, .clearDiv{
	clear: both;
}
.feedTitle{
	font-weight: 700;
	font-size: 1.3em;
	color: #238a89;
}
a.feedTitle:visited{
	color: #238a89;
}
a.eventsLink:visited{
	color: black;
}

.creationDateTime{
	color: #BBBBBB;
}
a, a:visited {
	color:#238a89;
}
.dotFillerNormal, .dotFillerHeader{
	margin: 0 0 0 0;
	padding:0 0 0 0;
	line-height: 1px;
}
.dotFillerHeader{
	color:#faf9dc;
}
.dotFillerNormal{
	color:white;
}


.headerLeft{
	float: left;
}

#cellNews{
	display: table-cell;
	margin-right: 3px;
}



#divLogoAndCalendar{
	/*width: 20em;*/
	padding-right: 0.8em;
}




.comingUpOuterDiv{
	margin-top: 0;
}
.comingUpHeader{	
	font-weight: 700;
}
.weatherDelim{
	padding-left: 0.3em;
	padding-right: 0.3em;
}
a#pdLink, a#pdLink :visited{
	font-size: 1.2em;
	font-weight: 700;
	color: #238a89;
}
#pdHeader{
	margin-top: 0.2em;
}


/*COLOURS
#divLogoAndCalendar{
	background-color: yellow;
}



*/
#linkTableWrapper{
	display:table;
}
#col1, #col2, #col3{
	display:table-cell;
}
#col1{ /*for columns of links*/
	width: 33%;
}
#col2{
	width: 34%;
}
#col3{
	width: auto;
}
.colHeader{
	font-family: 'Khand', sans-serif;
	font-size: 1.2em;
	font-weight: 700;
}
.cse .gsc-control-cse, .gsc-control-cse {
	margin-top: 5px !important;
	padding:0px !important;
}


#divAfterStraplineLeft{
	display: none;
	/*clears floats for narrow version*/
}






/*colours
 #col1{
	background-color: pink;
}
#col2{
	background-color: lime;
}
#col3{
	background-color: yellow;
}
.calendarDivDate{
	background-color: pink;
}
.calendarDivDesc{
	background-color: yellow;
}*/
/*Extras for 8a*/
/*
.wiclForTemplate{
	display: inline-block !important ;
}
.pageCopy{
	background-color: lime;
}
*/
#cellStraplineRight_template{
	float: right;
	width: 9em;
	text-align: right;

	position: absolute;
	top:0;
	right: 0;
	
	
}


.masthead1_template{
	font-size: 2em;
	line-height: 1em;
}
.masthead2_template{
	font-size: 0.9em;
	line-height: 0.5em;
}

.strapline1_template{
	font-size: 1em;
}
.strapline2_template{
	font-size: 0.9em;
	line-height: 1.1em;
}

/*END of Extras for 8a*/

/*from htm*/

#headerTable{
	display: table;
	width: 100%;
}

#cellStraplineLeft_template {
	display: none;
}
.leftCol, .leftColNarrow{
	float:left;
	margin: 0;
	padding-right: 1.5em;
	/*padding: 1em;*/
	overflow: auto;
	text-align:left;
}
.leftCol{
	width: 60%;
	background-color: orange;
}
.leftColNarrow{
	/*width: 33%*;*/
}
.rightCol, .rightColWide{
	float:left;
	padding-left: 0.6em;
	text-align:left;
	overflow:auto;
}
.rightCol{
	/*width: 33%;*/
	background-color: cyan;
}
}
.rightColWide{
	width: 60%;
}

.jgTable{
	display: table;
	max-width: 40em;
}
.jgRow{
	display: table-row
}
.jgCell{
	display: table-cell;
	/*border: 1px solid black;*/
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
}
.jgCaption {
	border:1px solid grey;
	caption-side: top;
	display: table-caption;
	padding-left: 5px;
	padding-right: 5px;
}
.col1{
	width: 60%;
	border-right: 0;
	padding-right: 10px;
}
.col2{
	width: auto;
	border-left: 0;
	padding-left: 10px;
}

.categoryDiv, .subCategoryDiv{
	font-family: 'Khand', sans-serif;
}
.categoryDiv{
	font-size: 1.5em;
	font-weight: 700;
}
.subCategoryDiv{
	font-size: 1.2em;
	font-weight: 500;
}
.accomTable{
	border-collapse: collapse;
	max-width: 40em;
}
.accomTable th{
	text-align: left;
}
.accomTable td, .accomTable th{
	border: 1px solid #dddddd;
	padding-left: 5px;
	padding-right: 5px;

}
.tableCaption{
	font-size: 1.5em;
	font-family: 'Khand', sans-serif;
	font-weight: 700;
}
.acTable{
	max-width: 50em;
}
.ac1{
	width: 20%
}
.ac2 {
	width: 40%
}
.ac3{
	width: 40%
}
.bc1{
	width: 65%
}
.bc2 {
	width: 35%
}
.cc1{
	width: 35%
}
.bc2 {
	width: 65%
}
.cellWithoutBorders{
	border-left: 0 !important;
	border-right: 0 !important;
}
.masthead1_template a{
	text-decoration: none;
}
.noborder{
	border: 0;
	padding: 5px 5px 5px 5px; 
}
.sp{
	font-size : small;
}
#ntTable, .dTable{
	display: table;
	width: 100%;
}
#ntRow, .dRow{
	display: table-row;
	width: 100%;
}
#ntCell1{
	/*Winster Events or WinsterNews*/
	display: table-cell;
	width: 7.5em;
}
#ntCell2{/*Submit Event or Submit News*/
	display: table-cell;
	width: auto;
	text-align: right;
	font-weight: 500;
}
.eventMail{
	font-family: 'Khand', sans-serif;
	font-weight: 500;
}
.drow{
	display: table-row;
	width: 100%
}
.dCell1,.dCell2, .dCell3{
	display: table-cell;

}

.dCell1{/*for DOW eg Wed*/
	width: 42%;
	/*background-color: #f2ee7b;*/
}

.dCell2{/*for Date-in-Month value eg 24*/
	width: 16%;
	text-align: right;
	padding-left: 3px;
	padding-right: 3px;
}
.dCell3{/*for Month value eg Dec*/
	width: 42%;
	/*background-color: #f2ee7b;*/
}
.todayTomorrowDOWlocal{
	font-size: 0.7em;
}
.todayTomorrowDOWother{
	font-size: 1em; /*already reduced size because non-local*/
}
#photoGallery{	display: block;
}
#textRight{
	display: block;
}
#dateHeader{	margin-bottom:0;
	padding-bottom:0;
}
#timeHeader{
	margin-top:0;
	padding-top:0;
}
#quotes{	background-color: #c6fbff;
	padding-left: 5px;	padding-right: 5px;
	margin-bottom:0.5em;
	padding-bottom: 5px;

}
#quotes h3{
	margin-bottom:0;
	padding-bottom:0;
	margin-top:0.2em;
	padding-top:0;
}
#quotes p{
	margin-top:0.2em;
	padding-top:0;
	margin-bottom:0.2em;
	padding-bottom:0;	font-style: italic;
}
.leftText{
	float:left;
	width: 5em;
}
.rightText{
	margin-left: 5.5em;
}
.imageRight{
	float: right;
}
.imageleft{
	float: left;
}
.clearBoth{
	clear:both;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}