/* colours + icons */

/*
#FAF8F3 - 'sand' (colour1 colour1 shade1)
#F0EADC - 'wet sand' (colour1 shade2)
#CCC2A7 - 'soaked sand' (colour1 shade3)
#6B614F - 'super soaked sand' (colour1 shade4)

#F6F8ED - 'green sand' (colour2 shade1)
#E3E9C9 - 'green wet sand' (colour2 shade2)
#AABD89 - 'green soaked sand' (colour2 shade3)
#525A38 - 'green super soaked sand' (colour2 shade4)

#F6FAFA - 'blue sand' (colour3 shade1)
#E3EFEF - 'blue wet sand' (colour3 shade2)
#9DB9B8 - 'blue soaked sand' (colour3 shade3)
#475D5C	- 'blue super soaked sand' (colour3 shade4)

exception: .shadewhite = #fff, regardless of colourscheme.

#F6F7F5 - light background on donation section
#E3E3E0 - top bar separator lines
#989A9E ?? - separator between top nav and main nav + separator between main nav and page-header
#989A9E - separator in footer too
#989A9E - separator between cc post and author info too
#989A9E - text colour of date & time on archived events (see Gala page)
#475D5C - 'dark green' - footer background + featured text background
#FFFFFF - 'white' - text in footer
#E9E462 - yellow - download-icon-background + yellow separators in footer + social link in footer + contact link in footer
#1a1a1a - not quite black
#707070 - border around PJ issue / people preview images.
#8A8986 - 50% of not quite black when against #FAF8F3
#C43626 - red mouseover link mainnav

Added later:
#343C3C - background around image of large Featured box when horizontal with text
#CCC2A7	- background of fallback images in people sections
--- this is only one bit away from the 'soaked sand' (that I added later to replace the darker version)


*/

body{
	background:#ffffff;
	color:#1a1a1a;
}

/* sandy colours */

.homefeatured{
	background-transparent;
	/* to see the #primary's #ffffff through it, with overlap onto colour of section above it */
}
.donationwrap{
	background:#ffffff;
}

.colour1 .shade0,
.colour2 .shade0,
.colour3 .shade0{
	background:#ffffff;
}
/***** colour 1 *****/
.colour1 .shade1{
	background:#FAF8F3;
}
.colour1 .shade2{
	background:#F0EADC;
}
.colour1 .shade3{
	background:#CCC2A7;
}
.colour1 .shade4{
	background:#6B614F;
	color:#ffffff;
}
.colour1 .buttons a.shade4{
	border-color:#6B614F;
}
.colour1 .pullquote{
	border-color:#CCC2A7;
}

.colour1 .buttons a.mouse3:focus,
.colour1 .buttons a.mouse3:hover,
.colour1 .buttons a.mouse3:active{
	background:#CCC2A7;
	color:#ffffff;
	border-color:#CCC2A7;
}
.colour1 ul.tags-links li a:focus,
.colour1 ul.tags-links li a:hover,
.colour1 ul.tags-links li a:active,
.colour1 .filters li.current-cat a,
.colour1 .filters li a:focus,
.colour1 .filters li a:hover,
.colour1 .filters li a:active{
	background:#CCC2A7;
	border-color:#CCC2A7;
}
.colour1 .previewgrid .item .itemimg{
	background:#CCC2A7;
}






/***** colour 2 *****/
.colour2 .shade1{
	background:#F6F8ED;
}
.colour2 .shade2{
	background:#E3E9C9;
}
.colour2 .shade3{
	background:#AABD89;
}
.colour2 .shade4{
	background:#525A38;
	color:#ffffff;
}
.colour2 .buttons a.shade4{
	border-color:#525A38;
}
.colour2 .pullquote{
	border-color:#AABD89;
}
/***** colour 3 *****/
.colour3 .shade1,
.post-type-archive-mr_performance_jour .ctaboxwrap{
	background:#F6FAFA;
}
.colour3 .shade2{
	background:#E3EFEF;
}
.colour3 .shade3{
	background:#9DB9B8;
}
.colour3 .shade4{
	background:#475D5C;
	color:#ffffff;
}
.colour3 .buttons a.shade4{
	border-color:#475D5C;
}
.colour3 .pullquote{
	border-color:#9DB9B8;
}


