html, body,
.cmsContent h2,
a,
.teal,
.cmsContent.blueGreenH2 h2
{
	color:#511d59;
}


html, body {
    font-family: Roboto, Arial, Helvetica, sans-serif !important;
    font-weight: 400;
}

.cmsContent a { border-bottom: 1px solid; font-weight: 500;}

.cmsContent a.button { border-bottom: none;}

.tml-links a { color:#fff !important;}
.button.small.hasPlus.tealBG .plus:before, .button.small.hasPlus.tealBG .plus:after,
.blueGreenBG {
	background-color:#a00099;
}


.blueGreen50{ color: rgba(160,0,153,0.5); }

button.tealBG,
.tealBG,
.cmsContent h6 a,
#pageMain .acf-form-submit input.acf-button{
    font-family: Roboto, Arial, Helvetica, sans-serif;    
    background-color:#dbdbda;
    color:#501d58 !important;
    	text-decoration: none !important;
	border-bottom: none;
	font-weight: 600;
    border: 1px solid #501d58 !important;;
}

.cmsContent h6 a { margin-top: 0.5em; }

h6+h6{ margin-top: 0.5em;}

.button.whiteBG, .button.tealBorder { color:#511d59;}
.button.tealBorder { border-color:#511d59;}
.searchResult .icon:before { border-color:#511d59; }
.tml button, #loginform input.button { color:#511d59;}

#searchResults.tealBG { background-color:#92459a !important;}

#logo {
	background-image: url(../images/pfc-logo-new.png);
    top: 5px;
    rotate: 350deg;
}

.titleScrollDown a:after,
.arrowLink:before,
.cmsContent h6 a:before,
#backToTop:after,
.button.hasArrow:before{ background-image: url(../images/arrow-community.svg) !important; }

.button.hasArrow.hasMapPointer:before { background-image: url(../images/pfc-icon-map.svg) !important; 
	transform: rotate(0deg);
    height: 25px;
    margin-top: 26px;
	margin-right: 18px;
}

.arrowLink.hasMapPointer:before
 { background-image: url(../images/pfc-icon-map.svg) !important; 
	transform: rotate(0deg);
    height: 25px;
	top: 12px;
 }
.arrowLink.hasMapPointer { margin-right: 1.5em; padding-left:30px; }
.cmsContent h6 a:before, 
.button.whiteBorder.hasArrow:before, 
.arrowLink:before,
.button.hasMapPointer:before,
.button.tealBG.hasArrow:before, 
cf-input-button.cf-input-button div.cf-icon-attachment,
cf-input-button.cf-input-button div.cf-icon-progress,
#backToTop:after { background-position: 0 0; text-decoration: none; background-size: 17px;}

.modal .button.hasArrow:before{  background-position: 0 -17px; }

.modal.tealBG, .modal.teal95BG {	background-color: #ffffffcf !important;}
.page-id-221 #quickLinksModal .tealBG, .modal.teal95BG {	background-color: #511d59cf !important;}


/*NEW NAV 24/10/2024*/

#header #nav li a {
    color: #501c58;
}
#header .button.whiteBorder {
    border: 1px solid #57215f;
}

#header #nav li a.hover,
#header #nav li a.active {
    border-bottom-color: #57215f !important;
}

#header .navModal .twoButtonWrapper .noRightCorners,
#header .navModal .extraButtons .button {
    background-color: #511c59 !important;
    color:#fff !important; 
}

#supportUsModal .centreText .hasArrow,
#header .navModal .twoButtonWrapper .noLeftCorners{
    color:#511c59 !important; 
}


#header .modal .button.hasArrow:before {
    background-position: 0 0px;
}

/*END*/




#pageOverlay.darkTeal90BG {	background-color: #511d59cf !important;}

