@import url(https://fonts.googleapis.com/css?family=Vollkorn);


/*
Theme Name: Tom Bullough
Theme URI: http://cyberchimps.com/responsive-II/
Description: Custom theme created for Tom Bullough - a child theme of Responsive Mobile 0.0.9
Author: CyberChimps and Stephen Hoper
Author URI: http://cyberchimps.com
Version: 0.0.1
Text Domain: tombullough
Template: responsive-mobile
Tags: white, black, gray, light, blue, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, rtl-language-support, responsive-layout, fluid-layout
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Responsive Mobile WordPress Theme, Copyright (C) 2014 CyberChimps Inc

*/

.sticky{}
.gallery-caption{}
.bypostauthor{}


/*--------------------------------------------------------------
		NB Responsive Mobile uses @media (min-width: 992px) as its main breakpoint
		i.e. it's mobile first, then uses @media to spec for wide screens
		
		colours:
			OLD PRE DEC22 cream #F4F3E7
			black #000
			white #FFF
			OLD PRE DEC22 semi-transparent leaves AND widget wrapper underline/overline #807C73
			DEC22+ light bg for use with curlew pic #F8F0EE
					
--------------------------------------------------------------*/
	
	
/*--------------------------------------------------------------
 1.0 - Reset, from line 42
--------------------------------------------------------------*/

/*modified to only apply to the main section and the widgets*/
main a,
.widget-wrapper a {
  color: inherit;
  text-decoration: none;
	/*padding-bottom: 1px;*/
	border-bottom: 1px dotted #807C73;
	
	transition: all 0.2s ease-in-out 0s;
}

main a:hover, main a:focus, 
.widget-wrapper a:hover, .widget-wrapper a:focus {
  color: #000;
  text-decoration: none;
	/*padding-bottom: 1px;*/
	border-bottom:1px solid #000;
}

/*stop Posted On Date links from looking like links*/
div.post-meta a, 
div.post-meta a:hover {
border:none;
}



/* from line 370  
-------------------------------------------------------------------------------------------------------------------------------*/

/*attempt to fix the non-fullscreen bg in Android*/
html, body {
	height: 100%;
}


body {
	font-family:'Vollkorn';
	font-size: 1.6em;
	color: #000;
	line-height: 1.8em;
	
  word-wrap: normal;/*NB this is set on line 1105 in the orig CSS*/ /*does this do anything?*/
	
	/*SHMD addition: stop line-breaking words*/
  white-space: wrap !important;
	word-break: normal !important;
	-webkit-hyphens: none !important;
	-moz-hyphens: none !important;
	hyphens: none !important; 

/*background-color: #F4F3E7;*/
background-color: #F8F0EE;

background-attachment: fixed;
background-position: top left;
background-repeat: no-repeat;

/*set bg for narrow screens by default, then set a different bg for wide screens in the media queries below*/
background-image: url("images/Sarn-Helen-bg-narrow-1607w-1920h.jpg"); /*this is the NARROW SCREEN background image*/
background-size: auto 100%; /*on NARROW AND WIDE screens, scale the image so that it fits the HEIGHT of the window*/

}



/*--------------------------------------------------------------
 2.0 - Typography, from line 465
--------------------------------------------------------------*/


h1, h2, h3, h4 {
	font-family:'Vollkorn';
	color:#000;
	font-weight:400;
	/*line-height: 1.8em;*/
	/*letter-spacing:3px;*/
}

h1 {
  /*margin-bottom: 30px;*/
	/*font-size:1.8em;*/
}


h2 {
	/*margin-top:30px;*/
	font-size:1.4em;
}

/*NB widget H3s are specified in SHMD additions*/



/*--------------------------------------------------------------
 3.0 - Elements, from line 661
--------------------------------------------------------------*/

label {
display: block;
font-weight: normal;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  padding: 6px; /*was 6px 12px;*/
  color: #807C73;
  border-color: #000;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
	
	margin-bottom:30px !important;
	
	width:99% !important;
	max-width:400px !important;
	
	/*NOLONGERUSEDborder-radius:3px;*/ /*to match the default Woo button rounding*/
	
	transition: border-color 0.2s ease-in-out 0s;
	
	background:transparent;
}


select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	color:#000;
  border-color: #000;
  -webkit-box-shadow: none;
  box-shadow: none;
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
  font-family: 'Vollkorn';
	XXXXfont-size:1.4em;
  color: #000;
  /*background-color: #F4F3E7;*/
	background-color: #F8F0EE;
	border:1px solid #000;

	transition: background-color 0.2s ease-in-out 0s;
	border-radius:0px;
}



