/* STYLES 
Dark Blue: 1a4f7b
Mid Blue: 387cb5
Light Blue: e8f2f9
Gradient: 387fb5 to 4fa8dc
Dark Grey: 3b3b3b
Mid Grey: 4a4a4a

font-family:'Avenir Next W01';
font-family:'Avenir Next W05';
Font Weight:
300 Light
400 Normal
500 Medium
700 Demi (Bold)
800 Bold (Extra-Bold)

*/
body {
	background: #FFF;
	font-family:'Avenir Next W01', Helvetica, Arial, sans-serif;
	color: #202020;
	overflow-x:hidden;
	font-weight: normal;
	font-variant-ligatures: none;
	-webkit-font-smoothing: subpixel-antialiased !important;
	text-rendering: optimizeLegibility !important;
}

/* STYLES TO MATCH CKEDITOR ******************************** */

h1, h2, h3, h4, h5, h6, p, table, tr, td, ul, ol, li, .wpcf7-response-output {
	font-family:'Avenir Next W05', Helvetica, Arial, sans-serif;
	font-size:14px;
}

h1 {
	font-size: 40px;
    font-weight: 800;
	line-height: 44px;
    color: #1a4f7b;
	margin: 0px 0px 20px 0px;
    clear: none;
}

h2 {
	font-size: 28px;
    font-weight: 700;
	line-height: 28px;
	margin: 27px 0px 20px 0px;
    clear: none;
}

h3 {
	font-size: 17px;
	line-height: 20px;
	/*margin: 27px 0px 7px 0px; PPO update */
	margin: 27px 0px 20px 0px;
    clear: none;
}

h4 {
	font-size: 15px;
	line-height: 18px;
	margin: 27px 0px 7px 0px;
    clear: none;
}

h5 {
    font-size: 13px;
	line-height: 15px;
    margin: 27px 0px 7px 0px;
    clear: none;
}

h6 {
    font-size: 11px;
	line-height: 14px;
    margin: 27px 0px 7px 0px;
    clear: none;
}

p {
	font-family:'Avenir Next W01', Helvetica, Arial, sans-serif;
    font-size: 15px;
	line-height: 22px;
    margin: 0px 0px 16px 0px;
}
p strong {
	font-family:'Avenir Next W05', Helvetica, Arial, sans-serif;
    font-weight: 700;
}
ul, ol {
    font-size: 15px;
    line-height: 22px;
    padding-left: 40px;
    margin: 0px 0px 16px 0px;
}

li {
	font-family:'Avenir Next W01', Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 22px;
    margin: 0 0 10px;
}

blockquote {
    padding: 13px 37px;
    position: relative;
    font-style: italic;
    margin: 0px !important;
}

blockquote p {
    font-size: 20px;
    line-height: 28px;
}

blockquote::before {
    content: '"';
    position: absolute;
    left: 0px;
    top: 0px;
    margin: auto;
    font-size: 30px;
}

blockquote::after {
    content: '"';
    position: absolute;
    right: 0px;
    top: 0px;
    margin: auto;
    font-size: 30px;
}

a {
	color: #1a4f7b;
}

a:visited {
	color: #387cb5;
}

a:hover, a:focus, a:active {
	color: #387cb5;
}

p a:hover {opacity: 0.7;}

.wp-caption .wp-caption-text {
    font-size: 14px;
    text-align: center;
    margin: 15px 0;
}

/* FIXES *********************************************** */

.clear:after {
	content: ' ';
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clear {
	display: inline-block;
	clear: both;
	width:100%;
}

* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}

img {
	display: block;
}

.grecaptcha-badge {
	display:none !important;
}

.content .inner .w100_left h2:nth-child(1) {
    margin-top: 9px;
}

.content .inner .w100_left img.alignright, .content .inner .w100_left img.alignleft {
    margin-bottom: 15px;
    margin-top: 10px;
}

/* STRUCTURAL ELEMENTS *********************************** */

/* Sets the size for all inner elements, to change individual inner, create e.g. header.inner, footer.inner */ 
.inner {
	min-height: 140px;
	width: 100%;
	max-width: 1200px;
	margin: auto;
	transition: 0.3s;
}

header {
	width: 100%;
	min-height: 114px;
	float: left;
    background-color: white;
}
header.wpc_site {
	width: 100%;
	min-height: 114px;
	float: left;
    background-color: white;
    background-image: url(../images/header-bg-2022.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
header.wspp_site {
}
header .inner {
    min-height: 0px;
}

header .w100_left {
    position: relative;
}

header .topbar {
    float: left;
    width: 100%;
    background-color: black;
    display: none;
}

.topbar .w100_left {
	padding: 7px 0px;
}

.topbar .tagline p {
    margin: 0px;
    color: grey;
    float: left;
    clear: both;
}

.tagline {
    float: left;
    width: auto;
    display: block;
}

.logo {
    float: left;
}

.logo a {
    float: left;
}

.logo img {
    display: block;
    max-height: 114px;
    float: left;
    width: auto;
    padding: 22px 0px 16px;
}

.social_icons {
	float: left;
}

.social_icons .icon {
    opacity: 1;
    transition: 0.3s;
	outline: none;
}

.social_icons .icon:hover {
    opacity: 0.6;
}

.social_icons .icon img {
    float: left;
    width: 44px;
    padding: 10px 15px 10px 0px;
}

.social_icons .icon i {
	float: left;
    font-size: 29px;
    padding: 10px 15px 10px 0px;
}

header .social_icons {
    float: right;
}

header .social_icons i {
    color: white;
}

#search_button {
    position: absolute;
    top: 0;
    right: 0;
    /*bottom: 15px;*/
    width: 60px;
    padding: 0px 0 0 0;
    text-align: center;
}
#search_button img {
    /*height: 20px;*/
    height: 34px;
    position: relative;
    margin: 20px auto 0;
    float: none;
    opacity: 0.3;
}
#search_bar {
    position: absolute;
    top: 75px;
    right: 10px;
    margin: 0; 
    background-color: #e8f2f9;
    z-index: 9;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
}