.cmsContent h3 { color:#511d59; }

.slideshowWrapper .button + .button { margin-left: 20px;}

a.back-to-top { background-color:#ffdc32;}
/*.circleIcon:after { background-image: url(../images/circle-icons-community.svg); }*/

#nav li a.active, #nav li a.underline { border-bottom-color:#a00099; }

.imageBG:before { display: none;}

.graphic.powerPink { background-image: url(../images/graphics/pfc_icon_milkbottle.png); }
.graphic.arrowsPinkTR { background-image: url(../images/graphics/pfc_icon_rubbishbag.png);}
.graphic.arrowsPinkBR { background-image: url(../images/graphics/pfc_icon_pen.png);}
.graphic.sprayDripLeft{ background-image: url(../images/graphics/pfc_icon_milkbottle.png); }
.graphic.arrowsGreyTL,
.graphic.arrowsPinkTL { background-image: url(../images/graphics/pfc_icon_facemask.png);}
.graphic.speakerGreen,
.graphic.speakerPink { background-image: url(../images/graphics/pfc_icon_facemask.png);}




.graphic.arrowsPinkBR { margin: -183px 0 0 -6px;}


#shareWrapper .at-icon-wrapper { background-image: url(../images/pfc-share-icons.svg) !important;}

.circleIcon:after{ background: url(../images/circle-icons-community.svg); background-size: 51px; background-repeat: no-repeat;}
.lightHeader .circleIcon.login:after {}

.graphic.cutleryPink,
.graphic.sprayDripLeft,
.graphic.sprayBlob,
.slideshow .graphic.sprayDripLeft.bottomLeft,
.slideshow .graphic.sprayBlob.bottomRight { display: none;}

.slideshowWrapper::after { background: transparent url(../images/pfc-home-slideshow-footer.svg) no-repeat 50% 100% !important; background-size: contain !important; z-index: 1 !important; transform: rotate(0deg) !important; width: 100% !important; bottom: -2px !important;}
#bannerImage::after{ background: transparent url(../images/pfc-featured-image-footer.svg) no-repeat 50% 100%; width: 100%; z-index:3; background-size: contain; bottom: -2px !important;}
.slideshowWrapper.diagonalTR::before { background: transparent url(../images/pfc-home-slideshow-footer.svg) no-repeat 50% 100% !important; background-size: contain !important; z-index: 1 !important; transform: rotate(180deg) !important; width: 100% !important; top: -2px !important; bottom: auto !important;}

.slideshow:before { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 95, 127, 0)) !important; }

