@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Nunito Regular'), local('Nunito-Regular'), url(//ced.org.uk/wp-content/themes/ced/fonts/Nunito-400.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Nunito';
font-style: normal;
font-weight: 700;
font-display: swap;
src: local('Nunito Bold'), local('Nunito-Bold'), url(//ced.org.uk/wp-content/themes/ced/fonts/Nunito-700.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {
font-family: 'Font Awesome 5 Brands';
font-style: normal;
font-weight: normal;
font-display: swap;
src: url(//ced.org.uk/wp-content/themes/ced/fonts/fa-brands-400.eot);
src: url(//ced.org.uk/wp-content/themes/ced/fonts/fa-brands-400.eot?#iefix) format( 'embedded-opentype' ), url(//ced.org.uk/wp-content/themes/ced/fonts/fa-brands-400.woff2) format( 'woff2' ), url(//ced.org.uk/wp-content/themes/ced/fonts/fa-brands-400.woff) format( 'woff' ), url(//ced.org.uk/wp-content/themes/ced/fonts/fa-brands-400.ttf) format( 'truetype' ), url(//ced.org.uk/wp-content/themes/ced/fonts/fa-brands-400.svg#fontawesome) format( 'svg' )
}
@font-face {
font-family: 'Font Awesome 5 Free';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(//ced.org.uk/wp-content/themes/ced/fonts/fa-solid-900.eot);
src: url(//ced.org.uk/wp-content/themes/ced/fonts/fa-solid-900.eot?#iefix) format( 'embedded-opentype' ), url(//ced.org.uk/wp-content/themes/ced/fonts/fa-solid-900.woff2) format( 'woff2' ), url(//ced.org.uk/wp-content/themes/ced/fonts/fa-solid-900.woff) format( 'woff' ), url(//ced.org.uk/wp-content/themes/ced/fonts/fa-solid-900.ttf) format( 'truetype' ), url(//ced.org.uk/wp-content/themes/ced/fonts/fa-solid-900.svg#fontawesome) format( 'svg' )
}  .has-blue-color {
color: rgb( 5, 112, 184 ) !important;
}
.has-blue-color a {
border-color: rgba( 5, 112, 184, 0.3 ) !important;
}
.has-83-pc-blue-color {
color: rgb( 47, 136, 196 ) !important;
}
.has-83-pc-blue-color a {
border-color: rgba( 47, 136, 196, 0.3 ) !important;
}
.has-66-pc-blue-color {
color: rgb( 88, 160, 208 ) !important;
}
.has-66-pc-blue-color a {
border-color: rgba( 88, 160, 208, 0.3 ) !important;
}
.has-50-pc-blue-color {
color: rgb( 130, 183, 219 ) !important;
}
.has-50-pc-blue-color a {
border-color: rgba( 130, 183, 219, 0.3 ) !important;
}
.has-33-pc-blue-color {
color: rgb( 172, 207, 231 ) !important;
}
.has-33-pc-blue-color a {
border-color: rgba( 172, 207, 231, 0.3 ) !important;
}
.has-17-pc-blue-color {
color: rgb( 213, 231, 243 ) !important;
}
.has-17-pc-blue-color a {
border-color: rgba( 213, 231, 243, 0.3 ) !important;
}
.has-text-grey-color {
color: rgb( 53, 60, 69 ) !important;
}
.has-text-grey-color a {
border-color: rgba( 53, 60, 69, 0.3 ) !important;
}
.has-white-color {
color: rgb( 255, 255, 255 ) !important;
}
.has-white-color a {
border-color: rgba( 255, 255, 255, 0.3 ) !important;
}
.has-blue-background-color {
background-color: rgb( 5, 112, 184 ) !important;
}
.has-83-pc-blue-background-color {
background-color: rgb( 47, 136, 196 ) !important;
}
.has-66-pc-blue-background-color {
background-color: rgb( 88, 160, 208 ) !important;
}
.has-50-pc-blue-background-color {
background-color: rgb( 130, 183, 219 ) !important;
}
.has-33-pc-blue-background-color {
background-color: rgb( 172, 207, 231 ) !important;
}
.has-17-pc-blue-background-color {
background-color: rgb( 213, 231, 243 ) !important;
}
.has-text-grey-background-color {
background-color: rgb( 53, 60, 69 ) !important;
}
.has-white-background-color {
background-color: rgb( 255, 255, 255 ) !important;
} body {
background: rgb( 88, 160, 208 );
font-family: 'Nunito', Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 1.6;
margin: 0;
padding: 0;
color: rgb( 53, 60, 69 );
}
.inner {
margin: 0 auto;
padding: 0;
}
.show-inline-if-space {
display: none;
} .cookie-message {
background: rgba( 255, 255, 255, 0.3 );
color: white;
font-size: 80%;
text-align: center;
padding: 0.5em;
}
.cookie-message a {
color: white;
border-color: rgb( 255, 255, 255, 0.2 );
}
.cookie-message a:hover {
color: white;
border-color: white;
} .site-header {
min-height: 4em;
}
.site-header .inner {
overflow: hidden;
} .site-logo {
float: left;
width: 20%;
max-width: 140px;
height: auto;
margin-bottom: -3px;
transition: all .5s;
}
.home .site-logo {
width: 30%;
max-width: 210px;
}
.site-logo:hover {
transition: all .2s;
} .nav-links {
float: right;
margin: 14px;
margin-left: 0;
}
.nav-link {
display: inline-block;
padding: 0.4em 0;
margin: 0 0.2em;
color: rgba( 255, 255, 255, 0.7 );
border: none;
font-weight: normal;
}
.nav-link:hover {
color: white;
border: none;
transition: all .2s;
}
.log-in-link::before {
content: '\f007';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 0.5em;
}
.log-out-link::before {
content: '\f2f5';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 0.5em;
}
.menu-link::before {
content: '\f0c9';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 0.5em;
}
.menu-link.menu-open::before {
content: '\f077';
}
.home-link::before {
content: '\f015';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 0.5em;
} .header-menu {
clear: both;
display: none;
}
.header-menu ul {
margin: 0;
padding: 18px 0 0;
}
.header-menu li {
display: block;
position: relative;
list-style-type: none;
}
.header-menu a {
display: block;
padding: 0.6em 0.8em;
margin: 0 0.4em;
color: rgba( 255, 255, 255, 0.7 );
font-weight: 400;
text-decoration: none;
border-bottom: 2px solid transparent;
transition: all .5s;
}
.header-menu .current_page_item > a {
color: white;
border-color: white;
}
.header-menu a:hover {
color: white;
border-color: white;
transition: all .2s;
} .header-menu .sub-menu {
display: none;
} .site-intro {
margin: 0.8em 1em;
clear: both;
}
.site-description {
margin-bottom: 0.2em;
} .newsflash {
background: rgb( 5, 112, 184 );
color: white;
border-top: 1px solid rgb( 88, 160, 208 );
text-align: center;
transition: all 500ms;
}
.newsflash:hover {
background: rgb( 47, 136, 196 );
transition: all 200ms;
}
.newsflash a {
display: block;
padding: 0.8em 1.2em;
color: rgb( 213, 231, 243 );
}
.newsflash a:hover {
color: white;
border-bottom-color: transparent;
}
.latest-news {
display: inline-block;
background: rgb( 213, 231, 243 );
padding: 0.2em 0.4em;
color: rgb( 5, 112, 184 );
margin-right: 0.5em;
}
.latest-news-headline {
display: inline-block;
padding: 0.4em 0.8em;
} .appeal {
border: 4px solid rgb( 5, 112, 184 );
background: white;
margin: 1rem;
overflow: hidden;
border-radius: 1rem;
}
.appeal::before {
content: 'Appeal';
background: rgb( 5, 112, 184 );
color: white;
padding: 0.2em 0.6em;
display: inline-block;
font-size: 160%;
border-bottom-right-radius: 1rem;
}
.appeal h2 {
display: block;
clear: none;
line-height: 1.2;
padding: 0.8rem 1rem;
margin-bottom: 0;
font-size: 180%;
}
.appeal p {
margin-top: 0;
margin-bottom: 0.5rem;
padding: 0.8rem 1rem;
}
.appeal img {
display: block;
object-fit: cover;
}
.whole-clickable:hover {
cursor: pointer;
background: rgb( 213, 231, 243 );
}
.whole-clickable:focus,
.whole-clickable:active {
box-shadow: 0 0 0 4px gold;
} .main > .inner {
padding-top: 16px;
background-color: rgb(242, 248, 252);
border-top: 0.2em solid rgb( 5, 112, 184 );
border-bottom: 0.2em solid rgb( 5, 112, 184 );
box-sizing: border-box;
}
.content {
padding: 1em;
overflow: hidden;
clear: both;
}
article {
clear: none;
padding: 0 0 1em;
} .sub-pages {
margin: 1em;
}
.sub-pages ul {
list-style-type: none;
margin: 0 0 30px 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
.sub-page {
width: 46%;
margin-bottom: 2em;
}
.sub-page a {
display: block;
height: 100%;
}
.sub-page-title {
line-height: 1.2;
margin: 0;
}
.sub-page img {
width: 100%;
height: auto;
margin-bottom: 0.3em;
}
.sub-page .page-excerpt {
display: block;
font-size: 90%;
line-height: 1.4;
font-weight: normal;
color: rgb( 53, 60, 69 );
margin-top: 0.5em;
margin-bottom: 0.5em;
} .large-sub-pages {
margin: 0 1em;
}
.large-sub-pages ul {
list-style-type: none;
margin: 0 0 1em !important;
padding-left: 0;
}
.large-sub-page {
border-bottom: 2px solid rgb( 213, 231, 243 );
margin-bottom: 2em;
padding-bottom: 1em;
}
.large-sub-page:last-child {
border-bottom: none;
margin-bottom: 0;
}
.large-sub-page a {
display: block;
height: 100%;
border: none;
}
.large-sub-page-title {
font-size: 120%;
line-height: 1.2;
margin: 0;
}
.large-sub-page img {
margin-bottom: 0.8em;
}
.large-sub-page .page-excerpt {
display: block;
font-weight: normal;
color: rgb( 53, 60, 69 );
margin-top: 1em;
margin-bottom: 1em;
} .facebook-widget {
margin-bottom: 40px;
}
.type-post h3 {
clear: none;
}
.news-featured-image {
float: right;
width: 40%;
height: auto;
margin-left: 40px;
} .member-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.member-list .member {
width: 45%;
border: 1px solid #ccc;
margin-bottom: 30px;
padding: 20px;
overflow: hidden;
}
.member-list .member img {
float: left;
margin-right: 20px;
margin-bottom: 20px;
}
.member-list .member h3 {
clear: none;
}
.member-list .member h4 {
margin-top: 0.1em;
}
.member-list .member span {
font-weight: 400;
}
.member-list .member p {
clear: both;
}
.member-list .your-profile {
display: block;
padding: 10px;
background: #c4deee;
margin-bottom: 15px;
}
.skills-filter {
width: 100%;
} .page-slideshow {
position: relative;
width: 100%;
height: 56.25vw; margin: 0;
color: #999;
overflow: hidden;
}
.page-slideshow .slide {
background: #eee;
position: absolute;
top: 0;
left: 0;
z-index: 8;
opacity: 0;
width: 100%;
height: 56.25vw; }
.page-slideshow .slide img {
width: 100%;
height: 56.25vw; }
.page-slideshow .slide.active {
z-index: 10;
opacity: 1;
}
.page-slideshow .slide.last-active {
z-index: 9;
}
.page-slideshow .slide-image {
float: left;
width: 100%;
height: auto;
min-height: 100%;
}
.page-slideshow .slide-caption {
position: absolute;
bottom: 3%;
left: 2%;
width: 90%;
background: rgba( 255, 255, 255, 0.85 );
color: #333;
padding: 1% 3%;
}
.slideshow-back {
position: absolute;
top: 35%;
left: 0;
z-index: 99;
border: none;
}
.slideshow-back::after {
content: '\f053';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 200%;
padding: 0 0.2em;
color: white;
text-shadow: 0 0 15px black;
}
.slideshow-back:hover {
background: rgb( 88, 160, 208 );
}
.slideshow-back:hover::after {
text-shadow: none;
}
.slideshow-next {
position: absolute;
top: 35%;
right: 0;
z-index: 99;
border: none;
}
.slideshow-next::after {
content: '\f054';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 200%;
padding: 0 0.2em;
color: white;
text-shadow: 0 0 15px black;
}
.slideshow-next:hover {
background: rgb( 88, 160, 208 );
}
.slideshow-next:hover::after {
text-shadow: none;
} p {
margin: 0 0 0.7em 0;
}
h1,
h2,
h3 {
font-weight: normal;
color: rgb( 88, 160, 208 );
margin: 0.2em 0 0.8em;
padding: 0;
display: block;
}
h1 {
clear: both;
font-size: 160%;
font-weight: bold;
}
h2 {
font-size: 140%;
}
h3 {
font-size: 120%;
}
h1:first-child,
h2:first-child,
h3:first-child {
margin-top: 0;
}
hr {
border: 0;
border-bottom: 1px solid #ccc;
} a {
font-weight: bold;
color: rgb( 5, 112, 184 );
border-bottom: 1px solid rgba( 5, 112, 184, 0.2 );
text-decoration: none;
transition: all 500ms;
}
a:hover {
color: rgb( 88, 160, 208 );
text-decoration: none;
border-color: rgb( 88, 160, 208 );
transition: all 200ms;
}
a:active {
background: rgba( 5, 112, 184, 0.1 );
border-color: rgb( 35, 143, 216 );
text-decoration: none;
}
a.button,
input[type="submit"],
.wp-block-button__link {
display: inline-block;
background: white;
color: rgb( 5, 112, 184 );
border: 2px solid rgb( 5, 112, 184 );
border-radius: 0.4em;
padding: 0.4em 0.8em;
margin: 0;
font-size: inherit;
line-height: inherit;
height: inherit;
-webkit-appearance: none;
text-decoration: none;
}
.wp-block-button__link:visited {
color: rgb( 5, 112, 184 );
}
a.button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
cursor: pointer;
background: rgb( 213, 231, 243 );
border: 2px solid rgb( 5, 112, 184 );
color: rgb( 5, 112, 184 );
text-decoration: none;
}
a.button:active,
input[type="submit"]:active,
.wp-block-button__link:active {
opacity: 0.5;
}
a.parent-link {
display: inline-block;
position: relative;
margin-top: 0;
margin-left: 1em;
margin-bottom: 1em;
}
a.parent-link::before {
content: '\f060';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
font-size: 90%;
margin-right: 0.5em;
}
a[target="_blank"]::after {
content: '\f35d';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-left: 0.5em;
font-size: 65%;
position: relative;
top: -0.1em;
opacity: 0.5;
}
a.document-link::before {
content: '\f15b';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 0.5em;
} .wp-block-button {
margin: 1em 0 !important;
} .tip {
position: relative;
background: rgb( 213, 231, 243 ) !important;
color: rgb( 5, 112, 184 ) !important;
padding: 0.3em 0.6em;
border-radius: 0.2em;
}
.tip::before {
content: '\f05a';
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-right: 0.5em;
}
.meta {
font-size: 80%;
opacity: 0.7;
} .dropbox-link::before {
content: '\f16b';
font-family: 'Font Awesome 5 Brands';
margin-right: 0.5em;
}
.flickr-link::before {
content: '\f16e';
font-family: 'Font Awesome 5 Brands';
margin-right: 0.5em;
} .social-buttons {
float: right;
}
.social-buttons a {
display: inline-block;
border: none;
margin-bottom: 1em;
}
.social-buttons a.facebook-button {
color: #3c599b;
}
.social-buttons a.facebook-button:hover {
color: #5573b7;
}
.social-buttons a.twitter-button {
color: #55acee;
}
.social-buttons a.twitter-button:hover {
color: #55acee;
}
.facebook-button::before {
content: '\f082';
font-family: 'Font Awesome 5 Brands';
margin-right: 0.5em;
}
.twitter-button::before {
content: '\f099';
font-family: 'Font Awesome 5 Brands';
margin-right: 0.5em;
} table {
width: 100%;
margin-top: 10px;
border-color: white;
}
td,
th {
color: #555;
line-height: 170%;
vertical-align: top;
background: #edf3f7;
padding: 5px 10px;
border-color: white;
}
th {
background: #4e8cae;
color: white;
font-weight: bold;
text-align: left;
} figure {
margin: 1em 0;
}
img {
border: 0px;
max-width: 100%;
height: auto;
}
.alignleft,
.alignright {
float: none;
width: 100%;
max-width: 100%;
height: auto;
}
.alignleft img,
.alignright img {
width: 100%;
}
img.size-large {
width: 100%;
height: auto;
}
.wp-caption-text {
opacity: 0.6;
margin-bottom: 1em;
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
box-sizing: border-box;
}
.blocks-gallery-caption, .wp-block-embed figcaption, .wp-block-image figcaption {
width: 100%;
margin-bottom: 1.5em;
} iframe {
width: 960px;
height: 540px;
} ul.wp-block-latest-posts {
margin: 0 0 1em;
overflow: hidden;
padding-bottom: 2em;
border-bottom: 2px solid rgb( 213, 231, 243 );
margin-bottom: 2em;
}
.wp-block-latest-posts__featured-image.alignright {
margin-left: 0;
}
.wp-block-latest-posts__featured-image img {
width: 100%;
height: 56.25vw;
object-fit: cover;
} footer {
padding: 1em;
}
.footer-logo {
float: left;
width: 20%;
max-width: 93px;
height: auto;
margin-right: 1em;
margin-bottom: 1em;
}
.home-page-excerpt {
color: white;
font-size: 90%;
margin-bottom: 0.4em;
max-width: 50em;
}
.credits {
clear: both;
color: rgba( 255, 255, 255, 0.7 );
font-size: 75%;
}
.credits a {
color: white;
border-color: rgba( 255, 255, 255, 0.2 );
}
.credits a:hover {
border-color: white;
} .footer-menu ul {
margin: 0;
padding: 0;
}
.footer-menu li {
display: inline-block;
list-style-type: none;
}
.footer-menu a {
display: block;
padding: 0.4em 0;
margin: 0 0.4em;
color: rgba( 255, 255, 255, 0.7 );
font-size: 85%;
font-weight: 400;
text-decoration: none;
border-bottom: 2px solid transparent;
transition: all .5s;
}
.footer-menu a:hover {
color: white;
border-color: white;
transition: all .2s;
} @media screen and (min-width: 600px) { .site-logo {
margin-right: 1em;
margin-bottom: 0;
}
.site-intro {
clear: none;
margin-top: 0;
margin-bottom: 0;
}
.site-header .inner {
overflow: inherit;
}
a.parent-link {
margin-top: 0.5em;
}
}
@media screen and (min-width: 768px) {
body,
p {
font-size: 17px;
}
a.parent-link {
margin-left: 0;
} .menu-link {
display: none;
}
.header-menu {
display: inline-block;
}
.header-menu > ul > li {
display: inline-block;
}
.header-menu a {
padding: 0.4em 0;
}
.header-menu > ul {
margin-left: -0.4em;
margin-top: 14px;
margin-bottom: 0;
margin-right: 0;
} .header-menu li.menu-item-has-children:hover {
background: rgb( 88, 160, 208 );
}
.header-menu .sub-menu {
padding-top: 0;
background: rgb( 88, 160, 208 );
transition: all .5s;
}
.header-menu li:hover .sub-menu {
display: block;
position: absolute;
top: 2.2em;
left: 0;
width: 22em;
transition: all .2s;
}
.header-menu .sub-menu a {
padding-left: 0.8em;
font-size: 90%;
} .slideshow-back {
top: 40%;
}
.slideshow-back::after {
font-size: 300%;
}
.slideshow-next {
top: 40%;
}
.slideshow-next::after {
font-size: 300%;
} .appeal {
display: flex;
align-items: stretch;
justify-content: space-between;
}
.appeal::before {
border-bottom-right-radius: 0;
}
.appeal img {
float: right;
margin-left: 2em;
width: 40%;
} .sub-page {
width: 31%;
} .large-sub-pages ul {
margin: 0 0 1em;
}
.large-sub-page {
overflow: hidden;
padding-bottom: 2em;
}
.large-sub-page a:not(.button) {
border-bottom: none;
}
.large-sub-page img {
float: right;
width: 50%;
height: auto;
margin-left: 5%;
margin-bottom: 0;
}
.large-sub-page:nth-child(2n) img {
float: left;
margin-left: 0;
margin-right: 5%;
} .wp-block-latest-posts__featured-image {
width: 50%;
}
.wp-block-latest-posts__featured-image.alignright img {
width: 100%;
height: 200px;
object-fit: cover;
} .alignleft {
float: left;
width: auto;
max-width: 60%;
height: auto;
margin-right: 60px;
margin-bottom: 40px;
}
.alignright {
float: right;
width: auto;
max-width: 60%;
height: auto;
margin-left: 60px;
margin-bottom: 40px;
}
}
@media screen and (min-width: 1024px) { .show-inline-if-space {
display: inline;
} .site-intro {
margin-top: 0.5em;
} .site-logo {
margin-right: 2em;
}
} @media screen and (min-width: 1240px) { .inner {
width: 1200px;
} .site-header {
padding-top: 2em;
} .nav-links {
margin-right: 0;
} .page-slideshow,
.page-slideshow .slide,
.page-slideshow .slide img {
height: 675px; } .content {
padding: 24px 180px;
} footer {
padding-left: 0;
padding-right: 0;
} .sub-pages {
margin: 1em 3em;
} .large-sub-pages {
margin: 0 180px;
}
} @media print {
body {
font-size: 14pt;
margin: 2cm;
}
.nav-links,
.header-menu,
.footer-menu,
.social-buttons {
display: none;
}
.main .inner {
border: none;
}
.site-intro,
.content,
footer {
margin: 0;
padding: 0;
}
}