.smoothscrollbutton.backtotop {
    position: fixed;
    bottom: -200px;
    right: 30px;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 15px;
    text-decoration: none;
    font-size: 10px;
    line-height: 12px;
    color: black;
    z-index: 999;
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.3);
    border-radius: 8px 8px 0px 0px;
    transition: 0.3s;
    letter-spacing: 0.5px;
    outline: 0px !important;
}

.smoothscrollbutton.backtotop:hover {
    background-color: white;
}

.smoothscrollbutton.backtotop.fixed {
    bottom: 0px;
}

.headingarea {
    background-position: center;
    background-size: cover;
    margin-bottom: 60px;
}

.content {
	width: 100%;
	float: left;
	position: relative;
}

.page-content, .entry-content, .entry-summary {
    margin: 0px !important;
}

.content_absolute {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
}

.content .inner .w100_left {
    padding: 0px 0px 20px 0;
}
.content .inner .w100_left:nth-last-child(1) {
    padding-bottom: 70px;
}

.button, button, input[type=submit], button:not(.fancybox-button) {
    margin: 5px 0px;
    margin-right: 5px;
    padding: 15px 30px;
    text-decoration: none;
    display: block;
    float: left;
    text-align: center;
    color: white !important;
    background: #387cb5;
    border: 1px solid #387cb5;
    border-radius: 8px;
    font-size: 19px;
    line-height: 30px;
	position: relative;
    transition: 0.3s;
}

.button:hover, button:hover, input[type=submit]:hover, button:hover:not(.fancybox-button) {
	background-color: #1a4f7b;
	border-radius: 0px;
	border-color: #1a4f7b;
}

.acf-map button {
    color: black !important;
    font-size: 12px !important;
    float: left !important;
    border-radius: 0px !important;
}

.button.w-arrow:hover {
    padding-right: 40px;
    padding-left: 20px;
}

.button.w-arrow::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    position: absolute;
    right: 30px;
    top: auto;
    bottom: auto;
    margin: auto;
    transition: 0.3s;
    opacity: 0;
}

.button.w-arrow:hover:after {
    opacity: 1;
    right: 18px;
}


/* SEARCH ******************** */

header form.search-form {
    float: right;
}

header form.search-form input {
    min-width: 180px;
}

form.search-form {
    float: left;
    border: 1px solid black;
    background-color: #e8f2f9;
}

form.search-form input {
    border: 0px;
    padding: 16px;
    font-size: 14px;
}

form.search-form input {
    outline: none;
    -webkit-highlight: none;
}

form.search-form .search-submit {
    padding: 0px;
    background-color: transparent;
    float: right;
    min-width: 0px;
    margin: 0px;
    height: 48px;
    width: 48px;
    background-image: url(../images/search_icon.png);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    border-radius: 0px;
    text-decoration-color: transparent;
}

header .phonenumber {
    float: right;
    color: white;
    text-decoration: none;
    margin-right: 20px;
    padding: 12px 0px;
	outline: none;
}

header .phonenumber i {
    font-size: 15px;
    margin-right: 4px;
}

.searchpost {
    text-decoration: none;
    float: left;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    padding: 25px 25px 25px 0px;
    transition: 0.3s;
}

.searchpost .postexcerpt {
    float: left;
    width: 60%;
    color: black;
}

.searchpost span.date {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 9px;
}

.searchpost img {
    float: left;
	width: 35%;
    max-width: 35%;
    margin-right: 4%;
}

.searchpost h2 {
    margin-top: 0px;
    color: #415460;
}

.searchpost:hover {
    border-bottom: 1px solid #415460;
	padding: 25px 10px 25px 15px;
}

.searchpost p {
    margin-bottom: 0px;
}

.searchpost .postexcerpt h3 {
    margin-top: 0px;
}


/* FEATURED / SLIDER STYLES ******************** */
.featured {
	position: relative;
	width: 100%;
	clear: both;
    margin-bottom: 60px;
}

/* FIXES SPACE UNDER SLIDES */
.slick-slider .slick-track, .slick-slide {
    line-height: 0px;
}

.featured_slider .slide {
	/* Adjust height of slider */
	padding-bottom: 35%;
    position: relative;
    background-position: center;
    background-size: cover;
}
.featured_slider .slide::after, .headingarea::after {
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    background-image: url(../images/_slide_overlay_blue.png);
    background-position: left top;
    background-size: cover;
}
.featured .inner {
    position: absolute;
    text-align: center;
    transition: 0.9s;
    z-index: 100;
    min-height: 0px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}

.featured h2 {
    text-align: left;
    color: white;
    font-size: 42px;
    float: left;
    width: 48%;
    line-height: 52px;
    letter-spacing: 0px;
    margin-bottom: 15px;
    margin-top: 0px;
	text-shadow: 0px 0px 10px #000000;
}

.featured p {
    color: white;
    float: left;
    width: 100%;
}

.featured .featuredbuttons {
    margin: auto;
    width: auto;
    display: inline-block;
}