.flip-clock-wrapper ul li a div div.inn:before,
.smallStatNumbers .number:before {background-color:#92459a;;}
.flip-clock-wrapper ul li a div div.inn:after,
.smallStatNumbers .number:after {background-color:#511d59;}


.playBig:after, .playSmall:after { background-image: url(../images/pfc-play-circle.svg); }


footer .graphic.cutleryPink,
footer .graphic.sprayDripLeft { display: none !important;}





.media_and_text .whiteBG .imageBG {padding:40px;}
.media_and_text .whiteBG .imageBG::before { content: ""; display: block; position: absolute; background-size: cover; top: -50px; bottom: -50px; }

.media_and_text_1 .whiteBG .imageBG::before, .media_and_text_3 .whiteBG .imageBG::before { background-image: url(../images/pfc-image-background-01.svg);}
.media_and_text_2 .whiteBG .imageBG::before, .media_and_text_4 .whiteBG .imageBG::before { background-image: url(../images/pfc-image-background-02.svg); top: -100px; bottom: -75px;}

@media all and (min-width: 1023px) {
	.textMediaContent.rightSide { padding-left: 120px; }
}

.row_latest_news .imageBG { z-index: 6;}

.latest_news_events a.videoLink { top: -17px; }

.diagonal.lightPinkBG.diagonalTL:before, .diagonal.lightPinkBG.diagonalTR:before, .diagonal.lightPinkBG.diagonalBL:after, .diagonal.lightPinkBG.diagonalBR:after { background: transparent; transform: rotate(0deg);}
.lightPinkBG { background: transparent;}

.diagonal.blueGreenBG.diagonalTL:before, .diagonal.blueGreenBG.diagonalTR:before, .diagonal.blueGreenBG.diagonalBL:after, .diagonal.blueGreenBG.diagonalBR:after { background-color: transparent; transform: rotate(0deg);}


.row_faqs .graphic.sprayDripLeft{ 
	display: block;
    bottom: auto;
    top: -154px;
    left: -50px;
}


.quoteBox {	background-image: url(../images/pfc-quote-bg.svg); background-size: cover;}
.quoteBox:before {background-image: url(../images/pfc-quote.svg);}

footer.diagonal.diagonalTL:before{
    top: -108px;
    left: 50%;
    transform: translate(-50%, -0%) !important;
    height: 108px;
    background: transparent url(../images/pfc-footer-header_bg_2024.png) bottom center no-repeat !important;
    background-size: 100% !important;
    max-width: 1560px;
    width: 100%;
    margin: 0 auto;
}

#footer { 
    background-color: transparent;
    background-image: linear-gradient(180deg, #511d59 0%, #92459a 100%);
}

#footer { margin-top: 270px;}  
#footer .button{ border-radius: 0 5px 5px 0;}

.imageBG::before,
.imageBG::after{ display: none;}


@media screen and (max-width: 1023px){
	#headerScroll .button.tealBG.hasArrow:before {
		background-position: 0 0;
	}
}

.row_latest_news .col-8 h2.smallTitle { margin-bottom: 0.4em; }

.modal .inline-flex .extraButtons a,
.extraButtons a { margin: 0 21px !important;}

cf-chat-response.user text > p { background-color: #92459a !important;}
cf-input-button.cf-input-button,
.cf-button { background-color:#ffdc32 !important; color:#511d59 !important;}
.cf-button[checked=checked]:not(:focus):not(:hover):not(.highlight), .cf-button[selected=selected]:not(:focus):not(:hover):not(.highlight),
cf-radio-button.cf-button[checked=checked]
{ background-color:#cedd00 !important; color:#a00099 !important;}

cf-radio-button.cf-button cf-radio { border-color:#a00099 !important;}
.page-template-signup a#signup-logo, 
.page-template-signup-pfc-business a#signup-logo, 
.page-template-signup-pfc-community a#signup-logo, 
.page-template-signup-pfc-individual a#signup-logo, 
.page-template-signup-pfc-individual_v2 a#signup-logo, 
.page-template-signature-complete a#signup-logo,
a#signup-logo.dashboard { 
    background-image: url(../images/pfc-logo.png) !important; 
    top: 5px;
    rotate: 350deg;
}


cf-input-button.cf-input-button div.cf-icon-attachment,
cf-input-button.cf-input-button div.cf-icon-progress{ background-image: url(../images/pfc-arrow.svg) !important; background-size: 17px !important;}


cf-chat-response text > p {color: #511d59 !important;}



.stats_panel h2 { margin-bottom: 0.3em;}
.stats_panel p { max-width: 300px;}

#headerScroll .rightText a.button::before {
content: "";
    display: inline-block;
    background-image: url(../images/pfc-icon-map.svg) !important;
    transform: rotate(0deg);
    height: 25px;
    width: 18px;
    top: 7px;
    position: relative;
    margin-right: 12px;
    background-size: 17px;
    background-repeat: no-repeat;
}

@media screen and (max-width: 767px) {
	.titleScrollDown a { display: none; }
	
	.button.hasArrow.hasMapPointer:before { margin-top:18px; } 
	.slideshowWrapper .button + .button { margin-left:0; margin-top:1em;}
	
	
	.cmsContent h6 a:before, 
	.button.whiteBorder.hasArrow:before, 
	.arrowLink:before, .button.hasMapPointer:before, 
	.button.tealBG.hasArrow:before { background-size: 13px;}
	
	.button.whiteBorder.hasArrow:before, .button.tealBG.hasArrow:before, .button.small.whiteBorder.hasArrow:before, .button.small.tealBG.hasArrow:before { background-position: 0 0 !important;}
	.arrowLink:before { margin-top: -11px;}

	#headerScroll .rightText a.button{ width: 40px; overflow:hidden;}
	#headerScroll .rightText a.button::before { background-size: 13px; top: 6px; background-position: 50% 50%;}
} 

@media screen and (max-width: 1023px){
	#navWrapper { background-color:rgb(145,12,139);}	
	.modal .inline-flex .extraButtons a, .extraButtons a { margin: 20px 0 0 0 !important;}
	#headerScroll .button.hasArrow::before { background-size: 9px;}
	#headerScroll .flex .col-6 { vertical-align: middle;}
}


.sas-dashboard h1, .sas-dashboard h2, .sas-dashboard h3, .sas-dashboard li, .sas-dashboard p, .sas-dashboard a, h2.dashboard-title,
.task-header h1, .sas-task .acf-field .acf-label label, .sas-task .acf-field p.description,

nav #menu-dashboard li.current-menu-item a, .page-template-dashboard #menu-dashboard li.menu-dashboard a, .page-template-objective #menu-dashboard li.menu-dashboard a, .single nav #menu-dashboard li.menu-dashboard a,
nav #menu-dashboard_business li.current-menu-item a, .page-template-dashboard #menu-dashboard_business li.menu-dashboard a, .page-template-objective #menu-dashboard_business li.menu-dashboard a, .single nav #menu-dashboard_business li.menu-dashboard a { color:#511d59 !important;}


nav #menu-dashboard li.current-menu-item a{ color:#000 !important; border-color:#000 !important;}

.progress-tracker .progress-indicator { border-top-color:#209fc5 !important; border-right: 1px solid #209fc5!important; }

.sas-task .acf-row > .acf-row-handle +.acf-fields { padding-bottom: 90px !important;}
.sas-task .acf-row.-collapsed > .acf-row-handle +.acf-fields { padding-bottom: 0 !important;}

.sas-task .acf-row.-collapsed  .acf-row-handle +.acf-fields > .acf-field.-collapsed-target { padding-bottom: 90px;}
.sas-task .acf-row .acf-fields .acf-fields .acf-fields .acf-field { padding-bottom: 30px;}

.sas-task .acf-repeater .acf-repeater .acf-row .acf-row-handle +.acf-fields > .acf-field:first-child  { padding-bottom: 30px;}
.sas-task .acf-repeater .acf-repeater .acf-fields { padding-bottom:0 !important;}

.sas-task.login { background-color:rgba(145,12,139,1); }
.sas-task.login .controls a.close { color:#fff; }

.acf-icon.-collapse.small {
    display: block;
    border-radius: 5px;
    content: " ";
    top: auto !important;
    left: 1px;
    height: 30px;
    background: #a00099;
    position: absolute;
    width: 133px;
    bottom: 30px;
    left: 47px;
    z-index: 5;
border: none;
display: block !important;
}

a.acf-icon.-collapse.small::after {
    content: "Hide details";
    display: block;
    text-shadow: none;
    color: #fff;
    font-family: roboto;
    font-weight: 500;
    text-transform: uppercase;
    padding: 9px;
}

.acf-row.-collapsed a.acf-icon.-collapse.small::after { content: "Edit details";}
.acf-icon.-collapse:before { display: none !important;}

.acf-field[data-name="files"] .acf-icon.-collapse.small { display: none !important;}
.acf-field.non_collapse .acf-icon.-collapse.small { display: none !important;}


.acf-repeater .acf-repeater a.acf-icon.-collapse.small { display: none; }


.page-id-2501 .titleScrollDown { display: none;}

@media screen and (max-width: 600px){
		#logo { 
            width: 130px;
            rotate: 350deg;
            margin-top: 10px; 
        }
}
	

@media screen and (max-width: 1023px),
@media (max-width: 1259px), (max-height: 900px){
	#logo{ 
        top:5px;  
        rotate: 350deg;
        margin-top: 10px;
    }
}



li.businesses a::before,
li.communities a::before,
li.continuing-the-journey a::before{
	display: block;
	content: " ";
	width: 100%;
	padding-bottom: 50%;
	background: transparent url(../images/pfc-continuing-the-journey.png) no-repeat 50% 50%;
	background-size: contain;
	margin: 1em 0 2em 0;
}

li.businesses a::before, 
li.communities a::before 
{ background-image: url(../images/pfc-phase-01.png);}



.pea_cook_wrapper { background-color:rgba(160,0,153,0.85) !important;}
button.pea_cook_btn{ background-color:#fff !important; color:#a00099 !important;}

#menuIcon{ background-color:#a00099 !important;}




.sas-task .acf-field[data-name="evidence"] > .acf-input > .acf-fields > .acf-field > .acf-label { display: block;}

.sas-task .acf-field.padded-right { padding-right: 50px !important;}
.sas-task .acf-field.padded-left { padding-left: 50px !important;}

.modal#loginModal #noAccountTip { display: none;}

 .login-reset a { color:#fff !important; }
 
 
 
 a.find-out-more{
	 border-radius: 5px;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
	background-color: #dbdbda;
    color: #511d59 !important;
    text-decoration: none !important;
    border-bottom: none;
	 font-size: 20px;
    font-weight: 500;
    height: 56px;
    line-height: 56px;
    padding: 0 25px;
    border: 1px solid #511d59;
	 
 }

 .plastic-free__map__wrapper .info-window__title {
    color: #511d59;
 }
 
 /*
 .postid-8036 .dash-header, .postid-12955 .dash-header { position: relative; background: transparent !important;}
 .postid-8036 .dash-header::before, .postid-12955 .dash-header::before { 
 position: absolute; display: block; content: ""; top:0; right:0; bottom:0; left:0; opacity:0.5; z-index: -1;
 background: transparent url(https://plasticfree.org.uk/wp-content/uploads/sites/2/2021/07/sas-pfc-dash-bg-plastic.jpg) no-repeat; background-size: cover; }
 
 .postid-12955 .dash-header::before { filter: grayscale(1);}
 
 /*.postid-8036 .dash-header .inner, .postid-12955 .dash-header .inner{ background-color: rgba(255,255,255,0.5); border-radius: 15px; padding: 40px 20px; backdrop-filter: blur(10px); }*/
 /*
 .postid-8036 .dash-header .card-list li, .postid-12955 .dash-header .card-list li { border: none;} 
 /*.postid-8036 .dash-header{ background-image: url(https://plasticfree.org.uk/wp-content/uploads/sites/2/2021/05/obj2.jpg);}*/
 
 /*
 .page-id-15946 .section-dashboard #pageHeader::before{
	 position: absolute; display: block; content: ""; top:0; right:0; bottom:0; left:0; opacity:0.5; 
	 background: url(/wp-content/uploads/sites/2/2021/07/sas-pfc-inspiration-header-scaled.jpg) no-repeat 50% 50%; background-size: cover;
 }
 
 .page-id-15946 .section-dashboard #pageHeader { margin-bottom: 0 !important;}
 */
 
 /*DWD Styles 2023*/
 
.acf-field-603e2035a4cf5,
.acf-field-5f858dd964603,
.acf-field-5f858e2564610,
.acf-field-5f914e58e2207,
.acf-field-5f914eefe2214,
.acf-field-5f858cc415632,
.acf-field-5f858cc415669,
/*.acf-field-5f858cc415717, */
.acf-field-5f858cc41574f,
.acf-field-626813540225d,
.acf-field-626813549346b,
.acf-field-62681355462ca,
.acf-field-616d41559e619 {
     display: none!important;
 }
 .sas-task .acf-field[data-name="response"] .acf-label {
    margin-bottom: 0;
}
.sas-task .acf-row .acf-fields > .acf-field {
    padding: 20px 40px 0 30px;
}

.sas-dashboard .objective-overview {
	grid-template-columns: 1fr !important;
}
.sas-dashboard .objective-details {
    padding-right: 0 !important;
}
.sas-dashboard div.obj-tools {
    padding-top: 0;
}
.objective-details p {
	line-height: 1.3;
}
.objective-overview .task {
	padding-top: 20px;
}

.acf-repeater .acf-actions .acf-button {
    float: left !important;
	margin-top: 10px;
}

.sas-task .acf-form-submit{
	margin-top: 30px;
}

.sas-task a.acf-button {
    margin-left: 0px;
}


a.dwd_next_button {
	color: #fff !important;
    background-color: #a00099 !important;
    padding: 10px 30px;
    font-size: 18px !important;
    margin-left: 0;
	border-radius: 5px;
	margin-top: 20px;
}

a.dwd_next_button:hover {
    background-color: #000 !important;
}

.acf-field-63c924735aca1 .acf-label label,
.acf-field-63c925c06bab9 .acf-label label{
	margin-bottom: 20px !important;
}

a.dwd_top_banner {
	text-align: center;
/*	display: block !important;*/
	padding: 10px 40px;
	background-color: #A00099;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
}

.objective_section_hidden {
	display:none !important;
}

.dwd-pfc-breadcrumbs {
    margin-top: 40px;
    font-size: 15px;
}

.sas-dashboard .objective-details h1 {
    padding-top: 40px;
}


.stats_dashboard .dwd_wrapper_5 {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}


.stats_dashboard .dwd_wrapper_4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}


.task_5f8590f8c751d input.button-primary {
	display:none;
}




.page-id-955 .dwd_first {
	display:none;
}


.postid-4489 .dwd_second {
	display:none;
}


body.page-id-44029 .acf-button,
body.page-id-43953 .acf-button,
body.page-id-43934 .acf-button,
body.page-id-44029 .af-submit,
body.page-id-43953 .af-submit,
body.page-id-43934 .af-submit {

    border-radius: 5px;
    display: inline-block;
    font-size: 20px;
    height: 56px;
    line-height: 56px;
    padding: 0 25px;
    text-align: center;
    white-space: nowrap;
    background-color: #cedd00;
    color: #a00099 !important;
    text-decoration: none !important;
    border-bottom: none;
    font-weight: 400;
    margin-left: 16px;
    border-width: 0;
}

body.page-id-44029 .acf-button:hover,
body.page-id-43953 .acf-button:hover,
body.page-id-43934 .acf-button:hover,
body.page-id-44029 .af-submit:hover,
body.page-id-43953 .af-submit:hover,
body.page-id-43934 .af-submit:hover {

    background-color: #a00099;
    color: #cedd00 !important;
}

body.page-id-44029 .af-submit .acf-button,
body.page-id-43953 .af-submit .acf-button,
body.page-id-43934 .af-submit .acf-button {
    
    font-size: 20px;
    color: #a00099 !important;
}

body.page-id-44029 .af-submit:hover .acf-button,
body.page-id-43953 .af-submit:hover .acf-button,
body.page-id-43934 .af-submit:hover .acf-button {

    color: #cedd00 !important;
}

body.page-id-44029 .acf-field select {
    width: 50%;
}

body.page-id-44029 .acf-field p.description {
    float: right;
    padding-right: 25px;
    padding-bottom: 25px;
}

body.page-id-44029 .acf-fields.-border,
body.page-id-43953 .acf-fields.-border,
body.page-id-43934 .acf-fields.-border {
    border: none!important;
    background: #f1f1f1;
}

.page-id-43992 #pageHeader, 
.page-id-44033 #pageHeader, 
.page-id-43990 #pageHeader, 
.acf-field-646e602b148b1, 
.acf-field-646751468095, 
.acf-field-64674fff8202f, 
.acf-field-646f6ed03497f {
   display: none!important;
}




/*Font override*/

.cmsContent h2 {
    font-family: "Roboto Condensed", Arial, Helvetica, sans-serif !important;
}

@media (max-width: 1259px), (max-height: 900px) {
    #headerScroll .button {
        background-color:#dbdbda;
    }
}

.community_slider_buttons_mcr a.button {
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    margin-top: 10px !important;
    margin-left: 10px !important;
}

.community_slider_buttons_mcr .button.hasArrow.hasMapPointer:before,
.community_slider_buttons_mcr .button.tealBG.hasArrow:before {
    height: 25px;
    margin-top: 12px;
    margin-right: 10px;
}

.faqWrapper .accordionLink:before {
    border-bottom: 2px solid #92459a;
    border-right: 2px solid #92459a;
}





#main .rollover-image-grid .rollover-image-grid__item:before {
    background:url(https://plasticfree.org.uk/wp-content/uploads/offenders/grid-rollover-purple.jpg) center center no-repeat;
    background-size: cover;
}
#main .rollover-image-grid .rollover-image-grid__item__content {
    background: #111820 !important;
}

#main .rollover-image-grid  .rollover-image-grid__item:nth-child(even):before {
    background:url(https://plasticfree.org.uk/wp-content/uploads/offenders/grid-rollover-blue.jpg) center center no-repeat;
    background-size: cover;
}

/*Dashboard*/

.sas-task a.acf-button.button-primary,
.sas-dashboard .mcr-grid .documentTitle p,
.sas-dashboard {
    color: #511d59  !important;
	
}


.sas-task a.acf-button.button-primary{ border: 1px solid; }

.stats_dashboard td.mcr-value,
.stats_dashboard .number {
    color: #005f7f !important;
}

.sas-task a.acf-button, .sas-task input.acf-button,
.sas-dashboard .tasks li.get_started a::before, 
.sas-dashboard .tasks li.not_started a::before {
    background-color: #511d59  !important;
}


.pea_cook_wrapper {
    background-color: #92459a !important;
}

.page-template-dash-blog #header,
.page-template-objective #header,
.business-template-default #header,
.page-template-programme-php #header,
.page-template-dash-view-stats-new-2023 #header,
.page-template-resources-new-2023-php #header,
.page-template-basic_page #header,
.page-template-dashboard-new-2023-php #header,
.community-template-default #header,
.single-community_phase_2 #header{
    background-color: #f5ecf5;
}



.page-template-dashboard-new-2023-php #header {
    background-color: #f5ecf5;
}
#headerRight a {
    color: #521e5a !important;
}