.colour3 .buttons a.mouse3:focus,
.colour3 .buttons a.mouse3:hover,
.colour3 .buttons a.mouse3:active{
	background:#9DB9B8;
	color:#ffffff;
	border-color:#9DB9B8;
}
.colour3 ul.tags-links li a:focus,
.colour3 ul.tags-links li a:hover,
.colour3 ul.tags-links li a:active,
.colour3 .filters li.current-cat a,
.colour3 .filters li a:focus,
.colour3 .filters li a:hover,
.colour3 .filters li a:active{
	background:#9DB9B8;
	border-color:#9DB9B8;
}
.colour3 .previewgrid .item .itemimg{
	background:#9DB9B8;
}

.pullquote{
	border-color:#6B614F;
}
.backbutton a{
	background:#E9E462;
	color:#1a1a1a;
}
.backbutton a:focus,
.backbutton a:hover,
.backbutton a:active{
	background:#1a1a1a;
	color:#ffffff;
}
ul.tags-links li a:focus,
ul.tags-links li a:hover,
ul.tags-links li a:active,
.filters li.current-cat a,
.filters li a:focus,
.filters li a:hover,
.filters li a:active{
	background:#6B614F;
	border-color:#6B614F;
}

.previewgrid .item .itemimg{
	background:#6B614F;
}


.buttons a.shade00{
	background:transparent;
	color:#1a1a1a;
	border-color:#1a1a1a;	
}
.colour1 .buttons a.shade4{
	background:#6B614F;
	color:#ffffff;
	border-color:#6B614F;
}
.buttons a.shade00:focus,
.buttons a.shade00:hover,
.buttons a.shade00:active,
.buttons a.shade4:focus,
.buttons a.shade4:hover,
.buttons a.shade4:active{
/* all shade4 buttons go to red, always */
	background:#c43626;
	color:#ffffff;
	border-color:#c43626;
}





/* end sandy colours */


/* sandy colour? */
.previewgrid.people .item .itemimg{
	background-color:#CCC2A7;
}

.galabar{
	background:#E9E462;
	color:#1A1A1A;
}
ul.archivelist li span.eventdate,
ul.archivelist li span.eventtimes{
	color:#989A9E;
}



/* link colours */


a{
	color:inherit;
}
#colophon .contactlink a,
#colophon .sociallinks a{
	color:#E9E462;
}
#subnav li.current_page_item a,
a:focus,
a:hover,
a:active{
	color:#C43626;
	/* everywhere except:
	   - in footer
	   - where background is dark green
	   - where backgruond goes yellow on mouseover
	   - inside buttons
	   - inside sortorder links
	   - in Support nav link
	   - text in CTA boxes
	*/
}
.nav-menu li.supportus a:focus,
.nav-menu li.supportus a:hover,
.nav-menu li.supportus a:active{
	background:#1a1a1a;
	color:#ffffff !important;
}

.previewmix .itemlarge a:focus,
.previewmix .itemlarge a:hover,
.previewmix .itemlarge a:active,
.previews.ccfeatured a:focus,
.previews.ccfeatured a:hover,
.previews.ccfeatured a:active{
	color:#E9E462; /* yellow overriding red */
}
.previews.cweitems .item .inside a{
	background:#ffffff; /* also covering the space between text and image */
	color:#1a1a1a; /* added 20230304 - for some reason was white when on shade4 */
	transition:background .5s ease-in-out 0s;
}
.previews.cweitems .item .inside a:focus,
.previews.cweitems .item .inside a:hover,
.previews.cweitems .item .inside a:active{
	background:#E9E462;
	color:#1a1a1a; /* overriding red */
}
.tags-links a:focus,
.tags-links a:hover,
.tags-links a:active,
.chooseorder li a:focus,
.chooseorder li a:hover,
.chooseorder li a:active,
.buttons a:focus,
.buttons a:hover,
.buttons a:active{
	color:#1a1a1a; /* overriding red */
}
.ctabox a{
	background:transparent;
}
.ctabox a:focus,
.ctabox a:hover,
.ctabox a:focus{
	background:#ffffff;
	color:#1a1a1a; /* overriding red */
}
.searchbox form{
	background:#ffffff;
}
.nav-menu li.supportus a,
.sb-subnav ul li a,
.formbox form,
.searchbox form,
.boc{
	border-color:#1a1a1a;
}
input.search-submit{
	background-image:url(../img/search.svg);
	background-color:transparent;
}
.boc h2:after{
	background-color:transparent;
	background-image:url(../img/minus.svg);
}
.boc.closed h2:after{
	background-image:url(../img/plus.svg);
}
.previewgrid.pjregular .item .itemimg img,
.previewgrid.people .item .itemimg img,
.previewgrid.reports .item .itemimg img,
.issueimg img{
	border-color:#707070;
}