.featured .featuredbuttons .button {
    margin: 0px !important;
    width: auto !important;
    min-width: 0px;
}

.featured .slidercontent {
    margin: auto;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform-origin-y: -50%;
    -ms-transform: translateY(-50%);
    -ms-transform-origin-y: -50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: -webkit-translateY(-50%);
}


.featured .button {
    float: left;
    margin: 10px 0 0 0;
    display: block;
    clear: both;
    padding: 5px 20px !important;
    font-size: 16px !important;
    text-transform: uppercase;
    box-shadow: 0px 0px 10px #000000;
}

.nav-arrows .arrow {
    width: 49px;
    height: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    pointer-events: auto;
    cursor: pointer;
    background-position: center;
    background-size: 63%;
    background-repeat: no-repeat;
    opacity: 0.4;
    transition: 0.3s;
    z-index: 10;
}

.nav-arrows .arrow i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 40px;
    line-height: 0px;
    transform: translateY(-50%);
    -webkit-transform-origin-y: -50%;
    -ms-transform: translateY(-50%);
    -ms-transform-origin-y: -50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: -webkit-translateY(-50%);
    transform: translateX(-50%);
    -webkit-transform-origin-x: -50%;
    -ms-transform: translateX(-50%);
    -ms-transform-origin-x: -50%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: -webkit-translateX(-50%);
}

.featured .nav-arrows .arrow i {
    color: white;
}

.nav-arrows .arrow:hover {
    opacity: 0.8;
}

.nav-arrows .arrow.prev {
    left: 0px;
    /* OLD Image background-image: url(../images/prev-arrow.png); */
}

.nav-arrows .arrow.next {
    right: 0px;
    /* OLD Image background-image: url('../images/next-arrow.png'); */
}

.slick-dots {display: none !important;}
.slick-dots li button {
    min-width: 0px !important;
}


.video_home_panel {
	position: absolute;
	top: 50%;
	right: 3%;
	width: 33%;
	padding: 0 0 19% 0;
	background-size: 115%;
	background-position: center;
	z-index: 101;
	    transform: translateY(-50%);
    -webkit-transform-origin-y: -50%;
    -ms-transform: translateY(-50%);
    -ms-transform-origin-y: -50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: -webkit-translateY(-50%);
	box-shadow: 5px 5px 30px #000000;
	transition-duration: 0.5s;
}
.video_home_panel:hover {
	background-size: 125%;
}
.video_home_panel::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0);
}
.video_home_panel:hover::after {
	background-color:rgba(255,255,255,0.2);
}
/* CTA AREA ************************ */