#headerRight a,
#menu-top-level-dashboard a {
    color:#fff;
}

.page-template-dash-blog #main,
.page-template-objective #main,
.page-template-resources-new-2023 #main,
/* .page-template-programme #main, */
.business-template-default #main {
    padding-top:0px;
}

nav #menu-dashboard a,
nav #menu-dashboard_p1 a,
nav #menu-dashboard_business a
{
    color: #fff !important;
}


.single nav #menu-dashboard li.menu-dashboard a ,
.single nav #menu-dashboard_business li.menu-dashboard a ,
.single nav #menu-dashboard_p1 li.menu-dashboard a 

{
    border-bottom-color: #92459a;
}

#wrapper_pfc_tabcontent {
    border: 1px solid #92459a !important;
}
.pfc_tab button.active {
    border: 1px solid #92459a !important;
    border-bottom: 1px solid #f5f5f5 !important;
    color: #511d59 !important;
    box-shadow: 0px 1px 0px #f5f5f5 !important;
}
.pfc_title {
    color: #92459a !important;
}
.pfc_tab button {
    color: #92459a !important;
}
.pfc_tab button:hover {
    color: #511d59 !important;
}

.sas-dashboard .progress-tracker .progress-indicator span {
    color: #511d59 !important;
}

.sas-dashboard .messages li.success a {
    color: #fff !important;
    background-color: #07a7e1;
    background-image: url(../images/icon-like-white.svg);
}