#nav{
	background:#ffffff;
}

.nav-menu li.externallink a{
	background-color:transparent;
	background-image:url(../img/new-tab.svg);
}
#colophon .nav-menu li.externallink a{
	background-image:url(../img/new-tab-white.svg);
}
.nav-menu li.calendarlink a{
	background-color:transparent;
	background-image:url(../img/calendar.svg);
}
.iconlinks li.iconlink-account a{
	background-image:url(../img/account.svg);
}
.iconlinks li.iconlink-basket a{
	background-image:url(../img/basket.svg);
}
.iconlinks li.iconlink-search a{
	background-image:url(../img/search.svg);
}
h1.page-title.mrpf,
h2.page-title.mrpf{
	background-image:url(../img/M.svg);
}
#subnav li a:after,
.readmoreline a:after,
.related li a:after,
.reports .item a span:after{
	background-image:url(../img/arrow.svg);
}
#subnav li.current_page_item a:after{
	background:none;
}
.readmoreline.calendarlink{
	background-image:url(../img/calendar.svg);
}
.galabar .readmoreline{
	background-image:url(../img/circle.svg);
}
.page-numbers{
	color:inherit;
}
.page-numbers.current{
	color:#989A9E;
}
.page-prev,
.page-numbers.prev{
	background-image:url(../img/arrow-prev.svg);
}
.page-next,
.page-numbers.next{
	background-image:url(../img/arrow-next.svg);
}
.ctabox a span.ctarm{
	background-image:url(../img/roundel.svg);
}
.ctabox a:focus span.ctarm,
.ctabox a:hover span.ctarm,
.ctabox a:active span.ctarm{
	background-image:url(../img/roundel-red.svg);
}
#mainnav{
	color:#1A1A1A;
}
#mainnav ul,
#mainnav li{
	border-color:#e3e3e0;
}
#mainnav > li:focus,
#mainnav > li:hover,
#mainnav > li:active,
#mainnav li a:focus,
#mainnav li a:hover,
#mainnav li a:active{
	color:#C43626;
}
#mainnav > li.opensubmenu,
#mainnav > li:target,
#mainnav > li:focus,
#mainnav > li:hover,
#mainnav > li:active,
#mainnav > li ul,
#sortorder ul{
	background-color:#ffffff;
}
#mainnav:focus > li,
#mainnav:hover > li,
#mainnav:active > li{
	opacity:.5;
}
#mainnav:focus > li:hover,
#mainnav:hover > li:hover,
#mainnav:active > li:hover{
	opacity:1;
}
#mainnav:hover > li ul{
	color:#1a1a1a;
}


#mainnav > li > a,
#sortorder > li > a{
	background-color:transparent;
	background-image:url(../img/down_arrow.svg);
}
#mainnav > li:target > a,
#mainnav > li:focus > a,
#mainnav > li:hover > a,
#mainnav > li:active > a{
	color:#C43626;
	background-image:url(../img/up_arrow.svg);
}
#sortorder > li:focus > a,
#sortorder > li:hover > a,
#sortorder > li:active > a,
#sortorder:target > li > a{
	background-image:url(../img/up_arrow.svg);
}
#bc,
.inpagenav,
ul.contentindex li span,
ul.honoreeslist li span,
ul.archivelist li span,
.formbox,
.pubsubpage,
hr{
	border-color:#989A9E;
}
.filterswrap select,
.filterswrap option,
.fitlerswrap input{
	background:transparent;
}
.filterswrap select{
	background-image:url(../img/down_arrow.svg);
}
ul.postfiles li a .text{
	background:#ffffff;
}
ul.postfiles li a .icon,
.audiobox a .icon{
	background:#E9E462;
}
.post-top li.cwe_date{
	background-image:url(../img/cwe-calendar.svg);
}
.post-top li.cwe_fee{
	background-image:url(../img/cwe-price.svg);
}
.post-top li.cwe_dropin{
	background-image:url(../img/cwe-drop-in.svg);
}
.post-top li.cwe_virtual{
	background-image:url(../img/cwe-virtual.svg);
}
.post-top li.cwe_location{
	background-image:url(../img/cwe-location.svg);
}
.post-top li.cwe_type{
	background-image:url(../img/cwe-type.svg);
}
.post-top li.cwe_cardeligible{
	background-image:url(../img/cwe-cards.svg);
}
.authorpreview{
	border-color:#989A9E;
}
.previewmix .itemlarge .inside,
.featured .previewgrid .item .inside{
	background:#475D5C;
	color:#ffffff;
}
.previewmix .itemlarge .itemimg{
	background:#343C3C;
}
.homeupcoming .inner{
	border-color:#989A9E;
}
.donations{
	background-color:#F6F7F5;
}
.ctaboxwrap.belowdonations{
	background:#F6F7F5;
}
#colophon{
	background:#475D5C;
	color:#FFFFFF;
}
.footerpart{
	border-color:#989A9E;
}
#sitemap-nav ul.nav-menu > li ul{
	border-color:#E9E462;
}