input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, input[type="submit"].active, .open > input[type="submit"].dropdown-toggle,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="reset"]:active,
input[type="reset"].active, .open >
input[type="reset"].dropdown-toggle,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="button"]:active,
input[type="button"].active, .open >
input[type="button"].dropdown-toggle {
  color: #000;
  background-color: #FFF;
	border:1px solid #000;
}


input[type="submit"].disabled, input[type="submit"].disabled:hover, input[type="submit"].disabled:focus, input[type="submit"].disabled:active, input[type="submit"].disabled.active, input[type="submit"][disabled], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus, input[type="submit"][disabled]:active, input[type="submit"][disabled].active, fieldset[disabled] input[type="submit"], fieldset[disabled] input[type="submit"]:hover, fieldset[disabled] input[type="submit"]:focus, fieldset[disabled] input[type="submit"]:active, fieldset[disabled] input[type="submit"].active,
input[type="reset"].disabled,
input[type="reset"].disabled:hover,
input[type="reset"].disabled:focus,
input[type="reset"].disabled:active,
input[type="reset"].disabled.active,
input[type="reset"][disabled],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="reset"][disabled]:active,
input[type="reset"][disabled].active, fieldset[disabled]
input[type="reset"], fieldset[disabled]
input[type="reset"]:hover, fieldset[disabled]
input[type="reset"]:focus, fieldset[disabled]
input[type="reset"]:active, fieldset[disabled]
input[type="reset"].active,
input[type="button"].disabled,
input[type="button"].disabled:hover,
input[type="button"].disabled:focus,
input[type="button"].disabled:active,
input[type="button"].disabled.active,
input[type="button"][disabled],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="button"][disabled]:active,
input[type="button"][disabled].active, fieldset[disabled]
input[type="button"], fieldset[disabled]
input[type="button"]:hover, fieldset[disabled]
input[type="button"]:focus, fieldset[disabled]
input[type="button"]:active, fieldset[disabled]
input[type="button"].active {
	/*these are the button colours while the form is being sent and "Sending..." is shown on the button*/
	color: #000;
}



input[type="submit"]:active, input[type="submit"].active,
input[type="reset"]:active,
input[type="reset"].active,
input[type="button"]:active,
input[type="button"].active {
  -webkit-box-shadow: none;
  box-shadow: none;
}


/*--------------------------------------------------------------
 5.1 Structure, from line 1114
--------------------------------------------------------------*/
.container, .content-area, #featured-area, .home-widgets, #footer #footer-wrapper {
XXXXXbackground-color:transparent !important;                  /* <<<<<<< THIS STYLE MADE THE CONTENT AREA HAVE A TRANS BG INSTEAD OF A WHITE BG */
}




/*--------------------------------------------------------------
 6.2 Main Menu, from line 1189 
--------------------------------------------------------------*/


nav { /*the site-width strip containing the main menu, on both wide and narrow screens; NB .main-nav only targets the wide menu  */
background:transparent;
}


#main-menu-container {
  background-color:transparent; /*the screen-width nav strip*/
	font-family:'Vollkorn';
	font-weight:400;
	XXXXXXXXXfont-size:2em;
}


#main-menu-container,
#main-menu,
#main-navigation {
	/*on small screens, the menu strip needs to be 10+X+10 high where X is #logosmall's height*/																									/* <<<-----    TO BE FINALISED !!!!!!!!!! */
	min-height:70px;
}