.sas-dashboard .messages li.success a {
    background-color: #209fc5 !important;
}

.main-dashboard li a p.status, .main-dashboard li div.objective-element p.status {
    color: #92459a !important;
}

.sas-dashboard .progress-holder-new p {
    color: #92459a !important;
}

/*Dashboard Button*/
.input.acf-button.task-submit-approval, 
.sas-task input.acf-button.button-primary.button-large,
.sas-dashboard a.previous_dashbaord_link,
.sas-dashboard .programme-new-button,
.sas-dashboard .messages li.success span.button-link,
.sas-dashboard .messages li span.button-link,
.sas-dashboard a.toggle-others:after, 
.sas-dashboard table.businesses-list a:after,
.sas-dashboard a.button, 
.sas-dashboard input.submit-approval {

    background-color: #dbdbda !important;
    color: #501d58 !important;
    text-decoration: none !important;
    font-weight: 600;
    border: 1px solid #501d58 !important;
    color: #511d59 !important;
}

.compact-dash-list a.button {
    background: url(https://plasticfree.org.uk/wp-content/plugins/sas-campaigns/images/icon-right-purple.svg) no-repeat 24px 50%;
}

.sas-dashboard .objectives li.approved .action::before,
.sas-dashboard .objectives li.underway .action::before, 
.sas-dashboard .objectives li.is_ready_to_submit .action::before, 
.sas-dashboard .objectives li.get_started .action::before, 
.sas-dashboard .objectives li.not_started .action::before {
    background-color: #005f7f !important;
}


/*Hide Message 2022 Survey: There are no surveys so far for your community. */
.community-template-default .sas_hide_communities,
.page-template-programme .sas_hide_communities {
    display:none; 
}

.page-template-dashboard-new-2023 #main,
.community-template-default #main {
    background-color: #f5f5f5 !important;
}

