/*!normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css
============================================== */
html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption {
margin:0;
padding:0;
border:0;
vertical-align:top;
background:transparent
}
body {
margin:0;
border:0;
vertical-align:top;
background:transparent
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
display:block
}
audio, canvas, video {
display:inline-block;
*display:inline;
*zoom:1
}
audio:not([controls]) {
display:none;
height:0
}
[hidden] {
display:none
}
html {
font-size:62.5%;
line-height:1.6;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%
}
body {
margin:0
}
a {
text-decoration:none
}
abbr[title] {
border-bottom:1px dotted
}
b,
strong {
font-weight:bold
}
blockquote {
margin:1rem 40px
}
dfn {
font-style:italic
}
hr {
-moz-box-sizing:content-box;
box-sizing:content-box;
height:0
}
mark {
background:#ff0;
color:#000
}
p,
pre {
margin:0
}
pre,
code,
kbd,
samp {
font-family:monospace,serif;
_font-family:'courier new',monospace;
font-size:10px;
font-size:1rem
}
pre {
white-space:pre-wrap;
word-wrap:break-word
}
q {
quotes:none
}
q:before,
q:after {
content:'';
content:none
}
small {
font-size:75%
}
sub,
sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}
sup {
top:-0.5em;
top:-0.5rem
}
sub {
bottom:-0.25em;
bottom:-0.25rem
}
dl,
menu,
ol,
ul {
margin:0 0
}
dd {
margin:0 0 0 40px
}
menu,
ol,
ul {
padding:0 0 0 0
}
nav ul,
nav ol {
list-style:none;
list-style-image:none
}
img {
border:0;
-ms-interpolation-mode:bicubic
}
svg:not(:root) {
overflow:hidden
}
figure {
margin:0
}
form {
margin:0
}
fieldset {
border:1px solid #c0c0c0;
margin:0 2px;
padding:.35em .625em .75em;
padding:.35rem .625rem .75rem
}
legend {
border:0;
padding:0;
white-space:normal;
*margin-left:-7px
}
button,
input,
select,
textarea {
font-size:62.5%;
margin:0;
vertical-align:baseline;
*vertical-align:middle
}
button,
input {
line-height:normal
}
button,
select {
text-transform:none
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor:pointer;
-webkit-appearance:button;
*overflow:visible
}
button[disabled],
input[disabled] {
cursor:default
}
input[type="checkbox"],
input[type="radio"] {
box-sizing:border-box;
padding:0;
*height:13px;
*width:13px
}
input[type="search"] {
-webkit-appearance:textfield;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance:none
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
overflow:auto;
vertical-align:top
}
table {
border-collapse:collapse;
border-spacing:0
}
ul {
list-style-position:inside
}
/** Font styles
============================================== */
@font-face {
font-family: 'PrimarySite';
src: url('/admin/ps-migration/build_assets/font/primarysite/ps-font.woff') format('woff'),
url('/admin/ps-migration/build_assets/font/primarysite/ps-font.ttf') format('truetype'),
url('/admin/ps-migration/build_assets/font/primarysite/ps-font.svg#PrimarySite') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'LDFComicSans';
src: url('/admin/ps-migration/build_assets/font/LDFComicSans/LDFComicSans.woff') format('woff'),
url('/admin/ps-migration/build_assets/font/LDFComicSans/LDFComicSans.ttf') format('truetype'),
url('/admin/ps-migration/build_assets/font/LDFComicSans/LDFComicSans.svg#LDFComicSans') format('svg');
font-weight: normal;
font-style: normal;
}
/*
Icon Font
This is a list of all the icons contained in the Primarysite icon font.
These can be used to add a visual representation to buttons and links.
The code for each one is displayed beneath it, which can be used in the
following ways:
CSS:
` content: '\e000';`
HTML:
``
markup:
e000
e001
e002
e003
e004
e005
e006
e007
e008
e009
e00a
e00b
e00c
e00d
e00e
e00f
e010
e011
e012
e013
e014
e015
e016
e017
e018
e019
e01a
e01b
e01c
e01d
e01e
e01f
e020
e021
e022
e023
e024
e025
e026
e028
e029
e02a
e02b
e02c
e02d
e02e
e02f
e030
e031
e032
e033
e034
e035
e036
e037
e038
e039
e03a
sg-wrapper:
*/
[class*="icon-font-"]:before {
font-family:PrimarySite
}
.icon-font-up:before {
content:'\e000'
}
.icon-font-up:before {
content:'\e000'
}
.icon-font-down:before {
content:'\e001'
}
.icon-font-left:before {
content:'\e002'
}
.icon-font-right:before {
content:'\e003'
}
.icon-font-ps-up-arrow:before {
content:'\e004'
}
.icon-font-ps-down-arrow:before {
content:'\e005'
}
.icon-font-ps-square:before {
content:'\e006'
}
.icon-font-cog:before {
content:'\e007'
}
.icon-font-person:before {
content:'\e008'
}
.icon-font-separator:before {
content:'\e009'
}
.icon-font-warning:before {
content:'\e00a'
}
.icon-font-magnify:before {
content:'\e00b'
}
.icon-font-tick:before {
content:'\e00c'
}
.icon-font-cross:before {
content:'\e00d'
}
.icon-font-envelope:before {
content:'\e00e'
}
.icon-font-plus:before {
content:'\e00f'
}
.icon-font-minus:before {
content:'\e010'
}
.icon-font-globe:before {
content:'\e011'
}
.icon-font-curvy-arrow:before {
content:'\e012'
}
.icon-font-home:before {
content:'\e013'
}
.icon-font-log-out:before {
content:'\e014'
}
.icon-font-lock:before {
content:'\e015'
}
.icon-font-people:before {
content:'\e016'
}
.icon-font-key:before {
content:'\e017'
}
.icon-font-stats:before {
content:'\e018'
}
.icon-font-mobile:before {
content:'\e019'
}
.icon-font-up-arrow-filled:before {
content:'\e01a'
}
.icon-font-down-arrow-filled:before {
content:'\e01b'
}
.icon-font-left-arrow-filled:before {
content:'\e01c'
}
.icon-font-right-arrow-filled:before {
content:'\e01d'
}
.icon-font-double-arrow-filled:before {
content:'\e01e'
}
.icon-font-read:before {
content:'\e01f'
}
.icon-font-cannot-read:before {
content:'\e020'
}
.icon-font-edit:before {
content:'\e021'
}
.icon-font-maintenance:before {
content:'\e022'
}
.icon-font-admin:before {
content:'\e023'
}
.icon-font-office:before {
content:'\e024'
}
.icon-font-download:before {
content:'\e025'
}
.icon-font-burger:before {
content:'\e026'
}
.icon-font-comment:before {
content:'\e027'
}
.icon-font-plus-circled:before {
content:'\e028'
}
.icon-font-minus-circled:before {
content:'\e029'
}
.icon-font-cross-circled:before {
content:'\e02a'
}
.icon-font-clock:before {
content:'\e02b'
}
.icon-font-plane:before {
content:'\e02c'
}
.icon-font-credits:before {
content:'\e02d'
}
.icon-font-add-user:before {
content:'\e02e'
}
.icon-font-pages:before {
content:'\e02f'
}
.icon-font-location:before {
content:'\e030'
}
.icon-font-question-mark:before {
content:'\e031'
}
.icon-font-developer:before {
content:'\e032'
}
.icon-font-tech:before {
content:'\e033'
}
.icon-font-builder:before {
content:'\e034'
}
.icon-font-play:before {
content:'\e035'
}
.icon-font-pause:before {
content:'\e036'
}
.icon-font-fullscreen:before {
content:'\e037'
}
.icon-font-restore-screen:before {
content:'\e038'
}
.icon-font-calendar-grid:before {
content:'\e039'
}
.icon-font-calendar-list:before {
content:'\e03a'
}
/*!fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license
============================================== */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
padding:0;
margin:0;
border:0;
outline:none;
vertical-align:top
}
.fancybox-wrap {
position:absolute;
top:0;
left:0;
z-index:8020
}
.fancybox-skin {
position:relative;
background:#f9f9f9;
color:#444;
text-shadow:none;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}
.fancybox-opened {
z-index:8030
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);
-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);
box-shadow:0 10px 25px rgba(0,0,0,0.5)
}
.fancybox-outer,
.fancybox-inner {
position:relative
}
.fancybox-inner {
overflow:hidden
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling:touch
}
.fancybox-error {
color:#444;
font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin:0;
padding:15px;
white-space:nowrap
}
.fancybox-image,
.fancybox-iframe {
display:block;
width:100%;
height:100%
}
.fancybox-image {
max-width:100%;
max-height:100%
}
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
background-image:url('fancybox_sprite.png')
}
#fancybox-loading {
position:fixed;
top:50%;
left:50%;
margin-top:-22px;
margin-left:-22px;
background-position:0 -108px;
opacity:.8;
cursor:pointer;
z-index:8060
}
#fancybox-loading div {
width:44px;
height:44px;
background:url('fancybox_loading.gif') center center no-repeat
}
.fancybox-close {
position:absolute;
top:-18px;
right:-18px;
width:36px;
height:36px;
cursor:pointer;
z-index:8040
}
.fancybox-nav {
position:absolute;
top:0;
width:40%;
height:100%;
cursor:pointer;
text-decoration:none;
background:transparent url('blank.gif');
-webkit-tap-highlight-color:rgba(0,0,0,0);
z-index:8040
}
.fancybox-prev {
left:0
}
.fancybox-next {
right:0
}
.fancybox-nav span {
position:absolute;
top:50%;
width:36px;
height:34px;
margin-top:-18px;
cursor:pointer;
z-index:8040;
visibility:hidden
}
.fancybox-prev span {
left:10px;
background-position:0 -36px
}
.fancybox-next span {
right:10px;
background-position:0 -72px
}
.fancybox-nav:hover span {
visibility:visible
}
.fancybox-tmp {
position:absolute;
top:-99999px;
left:-99999px;
visibility:hidden;
max-width:99999px;
max-height:99999px;
overflow:visible!important
}
.fancybox-lock {
overflow:hidden!important;
width:auto
}
.fancybox-lock body {
overflow:hidden!important
}
.fancybox-lock-test {
overflow-y:hidden!important
}
.fancybox-overlay {
position:absolute;
top:0;
left:0;
overflow:hidden;
display:none;
z-index:8010;
background:url('fancybox_overlay.png')
}
.fancybox-overlay-fixed {
position:fixed;
bottom:0;
right:0
}
.fancybox-lock .fancybox-overlay {
overflow:auto;
overflow-y:scroll
}
.fancybox-title {
visibility:hidden;
font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position:relative;
text-shadow:none;
z-index:8050
}
.fancybox-opened .fancybox-title {
visibility:visible
}
.fancybox-title-float-wrap {
position:absolute;
bottom:0;
right:50%;
margin-bottom:-35px;
z-index:8050;
text-align:center
}
.fancybox-title-float-wrap .child {
display:inline-block;
margin-right:-100%;
padding:2px 20px;
background:transparent;
background:rgba(0,0,0,0.8);
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
text-shadow:0 1px 2px #222;
color:#FFF;
font-weight:bold;
line-height:24px;
white-space:nowrap
}
.fancybox-title-outside-wrap {
position:relative;
margin-top:10px;
color:#fff
}
.fancybox-title-inside-wrap {
padding-top:10px
}
.fancybox-title-over-wrap {
position:absolute;
bottom:0;
left:0;
color:#fff;
padding:10px;
background:#000;
background:rgba(0,0,0,.8)
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
background-image:url('fancybox_sprite@2x.png');
background-size:44px 152px
}
#fancybox-loading div {
background-image:url('fancybox_loading@2x.gif');
background-size:24px 24px
}
}
#ps_spinner {
background-image:url('../images/spinner.gif');
background-repeat:no-repeat;
background-position:center 20;
width:40px;
height:50px;
margin-left:auto;
margin-right:auto;
margin-top:50px;
text-align:center
}
.ps_primarysite-editor_spinner {
position:absolute;
left:0;
top:0;
width:100%;
height:10000px;
z-index:2;
color:#333;
background:white;
display:none;
text-align:center;
overflow:hidden
}
.ps_hidden {
display:none!important
}
ul {
list-style:none
}
.ps_content_type_richtext ul {
list-style: circle;
}
/** Icons styles **/
/* Notice Board
=============== */
.newsitem-intro,
.newsletteritem-intro {
padding-bottom: 20px;
}
.news-rendered-pictures {
width: 100%;
padding-top: 12px;
}
.ps_uploaded-document-list,
.ps_activity-list,
.ps_latest-news-list {
padding: 0;
margin: 0;
}
.ps_latest-news-list li {
margin-bottom: 30px;
}
.ps_icon {
position: absolute;
width: 28px;
height: 36px;
top: 9px;
left: 0;
background-size: 28px 36px;
}
.ps_icon-item {
position: relative;
padding: 2px 0 0 38px;
margin-bottom: 18px;
line-height: 1.5;
min-height: 34px;
list-style: none;
}
.ps_icon-item h3 {
font-size: 1.8rem;
font-weight: normal;
margin-top: 0;
margin-bottom: 0;
}
/* Editing an existing document */
.ps_uploaded-document-icon {
display: block;
width: 28px;
height: 36px;
text-indent: -9999px;
float: left;
margin-right: 7px;
}
.ps_activity-file-type,
.ps_activity-file-size,
.ps_activity-date,
.ps_activity-author,
.ps_external_link_description {
font-size: 1.2rem;
line-height: 1.6;
}
.ps_activity-date,
.ps_activity-author {
vertical-align: baseline;
}
.ps_activity-information {
line-height: 1.5;
}
.ps_activity-date-info {
display: block;
}
.ps_activity-author::before {
content: 'By ';
margin-left: 6px;
}
.ps_activity-date {
margin-right: 5px;
}
.ps_activity-date::before {
content: 'Posted on ';
}
/* External Links */
.ps_external_link_description {
display: block;
padding-left: 65px;
}
.external-link-text {
display: table-cell;
vertical-align: middle;
line-height: 1.3;
}
/* Hide icons when re-ordering blocks */
.ps_block-sorting-mode .ps_icon-item {
padding-left: 0;
}
.ps_block-sorting-mode .ps_icon,
.ps_block-sorting-mode .ps_activity-file-type,
.ps_block-sorting-mode .ps_activity-file-size,
.ps_block-sorting-mode .ps_activity-date,
.ps_block-sorting-mode .ps_activity-author,
.ps_block-sorting-mode .ps_external_link_description,
.ps_block-sorting-mode .ps_activity-information {
display: none;
}
/* More compact icons, e.g. Docs and Ext links
============================================== */
[class*="inline-icon"] .icon-image {
background-size: 34px;
background-position: center center!important;
}
.inline-icon-compact li {
margin: 5px 0;
}
.inline-icon-compact li,
.inline-icon-compact .icon-image {
height: 46px;
}
.ps_icon,
.ps_uploaded-document-icon {
background-repeat: no-repeat;
}
.document-icon,
.ps_uploaded-document-icon {
background-image:url(/_site/images/design/migrated/filetypes_icons/file-unknown.svg)
}
.avi {
background-image:url(/_site/images/design/migrated/filetypes_icons/file-avi.svg)
}
.doc,
.docx {
background-image:url(/_site/images/design/migrated/filetypes_icons/file-doc.svg)
}
.eps {
background-image:url(/_site/images/design/migrated/filetypes_icons/file-eps.svg)
}
.epub {
background-image:url(/_site/images/design/migrated/filetypes_icons/file-epub.svg)
}
.gif {
background-image:url(/_site/images/design/migrated/filetypes_icons/file-gif.svg)
}
.jpg,
.jpeg {
background-image:url(/_site/images/design/migrated/filetypes_icons/file-jpg.svg)
}
.mpg {
background-image:url(/_site/images/design/migrated/filetypes_icons/file-mpg.svg)
}
.pdf {
background-image:url(/_site/images/design/migrated/filetypes_icons/file-pdf.svg)
}
.png {
background-image:url(/_site/images/design/migrated/filetypes_icons/file-png.svg)
}
.ppt,
.pptx,
.pps,
.ppsx,
.pot,
.potx {
background-image:url(/_site/images/design/migrated/filetypes_icons/file-ppt.svg)
}
.pub {
background-image:url(/_site/images/design/migrated/filetypes_icons/file-pub.svg)
}
.rar {
background-image:url(/_site/images/design/migrated/filetypes_icons/file-rar.svg)
}
.txt {
background-image:url(/_site/images/design/migrated/filetypes_icons/file-txt.svg)
}
.xls,
.xlsx {
background-image:url(/_site/images/design/migrated/filetypes_icons/file-xls.svg)
}
.zip {
background-image:url(/_site/images/design/migrated/filetypes_icons/file-zip.svg)
}
.news {
background-image:url(/_site/images/design/migrated/filetypes_icons/news.svg)
}
.internal-link {
background-image:url(/_site/images/design/migrated/filetypes_icons/internal-link.svg)
}
.external-link {
background-image:url(/_site/images/design/migrated/filetypes_icons/external-link.svg)
}
.subpage-link {
background-image:url(/_site/images/design/migrated/filetypes_icons/internal-link.svg)
}
.rdp {
background-image:url(/_site/images/design/migrated/filetypes_icons/file-rdp.svg)
}
@media (max-width: 980px) {
.ps_activity-information {
line-height: 1.4;
}
.responsive .ps_icon {
top: 5px;
}
.responsive .ps_icon-item {
padding-top: 0;
padding-left: 0;
}
.responsive .ps_icon-item h3,
.responsive .ps_activity-date-info {
padding-left: 38px;
}
}
/** End of Icons styles**/
/* Seasonal effects
============================================== */
.seasonal-intro-text {
margin-bottom:20px
}
.seasonal-note,
.seasonal-ideas {
margin-top:10px
}
.ps_onoff-box {
display:block;
position:relative;
width:45px;
height:19px;
border:1px solid #8b0000;
border-radius:18px;
background-color:#a53230;
background-image:linear-gradient(top,#b94a48,#a53230);
cursor:pointer
}
.ps_onoff-box.box-on {
border:1px solid #1d812e;
background-color:#27a03c;
background-image:linear-gradient(top,#3eb352,#27a03c)
}
.ps_onoff-button {
display:block;
width:25px;
height:20px;
border:1px solid #b9b9b9;
border-radius:50%;
line-height:16px;
text-align:center;
padding-top:5px;
margin-top:-4px;
margin-left:-1px;
color:#888;
background:#f8f8f8;
transition:all .25s ease-in-out;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
.ps_onoff-box.box-on .ps_onoff-button {
margin-left:19px
}
#id_seasonal_effect_active {
display:none
}
.ps_onoff-box {
margin-bottom:17px
}
.seasonal-note {
margin-top:20px
}
.seasonal-effect {
background-repeat:no-repeat!important;
background-position:left top;
pointer-events:none
}
.different-sizes {
background-size:100%!important
}
.ps_autumn:nth-child(3n+1) {
background-image:url(../images/effects/leaf1.png)!important
}
.ps_autumn:nth-child(3n+2) {
background-image:url(../images/effects/leaf2.png)!important
}
.ps_autumn:nth-child(3n+3) {
background-image:url(../images/effects/leaf3.png)!important
}
.ps_chinese:nth-child(2n+1) {
background-image:url(../images/effects/chinese-dragon.png)!important
}
.ps_chinese:nth-child(2n+2) {
background-image:url(../images/effects/chinese-lantern.png)!important
}
.ps_christmas:nth-child(3n+1) {
background-image:url(../images/effects/present.png)!important
}
.ps_christmas:nth-child(3n+2) {
background-image:url(../images/effects/bells.png)!important
}
.ps_christmas:nth-child(3n+3) {
background-image:url(../images/effects/bauble.png)!important
}
.ps_diwali {
background-image:url(../images/effects/diwali.png)!important
}
.ps_easter {
background-image:url(../images/effects/easter.svg)!important
}
.ps_easter:nth-child(4n+2) {
background-position:-44px center!important
}
.ps_easter:nth-child(4n+3) {
background-position:-88px center!important
}
.ps_easter:nth-child(4n+4) {
background-position:-132px center!important
}
.ps_eid:nth-child(2n+1) {
background-image:url(../images/effects/eid-lamp.png)!important
}
.ps_eid:nth-child(2n+2) {
background-image:url(../images/effects/eid-moon.png)!important
}
.ps_football {
background-image:url(../images/effects/football.png)!important
}
.ps_halloween {
background-image:url(../images/effects/pumpkin.png)!important
}
.ps_hanukkah:nth-child(2n+1) {
background-image:url(../images/effects/hanukkah-candles.png)!important
}
.ps_hanukkah:nth-child(2n+2) {
background-image:url(../images/effects/jewish-star.png)!important
}
.ps_queen {
background-image:url(../images/effects/queens-platinum-jubilee.png)!important
}
.ps_rainbows {
background-image:url(../images/effects/rainbow.svg)!important
}
.ps_remembrance:nth-child(3n+1) {
background-image:url(../images/effects/poppy.png)!important
}
.ps_remembrance:nth-child(3n+2) {
background-image:url(../images/effects/poppy2.png)!important
}
.ps_remembrance:nth-child(3n+3) {
background-image:url(../images/effects/poppy3.png)!important
}
.ps_shrove:nth-child(2n+1) {
background-image:url(../images/effects/pancakes.png)!important
}
.ps_shrove:nth-child(2n+2) {
background-image:url(../images/effects/frying-pan.png)!important
}
.ps_sports {
background-image:url(../images/effects/sports.png)!important
}
.ps_sports:nth-child(4n+2) {
background-position:-40px top!important
}
.ps_sports:nth-child(4n+3) {
background-position:-80px top!important
}
.ps_sports:nth-child(4n+4) {
background-position:-120px top!important
}
.ps_spring:nth-child(3n+1) {
background-image:url(../images/effects/flower1.png)!important
}
.ps_spring:nth-child(3n+2) {
background-image:url(../images/effects/flower2.png)!important
}
.ps_spring:nth-child(3n+3) {
background-image:url(../images/effects/flower3.png)!important
}
.ps_standrew {
background-image:url(../images/effects/st-andrew.png)!important
}
.ps_stdavid:nth-child(2n+1) {
background-image:url(../images/effects/st-david.png)!important
}
.ps_stdavid:nth-child(2n+2) {
background-image:url(../images/effects/daffodil.png)!important
}
.ps_stgeorge {
background-image:url(../images/effects/st-george.png)!important
}
.ps_stpatrick {
background-image:url(../images/effects/st-patrick.svg)!important
}
.ps_stpatrick:nth-child(3n+2) {
background-position:-32px center!important
}
.ps_stpatrick:nth-child(3n+3) {
background-position:right center!important
}
.ps_stars {
background-image:url(../images/effects/star.png)!important
}
.ps_summer {
background-image:url(../images/effects/summer.png)!important
}
.ps_summer:nth-child(3n+2) {
background-position:-43px top!important
}
.ps_summer:nth-child(3n+3) {
background-position:-86px top!important
}
.ps_tennis {
background-image:url(../images/effects/tennis.png)!important
}
.ps_tennis:nth-child(3n+2),
.ps_tennis:nth-child(3n+3) {
background-position:right top!important
}
.ps_ukrainian {
background-image:url(../images/effects/ukrainian-flag.svg)!important
}
.ps_valentines {
background-image:url(../images/effects/heart.png)!important
}
/* emergency popup
============================================== */
#id_emergency_popup_active {
display:none
}
.watermark--pop {
position:absolute;
top:0;
right:0;
width:55%;
max-width:380px
}
@keyframes fadeIn {
0% {
opacity:0
}
50% {
opacity:0
}
100% {
opacity:1
}
}
.emergency__pop__container {
animation:fadeIn 1s;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:300;
opacity:1;
-webkit-transition:opacity .4s ease,visibility 0s ease 0s,left 0s ease 0s;
-o-transition:opacity .4s ease,visibility 0s ease 0s,left 0s ease 0s;
transition:opacity .4s ease,visibility 0s ease 0s,left 0s ease 0s
}
.emergency__pop__container.emergency__pop__container--close {
opacity:0;
left:300vw;
visibility:hidden;
-webkit-transition:opacity .2s ease,visibility 0s ease .2s,left 0s ease .2s;
-o-transition:opacity .2s ease,visibility 0s ease .2s,left 0s ease .2s;
transition:opacity .2s ease,visibility 0s ease .2s,left 0s ease .2s
}
.emergency__pop__container__bg {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.55)
}
.emergency__pop__container__flex {
position:relative;
z-index:3;
padding:3em 0;
height:100%;
width:85%;
margin:0 auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-line-pack:stretch;
align-content:stretch;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.emergency__pop__container__center {
position:relative;
width:100%;
max-width:1140px;
height:70vh
}
.emergency__popup__item {
position:relative;
width:100%;
height:100%;
font-size:1.1em;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-line-pack:stretch;
align-content:stretch;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
text-align:center;
height:100%
}
.emergency__pop__container__button {
position:absolute;
top:0;
left:0;
width:100%;
text-align:right
}
.emergency__pop__container__button button {
position:relative;
width:50px;
height:50px;
border:0;
padding:0;
color:#222;
background:white;
z-index:4;
display:-webkit-inline-box;
display:-ms-inline-flexbox;
display:inline-flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-line-pack:stretch;
align-content:stretch;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
border-radius:50%;
-webkit-transform:translate(50%,-50%);
-ms-transform:translate(50%,-50%);
transform:translate(50%,-50%);
will-change:transform
}
.emergency__pop__container__button button span {
-webkit-transition:-webkit-transform .3s ease;
transition:-webkit-transform .3s ease;
-o-transition:transform .3s ease;
transition:transform .3s ease;
transition:transform .3s ease,-webkit-transform .3s ease;
line-height:1
}
.emergency__pop__container__button button:hover span {
-webkit-transform:scale(1.3);
-ms-transform:scale(1.3);
transform:scale(1.3);
will-change:transform
}
.emergency__pop__container__button button svg {
width:32%
}
.emergency__popup__item__flex {
position:relative;
max-height:65vh;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:horizontal;
-webkit-box-direction:normal;
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-wrap:nowrap;
flex-wrap:nowrap;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-line-pack:center;
align-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center
}
.emergency__popup__item__content {
display:flow-root;
width:100%;
background:#000;
padding:2em;
color:#fff!important;
line-height:1.4;
-webkit-box-shadow:0 0 50px 20px rgba(0,0,0,0.3);
box-shadow:0 0 50px 20px rgba(0,0,0,0.3);
font-family:'Quattrocento',serif;
max-height:65vh;
overflow-y:auto;
scrollbar-width:thin;
scrollbar-color:#444 rgba(68,68,68,0.2);
-ms-overflow-style:-ms-autohiding-scrollbar
}
.emergency__popup__item__content::-webkit-scrollbar-track {
background-color:rgba(68,68,68,0.2);
border-radius:0;
-webkit-transition:background-color .2s ease;
-o-transition:background-color .2s ease;
transition:background-color .2s ease
}
.emergency__popup__item__content::-webkit-scrollbar-thumb {
border-radius:0;
background-color:#444;
-webkit-transition:background-color .2s ease;
-o-transition:background-color .2s ease;
transition:background-color .2s ease
}
.emergency__popup__item__content::-webkit-scrollbar {
width:6px
}
.emergency__popup__item__content h2,
.emergency__popup__item__content h3,
.emergency__popup__item__content h4 {
width:100%;
margin:0 0 1.2em;
line-height:1.4;
color:white!important;
font-family:Arial,Helvetica,sans-serif
}
.emergency__popup__item__content p {
margin-bottom:1.2em
}
.emergency__popup__item__content .emergency__popup__item__content__text {
max-height:none
}
.emergency__popup__item__content__title {
margin:0 0 20px;
font-size:1.35em;
width:100%
}
.emergency__popup__item__content__text {
width:100%;
line-height:1.6;
padding-right:1em
}
@media(min-width:769px) {
.emergency__pop__container__center {
max-height:65vh
}
.emergency__popup__item {
font-size:1.2em
}
}
.lte-ie8 .emergency__pop__container__center {
max-height:65vh
}
.lte-ie8 .emergency__popup__item {
font-size:1.2em
}
@media(min-width:1025px) {
.emergency__pop__container__button button {
width:65px;
height:65px
}
.emergency__popup__item__content {
padding:4em 3em
}
}
@media(min-width:1301px) {
.emergency__popup__item {
font-size:1.4em
}
.emergency__popup__item__content {
padding:4em 4em 4em
}
}
/*
============================================== */
@media(max-width:980px) {
html {
-webkit-text-size-adjust:100%;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
}
.ps_mobile-locked {
position:fixed;
width:100vw;
height:100vh
}
.ps_deemphasise-content {
position:absolute;
top:0;
right:0;
z-index:1102;
width:0;
height:0;
opacity:0;
content:'';
background:#000;
transition:opacity .3s,width .1s .3s,height .1s .3s
}
.ps_modal-open .ps_deemphasise-content {
display:block
}
@media(max-width:980px) {
.ps_mobile-locked .ps_deemphasise-content,
.ps_modal-open .ps_deemphasise-content {
width:100%;
height:100%;
opacity:.5;
transition:opacity .3s
}
}
.visible-small {
display:none!important
}
.visible-large {
display:block!important
}
@media(max-width:980px) {
.visible-small {
display:block!important
}
.visible-large {
display:none!important
}
}
.responsive-bar {
box-sizing:border-box
}
.responsive-bar *,
.responsive-bar *::before,
.responsive-bar *::after {
box-sizing:inherit
}
@media(min-width:981px) {
.admin-nav {
display:none
}
}
#gs_id50>tbody,
#gs_id50>tbody>tr {
display:flex;
width:100%
}
#gs_tti50 {
display:block
}
input.gsc-input {
padding:0 5px!important;
background-position-x:5px!important
}
#gsc-i-id1 {
margin:0!important
}
.gsc-search-button-v2 {
border:none!important;
margin:0!important;
box-shadow:none!important;
background-color:transparent!important
}
.gsc-input-box {
display:block;
width:100%!important;
overflow:hidden;
border-radius:0;
box-shadow:none!important
}
.gsib_b {
display:block
}
.gsst_a {
padding:0 2px!important
}
.gscb_a {
display:flex!important;
align-items:center;
font-size:3.4ex!important
}
.google-translate-widget.is-responsive {
box-sizing:border-box;
overflow:hidden
}
.google-translate-widget.is-responsive .goog-te-gadget,
.google-translate-widget.is-responsive #\:0\.targetLanguage {
height:100%
}
.goog-te-combo {
margin:0!important;
background:#fff url(../images/icons/arrow-down.svg) right .6rem center / 1.3rem no-repeat;
-webkit-appearance:none;
appearance:none
}
.google-translate-widget-button {
display:none
}
html[class*='translated'] .google-translate-widget-button {
display:block
}
.google-translate-widget-button-icon {
vertical-align:middle
}
.goog-te-gadget>span {
display:none
}
.goog-te-banner-frame {
display:none
}
.ps-download-app {
display:none
}
@media(max-width:639px) {
.responsive .responsive-slideshow {
width:100%;
height:300px
}
}
@media(min-width:640px) and (max-width:980px) {
.responsive .responsive-slideshow {
width:100%;
height:500px
}
}
@media(max-width:980px) {
.responsive .scroll-top {
display:none
}
.responsive #google_translate_element:not(.is-responsive) {
display:none
}
.ps_mobile-main-nav-ul a {
color:#747474!important
}
.ps_mobile-main-nav-ul a:focus,
.ps_mobile-main-nav-ul a:hover {
color:#747474
}
.ps_mobile-header-wrapper {
display:block;
min-height:30px;
transition:all .3s
}
.admin-bar-user-options-home:focus,
.admin-bar-user-options-home:hover {
background:none!important
}
.close-mobile-nav::before,
.ps_activate-main-nav::before {
position:absolute;
width:68px;
height:45px;
font-family:PrimarySite;
font-size:1.0rem;
line-height:4.4;
text-align:center;
z-index:1
}
.navbar-toggle,
.close-mobile-nav,
.ps_activate-main-nav {
cursor:pointer
}
.close-mobile-nav::before {
right:0;
content:'\e00d'
}
.ps_activate-main-nav::before {
left:0;
content:'\e002'
}
.admin-nav .close-mobile-nav,
.admin-nav .ps_activate-main-nav,
.admin-nav .ps_activate-main-nav {
color:#747474
}
.mobile-nav .close-mobile-nav:focus,
.mobile-nav .close-mobile-nav:hover,
.mobile-nav .ps_activate-main-nav:focus,
.mobile-nav .ps_activate-main-nav:hover {
color:#3097e7
}
.ps_mobile-main-nav-ul a {
position:relative
}
.ps-admin-nav-link::before {
display:block;
position:absolute;
top:50%;
height:16px;
width:16px;
content:'';
margin-left:-3rem;
background:center / auto 100% no-repeat;
transform:translateY(-50%)
}
.ps-notifications-number:not(:empty) {
top:8px;
left:33px
}
.ps-admin-nav-link-notifications::before {
background-image:url(../images/icons/bell.svg)
}
.ps-admin-nav-link-home::before {
background-image:url(../images/icons/home.1.svg)
}
.ps-admin-nav-link-booking-system::before {
background-image:url(../images/icons/booking.svg)
}
.ps-admin-nav-link-comms-hub::before {
background-image:url(../images/icons/notifications.svg)
}
.ps-admin-nav-link-contacts::before {
background-image:url(../images/icons/address-book.svg)
}
.ps-admin-nav-link-email::before {
background-image:url(../images/icons/envelope.svg)
}
.ps-admin-nav-link-social-media::before {
background-image:url(../images/icons/share.svg)
}
.ps-admin-nav-link-text-messaging::before {
background-image:url(../images/icons/mobile.svg)
}
.ps-admin-nav-link-user-management::before {
background-image:url(../images/icons/users.svg)
}
.ps-admin-nav-link-web-stats::before {
background-image:url(../images/icons/graph.svg)
}
.ps-admin-nav-link-help::before {
background-image:url(../images/icons/help.svg)
}
.ps-admin-nav-link-change-password::before {
background-image:url(../images/icons/key.svg)
}
.ps-admin-nav-link-log-out::before {
background-image:url(../images/icons/logout.svg)
}
.ps-admin-nav-link-faq::before {
background-image:url(../images/icons/question.svg)
}
.ps-admin-nav-link-send::before {
background-image:url(../images/icons/send.svg)
}
.ps-admin-nav-link-sent::before {
background-image:url(../images/icons/envelope.svg)
}
.ps-admin-nav-link-users::before {
background-image:url(../images/icons/users.svg)
}
.ps-admin-nav-link-contacts-groups::before {
background-image:url(../images/icons/group.svg)
}
.ps-admin-nav-link-text-messaging-credits::before,
.ps-admin-nav-link-text-messaging-subscription::before {
background-image:url(../images/icons/money.svg)
}
.ps-admin-nav-link-text-messaging-settings::before {
background-image:url(../images/icons/cog.1.svg)
}
.responsive .animation {
display:none;
background:none
}
.responsive .ps_content_type_richtext iframe {
width:100%;
height:350px
}
.responsive .ps_audio-title,
.responsive .ps_video-title {
margin-bottom:.4rem
}
.responsive .ps_no-video-yet h2,
.responsive .ps_no-audio-yet h2 {
font-size:1.6rem;
padding:1.3rem 1.3rem .3rem
}
.responsive .ps_no-video-yet p,
.responsive .ps_no-audio-yet p {
font-size:1.2rem;
padding:0 1.3rem 1.3rem;
margin-top:.4rem
}
.responsive .ps_video-description,
.responsive .ps_audio-description {
font-size:1.4rem;
line-height:1.3;
margin-top:.3rem
}
.responsive-bar-search {
position:absolute;
top:0;
right:0;
width:5.3rem;
height:100%;
cursor:pointer
}
.ps-download-app {
position:relative;
text-indent:3.2rem
}
.ps-download-app::before {
display:block;
position:absolute;
width:2.2rem;
height:2.2rem;
top:50%;
content:'';
border:.1rem solid #0091cc;
border-radius:.3rem;
background:#1bb3ef url(../images/school-app-icon.svg) center / contain no-repeat;
transform:translateY(-50%)
}
.google-search-widget.is-open {
transform:translateY(0%)
}
}
@media(max-width:400px) {
.mobile-nav {
width:calc(100% - 44px)
}
}
.unsupported-browser {
position:absolute;
width:100%;
border-bottom:1px solid #C9251B;
background-color:#cf190d;
color:#fff;
top:-32px;
left:0;
min-height:30px;
line-height:30px;
font-size:13px;
font-weight:bold;
font-family:Arial,Helvetica,sans-serif;
text-align:center
}
.unsupported-browser a {
color:#000
}
.unsupported-browser a:focus,
.unsupported-browser a:hover {
color:#ff0
}
.warning-logo {
font-family:PrimarySite
}
.lt-ie10 body,
.ie10 body {
position:relative;
top:32px!important
}
:focus:not(:focus-visible) {
outline:none
}
svg {
pointer-events:none
}
.cke_show_borders {
background:none
}
.text-hide {
word-wrap:normal
}
.hide-text-absolute {
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip:rect(1px,1px,1px,1px);
clip-path:polygon(0 0,0 0,0 0,0 0)
}
.hide-text-relative {
overflow:hidden;
text-indent:100%;
white-space:nowrap
}
.form-label {
display:inline-block;
margin-bottom:1.7rem
}
.form-label-text {
display:inline-block;
margin-bottom:.5rem;
font-weight:bold
}
.form-select {
display:block;
max-width:100%;
padding:.35em 2.2em .35em .5em;
border:.1rem solid hsl(0,0%,78%);
border-radius:.4rem;
font:inherit;
font-weight:normal;
color:hsl(0,0%,20%);
background:hsl(0,0%,97.3%) url(../images/icons/arrow-down.svg) right .6em center / 1em no-repeat;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none
}
.form-select::-ms-expand {
display:none
}
.breadcrumbs>li {
display:inline
}
.breadcrumbs>li::before {
content:'ยป';
margin-right:5px;
letter-spacing:-2px
}
.breadcrumbs>li:first-child::before {
content:'';
margin:0
}
.news-items {
float:left;
line-height:1.3
}
.content-container .news-items>ul {
padding:0;
list-style:none
}
@media(max-width:980px) {
.responsive .news-items {
width:100%
}
.responsive .date-filter {
width:100%;
float:none;
display:inline-block
}
.responsive .ps_news-filter-all-news {
text-align:center
}
.responsive .ps_icon-item h3 a {
display:block
}
}
.date-filter {
float:right;
width:130px
}
.date-filter p {
margin:0
}
.ps_news-filter,
.ps_news-year-filter,
.ps_news-month-filter {
list-style-type:none
}
.date-filter ul {
padding:0
}
.ps_news-year {
display:block;
margin:8px 0;
font-size:16px;
font-size:1.6rem;
cursor:pointer
}
.date-filter p a {
display:block;
width:100%;
text-align:center;
margin:12px 0
}
.ps_news-open::after,
.ps_news-closed::after {
position:relative;
font-family:'PrimarySite';
display:inline-block;
margin-left:10px;
font-size:10px;
font-size:1rem
}
.ps_news-open::after {
content:'\e001'
}
.ps_news-closed::after {
content:'\e000'
}
.ps_form-search {
position:relative
}
.diary-event-time {
float:left;
min-width:63px
}
.diary-event-time,
.ps_diary-detail-date {
font-size:13px;
font-size:1.3rem
}
.diary-body {
margin-top:20px;
display:block
}
.ps_calendar-no-entries {
padding-bottom:15px
}
.ps_event {
position:relative;
margin:10px 0;
min-height:73px;
background-color:#d0e5ea;
border-radius:7px;
padding:9px
}
.ps_event-text {
position:relative;
margin-left:95px
}
.ps_event-title,
.ps_event-date,
.ps_event-desc {
display:block
}
.ps_calendar {
position:relative;
width:78px;
height:73px;
border-radius:3px;
text-align:center;
float:left;
margin-right:15px
}
.ps_calendar-month {
position:absolute;
top:0;
left:0;
height:26px;
width:78px;
font-size:13px;
font-size:1.3rem;
font-weight:bold;
color:#fff;
background-color:#0b72d9;
border-radius:3px 3px 0 0;
line-height:24px
}
.ps_calendar-date {
position:absolute;
width:78px;
height:30px;
font-size:25px;
font-size:2.5rem;
line-height:32px;
top:26px;
left:0
}
.ps_calendar-day,
.ps_calendar-year {
position:absolute;
width:36px;
height:16px;
font-size:11px;
font-size:1.1rem;
line-height:16px;
top:55px
}
.ps_calendar-day {
left:1px;
text-align:right
}
.ps_calendar-year {
right:1px;
text-align:left
}
.ps_event-title {
position:relative;
top:0;
color:#0055a7;
font-size:15px;
font-size:1.5rem;
font-weight:bold
}
.ps_event-date {
position:relative;
font-size:11px;
font-size:1.1rem;
line-height:18px
}
.ps_event-desc {
position:relative;
font-size:12px;
font-size:1.2rem;
line-height:20px;
padding-top:12px
}
.ps_form-search input[type='text'] {
padding:6px 30px 6px 10px;
width:100%;
border-radius:14px;
font-style:italic;
font-size:13px;
font-size:1.3rem;
outline:none;
-moz-box-sizing:border-box;
box-sizing:border-box;
border-width:1px;
border-style:solid
}
.ps_form-search input[type='submit'] {
font-family:PrimarySite;
position:absolute;
top:5px;
right:6px;
text-transform:capitalize;
border:0;
color:#2878ad;
font-size:16px;
font-size:1.6rem;
background:none
}
.pagination {
text-align:center;
margin:35px 0
}
.current {
margin:0 20px
}
.current-topic-title {
padding:0 0 10px 0;
margin:0
}
.topic-menu li {
list-style-type:none;
list-style-position:outside
}
.content-container .topic-menu {
padding:0
}
.content-container .topic-menu ul {
padding:0
}
.topic-menu li a {
display:none
}
.topic-menu ul li a {
display:inline-block;
font-size:16px;
font-size:1.6rem
}
.ps_prev,
.ps_next {
display:inline-block;
position:relative;
font-weight:bold;
text-decoration:none;
padding:5px 13px 5px 12px;
border-radius:4px;
overflow:hidden;
transition:background-color .3s linear;
border:none;
font-size:14px;
font-size:1.4rem
}
.ps_prev:focus,
.ps_prev:hover,
.ps_next:focus,
.ps_next:hover {
transition:background-color .3s linear
}
.ps_news-detail-text ol,
.ps_content_type_richtext ol,
.ps_activity-list ol,
.ps_news-detail-text ul,
.ps_content_type_richtext ul,
.ps_activity-list ul {
list-style-position:outside;
padding-left:3.6rem
}
.ps_news-detail-text ul,
.ps_content_type_richtext ul,
.ps_activity-list ul {
list-style:disc
}
.ps_news-detail-text ol,
.ps_content_type_richtext ol,
.ps_activity-list ol {
list-style:decimal
}
.ps_news-detail-text ol ol,
.ps_content_type_richtext ol ol,
.ps_activity-list ol ol {
list-style:lower-alpha
}
.ps_news-detail-text ul ul,
.ps_content_type_richtext ul ul,
.ps_activity-list ul ul {
list-style-type:circle
}
.ps_news-detail-text ul ul ul,
.ps_content_type_richtext ul ul ul,
.ps_activity-list ul ul ul {
list-style-type:square
}
.ps_content_type_richtext img[align='left'] {
margin-right:7px
}
.ps_content_type_richtext img[align='right'] {
margin-left:7px
}
.ps_content_type_richtext img {
max-width:100%;
height:auto;
vertical-align:middle
}
.ps_content_type_richtext iframe {
vertical-align:middle
}
.sitemap {
padding-bottom:20px
}
.sitemap ul {
padding-left:20px;
list-style:circle
}
.content-container .sitemap ul {
list-style-position:outside
}
.sitemap ul ul {
list-style:square
}
.website-policy ol {
list-style-position:outside;
counter-reset:item
}
.website-policy ol ol {
padding-left:10px
}
.website-policy li {
display:table-row;
list-style-position:inside
}
.website-policy li::before {
display:table-cell;
padding-right:1rem;
text-align:right;
content:counters(item,'.') '.';
counter-increment:item
}
.website-policy .alpha {
list-style-type:lower-alpha
}
.website-policy .alpha li {
display:list-item;
text-indent:-19px
}
.website-policy .alpha li::before {
content:none
}
.kidszone-content {
width:auto!important
}
.scroll-top {
position:fixed;
width:38px;
height:33px;
padding:10px;
right:-75px;
bottom:0;
cursor:pointer;
font-family:PrimarySite;
font-size:14px;
font-weight:bold;
line-height:1.2;
text-align:center;
border-radius:5px 5px 0 0;
margin-right:15px;
transition:right .5s ease-out 0s;
opacity:.9
}
.scroll-top span {
display:block;
font-family:Arial,Helvetica,sans-serif;
text-transform:uppercase
}
.scroll-top-show {
right:0
}
.scroll-top-hide {
right:-75px
}
.ie8 .audioclip {
background:none
}
.audioclip .mejs-controls .mejs-button button {
background-image:none
}
.audioclip .mejs-button button {
width:100%;
height:100%
}
.audioclip .mejs-inner {
position:relative;
width:100%!important;
height:100%!important
}
.audioclip .mejs-controls {
position:relative!important;
width:100%!important;
height:100%!important;
background:none!important
}
.audioclip .mejs-mute,
.audioclip .mejs-time,
.audioclip .mejs-time-rail {
display:none!important
}
.audioclip .mejs-container {
position:relative!important;
width:100%!important;
height:100%!important;
background:none!important
}
.audioclip .mejs-button button {
outline:none!important;
margin:0!important
}
.audioclip {
cursor:pointer
}
.ps-move-pages-link {
display:inline-block;
margin:10px 0 15px
}
.ps-move-pages-pages ul {
list-style:disc
}
.ps-move-pages-list ul {
padding-left:20px
}
.ps-move-pages-heading,
.ps-move-pages-move-button {
margin-top:15px
}
.ps-move-pages-input {
box-sizing:border-box;
height:28px;
border:1px solid #b9b9b9;
border-radius:2px;
font:inherit;
vertical-align:top
}
.content-container {
word-wrap:break-word
}
.content-container::after {
display:block;
content:'';
clear:both
}
.content-container .column-one>div {
clear:both;
margin-bottom:20px
}
.ps_content_type_external_link+.ps_content_type_external_link {
margin-top:-15px
}
.ps_content_type_internal_link+.ps_content_type_internal_link,
.ps_content_type_subpage_link_block+.ps_content_type_internal_link,
.ps_content_type_internal_link+.ps_content_type_subpage_link_block {
margin-top:-10px
}
.updates-area li a,
.marquee {
word-wrap:normal
}
.ps_content_type_richtext,
.ps_activity-list {
word-wrap:break-word;
overflow:auto
}
.twitter {
word-wrap:break-word
}
.inner-container {
position:relative
}
.slideshow-hide {
position:absolute;
left:-9999px
}
.table-wrapper {
width:100%;
overflow-x:auto
}
.ps_no-video-yet h2,
.ps_no-audio-yet h2 {
font-size:18px;
font-size:1.8rem;
color:#fff;
padding:2% 2% 1%
}
.ps_no-video-yet p,
.ps_no-audio-yet p {
font-size:14px;
font-size:1.4rem;
line-height:1.1;
font-weight:normal;
padding:0 2% 2%
}
.responsive-slideshow {
background-color:#000
}
.graphical-links {
word-wrap:normal
}
.google-search-widget,
.google-search-widget * {
box-sizing:border-box
}
.google-search-widget * {
/* height:100%!important */
}
.gsc-input {
display:block;
width:100%;
padding-right:0!important;
font-size:14px!important
}
.gsc-search-button:not(td) {
display:flex;
align-items:center;
flex:none;
justify-content:center;
padding:0!important;
text-align:center;
cursor:pointer
}
td.gsc-search-button {
width:auto;
margin-left:0
}
.gsc-control-cse,
.gsc-search-button-v2,
.gsib_a,
.gsst_b,
.gscb_a {
padding:0!important
}
.gsc-control-cse {
border:none!important;
background:none!important
}
form.gsc-search-box,
#gsc-i-id1,
.gsc-input,
.goog-te-gadget,
.goog-te-combo {
font:inherit!important;
color:#333
}
form.gsc-search-box,
table.gsc-search-box {
margin-bottom:0!important
}
table.gsc-search-box,
table.gsc-search-box tbody {
display:block
}
table.gsc-search-box>tbody>tr {
display:flex
}
#gs_id50>tbody,
#gs_id50>tbody>tr {
display:flex;
width:100%
}
#gs_tti50 {
display:block
}
input.gsc-input {
padding:0 5px!important;
background-position-x:5px!important
}
#gsc-i-id1 {
margin:0!important
}
.gsc-search-button-v2 {
border:none!important;
margin:0!important;
box-shadow:none!important;
background-color:transparent!important
}
.gsc-input-box {
display:block;
width:100%!important;
overflow:hidden;
border-radius:0;
box-shadow:none!important
}
.gsib_b {
display:block
}
.gsst_a {
padding:0 2px!important
}
.gscb_a {
display:flex!important;
align-items:center;
font-size:3.4ex!important
}
.google-translate-widget.is-responsive {
box-sizing:border-box;
overflow:hidden
}
.google-translate-widget.is-responsive .goog-te-gadget,
.google-translate-widget.is-responsive #\:0\.targetLanguage {
height:100%
}
.goog-te-combo {
margin:0!important;
background:#fff url(../images/icons/arrow-down.svg) right .6rem center / 1.3rem no-repeat;
-webkit-appearance:none;
appearance:none
}
.google-translate-widget-button {
display:none
}
html[class*='translated'] .google-translate-widget-button {
display:block
}
.google-translate-widget-button-icon {
vertical-align:middle
}
.goog-te-gadget>span {
display:none
}
.goog-te-banner-frame {
display:none
}
.ps-download-app {
display:none
}
@media(max-width:639px) {
.responsive .responsive-slideshow {
width:100%;
height:300px
}
}
@media(min-width:640px) and (max-width:980px) {
.responsive .responsive-slideshow {
width:100%;
height:500px
}
}
@media(max-width:980px) {
.responsive .scroll-top {
display:none
}
.responsive #google_translate_element:not(.is-responsive) {
display:none
}
.responsive .google-search {
display:none
}
.responsive .animation {
display:none;
background:none
}
.responsive .ps_content_type_richtext iframe {
width:100%;
height:350px
}
.responsive .ps_audio-title,
.responsive .ps_video-title {
margin-bottom:.4rem
}
.responsive .ps_no-video-yet h2,
.responsive .ps_no-audio-yet h2 {
font-size:1.6rem;
padding:1.3rem 1.3rem .3rem
}
.responsive .ps_no-video-yet p,
.responsive .ps_no-audio-yet p {
font-size:1.2rem;
padding:0 1.3rem 1.3rem;
margin-top:.4rem
}
.responsive .ps_video-description,
.responsive .ps_audio-description {
font-size:1.4rem;
line-height:1.3;
margin-top:.3rem
}
.responsive-bar-search {
position:absolute;
top:0;
right:0;
width:5.3rem;
height:100%;
cursor:pointer
}
.ps-download-app {
position:relative;
text-indent:3.2rem
}
.ps-download-app::before {
display:block;
position:absolute;
width:2.2rem;
height:2.2rem;
top:50%;
content:'';
border:.1rem solid #0091cc;
border-radius:.3rem;
background:#1bb3ef url(../images/school-app-icon.svg) center / contain no-repeat;
transform:translateY(-50%)
}
.google-search-widget.is-open {
transform:translateY(0%)
}
}
@media(min-width:981px) {
.main-nav-download-app {
display:none!important
}
}
#ie-banner {
display:none
}
.ie-banner {
position:absolute;
width:100%;
z-index:1002;
font-size:13px;
color:white;
font-weight:bold;
background-repeat:no-repeat;
background-color:#cf190d;
background-image:url(../images/icon_warning.png),linear-gradient(top,#cf190d,#a2150b)
}
.hide-show {
position:relative;
top:32px;
width:70px;
height:25px;
background-color:#a2150b;
border-radius:0 0 9px 9px;
text-align:center;
cursor:pointer
}
body.is-locked {
position:fixed!important;
width:100%;
overflow-y:hidden
}
.is-disabled[data-cookie] {
font-size:1.4rem;
line-height:1.3;
background:#fff
}
.google-search.is-disabled,
.is-disabled[data-cookie='google-search'],
.is-disabled[data-cookie='google-translate'] {
min-width:104px;
min-height:36px;
padding:0 6px 0 38px;
background:#fff 8px center / 22px no-repeat
}
.is-disabled[data-cookie='google-calendar'] {
background:url(../images/cookies/google-calendar.gif) right 1rem bottom 1rem no-repeat
}
.is-disabled[data-cookie='bookwhen'],
.is-disabled[data-cookie='google-calendar'] {
border:1px solid #777;
background-color:hsla(0,0%,100%,0.9)
}
.is-disabled[data-cookie='google-search'] {
background-image:url(../images/icons/magnifying-glass.svg)
}
.is-disabled[data-cookie='google-translate'] {
background-image:url(../images/icons/translate.svg)
}
.is-disabled[data-cookie='google-maps'] {
background:#fff url(../images/cookies/map.svg) center / cover no-repeat
}
.is-disabled[data-cookie='vimeo'],
.is-disabled[data-cookie='youtube'] {
border:1px solid #e0e0e0;
background:#f1f1f1
}
.enable-cookies-button {
width:100%;
height:100%;
min-height:inherit;
overflow:hidden;
padding:0 15px;
border:none;
font:inherit;
color:#000;
background:none
}
.ps-embed-wrapper .enable-cookies-button {
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)
}
.enable-cookies-button-google-search,
.enable-cookies-button-google-translate {
padding:0;
text-align:left
}
.enable-cookies-button-facebook,
.enable-cookies-button-twitter {
padding-bottom:calc(50px / 4)
}
.enable-cookies-button-youtube,
.enable-cookies-button-vimeo {
padding-bottom:calc(50px / 2)
}
.enable-cookies-button-facebook::before,
.enable-cookies-button-twitter::before,
.enable-cookies-button-youtube::before,
.enable-cookies-button-vimeo::before {
display:block;
height:50px;
content:'';
background:center / contain no-repeat
}
.enable-cookies-button-facebook::before,
.enable-cookies-button-twitter::before {
margin:calc(50px / 4)
}
.enable-cookies-button-youtube::before,
.enable-cookies-button-vimeo::before {
margin:calc(50px / 2)
}
.enable-cookies-button-facebook::before {
background-image:url(../images/cookies/facebook.svg)
}
.enable-cookies-button-twitter::before {
background-image:url(../images/cookies/twitter.svg)
}
.enable-cookies-button-youtube::before {
background-image:url(../images/cookies/youtube.svg)
}
.enable-cookies-button-vimeo::before {
background-image:url(../images/cookies/vimeo.svg)
}
.enable-cookies-button-text-underline {
text-decoration:underline
}
.enable-cookies-button * {
pointer-events:none
}
.enable-cookies-button:focus .enable-cookies-button-text-underline,
.enable-cookies-button:hover .enable-cookies-button-text-underline {
text-decoration:none
}
.cookie-settings *,
.cookie-settings *::before,
.cookie-settings *::after {
box-sizing:inherit
}
.cookie-settings {
display:none;
position:fixed;
top:0;
left:0;
z-index:1111;
box-sizing:border-box;
width:100%;
height:100%;
font-size:1.6rem;
line-height:1.4;
color:#333;
background:hsla(0,0%,0%,0.5)
}
.cookie-settings.is-visible,
.cookie-settings-options-popup.is-visible {
display:flex
}
.cookie-settings a {
color:#333;
text-decoration:underline;
background:none
}
.cookie-settings a:focus,
.cookie-settings a:hover,
.cookie-settings a:active {
color:#000;
text-decoration:none;
background:none
}
.cookie-settings-popup,
.cookie-settings-options-popup {
top:50%;
left:50%;
max-width:90%;
border-radius:.4rem;
transform:translate(-50%,-50%)
}
.cookie-settings-popup,
.cookie-settings-options-popup-content,
.cookie-settings-options-popup-buttons {
padding:1.5rem 2.2rem
}
.cookie-settings-popup {
position:absolute;
width:30rem;
padding-top:12.6rem;
text-align:center;
background:#fff url(../images/cookies/cookies.svg) center 1.6rem / 10rem no-repeat
}
@media(max-width:26em) {
.cookie-settings-popup,
.cookie-settings-options-popup-content,
.cookie-settings-options-popup-buttons {
padding-right:2rem;
padding-left:2rem
}
}
.cookie-settings-popup-heading,
.cookie-settings-options-popup-heading {
display:block;
margin-bottom:.6rem;
font:inherit;
font-size:2.4rem;
font-weight:normal;
line-height:1.4;
color:currentColor
}
.cookie-settings-popup-buttons {
display:flex;
flex-wrap:wrap;
justify-content:center;
margin-top:2rem
}
.cookie-settings-popup-buttons-accept,
.cookie-settings-popup-buttons-custom,
.cookie-settings-popup-buttons-reject,
.cookie-settings-options-popup-buttons-accept,
.cookie-settings-options-popup-buttons-reject,
.cookie-settings-options-popup-buttons-save {
min-height:4.4rem;
padding:1rem 1.5rem;
border:.1rem solid transparent;
border-radius:.4rem;
font:inherit;
line-height:1;
cursor:pointer
}
.cookie-settings-popup-buttons-accept,
.cookie-settings-options-popup-buttons-accept,
.cookie-settings-options-popup-buttons-save {
margin-left:1.2rem
}
@media(max-width:26em) {
.cookie-settings-popup-buttons-accept,
.cookie-settings-popup-buttons-custom,
.cookie-settings-popup-buttons-reject,
.cookie-settings-options-popup-buttons-accept,
.cookie-settings-options-popup-buttons-reject,
.cookie-settings-options-popup-buttons-save {
padding-right:.6rem;
padding-left:.6rem
}
.cookie-settings-popup-buttons-accept,
.cookie-settings-options-popup-buttons-accept,
.cookie-settings-options-popup-buttons-save {
margin-left:1rem
}
}
.cookie-settings-popup-buttons-accept,
.cookie-settings-popup-buttons-reject,
.cookie-settings-options-popup-buttons-save {
color:#fff;
background:#333
}
.cookie-settings-options-popup-buttons-accept,
.cookie-settings-options-popup-buttons-reject {
border-color:currentColor;
color:#333;
background:none
}
.cookie-settings-popup-buttons-accept:focus,
.cookie-settings-popup-buttons-accept:hover,
.cookie-settings-popup-buttons-reject:focus,
.cookie-settings-popup-buttons-reject:hover,
.cookie-settings-options-popup-buttons-accept:focus,
.cookie-settings-options-popup-buttons-accept:hover,
.cookie-settings-options-popup-buttons-reject:focus,
.cookie-settings-options-popup-buttons-reject:hover,
.cookie-settings-options-popup-buttons-save:focus,
.cookie-settings-options-popup-buttons-save:hover {
border-color:#ccc;
color:#333;
background:#ccc
}
.cookie-settings-popup-buttons-custom {
margin-top:1rem;
text-decoration:underline;
background:none
}
.cookie-settings-popup-buttons-custom::before {
display:block;
width:100%;
content:''
}
.cookie-settings-popup-buttons-custom:focus,
.cookie-settings-popup-buttons-custom:hover {
text-decoration:none
}
.cookie-settings-options-popup {
display:none;
position:relative;
flex-direction:column;
width:90rem;
max-height:90%;
background:#fff
}
@media(max-width:48em) {
.cookie-settings-options-popup {
width:100%;
max-width:100%;
height:100%;
max-height:100%;
border-radius:0
}
}
.cookie-settings-options-popup-content {
position:relative;
overflow:auto
}
.cookie-settings-options-popup-sub-heading {
display:block;
margin:1.5rem 0 .5rem;
font:inherit;
font-weight:bold;
color:currentColor
}
.cookie-settings-options-popup-text {
font-size:1.4rem;
padding-bottom:1.8rem
}
.cookie-settings-options-popup-text:last-of-type {
margin-bottom:1.8rem
}
.cookie-settings-options-popup-text,
.cookie-settings-options-popup-toggle:not(:last-child) {
border-bottom:.1rem solid #bbb
}
.cookie-settings-options-popup-toggle {
display:-ms-grid;
display:grid;
-ms-grid-columns:1fr 1.5rem auto;
grid-template-columns:1fr 1.5rem auto;
-ms-grid-rows:auto;
grid-template-rows:auto;
align-items:center;
padding:1rem 0
}
.cookie-settings-options-popup-toggle:last-child {
padding-bottom:0
}
.cookie-settings-options-popup-toggle-button {
-ms-grid-column:1;
grid-column:1;
-ms-grid-row:1;
grid-row:1;
-ms-grid-column-align:start;
justify-self:start;
position:relative;
padding:0 1.7rem 0 0;
border:none;
font:inherit;
font-weight:bold;
text-align:left;
background:none
}
@media(max-width:36em) {
.cookie-settings-options-popup-toggle-button {
width:100%
}
}
.cookie-settings-options-popup-toggle-button::after {
display:block;
position:absolute;
top:50%;
right:0;
content:'';
width:10px;
height:10px;
margin-left:1rem;
background:url(../images/icons/arrow-down.svg) center / auto 100% no-repeat;
transform:translateY(-50%)
}
.cookie-settings-options-popup-toggle-button.is-expanded::after {
transform:translateY(-50%) rotate(180deg)
}
.cookie-settings-options-popup-toggle-label {
-ms-grid-column:3;
grid-column:3;
-ms-grid-row:1;
grid-row:1;
display:inline-flex;
flex:none;
align-items:center;
justify-self:end;
height:24px;
font-weight:bold;
text-transform:uppercase
}
.cookie-settings-options-popup-toggle-label::before {
content:'Off'
}
.cookie-settings-options-popup-toggle-label::after {
content:'On'
}
.cookie-settings-options-popup-toggle-label-switch {
display:inline-block;
position:relative;
width:50px;
height:100%;
margin:0 .4rem
}
.cookie-settings-options-popup-toggle-label-switch::before {
display:block;
flex-shrink:0;
position:relative;
width:100%;
height:100%;
content:'';
padding:.2rem;
border-radius:4rem;
box-shadow:inset 0 .1rem .3rem .1rem hsla(0,0%,0%,0.4);
background:hsl(0,0%,97.3%);
transition:background .25s
}
.cookie-settings-options-popup-toggle-label-switch::after {
display:block;
position:absolute;
top:50%;
right:28px;
width:20px;
height:20px;
content:'';
border:.1rem solid hsla(0,0%,0%,0.2);
border-radius:50%;
background:hsl(0,0%,97.3%);
transition:transform .25s;
transform:translateY(-50%)
}
.cookie-settings-options-popup-toggle-label-input:checked+.cookie-settings-options-popup-toggle-label-switch::before {
background:hsl(96,52%,58%)
}
.cookie-settings-options-popup-toggle-label-input:checked+.cookie-settings-options-popup-toggle-label-switch::after {
border-color:hsl(0,5%,66.5%);
transform:translateX(26px) translateY(-50%)
}
.cookie-settings-options-popup-toggle-details {
display:none
}
.cookie-settings-options-popup-toggle-details.is-visible {
display:block;
-ms-grid-column:1;
-ms-grid-column-span:3;
grid-column:1/4;
-ms-grid-row:2;
grid-row:2;
overflow:hidden;
font-size:1.4rem
}
.cookie-settings-options-popup-toggle-details-spacing {
display:block;
height:.5rem
}
.cookie-settings-options-popup-toggle-details-purpose {
font-weight:bold
}
.cookie-settings-options-popup-buttons {
display:flex;
justify-content:flex-end;
border-top:.1rem solid #bbb
}
.cookie-information-text {
margin-bottom:2rem
}
.cookie-information-heading {
margin-bottom:1rem
}
.cookie-information-sub-heading {
margin-bottom:.8rem
}
.cookie-information-table td {
word-wrap:normal;
vertical-align:top
}
.cookie-information-table-names {
white-space:nowrap
}
.ps_cookie-table {
width:100%;
border:1px solid #000;
margin-bottom:2rem
}
.ps_cookie-table th,
.ps_cookie-table tr,
.ps_cookie-table td {
padding:5px 10px;
border:1px solid #000
}
.ps_cookie-title {
font-weight:bold
}
.cookie-information-preferences-button {
margin:1rem 0 2.5rem;
font:inherit
}
.cookie-information-link {
display:block;
margin-top:.5rem;
font-weight:bold
}
@keyframes marquee {
0% {
transform:translate3d(0,0,0)
}
100% {
transform:translate3d(-100%,0,0)
}
}
[class*="scrolling-banner"],
[class*="scrolling-text"],
[id*="scrolling-text"] {
overflow:hidden;
padding-left:0!important;
padding-right:0!important
}
[class*="scrolling-banner"]>span,
[class*="scrolling-text"]>span,
[id*="scrolling-text"]>span {
display:inline-block;
padding-left:100%;
text-align:left;
white-space:nowrap
}
[class*="scrolling-banner"]>span:empty,
[class*="scrolling-text"]>span:empty,
[id*="scrolling-text"]>span:empty {
animation:none!important
}
[class*="scrolling-banner"]>span:hover,
[class*="scrolling-text"]>span:hover,
[id*="scrolling-text"]>span:hover,
[class*="scrolling-banner"].is-paused span,
[class*="scrolling-text"].is-paused span,
[id*="scrolling-text"].is-paused span {
animation-play-state:paused!important
}
.lt-ie10 .anim-balls,
.lt-ie10 .fade-text,
.loader-animation {
display:none
}
.lt-ie10 .loader-animation {
display:block;
width:104px;
height:104px;
position:relative;
background:url(../images/loader.gif)
}
.fade-text {
position:absolute;
top:42px;
left:16px;
font-size:11px;
font-size:1.1rem;
font-style:italic;
text-align:center;
font-family:Arial,Helvetica,sans-serif;
letter-spacing:1px;
color:#808080;
animation:fade-text-anim 3s infinite
}
.anim-balls {
width:100px;
height:100px;
position:relative;
border-radius:100px;
border:1px solid #DADADA;
list-style:none
}
.anim-balls li {
position:absolute;
font-size:100px;
font-size:10.0rem;
width:18px;
height:18px;
border-radius:50%;
top:0;
left:41px;
transform-origin:center 50px
}
.anim-balls li:nth-child(1) {
background:#6D6D6D;
animation:rota 1.33s linear infinite,opa 3.67s ease-in-out infinite alternate
}
.anim-balls li:nth-child(2) {
background:#a0a0a0;
animation:rota 1.86s linear infinite,opa 4.29s ease-in-out infinite alternate
}
.anim-balls li:nth-child(3) {
background:#818181;
animation:rota 1.45s linear infinite,opa 5.12s ease-in-out infinite alternate
}
.anim-balls li:nth-child(4) {
background:#d6d6d6;
animation:rota 1.72s linear infinite,opa 5.25s ease-in-out infinite alternate
}
@keyframes rota {
to {
transform:rotate(360deg)
}
}
@keyframes opa {
12.0% {
opacity:.80
}
19.5% {
opacity:.88
}
37.2% {
opacity:.64
}
40.5% {
opacity:.52
}
52.7% {
opacity:.69
}
60.2% {
opacity:.60
}
66.6% {
opacity:.52
}
70.0% {
opacity:.63
}
79.9% {
opacity:.60
}
84.2% {
opacity:.75
}
91.0% {
opacity:.87
}
}
@keyframes fade-text-anim {
0% {
opacity:0
}
50% {
opacity:1
}
100% {
opacity:0
}
}
/* Rictures rendered
============================================== */
.ps-pictures {
display: flex;
flex-wrap: wrap;
}
.ps-pictures-content {
/* For IE11. */
overflow: hidden;
margin: 20px 20px 0 0;
}
/* If any widths or margins change on these layouts, make sure the `sizes` attrtibute on the `img`
is recalculated accordingly. */
.ps-pictures-content-1-across {
width: 100%;
}
.ps-pictures-content-2-across {
/* These values have to be 99.9% because IE11 rounds the pixels weirdly and some images end up
dropping onto another line. */
width: calc((99.9% - 20px) / 2);
}
.ps-pictures-content-3-across {
width: calc((99.9% - 2 * 20px) / 3);
}
.ps-pictures-content-4-across {
width: calc((99.9% - 3 * 20px) / 4);
}
.ps-pictures-content-1-across,
.ps-pictures-content-2-across:nth-of-type(2n),
.ps-pictures-content-3-across:nth-of-type(3n),
.ps-pictures-content-4-across:nth-of-type(4n) {
margin-right: 0;
}
.ps-pictures-content-1-across:first-child,
.ps-pictures-content-2-across:nth-child(-n+2),
.ps-pictures-content-3-across:nth-child(-n+3),
.ps-pictures-content-4-across:nth-child(-n+4) {
margin-top: 0;
}
@media(min-width:801px) and (max-width:900px) {
.ps-pictures-content-4-across {
width: calc((99.9% - 2 * 20px) / 3);
}
.ps-pictures-content-4-across:nth-child(4) {
margin-top: 20px;
}
.ps-pictures-content-4-across:nth-of-type(4n) {
margin-right: 20px;
}
.ps-pictures-content-4-across:nth-of-type(3n) {
margin-right: 0;
}
}
@media(min-width:426px) and (max-width:800px) {
.ps-pictures-content-4-across,
.ps-pictures-content-3-across {
width: calc((99.9% - 20px) / 2);
}
.ps-pictures-content-4-across:nth-child(3),
.ps-pictures-content-4-across:nth-child(4) {
margin-top: 20px;
}
.ps-pictures-content-3-across:nth-of-type(3n) {
margin-right: 20px;
}
.ps-pictures-content-4-across:nth-of-type(2n),
.ps-pictures-content-3-across:nth-of-type(2n) {
margin-right: 0;
}
}
@media(max-width:425px) {
.ps-pictures-content-2-across,
.ps-pictures-content-3-across,
.ps-pictures-content-4-across {
width: 100%;
margin-right: 0;
}
.ps-pictures-content-4-across:nth-child(2),
.ps-pictures-content-4-across:nth-child(3),
.ps-pictures-content-4-across:nth-child(4) {
margin-top: 20px;
}
}
.ps-pictures-content-image-wrapper {
position: relative;
}
.ps-pictures-content-image-wrapper::after {
display: block;
width: 0;
content: '';
padding-bottom: 75%;
}
.ps-pictures-content-enlarge-button {
position: absolute;
width: 100%;
height: 100%;
border: none;
color: transparent;
background: transparent;
}
.ps-pictures-content-image {
position: absolute;
top: 50%;
left: 50%;
max-width: 100%;
max-height: 100%;
/* For the alt text. */
font-size: 1.4rem;
transform: translate(-50%, -50%);
}
/* The image is hidden with JavaScript directly after the element is added to the page in order to
hide the broken image background until it's lazy loaded in with JavaScript. Opacity has been used
so that screen readers are still able to get to it. */
/* `lazyloaded` gets added by the `lazysizes` library. */
.ps-pictures-content-image:not(.lazyloaded).is-hidden {
opacity: 0.01;
}
/* Add the loading spinner to `ps-pictures-content-image` too so it preloads it for when we display
the image in the `ps-pictures-content-enlarged` element. They have to be in the same selector,
otherwise it downloads the same image twice when the cache is disabled for some reason. */
.ps-pictures-content-image:not(.lazyloaded).is-hidden,
.ps-pictures-content-enlarged-image.is-loading {
background: url(../images/spinner.gif) center no-repeat
}
.ps-pictures-content-caption:not(:empty) {
display: block;
margin: 5px 0 10px;
font-size: 1.4rem;
line-height: 1.3;
text-align: center;
word-wrap: break-word;
}
.ps-pictures-content-enlarged {
display: none;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: hsla(0, 0%, 0%, 0.6);
z-index: 1100;
}
.ps-pictures-content-enlarged.is-visible {
display: flex;
}
.ps-pictures-content-enlarged-box {
position: relative;
border-radius: 0.4rem;
background-color: #f9f9f9;
}
.ps-pictures-content-enlarged-close-button {
display: block;
position: absolute;
top: -2.7rem;
right: -2.7rem;
width: 4.4rem;
height: 4.4rem;
padding: 0;
border: none;
border-radius: 50%;
background: #f9f9f9;
}
.ps-pictures-content-enlarged-close-button:focus,
.ps-pictures-content-enlarged-close-button:hover {
background:#ccc
}
.ps-pictures-content-enlarged-close-button::before {
display: block;
position: absolute;
top: 50%;
left: 50%;
/* Have to use px here otherwise IE11 cuts off the edges of the svg. */
width: 20px;
height: 20px;
content: '';
background: url(../images/icons/cross.svg) left center / 300% no-repeat;
transform: translate(-50%, -50%);
}
.ps-pictures-content-enlarged-image {
max-width: calc(90vw - 3.8rem);
max-height: calc(90vh - 3.8rem);
box-sizing: border-box;
padding: 1.2rem;
}
.ps-pictures-content-enlarged-image.is-loading {
min-width: 5.3rem;
min-height: 5.3rem;
}
/* Galleria Controls */
.galleria-theme-picture-block-slideshow .galleria-thumbnails-container,
.ps_play-pause,
.ps_fullscreen {
z-index: 1;
}
.ps_play-pause,
.ps_fullscreen {
display: block;
position: absolute;
bottom: 0;
width: 50px;
height: 50px;
opacity: 0.7;
border-right: 1px solid #333;
font-weight: bold;
background: #000;
cursor: pointer;
}
.ps_play-pause {
left: 0;
}
.ps_fullscreen {
left: 52px;
}
.ps_play-pause:hover,
.ps_fullscreen:hover {
opacity: 1.0;
}
.ps_play-pause a,
.ps_fullscreen a {
display: block;
position: relative;
left: 0;
width: 100%;
height: 100%;
font: 18px / 1.4 PrimarySite;
text-decoration: none;
color: #fff !important;
cursor: pointer;
}
.ps_fullscreen a::before,
.ps_play-pause a::before,
.ps_play-pause-playing::before {
position: relative;
top: 12px;
left: 16px;
}
.ps_fullscreen a::before {
content: '\e037';
}
.galleria-theme-picture-block-slideshow.fullscreen .ps_fullscreen a::before {
content: '\e038';
}
.ps_play-pause a::before {
content: '\e035';
}
.ps_play-pause-playing::before {
content: '\e036' !important;
}
/** End of Pictures Rendered **/
/* Galleria rendered
============================================== */
.galleria-theme-theme-slideshow {
position:relative;
overflow:hidden;
background:#fff
}
.galleria-theme-theme-slideshow .galleria-loader {
position:absolute;
width:100px;
height:100px;
top:50%;
left:50%;
margin-top:-50px;
margin-left:-50px;
z-index:1
}
.galleria-theme-theme-slideshow img {
-moz-user-select:none;
-webkit-user-select:none;
-o-user-select:none
}
.galleria-theme-theme-slideshow .galleria-stage {
position:absolute;
top:0;
right:0;
bottom:40px;
left:0;
width:100%;
height:100%;
overflow:hidden
}
.galleria-theme-theme-slideshow .galleria-info-text,
.galleria-theme-theme-slideshow .galleria-info-title,
.galleria-theme-theme-slideshow .galleria-info-description,
.galleria-theme-theme-slideshow .galleria-info-close,
.galleria-theme-theme-slideshow .galleria-info-link,
.galleria-theme-theme-slideshow .galleria-thumbnails-container,
.galleria-theme-theme-slideshow .galleria-counter,
.galleria-theme-theme-slideshow .galleria-dots {
display:none
}
.full-width-slide {
width:100%;
z-index:0
}
.full-width-slide .galleria-loader {
top:50%
}
@media(max-width:979px) {
.galleria-theme-theme-slideshow .galleria-dots {
position:absolute;
z-index:1;
bottom:0;
display:block;
width:100%;
height:20px;
text-align:center;
cursor:pointer
}
.galleria-theme-theme-slideshow .galleria-dots div {
display:inline-block;
height:10px;
width:10px;
border:1px solid rgba(0,0,0,0.1);
border-radius:50%;
margin-right:7px;
margin-left:7px;
box-shadow:0 1px 0 rgba(0,0,0,0.4);
background-color:rgba(255,255,255,0.5);
-webkit-transition:background-color .5s;
transition:background-color .5s
}
.galleria-theme-theme-slideshow .galleria-dots div.active {
background-color:#fff
}
}
#galleria-loader {
height:1px!important
}
/** Embed Rendered
============================================== */
.ps-embed-wrapper {
position: relative;
height: 0;
box-sizing: border-box;
margin-top: 10px;
}
.ps-embed-wrapper iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.ps_embed-video-small {
width: 50%;
padding-bottom: 28.125%;
position: relative;
}
.ps_embed-video-medium {
width: 75%;
padding-bottom: 42.1875%;
position: relative;
}
.ps_embed-video-large {
width: 100%;
padding-bottom: 56.25%;
position: relative;
}
@media (max-width: 980px) {
.responsive .ps_content_type_media_embed_youtube,
.responsive .ps_content_type_media_embed_vimeo {
margin-top: 0.3rem;
font-size: 1.4rem;
line-height: 1.3;
}
}
/* Ensure the video takes up the full width when in responsive mode. */
@media (max-width: 650px) {
.ps_embed-video-small,
.ps_embed-video-medium {
width: 100%;
padding-bottom: 56.25%;
}
}
/** Video / Audio Rendered
============================================== */
.video-js {
width:100%;
max-height:60vh;
background:#000
}
.me-cannotplay span {
padding-top:3px!important;
padding-bottom:3px!important
}
.me-cannotplay span a {
color:inherit;
font-weight:normal
}
.me-cannotplay span a:hover {
text-decoration:underline
}
#ps_conversion-in-progress,
.ps_no-audio-yet {
width: 100%;
height: auto;
color: #FFF;
background: #000;
padding: 0 0 56.25% 0;
}
.mejs-audio {
padding-top: 0;
}
audio,
.ckeditor-html5-audio {
width: 100%;
}
/** End of Video / Audio Rendered **/
/** Subpage link block Rendered
============================================== */
[class*="ps_element-icon-"] h2 {
margin-bottom: 10px;
}
/* Plain Text */
.ps_element-plain-text li {
margin: 3px 0;
}
/* Inline SVG icons
Inline SVGs are part of the content and we need to make sure they are hidden if we change a
link block from using icons to being plain text.
*/
.subpage-block-inline-svg {
display: none;
width: 100%;
height: 100%;
}
[class*="ps_element-icon-"] .subpage-block-inline-svg {
display: inline;
}
.ps_element-icon-small-stacked li a {
padding-left: 65px;
}
/* Arrow icon */
.ps_element-icon-small-stacked .ps_icon-arrow {
min-height: 26px;
}
.ps_element-icon-small-stacked .ps_icon-arrow .icon-image {
height: 26px;
}
[class*="ps_element-icon-"] .ps_icon-arrow .icon-image {
background-image: none !important;
}
[class*="ps_element-icon-"] .ps_icon-arrow .icon-image::before {
position: absolute;
left: 50%;
top: 50%;
content: '\e012';
font-family: PrimarySite;
font-weight: bold;
line-height: 1.1;
transform: translate3d(-50%, -50%, 0);
}
.ps_element-icon-small-side .ps_icon-arrow .icon-image::before {
font-size: 5.6rem;
}
.ps_element-icon-small-stacked .ps_icon-arrow .icon-image::before {
font-size: 2.0rem;
}
[class*="ps_element-icon-large"] .ps_icon-arrow .icon-image::before {
font-size: 13.0rem;
}
/* Contact Forms Rendered
============================================== */
.ps-contact-form-description:not(:empty) {
margin-bottom: 1.2rem;
font-size: 1.4rem;
}
.ps-contact-form-fieldset,
.ps-component-inline_form .content__block__form fieldset {
/* This prevents it from spilling outside of the content area on small viewports. */
min-width: 0;
padding: 0;
border: none;
margin: 0;
}
.ps-contact-form-label {
display: inline-flex;
flex-direction: column;
}
.ps-contact-form-error {
color: #b94a48;
}
.ps-contact-form-input,
.ps-contact-form-textarea,
.ps-component-inline_form .content__block__form input:not([type="radio"]):not([type="checkbox"]),
.ps-component-inline_form .content__block__form textarea {
display: block;
width: 100%;
box-sizing: border-box;
padding: 0.2rem 0.8rem;
margin-bottom: 1.2rem;
font: inherit;
color: hsl(0, 0%, 20%);
background: hsl(0, 0%, 97.3%);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.ps-contact-form-input,
.ps-component-inline_form .content__block__form input:not([type="radio"]):not([type="checkbox"]) {
max-width: 300px;
height: 3.7rem;
border: 0.1rem solid rgba(0, 0, 0, .2);
border-radius: 0.4rem;
}
.ps-contact-form-textarea,
.ps-component-inline_form .content__block__form textarea {
max-width: 450px;
min-height: 16.5rem;
padding: 0.8rem;
resize: vertical;
border: 0.1rem solid rgba(0, 0, 0, .2);
border-radius: 0.4rem;
}
.ps_form-blocks .ps_form-btn,
.ps-component-inline_form .content__block__form button,
.ps-component-inline_form button.content__block__form {
display: inline-block;
position: relative;
padding: 0.5rem 1.5rem !important;
border: none;
border-radius: 0.4rem;
font: inherit;
font-size: 1.4rem;
font-weight: bold;
text-decoration: none;
text-shadow: 0 -0.1rem 0.1rem rgba(0, 0, 0, 0.2);
color: #fff;
background: #e21b18;
transition: background-color 0.3s linear;
}
.ps_form-blocks .ps_form-btn:focus,
.ps_form-blocks .ps_form-btn:hover,
.ps-component-inline_form .content__block__form button:focus,
.ps-component-inline_form .content__block__form button:hover {
background-color: #333;
transition: background-color 0.3s linear;
}
.ps-contact-form-error + .ps-contact-form-submit {
margin-top: 1.2rem;
}
.ps-contact-form-success {
position: relative;
height: 100%;
padding: 0.8rem 1rem 0.8rem 5.5rem;
border: 0.1rem solid hsl(86, 100%, 74%);
border-radius: 0.5rem;
margin-top: 0.3rem;
font-weight: bold;
color: hsl(86, 100%, 10%);
background: hsl(86, 100%, 88%);
}
.ps-contact-form-success-tick {
position: absolute;
top: 50%;
left: 2rem;
width: 1.7rem;
height: 1.7rem;
font: normal 1.7rem / 1.1 PrimarySite;
color: #469600;
transform: translateY(-50%);
}
.ps-contact-form-success a {
color: hsl(86, 100%, 24%);
}
.ps-contact-form-success a:focus,
.ps-contact-form-success a:hover {
color: hsl(86, 100%, 10%);
}
.ps-component-inline_form div.content__block__form,
.ps-component-inline_form form.content__block__form {
margin: 0;
padding: 0 !important;
background-color: transparent;
}
div[id^="recaptcha-"] {
margin-bottom: 1.2rem;
}
@media(max-width:400px) {
div[id^="recaptcha-"] {
transform: scale(0.9);
transform-origin: left center;
}
}
/* UI components
============================================== */
.fc-toolbar {
font-size: 1.75rem;
}
.ui_toolbar { clear: both; margin: 1em 0; line-height: 2.1em; }
.ui_toolbar:before, .ui_toolbar:after { content: ''; display: table; }
.ui_toolbar:after { clear: both; }
.lte-ie7 .ui_toolbar { zoom: 1; }
.ui_toolbar > *, .ui_left > *, .ui_right > * { margin: 0 .5em 0 0; float: left; }
.ui_toolbar > *:last-child, .ui_right > *:last-child { margin-right: 0; }
.ui_left { float: left; }
.ui_right { float: right; margin-left: .5em; }
.ui_button, .ui_tag, .ui_select { margin: 0 .5em 0 0; position: relative; float: left; text-align: left; }
.ui_button, .ui_tag, .ui_select > div { height: 2.1em; padding: 0 .6em; position: relative; font-size: 1em; white-space: nowrap; color: #444444 !important; line-height: 2.1em; border: 1px solid; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); border-radius: 0px; background-color: #F8F8F8; background-image: none; box-sizing: border-box; font-family: inherit; }
.ui_button:hover, .ui_select:hover > div { background-color: #E0E0E0; }
.ui_button.ui_button--selected, .ui_select.ui_select--selected > div { background-color: #E0E0E0; }
.ui_button.ui_button--disabled, .ui_select.ui_select--disabled > div { cursor: default; color: rgba(68, 68, 68, 0.25) !important; background-color: #F8F8F8; }
.ui_button { margin: 0 .3em 0 0; cursor: pointer; outline: none !important; text-decoration: none; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; }
.ui_card { padding: 1em; display: block; text-align: left; color: #444444; background-color: #F8F8F8; border: 1px solid !important; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25) !important; border-radius: 0px; }
.ui_card:before, .ui_card:after { content: ''; display: table; clear: both; }
.ui_card--void { padding: 0; overflow: hidden; }
.ui_card--void > * { margin: -1px -2px -1px -1px; }
.ui_card__img { margin: 0 -1em; display: block; overflow: hidden; border: 2px solid #F8F8F8; }
.ui_card__img--top { margin: -1em -1em 0; border-radius: 0px 0px 0 0; }
.ui_card__img--full { margin: -1em; border-radius: 0px; }
.ui_txt { margin: 0 0 0.8em; font-weight: 300; line-height: 1.6em; }
.ui_txt__title { margin: 0.6666666667em 0; font-size: 1.2em; font-weight: 400; line-height: 1.3333333333em; }
.ui_txt__bold { margin: 0.8em 0; font-weight: 400; }
.ui_txt__sub { margin: -1em 0 1em; font-size: 0.8em; font-weight: 300; line-height: 2em; }
.ui_txt__content { font-size: 0.9em; line-height: 1.7777777778em; }
.ui_txt__content * { display: inline; margin: 0; }
.ui_txt--truncate_3, .ui_txt--truncate_4, .ui_txt--truncate_5, .ui_txt--truncate_6, .ui_txt--truncate_7, .ui_txt--truncate_8, .ui_txt--truncate_9 { position: relative; overflow: hidden; }
.ui_txt--truncate_3:after, .ui_txt--truncate_4:after, .ui_txt--truncate_5:after, .ui_txt--truncate_6:after, .ui_txt--truncate_7:after, .ui_txt--truncate_8:after, .ui_txt--truncate_9:after { content: ''; width: 50%; height: 1.6em; display: block; position: absolute; right: 0; bottom: 0; background: -webkit-gradient(linear, left top, right top, from(rgba(248, 248, 248, 0)), to(#f8f8f8)); background: -webkit-linear-gradient(left, rgba(248, 248, 248, 0), #f8f8f8); background: -o-linear-gradient(left, rgba(248, 248, 248, 0), #f8f8f8); background: linear-gradient(to right, rgba(248, 248, 248, 0), #f8f8f8); }
.ui_txt--truncate_3 { height: 4.8em; }
.ui_txt--truncate_3 .ui_txt__title { max-height: 1.3333333333em; overflow: hidden; }
.ui_txt--truncate_4 { height: 6.4em; }
.ui_txt--truncate_4 .ui_txt__title { max-height: 2.6666666667em; overflow: hidden; }
.ui_txt--truncate_5 { height: 8em; }
.ui_txt--truncate_5 .ui_txt__title { max-height: 4em; overflow: hidden; }
.ui_txt--truncate_6 { height: 9.6em; }
.ui_txt--truncate_6 .ui_txt__title { max-height: 5.3333333333em; overflow: hidden; }
.ui_txt--truncate_7 { height: 11.2em; }
.ui_txt--truncate_7 .ui_txt__title { max-height: 6.6666666667em; overflow: hidden; }
.ui_txt--truncate_8 { height: 12.8em; }
.ui_txt--truncate_8 .ui_txt__title { max-height: 8em; overflow: hidden; }
.ui_txt--truncate_9 { height: 14.4em; }
.ui_txt--truncate_9 .ui_txt__title { max-height: 9.3333333333em; overflow: hidden; }
.ui_select { padding: 0; }
.ui_select > div { padding: 0 1.5em 0 .6em; cursor: pointer; outline: none !important; text-decoration: none; -webkit-transition: background .3s; -o-transition: background .3s; transition: background .3s; }
.ui_select > div:after { content: ''; display: block; position: absolute; right: .6em; top: 50%; margin-top: -2px; border: 4px solid; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }
.ui_select > ul { padding: 0; margin: .75em 0 0; display: none; list-style: none; overflow: hidden; background: #fff; position: absolute; z-index: 8; top: 100%; right: 0; }
.ui_select > ul li { height: 2.1em; padding: .15em; clear: both; position: relative; border-bottom: 1px solid #ddd; }
.ui_select > ul li span { width: .6em; height: .6em; margin: .6em; float: left; }
.ui_select > ul li label { margin: 0 3.6em 0 1.8em; display: block; white-space: nowrap; }
.ui_select > ul li input { position: absolute; top: 50%; right: 0.15em; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.ui_select--selected > ul { display: block; }
.ui_group { float: left; margin: 0 .3em 0 0; }
.ui_group .ui_button { float: left; margin: 0; border-radius: 0; border-left-color: rgba(255, 255, 255, 0.15); }
.ui_group .ui_button:first-child { border-radius: 0px 0 0 0px; border-left-color: rgba(0, 0, 0, 0.15); }
.ui_group .ui_button:last-child { border-radius: 0 0px 0px 0; }
.ui_icon { height: .5em; font-size: 2em; line-height: .5em; display: inline-block; font-family: "Courier New", Courier, monospace; vertical-align: revert; }
.ui_icon--prev:after { content: "\02039"; font-weight: bold; }
.ui_icon--next:after { content: "\0203A"; font-weight: bold; }
.ui-tooltip { -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; max-width: 300px; padding: 8px; position: absolute; z-index: 9999; font-size: 95%; line-height: 1.2; }
/* component grid fix
============================================== */
.content__block__album__list__item {
box-sizing: border-box;
}
/* Sitemap reassign defaults
============================================== */
ul.content-container__sitemap,
ul.content-container__sitemap ul {
list-style: revert;
padding: revert;
margin: revert;
}
/* Calendar Styling for Sat and Sun
=============================================== */
.fc-sun { background-color: #fff6c;}
.fc-sat { background-color: #fff6c;}
/* Admin bar button icon fix
=============================================== */
#admin_ribbon #admin_ribbons .admin_ribbon_button_img {
vertical-align: revert;
}
/* Column template fix
=============================================== */
.template__columns,
.template__columns__span {
box-sizing: border-box;
}
/* GP Added - Mobile Nav
================== */
@media (max-width: 980px) {
html {
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
}
.ps_mobile-locked {
/* Lock the html element to prevent scrolling. */
position: fixed;
width: 100vw;
height: 100vh;
}
.ps_deemphasise-content {
position: absolute;
top: 0;
right: 0;
z-index: 1102;
width: 0;
height: 0;
opacity: 0;
content: '';
background: #000;
transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}
.ps_modal-open .ps_deemphasise-content {
display: block;
}
@media (max-width: 980px) {
.ps_mobile-locked .ps_deemphasise-content,
.ps_modal-open .ps_deemphasise-content {
width: 100%;
height: 100%;
opacity: 0.5;
transition: opacity 0.3s;
}
}
.visible-small {
display: none!important;
}
.visible-large {
display: block!important;
}
@media (max-width: 980px) {
.visible-small {
display: block!important;
}
.visible-large {
display: none!important;
}
}
/* Navigation
============= */
.responsive-bar {
box-sizing: border-box;
}
.responsive-bar *,
.responsive-bar *::before,
.responsive-bar *::after {
box-sizing: inherit;
}
@media (min-width: 981px) {
.admin-nav {
display: none;
}
}
@media (max-width: 980px) {
.responsive-bar {
position: relative;
display: block;
width: 100%;
height: 4rem;
font-size: 2rem;
line-height: 2;
text-align: center;
box-sizing: border-box;
z-index: 2;
}
.navbar-toggle {
display: block;
top: 0;
left: 0;
z-index: 1;
width: 5.3rem;
height: 100%;
font-style: normal;
color: #747474;
}
.admin-navbar-toggle {
position: relative;
}
.website-navbar-toggle {
position: absolute;
}
.navbar-toggle::before {
display: block;
height: 100%;
top: 0;
left: 0;
box-sizing: border-box;
content: '\e026';
font-family: PrimarySite;
font-size: 2.4rem;
line-height: 1.3;
padding: 5px 16px;
z-index: 10;
}
/* Mobile Navigation */
.mobile-nav {
position: fixed;
width: 300px;
height: 100%;
top: 0;
left: 0;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
transition: transform 0.3s;
transform: translate3d(-100%, 0, 0);
z-index: 1111;
}
.admin-nav {
background: #e6e6e6;
}
.ps_website-nav-open .main-nav,
.ps_admin-nav-open .admin-nav {
transform: translate3d(0, 0, 0);
}
.mobile-nav > ul {
transition: transform 0.3s;
transform: translate3d(0, 0, 0);
}
.mobile-nav h2 {
display: block;
min-height: 30px;
text-align: center;
text-shadow: none;
font-size: 1.6rem;
line-height: 1.6;
padding: 10px 50px 10px 50px;
border-bottom: 1px solid #c8c8c8;
transition: transform 0.3s;
}
.admin-nav h2 {
color: #747474;
}
/* Make sure the arrows aren't on the sitemap. */
.mobile-nav .ps_nav-top-level > a::after,
.ps_mobile-main-nav-ul a:not(:only-child)::after {
position: absolute;
top: 50%;
right: 25px;
content: '\e003';
font-family: PrimarySite;
font-size: 1.4rem;
line-height: 1.6;
transform: translateY(-50%);
}
.ps_mobile-main-nav-ul a:not(:only-child)::after {
color: #747474;
}
.mobile-nav > ul > li > ul {
position: fixed;
width: 100%;
top: -51px;
transition: transform 0.3s;
transform: translate3d(100%, 0, 0);
}
.hide-sub-navigation {
display: none;
}
.mobile-nav .enable-scroll {
position: absolute;
}
.ps_hide-top-level-nav {
transform: translate3d(-100%, 0, 0) !important;
}
/* This will prevent a scroll bar showing if the second level of navigation is smaller in height
than the first level. */
.mobile-nav .ps_hide-top-level-nav > li {
max-height: 0;
transition: max-height 0s 0.3s;
}
.mobile-nav .ps_nav-top-level a {
position: relative;
}
.mobile-nav > ul > li {
max-height: 100%;
transition: max-height 0s 0s;
}
.mobile-nav li:not(.ps_nav-sub-heading) {
line-height: 1.2;
}
.mobile-nav ul a {
font-size: 16px;
line-height: 1.6;
}
.mobile-nav ul a:not(.ps-download-app) {
display: block;
}
.mobile-nav ul a,
.mobile-nav ul ul a {
padding: 9px 55px 9px 25px;
}
.admin-nav ul a,
.admin-nav ul ul a {
padding-left: 60px;
}
.mobile-nav ul ul ul {
display: none;
}
.ps_mobile-main-nav-ul a {
color: #747474!important;
}
.ps_mobile-main-nav-ul a:focus,
.ps_mobile-main-nav-ul a:hover {
color: #747474;
}
.ps_mobile-header-wrapper {
display: block;
min-height: 30px;
transition: all 0.3s;
}
.admin-bar-user-options-home:focus,
.admin-bar-user-options-home:hover {
background: none!important;
}
.close-mobile-nav::before,
.ps_activate-main-nav::before {
position: absolute;
width: 68px;
height: 45px;
font-family: PrimarySite;
font-size: 1.0rem;
line-height: 4.4;
text-align: center;
z-index: 1;
}
.navbar-toggle,
.close-mobile-nav,
.ps_activate-main-nav {
cursor: pointer;
}
.close-mobile-nav::before {
right: 0;
content: '\e00d';
}
.ps_activate-main-nav::before {
left: 0;
content: '\e002';
}
/* For the navigation in the school admin type areas. */
.admin-nav .close-mobile-nav,
.admin-nav .close-mobile-nav,
.admin-nav .ps_activate-main-nav,
.admin-nav .ps_activate-main-nav {
color: #747474;
}
/* For the navigation in the school admin type areas. */
.mobile-nav .close-mobile-nav:focus,
.mobile-nav .close-mobile-nav:hover,
.mobile-nav .ps_activate-main-nav:focus,
.mobile-nav .ps_activate-main-nav:hover {
color: #3097e7;
}
/* Navigation Icons */
.ps_mobile-main-nav-ul a {
position: relative;
}
.ps-admin-nav-link::before {
display: block;
position: absolute;
top: 50%;
height: 16px;
width: 16px;
content: '';
margin-left: -3rem;
background: center / auto 100% no-repeat;
transform: translateY(-50%);
}
.ps-notifications-number:not(:empty) {
top: 8px;
left: 33px;
}
.ps-admin-nav-link-ideas::before {
font-family: FontAwesome;
content: '\f01b';
font-size: 2.0rem;
padding-bottom: 1.4rem;
}
.ps-admin-nav-link-notifications::before {
background-image: url(../images/icons/bell.svg);
}
.ps-admin-nav-link-home::before {
background-image: url(../images/icons/home.1.svg);
}
.ps-admin-nav-link-booking-system::before {
background-image: url(../images/icons/booking.svg);
}
.ps-admin-nav-link-comms-hub::before {
background-image: url(../images/icons/notifications.svg);
}
.ps-admin-nav-link-contacts::before {
background-image: url(../images/icons/address-book.svg);
}
.ps-admin-nav-link-email::before {
background-image: url(../images/icons/envelope.svg);
}
.ps-admin-nav-link-social-media::before {
background-image: url(../images/icons/share.svg);
}
.ps-admin-nav-link-text-messaging::before {
background-image: url(../images/icons/mobile.svg);
}
.ps-admin-nav-link-user-management::before {
background-image: url(../images/icons/users.svg);
}
.ps-admin-nav-link-web-stats::before {
background-image: url(../images/icons/graph.svg);
}
.ps-admin-nav-link-help::before {
background-image: url(../images/icons/help.svg);
}
.ps-admin-nav-link-change-password::before {
background-image: url(../images/icons/key.svg);
}
.ps-admin-nav-link-log-out::before {
background-image: url(../images/icons/logout.svg);
}
.ps-admin-nav-link-faq::before {
background-image: url(../images/icons/question.svg);
}
.ps-admin-nav-link-send::before {
background-image: url(../images/icons/send.svg);
}
.ps-admin-nav-link-sent::before {
background-image: url(../images/icons/envelope.svg);
}
.ps-admin-nav-link-users::before {
background-image: url(../images/icons/users.svg);
}
.ps-admin-nav-link-contacts-groups::before {
background-image: url(../images/icons/group.svg);
}
.ps-admin-nav-link-text-messaging-credits::before,
.ps-admin-nav-link-text-messaging-subscription::before {
background-image: url(../images/icons/money.svg);
}
.ps-admin-nav-link-text-messaging-settings::before {
background-image: url(../images/icons/cog.1.svg);
}
.ps-admin-nav-link-user-management-add::before {
background-image: url(../images/icons/user-add.svg);
}
.ps-admin-nav-link-permissions::before {
background-image: url(../images/icons/eye.svg);
}
.ps-admin-nav-link-stats-visitor-overview::before {
background-image: url(../images/icons/graph.svg);
}
.ps-admin-nav-link-stats-page-titles::before {
background-image: url(../images/icons/pages.svg);
}
.ps-admin-nav-link-stats-visitors-by-time::before {
background-image: url(../images/icons/clock.svg);
}
.ps-admin-nav-link-stats-visitor-locations::before {
background-image: url(../images/icons/location.svg);
}
.ps-admin-nav-link-stats-real-time-map::before {
background-image: url(../images/icons/map.svg);
}
.ps-admin-nav-link-help-category::before {
background-image: url(../images/icons/default.svg);
}
.ps-admin-nav-link-help-quick-start-guides::before {
background-image: url(../images/icons/quick-start-guides.svg);
}
}
@media (max-width: 400px) {
.mobile-nav {
width: calc(100% - 44px);
}
}
/* attachments archive search box fix
============================================== */
.content__attachments__archive__list .content__attachments__list li {
box-sizing: border-box;
}
.content__attachments__archive__search .search__form input {
box-sizing: border-box;
font-size: 1em;
}
.content__attachments__archive__search .search__form__button {
font-size: 1em;
}