#mobile-nav-button { /*the 3-line symbol on narrow screens*/
  padding: 0px; /* was 0 10px; */
  background: inherit;
	height:70px;                                                                                 																									/* <<<-----    TO BE FINALISED !!!!!!!!!! */
	font-size:1.7em; /*default 2em*/
}

#mobile-nav-button:before { /*the unhovered 3-line symbol*/
  color: #000000;
}

#mobile-nav-button:hover:before { /*the hovered 3-line symbol*/
  color: #FFFFFF;
}

#mobile-current-item { /*the word 'Menu' by default, but header.php is edited to show #logosmall */
  padding-left: 0px;
}


#logo, #logoverysmall { /*hide large logo and verysmall logo by default on small screens*/
display:none;
}

#logosmall:hover, 
#logoverysmall:hover {
cursor:pointer;
}


#logosmall {
	margin-top:5px; /*bodge to make the small logo more vertically centre-aligned*/
}



#main-navigation { /*contains the logo and the menu*/
XXXXXXXXXline-height: 1;/*default 1.5, or is it 1.5em? */
padding:0;
margin:0;
}


#main-navigation .main-nav > ul {
	padding-top:70px;/*ensure the dropdown is below the menu strip*/
}


#main-navigation ul { /*the narrow menu */
  padding-left: 0px; /*was 15*/
}

#main-navigation ul ul { /*the narrow menu's submenu indent*/
  padding-left: 30px;
}


#main-navigation ul li a {
font-size:1.5em;
XXXXXXXXXline-height:2.2em; /*default is 3em*/
	line-height:1.5em; /*default is 3em*/
}


#main-navigation .main-nav .menu li li a::before { /*the indent symbol preceding each submenu item - if this isn't specified, the widescreen menu dropdown has no indent, and the narrowscreen menu has '- '  */
  content: '\2022'; /*a bullet according to http://brajeshwar.github.io/entities */
			/*NB only the narrow menu needs a bullet before the indented buttons - not the wide menu - so it's removed in the wideonly media query*/
  content: ' - ';			
}


#main-navigation .main-nav ul li a { /*ALL unhovered menu button links*/
color:#000000;
transition: all 0.2s ease-in-out 0s;
}



#main-navigation .main-nav ul li a:hover { /*hovered link in the narrow-only dropdown menu - this can override the version above without .main-nav version ???????? */
/*the A tag when hovered*/
color:#000000;
background-color:#FFFFFF;
}


#main-navigation .main-nav ul li > ul {   /* the narrow-nested and wide-unhovered-dropdown buttons - UNUSED UNLESS THE MENU HAS SUBLEVELS*/
}


/*shmd additions*/
#main-navigation .main-nav ul li > ul li a { /*an indented menu button in a narrow dropdown menu */
/*let it be the same as the non-indented buttons*/
}
#main-navigation .main-nav ul li > ul li a:hover { /*hover colour of an indented menu button in a narrow dropdown menu */
/*let it be the same as the non-indented buttons*/
}





/*--------------------------------------------------------------
 7.0 - Header, from line 1472
--------------------------------------------------------------*/
#header {
/*NB the entire header is hidden in this theme - #header.site-header is styled as display:none in SHMDesign Additions below*/
}




/*--------------------------------------------------------------
 8.0 - Structure, from line 1525
--------------------------------------------------------------*/
.content-area {
/*THESE ARE ALL OLD NOTES*/
						/*NB THIS IS ALSO SPECCED IN 5.1 ABOVE */
							/*this is where the padding is added around the main (et al?) content*/
						  /*padding: 15px;*/ /*was 15*/ /* ??? MUST BE >0 TO ENSURE BLANK SPACE ON EITHER SIDE OF CONTENT ON A NARROW SCREEN ??? IF THIS IS ACTUALLY TRUE THEN APPLY THIS STYLE TO WIDE SCREENS ONLY*/

background:none;
/*background-image: url("images/white-90pc-trans-bg.png");*/
background-image: url("images/white-80pc-trans-bg.png");
}