.programme-header h1 {    margin-top:0 !important;  padding-top: 30px!important; } /* was 100px */



@media screen and (max-width: 1200px) {
    .rollover-image-grid__items {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media screen and (max-width: 1200px) {
    .rollover-image-grid__items {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media screen and (max-width: 660px) {
    .rollover-image-grid__items {
        grid-template-columns: 1fr !important;
    }
}


.bgCover {
    background-position: top center;
}



#searchModal #searchFormWrapper .placeholder {
	color:#511d59;
}
#searchModal #searchFormWrapper #headerSearchInput{
	border: 1px solid #511d59;
    color:#511d59;
}



/* Download Manager */


.w3eden .row {
    padding: 0 20px !important;
}


.w3eden .btn-info:hover,
.w3eden .btn-info {
    color: #fff;
    background:none;
    border: none;
    border-radius: 10px;
    overflow: hidden;
}
.pfc-download-link-card {
    display: inline-block;
    margin: 20px 10px;
	z-index: 1000;
    position: relative;
}
.pfc-download-link-card a{
    padding:0px !important;
}
.pfc-download-link-card .btn-info:hover{
    background:none;
    box-shadow: 0 3px 8px 0 rgb(0 0 0 / 40%);
}
.pfc-download-link-card .btn-info:hover img{
    opacity: 0.8;
}
.pfc-download-link-card .btn-info .wpdm_icon {
    min-width: 150px;
    max-width: 150px;
    width: 150px;
}

 
.page-template-resources #pageHeader,
.page-id-54156 #pageHeader,
.page-id-54152 #pageHeader,
.page-id-54082 #pageHeader {
    display:none;
}
.page-template-resources .hugeTitle,
.page-id-54156 .hugeTitle,
.page-id-54152 .hugeTitle,
.page-id-54082 .hugeTitle {
    font-size: 80px;
}
.page-template-resources .cmsContent h3,
.page-id-54156 .cmsContent h3,
.page-id-54152 .cmsContent h3,
.page-id-54082 .cmsContent h3 {
    font-size: 36px;
    line-height: 1.1em;
    margin: 1em 0 0 0;
    font-family: hvd_posterregular, Roboto, Arial, Helvetica, sans-serif;
}


.page-template-resources  .row_two_col,
.page-id-54156  .row_two_col,
.page-id-54152  .row_two_col,
.page-id-54082  .row_two_col{

    background-color: #f5f5f5;
    padding: 150px 150px 50px 150px;
    margin-bottom: 60px;

}
.pfc_resourses_icons {
    position:relative;
}


.pfc_resourses_icons .graphic.powerPink.topRight {
    left: -180px;
    top: -290px;
}
.pfc_resourses_icons  .graphic.arrowsGreyTL {
    left: 680px;
    top: -250px;
    width: 342px;
	z-index: -100;
}

.pfc_resourses_icons .graphic.arrowsPinkTR {
    left: 100%;
    top: -120px;
    width: 200px;
	z-index: -100;
}

.pfc_resourses_icons .graphic.arrowsPinkBR {
    left: -174px;
    top: 100%;
    width: 260px;
	z-index: -100;
}


a.pfcpurplebtndwd {
    background-color: #511c59 !important;
    color: #fff !important;
}
a.pfcpurplebtndwd:before {
    background-position: 0 -17px !important;
}


/* Download Manager END */



/* #menu-dashboard, #menu-dashboard_p1, #menu-dashboard_business { margin-top: 30px;} */

#menu-dashboard #nav li, 
nav #menu-dashboard li,
#menu-dashboard_p1 #nav li, 
nav #menu-dashboard_p1 li, 
#menu-dashboard_business #nav li, 
nav #menu-dashboard_business li 
{ margin-right: 7px; }


@media all and (min-width:1023px) {

	nav #menu-dashboard a,
	nav #menu-dashboard_p1 a,
	nav #menu-dashboard_business a
	{
		color: #92459a !important;
	}


	#menu-dashboard #nav li a, 
	nav #menu-dashboard a,
	#menu-dashboard_p1 #nav li a, 
	nav #menu-dashboard_p1 a,
	#menu-dashboard_business #nav li a, 
	nav #menu-dashboard_business a,
	#menu-dashboard #nav li ul.sub-menu
	 {
		border: 1px solid;
		border-radius: 5px;

		display: block;
		height: auto;
		line-height: 1;
		padding: 9px 10px;
		text-transform: uppercase;
		font-size: 14px;
		font-weight: 500 !important;
		letter-spacing: 0.5px;
		color: #a00099;
	}
	
}



/* #headerRight {
	margin-top: -14px;
}
*/


body.page-template-programme{
	background-color: #f5f5f5;
}

a.edit-link, a.download-link { 
display: block; position: relative; padding-right: 100px;}

a.edit-link::after, a.download-link::after{
	
	color: #fff !important;
    background-color: #501d58 !important;
    font-size: 17px !important;
    border-radius: 5px;
    border: none;
    font-weight: 400;
    height: auto;
    line-height: 1;
    cursor: pointer;
    font-size: 12px !important;
    padding: 6px 15px;
    
	position: absolute; right:10px; top: -1px;
	content: 'Edit';
	display: block; text-align:center; max-width:100px; 
	max-width: 500px;
}

a.download-link::after{ content: "Download"; }

.quick-action-links {
	display: grid; 
	grid-template-columns: 1fr;
	grid-gap: 10px;
	margin-bottom: 1em;
}
.quick-action-links a {
	    font-weight: 500;
        background-color: #dbdbda;
        color: #511d59  !important;
        border-radius: 5px;
    padding: 20px 60px 20px 20px;
    font-size: 14px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.6px;
	border: 1px solid #501d58 !important;
}
.quick-action-links a:after{
	content: "";
	display: block;
	position: absolute;
	right: 10px;
	bottom:10px;
	width: 20px;
	height:20px;
	background: transparent url(/wp-content/plugins/sas-campaigns/images/icon-right-purple.svg) no-repeat 50% 50%;
}

.programme-header h1{ padding-top:0;}

@media all and (min-width: 600px){
	.quick-action-links {
		grid-template-columns: 1fr 1fr;
	}
}

@media all and (min-width: 1000px){
	.quick-action-links {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}


.sas-dashboard .card-list.sudash  li { box-shadow:none; border: none; background-color: transparent; display: flex; flex-direction: row; justify-content: space-between; align-items:center;}
.sas-dashboard .card-list.sudash  li:hover { box-shadow:none;}

.sas-dashboard .card-list.sudash li a { background-color:#fff;
	border-radius: 10px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.03);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.03);
	width:100%;
}