@media (max-width:1270px){
	#toggle span.burger{
		background-image:url(../img/burger.svg);
	}
	#toggle a.navisopen span.burger{
		background-image:url(../img/close.svg);
	}
	#navcontent{
		background:#ffffff;
	}
}

figure .imageid{
	background:transparent;
	color:#1a1a1a;
}
figure .imageid:before{
	background:#ffffff;
	color:#1a1a1a;
}
figure .imageid span{
	background:#ffffff;
}



/* text-decoration */

#masthead a,
.post-top a,
.page-top a,
.readmore a,
.readmoreline a,
.filters a,
.previewgrid a,
.previewmix a,
.buttons a,
.inpagenav a,
.pagination a,
.backbutton a,
.indexdownload a,
.eventtitle a,
.ctabox a,
.biolinks li a,
.related li a,
.sb-subnav h2 a,
#subnav li a,
#colophon a{
	text-decoration:none;
}
#colophon a:focus,
#colophon a:hover,
#colophon a:active{
	color:#E9E462;
}

.post-top .author a,
.page-top .page-header .intro p a,
.previews.people .nophoto a,
#topnav li a:focus,
#topnav li a:hover,
#topnav li a:active,
#colophon .footer1 a:focus,
#colophon .footer1 a:hover,
#colophon .footer1 a:active{
	text-decoration:underline;
	text-underline-offset:.2rem;
}
.page-top .page-header .intro p a{
/*	text-underline-offset:.2em; */
}
#topnav li.supportus a{
	text-decoration:none !important;
}

/* fake text decoration */
.jumplinks li a{
	border-bottom-color:transparent;
}
.jumplinks li a:focus,
.jumplinks li a:hover,
.jumplinks li a:active{
	border-bottom-color:#C43626;
}
.jumplinks li.jumpbutton a{
	border-bottom-color:#E9E462;
	background:#E9E462;
}
.jumplinks li.jumpbutton a:focus,
.jumplinks li.jumpbutton a:hover,
.jumplinks li.jumpbutton a:active{
	border-bottom-color:#1a1a1a;
	background:#1a1a1a;
	color:#ffffff;
}

/* Where placeholder needs to obey the styles */

/* fix the stupid placeholder colour */
/* separate rules, because: "a group of selectors containing an invalid selector is invalid". */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:#1a1a1a;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#1a1a1a;
	opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#1a1a1a;
	opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:#1a1a1a;
}
::-ms-input-placeholder { /* Microsoft Edge */
	color:#1a1a1a;
}




/* overriding calendar + Woo things */

.fc .fc-list-event:hover td{
	background:#FAF8F3;
}
.fc .fc-list-event-title a:focus,
.fc .fc-list-event-title a:hover,
.fc .fc-list-event-title a:active{
	color:#C43626;
}

.mrcalendarbttons button.change_view, .mrcalendarbttons button.change_time{
	background-color:transparent;
	color:#1a1a1a;
	border-color:#6B614F;
}

.mrcalendarbttons button.change_view#calendar_view{
	background-image:url(../img/calendar-6b614f.svg);
}
.mrcalendarbttons button.change_view#grid_view{
	background-image:url(../img/tiles-6b614f.svg);
}
.mrcalendarbttons button.change_view#list_view{
	background-image:url(../img/list-6b614f.svg);
}