/*--------------------------------------------------------------
 8.3 - Post & Pages, from line 1625
--------------------------------------------------------------*/
#main {
  padding-left: 0px !important; /*was 15*/
	padding-right: 0px !important; /*was 30 on sites with a sidebar*/
}

#main article {
	padding-bottom: 0px; /* default 20px */
	border-bottom: 1px solid #807C73;
}



/*--------------------------------------------------------------
 8.8 - Breadcrumbs, from line 1748
--------------------------------------------------------------*/
.breadcrumb-list {
	display:none;  /*NB breadcrumb can also be hidden using WP Admin > Appearance > Theme Options > Theme Elements */
}



/*--------------------------------------------------------------
10.0 - Page/Post Layouts, from line 1894
--------------------------------------------------------------*/

/* this applies to all full-width pages*/
.full-width-page main#main, 
.page-template-page-templateslanding-page-php main#main, 
.page-template-page-templatessitemap-php main#main {
/*remove the L+R padding on full-width content*/
  padding-left: 0px; /*was 15*/
  padding-right: 0px; /*was 15*/
}



/*--------------------------------------------------------------
12.0 - Widgets
--------------------------------------------------------------*/

.widget-wrapper {
	/*padding: 0px;*/ /*default 15 all round*/ /*if this is zero, then the sidebar widgets are too close together vertically */
																						/*NB it should only be >0 if widget bg colour *doesnt* match the main bg colour*/
	padding-top: 30px;
	padding-right:0px;
	padding-bottom: 30px;
	padding-left:0px;
		
/*overline the widget*/
		border-top:1px solid #807C73 !important;
}




/*--------------------------------------------------------------
13.0 - Footer, from line 2159 - contains the full-width colophon widget
--------------------------------------------------------------*/
#footer {
display:none;
}



/* ####################################################################################################################### */
/* ####################################################################################################################### */
/* ####################################################################################################################### */
/* ####################################################################################################################### */
/* ####################################################################################################################### */


/* SHMDesign additions
----------------------------*/


/*style the row of book covers on the OLD (one-row, Custom HTML layout) Books page - inspired by http://radiatingstar.com/distribute-divs-images-equaly-line and http://stackoverflow.com/questions/10566359/distributing-images-evenly-horizontally-in-a-div-via-css */
div.booksimage {
text-align:center;
}
div.booksimage img {
box-shadow: 5px 5px 2px #CCC;
}

#booksimagecontainer {
text-align: justify;
}
#booksimagecontainer > div {
width: 220px; /* Declare your value. Can be in relative units. */
display: inline-block;
vertical-align: top;
margin-bottom:50px;
}
#booksimagecontainer:after {
content: "";
width: 100%;
display: inline-block;
}


/*style the book covers on the NEW Books page 300123+ */
a.bookcoverlink {
border:none !important;
}





/*style the Show/Hide links*/
p.wpsm-show, 
p.wpsm-hide {
color:#000 !important;
text-decoration: none;
border-bottom: 1px dotted #807C73;
}
p.wpsm-show:hover, 
p.wpsm-hide:hover {
color:#000 !important;
text-decoration: none;
border-bottom: 1px solid black;
}
p.wpsm-show {
max-width:140px;
}
p.wpsm-hide {
max-width:170px;
}





/*remove out-indenting on Search button*/
.search-form .search-submit {
left:0px;
border-radius:0px !important;
}


/*add space between a post's H1 and the Posted On date */
div.post-meta {
margin-top:20px !important;
}

/*add space between a post's Posted On date and the post content */
header.entry-header {
margin-bottom:40px !important;
}


/*remove vert space between the LI's in the Latest News widgets */
.rpwwt-widget ul li {
	margin:0px !important;
}

/*2-col layout becomes stacked on narrow screens*/
.leftcol, .rightcol {
	width:100%;
}

.rightcol  {
border-top:1px solid #807C73;
border-bottom:1px solid #807C73;
}


P {
margin-bottom:20px;
}

/*hide the content panel on the homepage*/
body.home #wrapper {
display:none;
}

.dontbreak { /*unused for Tom Bullough*/
display:inline-block;
}