.sas-dashboard .card-list.sudash li a:hover{
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.22);
}

.sas-dashboard .card-list.sudash li a.send-to-sas { width: 20%; background-color:#dbdbda !important; color:#511d59 !important; border: 1px solid #501d58 !important;
	font-size:16px; font-weight:600;
	
	        border-radius: 5px;
        padding: 11px 15px;
        font-size: 16px;
        width: 102px;
        text-align: center;
		padding: 4px 5px !important; 
		margin-left:10px;
		justify-content: center;
	
}

.page-template-resources nav #menu-dashboard li.current-menu-item a,
.page-template-programme nav #menu-dashboard li.menu-item-1226 a,
.page-template-programme nav #menu-dashboard li.current-menu-item a,
.single-community_phase_2 nav #menu-dashboard li.menu-item-1226 a,
.single-community_phase_2 nav #menu-dashboard li.current-menu-item a,


.page-template-resources nav #menu-dashboard_p1 li.current-menu-item a,
.page-template-programme nav #menu-dashboard_p1 li.menu-item-1226 a,
.page-template-programme nav #menu-dashboard_p1 li.current-menu-item a,
.single-community_phase_2 nav #menu-dashboard_p1 li.menu-item-1226 a,
.single-community_phase_2 nav #menu-dashboard_p1 li.current-menu-item a,