.mrcalendarbttons button.change_view:hover,
.mrcalendarbttons button.change_view:focus,
.mrcalendarbttons button.change_view.active,
.mrcalendarbttons button.change_view:active,
.mrcalendarbttons button.change_time:hover,
.mrcalendarbttons button.change_time:focus,
.mrcalendarbttons button.change_time.active,
.mrcalendarbttons button.change_time:active
{
	background-color:#6b614f !important;
	color:#f0eadc;
}

.mrcalendarbttons button.change_view#calendar_view:hover,
.mrcalendarbttons button.change_view#calendar_view:focus,
.mrcalendarbttons button.change_view#calendar_view.active,
.mrcalendarbttons button.change_view#calendar_view:active{
	background-image:url(../img/calendar-f0eadc.svg);
}
.mrcalendarbttons button.change_view#grid_view:hover,
.mrcalendarbttons button.change_view#grid_view:focus,
.mrcalendarbttons button.change_view#grid_view.active,
.mrcalendarbttons button.change_view#grid_view:active{
	background-image:url(../img/tiles-f0eadc.svg);
}
.mrcalendarbttons button.change_view#list_view:hover,
.mrcalendarbttons button.change_view#list_view:focus,
.mrcalendarbttons button.change_view#list_view.active,
.mrcalendarbttons button.change_view#list_view:active{
	background-image:url(../img/list-f0eadc.svg);
}

.mrcalendarbttons button.change_view[data-view="dayGridMonth"]{
	background-image:url(../img/calendar-6b614f.svg);
}
.mrcalendarbttons button.change_view[data-view="dayGridDay"]{
	background-image:url(../img/tiles-6b614f.svg);
}
.mrcalendarbttons button.change_view[data-view="listWeek"]{
	background-image:url(../img/list-6b614f.svg);
}

.mrcalendarbttons button.change_view:hover,
.mrcalendarbttons button.change_view:focus,
.mrcalendarbttons button.change_view:active{
	background-color:#6b614f;
	color:#f0eadc;
}
.mrcalendarbttons button.change_view[data-view="dayGridMonth"]:hover,
.mrcalendarbttons button.change_view[data-view="dayGridMonth"]:focus,
.mrcalendarbttons button.change_view[data-view="dayGridMonth"]:active{
	background-image:url(../img/calendar-f0eadc.svg);
}
.mrcalendarbttons button.change_view[data-view="dayGridDay"]:hover,
.mrcalendarbttons button.change_view[data-view="dayGridDay"]:focus,
.mrcalendarbttons button.change_view[data-view="dayGridDay"]:active{
	background-image:url(../img/tiles-f0eadc.svg);
}
.mrcalendarbttons button.change_view[data-view="listWeek"]:hover,
.mrcalendarbttons button.change_view[data-view="listWeek"]:focus,
.mrcalendarbttons button.change_view[data-view="listWeek"]:active{
	background-image:url(../img/list-f0eadc.svg);
}

.mrcalendarbttons button.change_view:focus:after,
.mrcalendarbttons button.change_view.active:after,
.mrcalendarbttons button.change_view:active:after{
	background-image:url(../img/tick-faf8f3.svg);
}


#calendar.mrfullcalendar .fc-daygrid-day.fc-day-today{
	background-color:#F0EADC;
}
/* #calendar.mrfullcalendar .fc-daygrid-day-events a.fc-daygrid-event{
	background:black;
	color:white;
}
#calendar.mrfullcalendar .fc-daygrid-day-events a.fc-daygrid-event:focus,
#calendar.mrfullcalendar .fc-daygrid-day-events a.fc-daygrid-event:hover,
#calendar.mrfullcalendar .fc-daygrid-day-events a.fc-daygrid-event:active{
	background:white;
	color:black;
} */

.mrfullcalendar .previews.previewlist .item .inside .postdate span.dates{
	color:#C43626;
}

/* colour shades for individual event types */
/*
Pink: R232 G146 B128 = #E89280
Green: R170 G189 B137 = #AABD89
Blue: R157 G185 B184 = #9DB9B8
*/

#calendar.mrfullcalendar .mr_class{
	/* background:#388BD7; */
	background:#9DB9B8;
	color:black;
	border:none;
	h3{
		color:black;
	}
}
#calendar.mrfullcalendar .mr_workshop{
	/* background:#16A75D; */
	background:#AABD89;
	color:black;
	border:none;
	h3{
		color:black;
	}
}
#calendar.mrfullcalendar .mr_event{
	/* background:#D75C90; */
	background:#E89280;
	color:black;
	border:none;
	h3{
		color:black;
	}
}