div.post-entry img { /*more space above+below images/vids in posts*/
margin-top:20px;
margin-bottom:20px;
}

div.post-entry iframe {
padding-top:10px;
/*padding-bottom:20px;*/
}


div.nav-links { /*ensure there's space under the OldPosts etc links, otherwise they touch the divider strip on a narrow screen*/
margin-bottom:60px !important;
}

hr { /*styled as a divider line which can be easily inserted into the doc; NB the resp mobile css defines a hr as 1px and #EEE by default */
width:100%; /*i.e. full width of whatever DIV it's inside*/
clear:both !important;

/*topbot margins to add space between sections*/
margin-top:30px;
margin-bottom:30px;
		
background-color:#807C73;
border-top:1px solid #807C73;
}


.wp-block-separator {
XXXborder:none !important; /*added Dec22 to stop the HRs from being too thick and dark*/
}



.default-sidebar, .gallery-sidebar, .right-sidebar {
padding-left:0px; /*default 15 which left unwanted space on the left of the sidebar ON NARROW SCREENS - THIS IS RESET IN THE MEDIA QUERIES*/
padding-right:0px; /*default 15 which left unwanted space on the right of the sidebar ON ALL SCREENS*/
}


/*#widgets {
border-top:1px solid #807C73;
border-bottom:1px solid #807C73;
}*/


.widget-title h3 { /*widget titles on internal pages*/
font-size:1.4em;
text-align:left !important;
margin-top:0px;
margin-bottom: 20px !important;
}



/*style the widgets - NO underline under the H3*/
#widgets .widget-title {
border:none;
}





#wrapper { /*remove border from #wrapper, which is everything below the menu and above the footer*/
	background:inherit;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}


.post-edit-link {
	display:none; /*hide the Edit link when I am logged-in*/
} 



.byline, .author {
/*hide "by [username]" after post date and before # of Comments */
display:none; 
}


/* PRINT STYLESHEET BEGINS*/
@media print {
	#header, 
	#main-menu-container, 
	#widgets, 
	#footer {display:none;}
	
  a[href]:after, 
	a[href^="javascript:"]:after, 
	a[href^="#"]:after {content: "" !important;}
	
}
/* PRINT STYLESHEET ENDS*/




/* #################################################### RESPONSIVE CODE BEGINS ########################################################## */




/* SMALLEST WIDTHS where logosmall would be too wide to fit onto the same row as the menu symbol */


@media (max-width: 500px) {

	#logosmall {
	display:none;
	}
	
	#logoverysmall {
	display:inline-block;
	margin-top:8px; /*bodge to make the very small logo more vertically centre-aligned*/
	}
	
}



/* ------------------------------------------------------ */


/* on WIDE screens - hide small logo and display large logo, change bg pic, etc*/