.page-template-resources nav #menu-dashboard_business li.current-menu-item a,
.page-template-programme nav #menu-dashboard_business li.menu-item-1226 a,
.page-template-programme nav #menu-dashboard_business li.current-menu-item a,
.single-community_phase_2 nav #menu-dashboard_business li.menu-item-1226 a,
.single-community_phase_2 nav #menu-dashboard_business li.current-menu-item a
 
{ color:#000 !important; border-color:#000 !important;}





@media all and (min-width:1023px) {
	#menu-dashboard,
	#menu-dashboard_p1,
	#menu-dashboard_business
	  {
		text-align: center !important;
		margin-right: 220px;
		margin-left: 220px;
	}
	
}






#nav li { position: relative; }
#nav li.menu-item-has-children { padding-bottom: 10px; }
#nav li.menu-item-has-children > a {
	padding-right: 25px;
}
#nav li.menu-item-has-children > a:after{
	content: "";

	width: 0; 
	height: 0; 
	border-left:	6px solid transparent;
	border-right:	6px solid transparent;
	border-top:		6px solid #000;

	display: block;
	position: absolute;
	right: 7px;
	top: 13px;
}

#nav li ul.sub-menu { display: none; position: absolute; left:0; width: 250px; z-index: 20; background-color:#f5ecf5; margin-top: 10px; border: 1px solid #000; border-radius: 5px; padding: 10px; }
#nav li ul.sub-menu a { padding: 6px 0; border: none !important; text-align:left; }

#nav li.menu-item-has-children ul.sub-menu li { margin-right: 0 !important; display: block; }

#nav li:hover ul.sub-menu,
#nav li:focus ul.sub-menu{
	display: block;
}


a.toggle-others:after,
table.businesses-list a.edit:after,
table.businesses-list a.change { 
	background-color:#511d59  !important;
}