﻿@charset "utf-8";
*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
body{color:#505050;font-family:'Open Sans',sans-serif;font-weight:400;font-size:1em;line-height:1.5;margin:0;padding:0;background-color:#FFFFFF;background-image:url(header-images/purple-wave.png);background-repeat:no-repeat;background-position:center 20px;background-size:100%}
.rwd-break{display:none}
.hide-on-screen{display:none}
.CAPS{text-transform:uppercase}
.caption{font-size:.9em;font-style:italic;padding-bottom:10px;margin-top:-5px}
.caption-centre{text-align:center;font-size:.9em;font-style:italic}
.caption-image-credit{font-size:.75em}
.greyout{color:#B7B7B7}
p{padding:0;margin:0 0 5px}
h1,h2,h3,h4,h5,h6{padding:0;margin:0;font-weight:400;line-height:125%;color:#333}
hr{width:100%;height:1px;background-color:#666666;color:#666666;border:0 none;clear:both;margin:10px auto}
img{border:none}
nav{height:40px;width:100%;font-weight:bold;position:relative;font-family:'PT Sans',sans-serif;text-transform:uppercase;letter-spacing:.05em;background-color:#666666}
nav ul{padding:0;margin:0 auto;width:100%;height:40px}
nav li{display:inline;float:left}
nav a{color:#fff;display:inline-block;padding-right:10px;padding-left:10px;text-align:center;text-decoration:none;line-height:40px}
nav li a{border-right:1px solid #576979;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#FFF}
nav li:last-child a{border-right:0}
nav a:hover,nav a:active,nav a:visited{background-color:#ab93b7;color:#FFF}
nav a#pull{display:none}
nav .social-media{color:#FFF;float:right;width:auto;text-align:right}
nav .social-media a:hover{background-color:transparent;text-decoration:none}
nav .social-media a .hide{display:none}
nav .social-media a img{float:right;margin:0;height:auto;padding:7px 0 0}
#branding{width:80%;margin-right:auto;margin-left:auto;padding-top:3px;font-size:4em;color:#581D70;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:2.6em;font-family:"PT Sans",Arial,Helvetica,sans-serif}
#branding p{width:100%}
#branding img{height:auto;width:7.5%;vertical-align:middle;float:right}
#header-image-placeholder{background-color:#EBD1EB;height:auto;width:100%;overflow:hidden}
#header-images{width:80%;height:auto;margin-right:auto;margin-left:auto}
#header-images img{width:100%;height:auto;display:block}
#container{overflow:hidden;width:80%;margin-right:auto;margin-left:auto;padding-bottom:1.5em}
#content h1{padding-bottom:5px;padding-top:20px;color:#581D70}
#content h4{padding-bottom:5px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#666;padding-top:20px;text-transform:uppercase;font-size:1.5em;margin-bottom:3px}
#content h5{padding-bottom:5px;padding-top:20px;margin-bottom:3px;font-size:1.5em}
#content li{padding-bottom:5px}
#content-with-sidebar{float:right;width:80%}
#content-with-sidebar p{margin-top:0;margin-bottom:10px}
#container #content #content-with-sidebar h2 .image_right{padding-bottom:5px}
#sidebar{float:left;width:17.5%;padding-top:25px;padding-right:2.5%;font-size:.95em}
#sidebar p{margin-bottom:5px}
#sidebar .search form{padding-top:10px}
#content .box-full-width{clear:both;height:auto;width:auto}
#content .box-full-width p{padding-top:5.5%;margin-top:0;margin-bottom:2%}
#content .box-half-width_left,.box-half-width_right{width:46%;float:left;padding:1.5%;height:25%;border:1px solid #CCC}
#content .box-half-width_left p,.box-half-width_right p{margin-top:0;margin-bottom:1.5%}
#content .box-half-width_right{float:right}
#content .highlight-box{border:1px solid #999;padding:1% 1.5% .25%}
#content .references{font-size:.85em}
#content .circular-image-right{border-radius:50%;float:right;width:20%;height:auto;margin-left:2.5%;margin-top:-6.5%}
#content .circular-image-left{border-radius:50%;float:left;width:20%;height:auto;margin-right:2.5%;margin-top:-6.5%}
#content a,.a:active,.a:visited{color:#581D70;text-decoration:none;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#CCC}
#content a:hover{color:#333;text-decoration:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#333}
#content .member-area-noticeboard{width:auto;margin-top:25px;margin-bottom:25px;background-color:#FAF3FC;background-image:url(members-area/noticeboard-arrows.png);background-size:60% auto;background-repeat:no-repeat;background-position:right top;padding:10px 7% 1.5% 1.5%}
#content .member-area-noticeboard h1{margin-top:0;padding-top:0;color:#990000}
#content .member-area-noticeboard h2{padding-bottom:10px;color:#581D70}
#content .member-area-noticeboard h3{color:#581D70}
#content .member-area-noticeboard p{margin-top:0;margin-bottom:1.5%}
#content .bva-at-home{width:9%;height:auto;float:left;margin-right:10px;margin-top:28px}
#content .bva-at-home img{width:100%;height:auto}
#logout{float:right}
#container #content #content-with-sidebar .c1 p .pdf-icon{height:auto;width:25px}
#content form #submit,#content form #reset{font-size:1em}
#content form #reset{margin-right:10px}
#content .apply{float:left;height:auto;width:20%;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;text-align:center;background-color:#E4C9EF;margin-right:2%;font-weight:bold;color:#581D70;margin-bottom:10px;margin-top:10px;line-height:110%;padding-top:7px;padding-bottom:7px}
.notice-board{background-color:#FFF;clear:both;padding-top:1%;padding-bottom:1%;border:1px solid #CCC}
.notice-board p{margin-top:0;padding:0 1%}
.notice-board .title{font-size:1.1em;color:#581D70}
.subheads1{font-size:2em;line-height:2.5em;color:#000;height:auto;width:10%}
.subheads2{font-size:2em;line-height:2.2em;color:#000}
.subheads3{font-size:1.5em;line-height:2.0em;color:#000;text-transform:uppercase}
.subheads4{color:#000000;text-transform:uppercase;font-size:1.1em}
.spacer{clear:both;height:3em}
.quote{height:auto;width:33%;float:right;border-radius:20px 20px 20px 20px;-moz-border-radius:20px;-webkit-border-radius:20px 20px 20px 20px;border:0 solid #000000;background-color:#FBF4FB;margin-left:5%;color:#581D70;margin-bottom:25px;margin-top:25px;padding:1.5% 1% 5px 2%}
.quote-close{font-size:.8em;line-height:125%;padding-right:10%;padding-bottom:15px}
.quote img{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;float:right;width:45%;height:auto;margin-top:-7%;margin-left:1%}
.pay-now{font-weight:bold;color:#990000}
.council,.patrons{width:20%;height:auto;float:right;padding-left:1.5%;padding-bottom:10px}
.council img,.patrons img{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;width:100%;height:auto}
#voice-clinic-database-screen{width:30%;float:right;padding-left:2%;margin-left:2%;margin-top:-45px}
#voice-clinic-database-mobile{display:none}
#promotions{height:auto;width:80%;margin-right:auto;margin-left:auto;color:#FFF;margin-top:25px;overflow:hidden}
.promo-block{float:left;height:auto;width:19.1%;margin-right:1%;text-transform:uppercase;line-height:100%}
.promo-block img{width:30%;height:auto;float:right;margin:-5px -5px -5px 5px}
.promo-block p{padding:5px}
.green{background-color:#060}
.red{background-color:#900}
.orange{background-color:#F60}
.purple{background-color:#581D70}
.blue{background-color:#003}
.image_right{float:right;height:auto;width:auto;margin:0;padding:0 0 10px 2.5%}
.image_left{float:left;padding-right:2.5%;height:auto;width:auto;margin-top:5px}
.image_centre{width:30%;height:auto;padding:0;margin:0 auto}
.image_centre img{width:100%;height:auto}
#footer{color:#FFF;height:auto;width:100%;text-align:center;padding-top:1.5%;padding-bottom:.05%;background-color:#666666;clear:both;margin-top:25px}
#footer p{margin-top:0;margin-bottom:10px}
#footer h2,#footer h3{font-weight:400;margin:0;padding:0;color:#FFF}
#footer .small{font-size:75%;clear:both}
.footer-nav{width:80%;margin-right:auto;margin-left:auto;padding-top:1%;padding-bottom:5%}
.footer-nav .column{float:left;width:24.5%;font-size:.9em;border-right-width:1px;border-right-style:solid;border-right-color:#FFF}
.footer-nav .column ul{text-align:left;margin:0}
#footer a,footer a:active,footer a:visited{text-decoration:none;color:#FFF}
#footer a:hover{text-decoration:underline;color:#FFF}
a{color:#581D70}
a:visited{color:#581D70}
a:active{color:#581D70}
a:hover{color:#333}
.mt-3{margin-top:1.8rem}
@media screen and (max-width: 1280px) {
#branding,#container,#promotions{width:95%}
.promo-block{font-size:1vw}
}
@media screen and (max-width: 1023px) {
body{background-size:150%;background-position:center 30px;font-size:.9em;line-height:1.25}
div{width:100%!important;margin-left:auto!important;margin-right:auto!important}
#branding,#container,#promotions{padding-left:1.5%;padding-right:1.5%}
#branding{font-size:3em}
#branding img{vertical-align:middle!important}
.callbacks .slide-caption{font-size:2em!important}
#container{padding-bottom:25px!important}
#sidebar p{margin-right:1.5%!important;display:inline-block!important}
.council,.patrons{width:25%!important;float:right!important}
.spacer{height:1.5em}
.image_right{padding-left:2.5%;padding-right:0;padding-bottom:5px}
.image_centre{width:50%!important;height:auto}
.quote{height:auto!important;width:33%!important;float:right!important;margin-left:1.5%!important}
.promo-block{width:32%!important;float:left!important;margin-right:1%!important;font-size:1.75vw;margin-bottom:10px}
#content .circular-image-right,#content .circular-image-left{margin-top:-2.5%!important}
.box-half-width_left{margin-bottom:3em}
.box-half-width_right{margin-bottom:2em}
#voice-clinic-database-screen{margin:0!important;padding:0!important}
.footer-nav{padding-bottom:10px!important}
.footer-nav .column{float:left!important;width:24.5%!important;margin-bottom:10px}
}
@media screen and (max-width: 768px) {
body{background-image:none;width:100%}
div{clear:both!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;float:none!important}
blockquote{margin:0!important;padding:0!important}
nav{height:auto}
nav ul{width:100%;display:block;height:auto}
nav{border-bottom:0}
nav ul{display:none;height:auto}
nav a#pull{display:block;background-color:#333333;width:100%;position:relative}
nav a#pull:after{content:"";background:url(nav-icon.png) no-repeat;width:30px;height:30px;display:inline-block;position:absolute;right:0;top:10px}
nav li{display:block;float:none;width:100%}
nav li a{border-bottom:1px solid #999}
nav a{text-align:left;width:100%;text-indent:0}
nav .social-media{color:#FFF;float:left;width:100%}
nav .social-media a{border-bottom:1px solid #999}
nav .social-media a:hover{background-color:#ab93b7}
nav .social-media a .hide{display:block}
nav .social-media a img{height:auto;float:left;padding-right:5px;margin-top:5px}
.rwd-break{display:block}
.hide-on-screen{display:block}
.hide-on-mobile{display:none}
#branding,#container{width:98%}
#branding{font-size:2.5em;text-align:center;display:block;line-height:100%;height:auto}
#branding img{height:auto;width:30%;margin-top:10px;float:none!important}
#header-image-placeholder{display:none}
.un-break{display:none}
.quote{margin-top:30px;margin-bottom:30px;background-image:none;padding-top:10px;padding-bottom:1px;background-color:#F1E1F7;color:#333;float:none!important;width:100%!important}
.quote-close{background-image:none}
.quote img{width:40%}
#logout{padding:0!important;margin:0!important}
#content img,#content .image_left,#content .image_right{text-align:center;padding:0;width:100%!important;height:auto!important;margin-top:5px;margin-bottom:15px;padding-left:15%;padding-right:15%;float:none!important;clear:both:!important}
#content-with-sidebar .image_right p img{text-align:center;padding:0;float:none;width:100%!important;height:auto!important}
#content .bva-at-home{text-align:center;margin-right:auto;margin-left:auto;margin-bottom:-20px;padding-bottom:0;width:65%!important;height:auto}
#content .video-container{position:relative;padding-bottom:56.25%;padding-top:0;height:0;overflow:hidden}
#content .video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}
#content .circular-image-right,#content .circular-image-left{float:none!important;display:block;margin-left:auto;margin-right:auto;width:60%;margin-bottom:5px}
#content .box-full-width{margin-bottom:2em}
#content .box-half-width_left{margin-bottom:2.75em;margin-top:0}
#content .box-half-width_left p img,#content .box-half-width_right p img{text-align:center!important;width:25%!important;height:auto!important;padding-top:15px!important}
#content .subheads1{line-height:115%}
#content .subheads2{text-align:center;margin-top:5px}
#content h1{margin-top:5px;line-height:125%}
#content form p{font-size:.8em}
#content .icon{float:left;padding-right:5px;height:auto;width:23px!important}
#content .pdf-icon{height:auto;width:23px!important;float:left!important;padding-right:5px!important}
#content .member-area-noticeboard{background-image:none;padding-right:0}
#content .bva-at-home{margin-bottom:0;width:40%!important;height:auto}
#voice-clinic-database-screen{display:none}
#voice-clinic-database-mobile{display:block;margin-top:50px}
.pdf-icon{display:none!important}
.promo-block{width:100%!important;margin-bottom:10px;font-size:5vw}
#footer{clear:both!important;position:relative!important;width:100%!important;color:#FFF;padding:5% 5px 1.5%}
#footer h2{font-size:5vw}
.footer-nav{display:none}
#siteseal{height:auto!important;width:131px!important;display:block}
}