@media (min-width: 992px) {


	body {
	/*the bg is set for narrow screens by default, and changed for wide screens thus: */
	background-image: url("images/Sarn-Helen-bg-wide-1920w-1353h.jpg"); /*this is the WIDESCREEN background image*/
	/*background-size: 100% auto ;*/ /*OTIOSE (on WIDE screens, I previously scaled the image so that it fitted the WIDTH of the window) */
	}


	/*from SBC*/
	/*remove L+R padding from #container (it's added on small screens only)*/
	#container { 
	padding:0;
	}
	
	.default-sidebar, .gallery-sidebar, .right-sidebar {
	padding-left:60px /*default 15 - we need space on the left of the sidebar on wide screens, but not on the right - in 'shmd additions' above the L+R pads are set to 0px on narrow screens */
	}
	
	/*on wide screens change .content-area padding to 30px*/
	.content-area {
	padding: 30px;
	}
	
	
	/*2-col layout on wide screens*/
	.textcols {
	overflow:auto; /*to wrap the floats therein*/	
	}
	.leftcol {
	width:65%;
	float:left;
	}
	.rightcol {
	width:25%;
	display:inline-block !important;
	float:right;
	}
	
	.rightcol  { /* [NO LONGER] remove the border-top which separates it from the main content on narrow screens only */
	/*border-top:none;*/
	}
	
	
	
	/*START WIDE-SCREEN NAV STYLES - see line 283ish for the default/narrow styles */

	#logo {
	display:block;
	text-align:center;
	margin-bottom:30px;
	}
	#logosmall { /*hide small logo on large screens*/
	display:none;
	}
	

	
	#main-menu-container {
	/*add white space above and below the logo+nav*/
	margin-top:30px;
	margin-bottom:30px;
	}
			
	
	#main-navigation ul li a {
	/*line-height:1em;*/ /*DONE FOR ANOTHER SITE: so that the A and the LI are the same size*/
	}

	
	#main-navigation .main-nav > ul {
	padding-top:0px;/*reset the "ensure the dropdown is below the menu strip" style on the narrow menu*/
	}

	
	#main-navigation .main-nav ul li > ul {   /* the narrow-nested and wide-unhovered-dropdown buttons - UNUSED UNLESS THE MENU HAS SUBLEVELS*/
	/*make the dropdown bgcolour cream [wide only], so that it works on top of whitebg content */
	/*background-color:#F4F3E7;*/
	background-color: #F8F0EE;
	}

	
	/*FAILED ATTEMPT TO make the dropdown buttons fullwidth within the dropdown*/
	/*#main-navigation .main-nav ul li > ul li a {
	width:100%;
	}*/

		
	/*NB to ensure that the LI is no larger than the A that it contains, 	the LI should have margin but no pad and the A should have pad but no margin*/


	#main-navigation .main-nav ul {
	text-align:center; /* <<< THIS IS A KEY STYLE REQUIRED TO CENTRE-ALIGN THE MENU*/
	}
	
	#main-navigation .main-nav ul ul {
	text-align:left; /*reset the dropdown buttons to L-aligned, otherwise they inherit the centre-aligning of the main menu*/
	}
	

	#main-navigation .main-nav ul li { /*add margin around the LI, but not pad*/
	padding:0px;
	/*XXXXXXmargin-right:40px;*/ /*horiz space between buttons*/

	 /*stop the L-aligning of the menu strip - by default, it's float left and display block*/
    float: none; /* <<< THIS IS A KEY STYLE REQUIRED TO CENTRE-ALIGN THE MENU*/
		display:inline-block; /* <<< THIS IS A KEY STYLE REQUIRED TO CENTRE-ALIGN THE MENU*/
	}
	
	
	
	/*no margin-right on the final button*/
	/*#main-navigation .main-nav ul li:last-of-type {
	margin-right:0px;
	}*/
	
	
		
	#main-navigation .main-nav ul li a {
	margin:0px;
	/*padding:0px;*/
		/*XXXXline-height:60px !important;*/ /*OTIOSE???*/
		/*XXXXvertical-align:bottom !important;*/ /*OTIOSE???*/
	padding: 5px 10px; /*add space around the A which will be white when hovered*/
	}
	

	#main-navigation .main-nav ul li:hover > a {
	/*KEEP THE Books BUTTON WHITE WHILE ITS DROPDOWN IS HOVERED*/
	background-color:white !important;
	}

	
	#main-navigation .main-nav ul li:hover {
	/* style the entire LI bg on hover - it's the hovered button in a dropdown, and affects the parent button too*/
	}
	
	#main-navigation .main-nav ul li:hover a {
	/*restyle the A when the surrounding LI is hovered*/
	}
	
	#main-navigation .main-nav ul li a:hover {
	/*restyle the A when the A is hovered*/
	}
	
	
	#main-navigation .main-nav ul li:hover a:hover {
	/*restyle the A when both the surrounding LI is hovered AND the A is hovered*/
	}
		
		
	#main-navigation .main-nav .menu li li a::before { /*the indent symbol preceding each submenu item - if this isn't specified, the widescreen menu dropdown has no indent, and the narrowscreen menu has '- '  */
  content: none; /*NB only the narrow menu needs a bullet/dash before the indented buttons - not the wide menu*/
	}
		
	/*END WIDE-SCREEN NAV STYLES*/



	
} /*end of wide screen styles */