.ctaarea {
    background-image: linear-gradient(#387fb5, #4fa8dc);
}

.ctawrap {
    float: left;
    width: 100%;
    margin: 80px 0px;
}
.ctawrap a {
    text-decoration: none;
}
.ctawrap h3 {
    font-size: 38px;
    /*font-weight: 800;*/
    color: #ffffff !important;
    text-align: center;
    margin: 0px 0 50px 0;
}

.ctaitem {
    float: left;
    position: relative;
    width: 25%;
    /*padding-bottom: 35%;*/
    text-align: center;
    background-position: center top;
    background-repeat: no-repeat;
	background-size: 180px;
	transition: 0.3s;
}
.ctaitem .content_absolute {
    position: relative;
}
.ctaitem::before {
    /*content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: black;
    opacity: 0.3;
	transition: 0.3s;*/
}

.ctaitem:hover::before {
	opacity: 0.5;
}

.ctaitem h2, .ctaitem p {
    font-size: 16px;
    color: white;
    padding: 0    10%;
}

.ctaitem h2 {
    font-size: 28px;
    margin-top: 200px;
}


/* BLOG *************************** */

.blog_post {
    float: left;
    width: 31.3333%;
    margin-right: 2%;
    text-decoration: none;
}

.blog_post img {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.proimg {
    float: left;
    width: 100%;
    padding-bottom: 40%;
    background-position: center;
    background-size: cover;
}

.blog_post .proimg {
	margin-bottom: 10px;
}

.blogpost {
    text-decoration: none;
    float: left;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    padding: 25px 25px 25px 0px;
    transition: 0.3s;
}

.blogpost .postexcerpt {
    float: left;
    width: 100%;
    color: #415460;
}

.blogpost.w-image .postexcerpt {
    float: left;
    width: 60%;
    color: #415460;
}

.blogpost img {
    float: left;
    max-width: 35%;
    margin-right: 4%;
}

.blogpost h2 {
    margin-top: 0px !important;
    color: #415460;
}

.blogpost:hover {
    border-bottom: 1px solid #415460;
	padding: 25px 10px 25px 15px;
	
}

.blogpost p {
    margin-bottom: 0px;
}

.blogpost .time {
    float: left;
    width: 100%;
    font-size: 9px;
    margin-bottom: 9px;
}

.blogpost .category {
    /*display: none;*/
}

.blogpost h2 .category {
    font-size: 13px;
    line-height: 13px;
    margin-top: 13px;
    margin-bottom: 12px;
    float: left;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #a6a6a6;
}

/* EVENT TILES ******** */

.content.upcomingevents {
    background-color: #e8f3f9;
}

.content.upcomingevents .w100_left {
    padding: 80px 0px 70px 0px;
}

.content.upcomingevents h2 {
    text-align: center;
    font-size: 38px;
    color: #3983b8 !important;
    margin: 0px 0 50px 0;
}

.content.upcomingevents .event_link {
    float: left;
    width: 25%;
    text-decoration: none;
    color: #3f4150;
    padding-left: 30px;
    padding-right: 15px;
    font-size: 17px;
    line-height: 20px;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: 0.3s;
	z-index: 100;
}

.content.upcomingevents .event_link h3 {
    font-weight: 300;
    font-size: 17px;
    margin-top: 0px !important;
}

.content.upcomingevents .event_link span {
    font-size: 14px;
    line-height: 16px;
}

.content.upcomingevents .event_link .date {
    font-weight: 600;
    font-family: 'Avenir Next W05', Helvetica, Arial, sans-serif;
    margin-bottom: 3px;
}

.content.upcomingevents .event_link:hover {
    padding-left: 40px;
    padding-right: 5px;
}

.content.upcomingevents .event_link::before {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 10px;
    top: 10px;
    width: 1px;
    background-color: #74b2cb;
    transition: 0.3s;
}

.content.upcomingevents .event_link:hover:before {
    top: 0px;
    bottom: 0px;
}

.content.upcomingevents .event_link::after {
    content: "";
    position: absolute;
    bottom: 10px;
    top: 10px;
    left: 0px;
    right: 100%;
    z-index: -1;
    transition: 0.3s;
	background: rgb(211,233,242);
    background: -moz-linear-gradient(90deg, rgba(211,233,242,1) 0%, rgba(211,233,242,1) 37%, rgba(232,243,249,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(211,233,242,1) 0%, rgba(211,233,242,1) 37%, rgba(232,243,249,1) 100%);
    background: linear-gradient(90deg, rgba(211,233,242,1) 0%, rgba(211,233,242,1) 37%, rgba(232,243,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d3e9f2",endColorstr="#e8f3f9",GradientType=1);
}

.content.upcomingevents .event_link:hover::after {
    top: 0px;
    bottom: 0px;
	right: 0px;
    
}


/* CONTENT PAGES ******************************** */

.headingarea h1 { display: none;
    text-align: center;
    color: white;
    margin-bottom: 0px;
    font-size: 31px;
}


.headingarea p {
    text-align: center;
    color: white;
}

.headingarea .inner {
    min-height:  0px;
    padding: 0px 0px 20%;
    z-index: 10;
    position: relative;
}
/*
.headingarea::after {
    content: "";
    background-color: black;
    position: absolute;
    top:  0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    opacity: 0.3;
}
*/

.heading_wrap {
    float: left;
    width: 100%;
}

.heading_wrap .button {
    float: right;
}

 .heading_wrap h1, .heading_wrap h2, .heading_wrap h3 {
    float: left;
}

.acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0;
}

.acf-map img {
   max-width: inherit !important;
}
/* COUNCIL LOGOS - Total width 260px */
hr {clear: both;}

#post-393 img {
    float: right !important;
    display: inline-block;
    height: auto !important;
    padding: 0 !important;
}

.council_logo_bm {
    width: 200px !important;
    margin: 7px 30px 0px !important;
}
.council_logo_camden {
    width: 120px !important;
    margin: 20px 70px 0px !important;
}
.council_logo_camp {
    width: 240px !important;
    margin: 38px 10px 0px !important;
}
.council_logo_ff {
    width: 200px !important;
    margin: 21px 22px 0px !important;
}
.council_logo_hcc {
    width: 200px !important;
    margin: 50px 30px 0px !important;
}
.council_logo_lcc {
    width: 160px !important;
    margin: 35px 50px 0px !important;
}
.council_logo_pcc {
    width: 200px !important;
    margin: 50px 30px 0px !important;
}
.council_logo_wsc {
    width: 130px !important;
    margin: 23px 65px 0px !important;
}


/* DIGITAL EQUITY PAGE ****************************** */
.page-id-1938 .headingarea {
    margin: 0;
}
.page-id-1938 .headingarea .inner {
	max-width: 650px;
    min-height: 0px;
    padding: 15% 0px 180px;
    z-index: 10;
    position: relative;
}

.page-id-1938 .headingarea::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
	background-image: url();
}
.page-id-1938 .headingarea h1 { display: block;
    text-align: center;
    color: white;
    /*margin-top: 18%;*/
	margin-bottom: 15px;
    font-size: 40px;
	line-height: 48px;
	font-weight: normal;
}
.content_page_id_1938 h2 {
    font-size: 36px;
	line-height: 32px;
	font-weight: normal;
}
.content_page_id_1938 p, .page-id-1938 .headingarea p {
    font-size: 24px;
	line-height: 32px;
	font-weight: normal;
}
.two-tiles-container {
    z-index: 15;
    display: flex;
    justify-content: center;
    transform: translate(0, -150px);
    height: 285px;
}
.two-tiles-container .green-tile {
    padding: 40px 40px 40px 40px;
    width: 560px;
    height: 368px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 8px;
    background: linear-gradient(137deg, #1D6133 0%, #013211 100%);
    position: relative;
    margin-right: 23px;
    overflow: hidden;
}
.two-tiles-container .green-tile::after {
	content: '';
	position: absolute;
	top: 0px;
	right: 0;
	width: 175px;
	height: 175px;
	background-image: url('https://theparks.nsw.gov.au/wp-content/uploads/2023/07/digital-equity-devices.png');
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
}
.two-tiles-container .red-tile {
    padding: 40px 40px 40px 40px;
    width: 560px;
    height: 368px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 8px;
    background: linear-gradient(139deg, #E05B34 0%, #A22118 100%);
    position: relative;
    overflow: hidden;
}
.two-tiles-container .red-tile::after {
	content: '';
	position: absolute;
	top: 0px;
	right: 0;
	width: 175px;
	height: 175px;
	background-image: url('https://theparks.nsw.gov.au/wp-content/uploads/2023/07/digital-equity-wifi.png');
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
}
.two-tiles-container .green-tile h2, .two-tiles-container .red-tile h2 {
    color: var(--snow-white, #FFF);
    font-size: 36px;
    font-weight: normal;
    line-height: 40px;
    margin-bottom: 24px;
    margin-top: 0;
}
.two-tiles-container .red-tile h2 {
    margin-bottom: 45px !important;
}
.two-tiles-container .green-tile p, .two-tiles-container .red-tile p {
    color: var(--snow-white, #FFF);
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 40px;
}

.equity_intro {
	float: left;
	clear: both;
    width: 95%;
    margin: -40px 2.5% 50px;
    padding: 10px 40px 20px 40px;
    background: linear-gradient(352deg, #0fc94b 0%, #288743 50%, #013211 100%);
    border-radius: 8px;
}
.equity_intro h2, .equity_intro p {
    color: #ffffff;
}
.page-id-1938 iframe {
	height: 1030px;
}
.page-id-1938 li span strong {
	font-family: 'Avenir Next W05', Helvetica, Arial, sans-serif;
}
.content_page_id_1938 .equity_glossary p {
	font-size: 15px;
	line-height: 22px;
}
.tile_vertical_spacer {
	width: 0; height: 0;
}
/* SIDEBAR ******************************* */

.sidebar {
    float: right;
    width: 80%;
}

.sidebar h2 {
    font-size: 21px;
    line-height: 22px;
}

.sidebar ul {
    float: left;
    width: 100%;
    padding: 0px;
    list-style: none;
	margin-bottom: 0px;
}

.sidebar ul li a {
    float: left;
    padding: 3px 0px;
    text-decoration: none;
    color: white;
    border-bottom: 1px solid;
    margin-bottom: 11px;
	transition: 0.3s;
}

.sidebar ul li span.date {
    min-width: 71px;
    display: inline-block;
	float: left;
}

.sidebar ul li a:hover {
    color: #759cbb;
}

.sidebar ul li {
    float: left;
    width: 100%;
    line-height: 13px;
    margin-bottom: 4px;
}

.sidebar form.search-form .search-field {
    float: left;
    width: 70%;
    padding: 16px 7%;
    padding-right: 0px;
}

.sidebar form.search-form {
    float: left;
    width: 100%;
}

.sidebar form.search-form .search-submit {
    width: 23%;
}

.sidebar_custom {
    background-color: #194f7b;
}
.sidebar_custom h1, .sidebar_custom h2, .sidebar_custom h3, .sidebar_custom h4, .sidebar_custom h5, .sidebar_custom h6, .sidebar_custom p {
    color: #ffffff;
    padding-right: 30px;
    padding-left: 30px;
}
.sidebar_custom a {
    color: #ffffff;
}
.sidebar_custom h2 {
    padding-top: 30px;
}
.sidebar_custom p:nth-last-child(1) {
    padding-bottom: 30px;
}
.sidebar_custom pre {
    padding: 0 !important;
    padding-bottom: 0px !important;
    margin: 0 !important;
    background-color: white !important;
}
.sidebar_custom ul li {
    color: #ffffff;
}
.widget-area.sidebar {
    background-color: #194f7b;
    color: white;
}
.widget-area.sidebar section:not(.widget_search) {
    padding: 15px 30px 15px 30px;
    float: left;
    width: 100%;
    margin: 0px;
}


.sidebar ul li a:hover {
    color: #759cbb;
}

/* EDITOR STYLES *************************************** */

.cke_wysiwyg_frame, .cke_wysiwyg_div {
    padding: 10px !important;
}

.cke_editable {
    padding: 10px;
}

/* TABLE STYLES **************************************** */

table {
    float: left;
    width: 100%;
    background-color: #f2f2f2;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
	margin-bottom: 30px;
}

table tr td {
    background-color: #f2f2f2;
    padding: 10px;
    border-left: 1px solid #d7d7d7;
}

table tr:nth-child(2n) td {
    background-color: #e7e7e7;
    
}

table tr th {
    background-color: #6f6f6f;
    padding: 13px;
    color: white;
}

table tr th:nth-child(2n) {
    background-color: #838383;
}

/* LAYOUT ELEMENTS *********************************************** */

.w20_left {
	width: 20%;	
	float: left;	
}

.w25_left {
	width: 25%;	
	float: left;	
}

.w30_left {
	width: 30%;	
	float: left;	
}

.w40_left {
	width: 40%;	
	float: left;	
}

.w45_left {
	width: 45%;	
	float: left;	
}

.w50_left {
	width: 50%;
	float: left;	
}

.w60_left {
	width: 60%;
	float: left;
}

.w70_left {
	width: 65%;	
	float: left;
    padding: 0 60px 0 0;
}

.w80_left {
	width: 80%;
	float: left;
}

.w100_left {
	width: 100%;	
	float: left;
}

.w20_right {
	width: 20%;	
	float: right;	
}

.w30_right {
	width: 35%;	
	float: right;	
}

.w40_right {
	width: 40%;	
	float: right;	
}

.w45_right {
	width: 45%;	
	float: right;	
}

.w50_right {
	width: 50%;
	float: right;	
}

.w60_right {
	width: 60%;	
	float:right;
}

.w70_right {
	width: 70%;	
	float: right;	
}

.w80_right {
	width: 80%;	
	float: right;
}

.w90_right {
	width: 90%;	
	float: right;
}

.w100_right {
	width: 100%;	
	float: right;
}

.w20_inline {
	width: 20%;	
	display: inline-block;
	vertical-align: top;
}

.w30_inline {
	width: 30%;	
	display: inline-block;
	vertical-align: top;
}

.w40_inline {
	width: 40%;	
	display: inline-block;
	vertical-align: top;
}

.w45_inline {
	width: 45%;	
	display: inline-block;
	vertical-align: top;
}

.w50_inline {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

.w60_inline {
	width: 60%;	
	display: inline-block;
	vertical-align: top;
}

.w70-inline {
	width: 70%;	
	display: inline-block;
	vertical-align: top;
}

.w80_inline {
	width: 80%;	
	display: inline-block;
	vertical-align: top;
}

.w100_inline {
	width: 100%;	
	display: inline-block;
	vertical-align: top;
}

/* FORM ELEMENTS ******************************************* */

input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=color],
input[type=date],
input[type=datetime],
input[type=url],
input[type=number],
textarea {
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #cccccc;
	-moz-border-radius: 2px; 
	-ms-border-radius: 2px; 
	-o-border-radius: 2px; 
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #ffffff;
	border: 1px solid #d5d5d5;
	text-align: left;
	outline: none;
	color: #5d5d5d;
}

select::-ms-expand {
    display: none !important;
}

select {
	-moz-appearance: none;
	-webkit-appearance: none;
}

select {
	width: 100%;
	margin: 0px 0px 10px 0px;
	padding: 11px 10px;
	line-height: 1em;
	border: 1px solid #cccccc;
	-moz-border-radius: 2px; 
	-ms-border-radius: 2px; 
	-o-border-radius: 2px; 
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-appearance: none;
	background: #FFF url(../images/arrow_dd.png);
	background-repeat: no-repeat;
	background-position: 97% 11px;
	color:#5d5d5d;
}

.placeholder {
	color: #c7cbd0;
}

.inputfield {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 13px;
    background-color: white;
    z-index: 1;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
}

.inputfield input, .inputfield textarea {
    margin: 0px;
    padding-top: 30px;
    border-radius: 5px;
	float: left;
    width: 100%;
    color: black;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
	border: 0px;
	background-color: transparent;
	z-index: 2;
    position: relative;
}

.inputfield label {
    position: absolute;
    order: -1;
    top: 18px;
    left: 11px;
    margin: auto;
    display: block;
    height: 14px;
    color:#adadad;
    transition: 0.3s;
	z-index: 1;
}

.inputfield label.moveUp {
    bottom: auto !important;
    top: 10px;
    font-size: 9px;
    color: #c1c1c1;
}

.inputfield input:focus {
    /* border: 1px solid #c1c1c1; */
}
	
.inputfield input.error, .inputfield textarea.error {
    border: 1px solid red;
    background-color: rgba(255, 0, 0, 0.1);
    background-image: url(images/field-error.png);
    background-position: right;
    background-size: 45px;
    background-repeat: no-repeat;
}

.inputfield input.valid, .inputfield textarea.valid {
    background-color: rgba(0, 128, 0, 0.1);
    border: 1px solid green;
    background-image: url(images/field-success.png);
    background-position: right 15px;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 45px;
    background-repeat: no-repeat;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	background-color: yellow;
}

form p {
    margin-top: 10px;
    margin-bottom: 5px;
}
#form_wrapper {
    padding-right: 20px;
}

/* VALIDATION **************************************************** */

.required {
	float:right;
	color:#C00003;
	width:2%;
}

.error {
    border: 1px solid #900002 !important;
    transition: border 0.5s ease;
    background-image: url(../images/new-error.png) !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    padding-right: 10px !important;
    background-size: 50px !important;
}

.valid {
    border: 1px solid #087500 !important;
    transition: border 0.5s ease;
    background-image: url(../images/new-tick.png) !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    padding-right: 10px !important;
    background-size: 50px !important;
}

.formerror li {
    list-style: none;
    float: left;
    margin-right: 6px;
    margin-bottom: 6px;
}

.formerror {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.formerror li label {
    float: left;
    width: 100%;
    padding: 7px;
    color: darkred;
    border-radius: 10px;
    line-height: 12px;
    background-color: #ffd9d9;
}


.wpcf7-response-output {
    float: left;
    width: 100%;
    margin: 0px !important;
    padding: 20px !important;
    background-color: #f2f2f2;
    border: 1px solid grey !important;
    font-size: 20px;
    text-align: center;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

.wpcf7-mail-sent-ok {
    background-color: #e6f2e7 !important;
    border: 2px solid #398f14 !important;
    color: green;
}



/* TESTIMONAILS ********************************** */

.testimonial {
    width: 50%;
    margin: auto;
}

.tst {
	border-bottom: solid 1px #CBCBCB;
	padding-bottom:20px;
}

.tst .tstdesc {
	font-size:18px;
	font-style: italic;
	padding:20px 0;
}

.tst .tstby {
	font-size:12px;
	padding-bottom:10px;
}

.testslider {
	background-color:#f1f1f1;
}

.testslider h2 {
    text-align: center;
    margin-bottom:  35px;
}

.testslider i.testdesc {
    font-size: 18px;
    line-height: 32px;
}

.testphoto {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    background-position: center;
    background-size: cover;
    margin-bottom: 12px;
}

.testslider .testphoto {
    margin: auto;
    margin-bottom: 20px;
    display: table;
}

.testimonialslider {
    text-align: center;
}


/* SUBSCRIBE *************************************************** */

.subscribe {
	padding: 45px 0px;
    color: white;
    text-align: center;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #4b4c4d;
	float: left;
	width: 100%;
}
.subscribe form::before {
    content: "";
    float: left;
    width: 100%;
    display: block;
    height: 7px;
}

.subscribe .button {
    margin: auto;
    max-width: 20%;
    float: none;
    min-width: 120px;
}

.subscribe form {
    width: 70%;
    margin: auto;
}

.subscribe .inner {
    min-height: 0px;
}

.subscribe .inner::after {
    content: "";
    clear: both;
    width: 100%;
    display: block;
}

/* GALLERY ********************************** */

.imggallery {
	float:left;
	width:25%;
}

.galleryitem {
    width: 24%;
    margin: 0.5%;
    padding-bottom: 24%;
    background-position: center;
    background-size: cover;
    float: left;
    position: relative;
}


/* PRODUCTS AND CATEGORIES ********************************** */

.cats {
	display: inline-block;
	vertical-align: top;
	border: 1px solid #000;
	padding: 10px;
}

.pro_detail {
	width: 70%;
	margin: auto;
}

.detail_image,
.detail_info  {
	display: inline-block;
	vertical-align: top;
	width: 49%;
}

.detail_info input {
	width: 40px;
}

/* STORE LOCATOR MAP PAGE OVERRIDES */
.wpsl-search {
    display: none;
}
.page-id-1152 .w30_right.sidebar_custom {
	display: none;
}
.page-id-1152 .w70_left {
	width: 100%;	
}
.page-id-1152 .w70_left h1 {
	margin-bottom: 40px;	
}
.page-id-1152 p {
	line-height: 24px;	
    padding:0 0 0px 18px;
}
.page-id-1152 li {
	margin: 0 0 0;
}
.page-id-1152 h3 img {
	width: 40%;
    margin-left: 50px;
}
.page-id-1152 .content .inner .w70_left h3 img.alignright {
    margin-bottom: 30px;
    margin-top: 0px;
}
.page-id-1152 .w70_left hr {
	
    margin: 30px 0px;
}
#wpsl-wrap p {
    padding:0 0 0px 0px;
}
#wpsl-result-list {display: none !important;}
#wpsl-result-list #wpsl-stores {
    height: auto !important;
}
.wpsl-direction-wrap {display: none;}

/* FOOTER ****************************************************** */

.council_links {
    float: left;
    width: 100%;
    margin:0px 0 0 0;
    padding: 80px 0;
    background-color: #3b3b3b;
}
.council_links .inner {
    min-height: 20px;
}
.council_links img {
    float: left;
    height: 98px;
    width: auto;
	margin: 0 11px;
    transition-duration: 0.5s;
}
.council_links img:hover {
    background-color: #2b2b2b;
}

footer {
	padding: 80px 0px;
    width: 100%;
    text-align: center;
    clear: both;
    color: #898989 !important;
	/* BG COLOR */
	background-color: #4a4a4a;
    box-shadow: 0px 500px 0px 500px #343434;
}
footer .inner {
    padding: 0 140px;
}
footer p {
    font-size: 18px;
    line-height: 32px;
    margin: 0 0 25px 0;
}
footer a {
	color: #898989 !important;
}
footer a:hover {
	color: #ffffff !important;
}
footer h6 {
    font-size: 14px;
    line-height: 17px;
    font-weight: 400;
    margin: 10px 0 10px 0;
}

.footer-menu-wrapper {
    float: left;
    width: 100%;
    text-align: center;
}

.footernav {
    position: relative;
    float: none;
    width: auto;
    margin: auto;
    padding: 0px;
    list-style: none;
}

.footernav li a {
    float: none;
    padding: 3px 0px;
    text-decoration: none;
    color:  #898989;
    border-bottom: 1px solid;
    margin-bottom: 11px;
}

.footernav li {
    float: none;
    width: auto;
    display: inline;
    padding: 10px 30px;
}


/* PPO styles */

.logo img.wspp-logo-main {
    height: 120px !important;
    padding: 16px 0px 16px !important;
}

.page-id-741 #search_button, 
.page-id-776 #search_button,
.page-id-828 #search_button,
.page-id-780 #search_button,
.page-id-822 #search_button,
.page-id-1040 #search_button,
.page-id-1082 #search_button,
.page-id-1084 #search_button,
.page-id-892 #search_button
{
   display: none !important;
}

.sidebar_logout_button_ {
    display: none;
}
.sidebar_logout_button_Member {
    display: block;
}

.swpm-login-widget-form {padding: 0 30px;}
.swpm-forgot-pass-link {float: left; clear: both; color: #202020;}
.swpm-forgot-pass-link a {color: #202020;}
.swpm-join-us-link, .swpm-login-widget-logged {display: none;}

/* PROJECTS PAGE */
.page-id-776 .w70_left h2, .page-id-828 .w70_left h2, .page-id-1040 .w70_left h2 {
    float: left;
    width: 100%;
    font-size: 24px;
    color: #ffffff;
    padding: 15px ;
    margin: 20px 0 0px 0;
    background-color: #1a4f7b;
}
.project_row {float: left; width: 100%; display: block; margin: 0 0 0px 0; padding: 20px 0; border-bottom: solid 1px #eeeeee;}
.project_row h3 {float: left; width: 75%; display: block; font-size: 24px; line-height: 28px; font-weight: 700; color: #1a4f7b; margin: 14px 0 0px 0; padding: 0; }
.project_row p {float: left; width: 75%; margin: 14px 0 10px 0; padding: 0; }
.project_row h4 {float: left; width: 100%; display: block; font-size: 18px; font-weight: 700; color: #1a4f7b; margin: 24px 0 20px 0; padding: 0; }
.project_row h5 {float: left; width: 75%; display: block; font-size: 16px; font-weight: normal; margin: 10px 0 0px 10px; padding: 0; }
.project_document_row {float: left; width: 100%; display: block; margin: 0px 0 2px 0; padding: 8px 0 8px 10px ; background-color: #eeeeee;}

.project_row .button {display: inline-block; float: right; width: 120px; font-size: 15px; margin: 14px 10px 0 0; padding: 4px 15px; border: none !important;}
.project_row .project_document_row .button {margin: 0 10px 0 0;}
.project_row .button_off {display: none; float: right; background-color: #cccccc; cursor: none;}
.page-id-828 .project_row .button_off {display: none; }

.project_document_grid {
    float: left;
    width: 20%;
    margin: 0 2.3333% 0 0;
}
.project_document_grid p {
    width: 100%;
    margin: 0;
    padding: 15px 5px 10px;
	font-size: 14px;
    text-align: center;
    min-height: 150px; 
}
.project_document_image {
    display: inline-block;
    width: 100%; 
    padding: 0 0 140% 0;
    border: solid 2px #dddddd;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.project_document_image::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-color:rgba(0,0,0,0.10);
}
.project_document_image::after:hover {
    background-color:rgba(0,0,0,0.60);
}
.project_document_image:hover {
    opacity: 0.7;
}

.download_file {
	float: left;
	width: 15.6666%;
	margin: 1% 1% 0 0;
	padding: 0px 0 0 0;
	text-align: center;
	background-color: #eeeeee;
}

.download_file h3 {
	float: left;
	width: 100%;
	height: 50px;
	overflow: hidden;
	margin: 18px 0 18px;
	padding: 0px 10px 0;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
}

.download_file .button {
	float: left;
	width: 92%;
	margin: 4%;
	font-size: 16px;
	line-height: 19px;
}
.downloads_back_to_top {
	display: inline-block;
	float: right;
	font-size: 15px !important;
	font-weight: normal;
	text-transform: uppercase;
	color: #cccccc !important;
}

.page-id-780 .headingarea {
    background-position: center bottom;
}

.page-id-741 .sidebar_custom, .page-id-828 .sidebar_custom, .page-id-1040 .sidebar_custom {
    background-color: #ffffff;
    border-left: solid 1px #cccccc;
}
.page-id-741 .sidebar_custom h2, .page-id-828 .sidebar_custom h2, .page-id-1040 .sidebar_custom h2 {
    /*color: #202020;
    margin-top: 0;
    padding-top: 0;*/
    
    float: left;
    width: 100%;
    font-size: 24px;
    color: #ffffff;
    padding: 15px ;
    margin: 20px 0 20px 30px;
    background-color: #1a4f7b;

}
.page-id-741 .sidebar_custom p, .page-id-828 .sidebar_custom p, .page-id-1040 .sidebar_custom p,
.page-id-741 .sidebar_custom p a, .page-id-828 .sidebar_custom p a, .page-id-1040 .sidebar_custom p a {
    color: #202020;
}
.page-id-2422 .sidebar_custom span.swpm-rember-label, .page-id-2422 .sidebar_custom a#forgot_pass, .page-id-2422 .sidebar_custom label {
    color: #ffffff;
}
.page-id-2403 .sidebar_custom span.swpm-rember-label, .page-id-2403 .sidebar_custom a#forgot_pass, .page-id-2403 .sidebar_custom label {
    color: #ffffff;
}
.page-id-2403 .sidebar_custom .button:hover, .page-id-2422 .sidebar_custom input[type=submit]:hover {
	background-color: #000000;
	border-radius: 0px;
	border-color: #000000;
}

.page-id-741 .sidebar_custom img {
    max-height: 90px;
    width: auto;
    height: auto;
    max-width: 175px;
    margin-bottom: 30px;
}
.page-id-741 .sidebar_custom .ppo_logo_image_larger {
    max-width: 150px;
}
/* Council Logos Spacing Classes */
.margin_bottom_05 {margin-bottom: 5px !important;}
.margin_bottom_10 {margin-bottom: 10px !important;}
.margin_bottom_15 {margin-bottom: 15px !important;}
.margin_bottom_20 {margin-bottom: 20px !important;}
.margin_bottom_25 {margin-bottom: 25px !important;}
.margin_bottom_30 {margin-bottom: 30px !important;}
.margin_bottom_35 {margin-bottom: 35px !important;}
.margin_bottom_40 {margin-bottom: 40px !important;}

/* HIDE Main Menu Items */
#menu-ppo-menu .menu-item-1098, #menu-ppo-menu .menu-item-1097 {display:none !important;}
.page-id-1084 #menu-ppo-menu .menu-item-1098, 
.page-id-1084 #menu-ppo-menu .menu-item-1097, 
.page-id-1082 #menu-ppo-menu .menu-item-1098, 
.page-id-1082 #menu-ppo-menu .menu-item-1097 
{display:inline-block!important;}

.page-id-1384 .sidebar_custom {
 background-color:white;   
}

#post-2403 h2 {
	display:none !important;
}