@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-10px);
}
60% {
transform: translateY(-5px);
}
}
.single-code_request .contentWrapper form {
margin-bottom: 3rem !important;
}
.search-filter-component-combobox-base__listbox {
cursor: pointer !important;
}
.search-filter-component-combobox-base__listbox li {
cursor: pointer !important;
}
.form-disabled {
pointer-events: none !important;
opacity: 0.95 !important;
}
.page-id-39442 .primWrap {
margin-top: 2em !important;
}
.page-id-39466 .wp-block-lazyblock-submit-a-code-request-button {
margin-top: 2em !important;
} @keyframes badgePulse {
0% {
box-shadow: 0 0 0 0 rgba(255, 107, 107, 0.7);
}
70% {
box-shadow: 0 0 0 10px rgba(255, 107, 107, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 107, 107, 0);
}
}
.status-readonly + .select2-container {
pointer-events: none;
opacity: 0.95;
background: #f5f5f5;
}    h1 {
font-size: 52px;
line-height: 1.1em;
letter-spacing: 2px;
font-weight: 500;
}
@media only screen and (max-width: 1100px) {
h1 {
font-size: 45px;
}
}
@media only screen and (max-width: 750px) {
h1 {
font-size: 34px;
}
}
h2 {
font-size: 42px;
line-height: 1.1em;
letter-spacing: 1.8px;
font-weight: 500;
}
@media only screen and (max-width: 1100px) {
h2 {
font-size: 38px;
}
}
@media only screen and (max-width: 750px) {
h2 {
font-size: 30px;
}
}
h3 {
font-size: 30px;
line-height: 1.1em;
font-weight: 500;
}
@media only screen and (max-width: 1100px) {
h3 {
font-size: 26px;
}
}
@media only screen and (max-width: 750px) {
h3 {
font-size: 22px;
}
}
h4 {
font-size: 22px;
line-height: 1.1em;
font-weight: 500;
}
@media only screen and (max-width: 1100px) {
h4 {
font-size: 20px;
}
}
@media only screen and (max-width: 750px) {
h4 {
font-size: 20px;
}
}
h5 {
font-size: 22px;
line-height: 1.1em;
font-weight: 500;
}
@media only screen and (max-width: 1100px) {
h5 {
font-size: 20px;
}
}
@media only screen and (max-width: 750px) {
h5 {
font-size: 18px;
}
}
p {
font-size: 16px;
color: #14374A;
}
@media only screen and (max-width: 750px) {
p {
font-size: 14px;
}
} * {
margin: 0;
padding: 0;
box-sizing: border-box;
} h1, h2, h3, h4, h5, h6, p, ul, ol, li, blockquote, figcaption, a, label, button, [class*="select2"], textarea, input, span, .code-display, td, tr, th, div, .role-select {
font-family: "DM Sans", sans-serif !important;
}
.role-select {
font-size: 16px;
}
.wp-block-buttons, a, p {
margin: 0 !important;
}
.gform-theme--foundation .gfield .ginput_password.medium, .gform-theme--foundation .gfield input.medium, .gform-theme--foundation .gfield select.medium {
inline-size: 100% !important;
}
.page-id-38951 .member_submitting_request {
display: none !important;
}
.wp-block-lazyblock-submit-a-code-request-button {
margin: 0 !important;
}
.reveal {
position: relative;
transform: translateY(150px);
opacity: 0;
transition: 1s all ease;
}
.mepr-guest-layout .mepro-login-widget {
display: none !important;
}
.w500 {
font-weight: 500;
}
.reveal.active {
transform: translateY(0);
opacity: 1;
transition: 1s all ease;
}
.contentWrapper {
max-width: 1300px;
margin: 0 auto !important;
padding-top: 40px !important;
padding-bottom: 40px !important;
display: flex;
gap: 75px;
}
@media only screen and (max-width: 1340px) {
.contentWrapper {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.contentWrapper {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.contentWrapper {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.contentWrapper {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
}
.contentWrapper h1, .contentWrapper h2, .contentWrapper h3, .contentWrapper h4, .contentWrapper h5, .contentWrapper h6, .contentWrapper p, .contentWrapper blockquote, .contentWrapper pre, .contentWrapper a, .contentWrapper abbr, .contentWrapper acronym, .contentWrapper address, .contentWrapper big, .contentWrapper cite, .contentWrapper code, .contentWrapper del, .contentWrapper dfn, .contentWrapper em, .contentWrapper img, .contentWrapper ins, .contentWrapper kbd, .contentWrapper q, .contentWrapper s, .contentWrapper samp, .contentWrapper small, .contentWrapper strike, .contentWrapper strong, .contentWrapper sub, .contentWrapper sup, .contentWrapper tt, .contentWrapper var, .contentWrapper b, .contentWrapper u, .contentWrapper i, .contentWrapper center, .contentWrapper dl, .contentWrapper dt, .contentWrapper dd, .contentWrapper ol, .contentWrapper ul, .contentWrapper li, .contentWrapper fieldset, .contentWrapper form, .contentWrapper label, .contentWrapper legend, .contentWrapper table, .contentWrapper caption, .contentWrapper tbody, .contentWrapper tfoot, .contentWrapper thead, .contentWrapper tr, .contentWrapper th, .contentWrapper td, .contentWrapper article, .contentWrapper aside, .contentWrapper canvas, .contentWrapper details, .contentWrapper figure, .contentWrapper figcaption, .contentWrapper footer, .contentWrapper header, .contentWrapper menu, .contentWrapper nav, .contentWrapper output, .contentWrapper section, .contentWrapper summary, .contentWrapper time, .contentWrapper mark, .contentWrapper audio, .contentWrapper video {
color: #14374A;
margin-bottom: 18px !important;
}
.contentWrapper h2 {
font-size: 26px;
font-weight: 500;
letter-spacing: 0 !important;
}
@media only screen and (max-width: 1100px) {
.contentWrapper h2 {
font-size: 25px;
}
}
@media only screen and (max-width: 750px) {
.contentWrapper h2 {
font-size: 24px;
}
}
.contentWrapper h3 {
font-size: 24px;
font-weight: 500;
letter-spacing: 0 !important;
}
@media only screen and (max-width: 1100px) {
.contentWrapper h3 {
font-size: 23px;
}
}
@media only screen and (max-width: 750px) {
.contentWrapper h3 {
font-size: 22px;
}
}
.contentWrapper h4 {
font-size: 22px;
font-weight: 500;
letter-spacing: 0 !important;
}
@media only screen and (max-width: 1100px) {
.contentWrapper h4 {
font-size: 20px;
}
}
@media only screen and (max-width: 750px) {
.contentWrapper h4 {
font-size: 18px;
}
}
.contentWrapper h5 {
font-size: 20px;
font-weight: 500;
letter-spacing: 0 !important;
}
@media only screen and (max-width: 1100px) {
.contentWrapper h5 {
font-size: 18px;
}
}
@media only screen and (max-width: 750px) {
.contentWrapper h5 {
font-size: 16px;
}
}
@media only screen and (max-width: 750px) {
.contentWrapper {
flex-direction: column;
gap: 24px;
}
}
.contentWrapper .col1 {
width: 70%;
}
@media only screen and (max-width: 750px) {
.contentWrapper .col1 {
width: 100%;
}
}
.contentWrapper .col2 {
width: 30%;
}
@media only screen and (max-width: 750px) {
.contentWrapper .col2 {
width: 100%;
}
}
.page-id-14110 .primWrap {
margin-bottom: 0px !important;
}
.faqItem {
margin-bottom: 12px !important;
}
.groupThem {
background-color: #f5f5f5;
border-radius: 10px !important;
padding: 30px;
}
.primWrap {
background-color: #14374A;
padding: 30px;
border-radius: 10px !important;
color: #ffffff !important;
}
.contentWrapperInPage {
max-width: 1300px;
margin: 0 auto !important;
padding-top: 40px !important;
padding-bottom: 40px !important;
display: flex;
gap: 75px;
}
@media only screen and (max-width: 1340px) {
.contentWrapperInPage {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.contentWrapperInPage {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.contentWrapperInPage {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.contentWrapperInPage {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
}
@media only screen and (max-width: 750px) {
.contentWrapperInPage {
flex-direction: column;
gap: 24px;
}
}
.contentWrapperInPage h2 {
font-size: 26px;
font-weight: 500;
letter-spacing: 0 !important;
}
@media only screen and (max-width: 1100px) {
.contentWrapperInPage h2 {
font-size: 25px;
}
}
@media only screen and (max-width: 750px) {
.contentWrapperInPage h2 {
font-size: 24px;
}
}
.contentWrapperInPage h3 {
font-size: 24px;
font-weight: 500;
letter-spacing: 0 !important;
}
@media only screen and (max-width: 1100px) {
.contentWrapperInPage h3 {
font-size: 23px;
}
}
@media only screen and (max-width: 750px) {
.contentWrapperInPage h3 {
font-size: 22px;
}
}
.contentWrapperInPage h4 {
font-size: 22px;
font-weight: 500;
letter-spacing: 0 !important;
}
@media only screen and (max-width: 1100px) {
.contentWrapperInPage h4 {
font-size: 20px;
}
}
@media only screen and (max-width: 750px) {
.contentWrapperInPage h4 {
font-size: 18px;
}
}
.contentWrapperInPage h5 {
font-size: 20px;
font-weight: 500;
letter-spacing: 0 !important;
}
@media only screen and (max-width: 1100px) {
.contentWrapperInPage h5 {
font-size: 18px;
}
}
@media only screen and (max-width: 750px) {
.contentWrapperInPage h5 {
font-size: 16px;
}
}
.contentWrapperInPage h1, .contentWrapperInPage h2, .contentWrapperInPage h3, .contentWrapperInPage h4, .contentWrapperInPage h5, .contentWrapperInPage h6, .contentWrapperInPage p, .contentWrapperInPage blockquote, .contentWrapperInPage pre, .contentWrapperInPage a, .contentWrapperInPage abbr, .contentWrapperInPage acronym, .contentWrapperInPage address, .contentWrapperInPage big, .contentWrapperInPage cite, .contentWrapperInPage code, .contentWrapperInPage del, .contentWrapperInPage dfn, .contentWrapperInPage em, .contentWrapperInPage img, .contentWrapperInPage ins, .contentWrapperInPage kbd, .contentWrapperInPage q, .contentWrapperInPage s, .contentWrapperInPage samp, .contentWrapperInPage small, .contentWrapperInPage strike, .contentWrapperInPage strong, .contentWrapperInPage sub, .contentWrapperInPage sup, .contentWrapperInPage tt, .contentWrapperInPage var, .contentWrapperInPage b, .contentWrapperInPage u, .contentWrapperInPage i, .contentWrapperInPage center, .contentWrapperInPage dl, .contentWrapperInPage dt, .contentWrapperInPage dd, .contentWrapperInPage ol, .contentWrapperInPage ul, .contentWrapperInPage li, .contentWrapperInPage fieldset, .contentWrapperInPage form, .contentWrapperInPage label, .contentWrapperInPage legend, .contentWrapperInPage table, .contentWrapperInPage caption, .contentWrapperInPage tbody, .contentWrapperInPage tfoot, .contentWrapperInPage thead, .contentWrapperInPage tr, .contentWrapperInPage th, .contentWrapperInPage td, .contentWrapperInPage article, .contentWrapperInPage aside, .contentWrapperInPage canvas, .contentWrapperInPage details, .contentWrapperInPage figure, .contentWrapperInPage figcaption, .contentWrapperInPage footer, .contentWrapperInPage header, .contentWrapperInPage menu, .contentWrapperInPage nav, .contentWrapperInPage output, .contentWrapperInPage section, .contentWrapperInPage summary, .contentWrapperInPage time, .contentWrapperInPage mark, .contentWrapperInPage audio, .contentWrapperInPage video, .contentWrapperInPage [class*="select2"] {
color: #14374A;
margin-bottom: 18px !important;
}
.contentWrapperInPage ul li {
color: #14374A;
margin-top: 4px !important;
font-weight: 300;
}
.contentWrapperInPage ul {
padding-left: 25px;
}
.contentWrapperInPage a:not(.wp-element-button) {
text-decoration: underline;
color: #14374A;
font-weight: 500;
}
.contentWrapperInPage a:not(.wp-element-button):hover {
color: #FDB450;
}
.contentWrapperInPage .col1 {
width: 70%;
}
@media only screen and (max-width: 750px) {
.contentWrapperInPage .col1 {
width: 100%;
}
}
.contentWrapperInPage .col2 {
width: 30%;
margin-top: 0px !important;
}
@media only screen and (max-width: 750px) {
.contentWrapperInPage .col2 {
width: 100%;
}
}
.page-id-13825 header, .page-id-39900 header, .page-id-39903 header, .page-id-39904 header, .page-id-39905 header, .page-id-39906 header, .page-id-39908 header, .page-id-39909 header, .page-id-39910 header, .page-id-39919 header, .page-id-39924 header, .page-id-39927 header, .page-id-39907 header, .page-id-39955 header, .page-id-40326 header, .page-id-40383 header, .page-id-40389 header, .page-id-40390 header, .page-id-40411 header, .page-id-40573 header {
display: none !important;
}
.page-id-13825 .tableFull .tableContainer, .page-id-39900 .tableFull .tableContainer, .page-id-39903 .tableFull .tableContainer, .page-id-39904 .tableFull .tableContainer, .page-id-39905 .tableFull .tableContainer, .page-id-39906 .tableFull .tableContainer, .page-id-39908 .tableFull .tableContainer, .page-id-39909 .tableFull .tableContainer, .page-id-39910 .tableFull .tableContainer, .page-id-39919 .tableFull .tableContainer, .page-id-39924 .tableFull .tableContainer, .page-id-39927 .tableFull .tableContainer, .page-id-39907 .tableFull .tableContainer, .page-id-39955 .tableFull .tableContainer, .page-id-40326 .tableFull .tableContainer, .page-id-40383 .tableFull .tableContainer, .page-id-40389 .tableFull .tableContainer, .page-id-40390 .tableFull .tableContainer, .page-id-40411 .tableFull .tableContainer, .page-id-40573 .tableFull .tableContainer {
z-index: initial !important;
}
@media only screen and (max-width: 750px) {
#wpadminbar {
display: none !important;
}
html {
margin-top: 0 !important;
}
}
.gsection_title {
color: #14374A !important;
font-size: 24px;
font-weight: 300;
font-weight: 500;
margin-top: 24px !important;
}
@media only screen and (max-width: 1100px) {
.gsection_title {
font-size: 20px;
}
}
@media only screen and (max-width: 750px) {
.gsection_title {
font-size: 18px;
}
}
.gform_confirmation_message {
color: #14374A;
font-size: 16px !important;
font-weight: 500 !important;
}
@media only screen and (max-width: 750px) {
.gform_confirmation_message {
font-size: 14px !important;
}
}
.gform_heading, .gform_validation_errors {
display: none !important;
}
#gform_wrapper_3 .gfield--type-section {
display: none !important;
}
form {
width: 100%;
}
.wp-block-lazyblock-contact-us {
margin-top: 0px !important;
}
.wp-block-lazyblock-contact-us .topText {
display: flex;
flex-direction: column;
margin-bottom: 24px;
}
.wp-block-lazyblock-contact-us .topText p {
font-weight: 500;
}
.gform_fields {
row-gap: 15px !important;
}
.validation_message {
color: #14374A !important;
}
.gfield--type-html {
display: flex;
flex-direction: column;
gap: 18px;
}
.gfield--type-html p {
color: #14374A !important;
}
.gfield--type-html a {
text-decoration: none;
color: #14374A !important;
font-weight: 500;
}
.gfield--type-html a:hover {
text-decoration: underline;
}
.gform_button {
background-color: #14374A !important;
}
.mepr-form input.invalid {
background-color: #ffffff !important;
border: 2px solid #14374A !important;
}
.mepr-newpassword-form {
max-width: 700px;
}
.mepr-newpassword-form label {
color: #14374A !important;
}
.mepr-newpassword-form .mepr-submit {
background-color: #14374A !important;
color: #ffffff !important;
width: fit-content !important;
margin-bottom: 1rem;
border-radius: 20px !important;
padding: 0px 25px !important;
}
.mepr-newpassword-form .mepr-submit:hover {
cursor: pointer;
background-color: transparent !important;
border: 1px solid #14374A !important;
color: #14374A !important;
}
.mepr-newpassword-form a {
color: #14374A;
font-weight: 500;
}
.mepr-newpassword-form input {
width: 100% !important;
height: 40px;
padding: 8px !important;
border: 1px solid #14374A !important;
border-radius: 4px;
transition: all 0.3s ease;
font-size: 16px !important;
position: relative;
color: #14374A;
}
.mepr-newpassword-form span {
font-family: dashicons !important;
}
.mepr-newpassword-form .mepr-form-has-errors {
font-family: "DM Sans", sans-serif !important;
}
.gform-body label, .gform-body legend {
display: block !important;
color: #14374A !important;
font-size: 16px !important;
font-weight: 500 !important;
margin-bottom: 5px !important;
}
.gform-body input[type="text"], .gform-body input[type="number"], .gform-body input[type="date"], .gform-body textarea, .gform-body select, .gform-body .select2-container .select2-selection--single {
width: 100%;
height: 40px;
padding: 8px;
border: 1px solid #14374A;
border-radius: 4px;
transition: all 0.3s ease;
font-size: 16px;
position: relative;
color: #14374A;
}
.gform-body input[type="text"]:focus, .gform-body input[type="number"]:focus, .gform-body input[type="date"]:focus, .gform-body textarea:focus, .gform-body select:focus, .gform-body .select2-container .select2-selection--single:focus {
outline: none;
border-color: #14374A;
box-shadow: 0 0 0 2px rgba(20, 55, 74, 0.1);
}
.gform-body input[type="text"]:hover, .gform-body input[type="number"]:hover, .gform-body input[type="date"]:hover, .gform-body textarea:hover, .gform-body select:hover, .gform-body .select2-container .select2-selection--single:hover {
border-color: #14374A;
}
.gform-body textarea {
min-height: 100px;
height: auto;
font-size: 16px;
}
#input_3_1_3_container label {
display: none !important;
} .dashboard-container.sidebar-open {
position: relative;
overflow: hidden;
}
.dashboard-container {
display: flex;
min-height: 100vh;
position: relative;
max-width: 100%;
}
.dashboard-container .sidebar-toggle-floating {
display: none;
}
.dashboard-container .sidebar.collapsed ~ .sidebar-toggle-floating {
display: block;
}
@media only screen and (max-width: 1355px) {
.dashboard-container.sidebar-open::after {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
}
@media only screen and (max-width: 1355px) {
.dashboard-container::after {
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 995 !important;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease;
pointer-events: none;
}
}
.dashboard-container .sidebar {
width: 300px;
background-color: #0A2A3B;
position: absolute;
height: 100%;
left: 0;
top: 0;
z-index: 999 !important;
transition: transform 0.3s ease;
display: flex;
flex-direction: column;
overflow-y: auto;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none; scrollbar-width: none; padding-bottom: 6rem;
}
.dashboard-container .sidebar > *:not(.sidebar-toggle) {
transition: opacity 0.2s ease;
}
.dashboard-container .sidebar::-webkit-scrollbar {
display: none;
}
@media only screen and (max-width: 1355px) {
.dashboard-container .sidebar {
transform: translateX(-230px);
z-index: 1000;
}
.dashboard-container .sidebar.active {
transform: translateX(0) !important;
}
}
.dashboard-container .sidebar.active > *:not(.sidebar-toggle) {
opacity: 1 !important;
}
.dashboard-container .sidebar.collapsed {
transform: translateX(-250px);
}
.dashboard-container .sidebar.collapsed > *:not(.sidebar-toggle) {
opacity: 0;
}
.dashboard-container .sidebar.collapsed .sidebar-toggle .toggle-arrow {
transform: rotate(180deg);
}
.dashboard-container .sidebar .logo-container {
height: 120px;
padding: 1rem;
}
.dashboard-container .sidebar .logo-container img {
width: 150px;
height: auto;
}
.dashboard-container .sidebar .sidebar-toggle {
margin-top: auto;
padding: 1rem;
color: #ffffff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: flex-end;
background-color: #0A2A3B;
position: relative;
width: 100%;
overflow: hidden;
}
.dashboard-container .sidebar .sidebar-toggle::before {
content: "";
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.1);
transform: translateX(100%);
transition: transform 0.3s ease;
z-index: 1;
}
.dashboard-container .sidebar .sidebar-toggle .toggle-arrow {
width: 20px;
height: 20px;
position: relative;
transition: transform 0.3s ease;
z-index: 2;
}
.dashboard-container .sidebar .sidebar-toggle .toggle-arrow::after {
content: "<<";
position: absolute;
right: 0;
}
.dashboard-container .sidebar .sidebar-toggle:hover::before {
transform: translateX(0);
}
.dashboard-container .sidebar .nav-items {
display: flex;
flex-direction: column;
flex: 1;
}
.dashboard-container .sidebar .nav-items .nav-item {
display: flex;
align-items: center;
cursor: pointer;
position: relative;
}
.dashboard-container .sidebar .nav-items .nav-item.nav-dropdown {
flex-direction: column;
}
.dashboard-container .sidebar .nav-items .nav-item.nav-dropdown::before {
display: none;
}
.dashboard-container .sidebar .nav-items .nav-item a {
width: 100%;
height: 100%;
padding: 0.8rem;
text-decoration: none;
display: flex;
align-items: center;
z-index: 99999 !important;
}
.dashboard-container .sidebar .nav-items .nav-item::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.1);
transform: translateX(-100%);
transition: transform 0.3s ease;
z-index: 1;
}
.dashboard-container .sidebar .nav-items .nav-item.active {
background-color: rgba(255, 255, 255, 0.1);
}
.dashboard-container .sidebar .nav-items .nav-item.active svg {
stroke: #B7E7E4;
}
.dashboard-container .sidebar .nav-items .nav-item.active p {
color: #B7E7E4;
}
.dashboard-container .sidebar .nav-items .nav-item svg {
width: 20px;
height: 20px;
stroke: white;
margin-right: 12px;
position: relative;
z-index: 2;
}
.dashboard-container .sidebar .nav-items .nav-item p {
margin: 0;
color: #ffffff;
position: relative;
z-index: 2;
}
.dashboard-container .sidebar .nav-items .nav-item:hover::before {
transform: translateX(0);
}
.dashboard-container .sidebar .nav-items .nav-dropdown .nav-dropdown-toggle {
width: 100%;
padding: 0.8rem;
display: flex;
align-items: center;
cursor: pointer;
position: relative;
}
.dashboard-container .sidebar .nav-items .nav-dropdown .nav-dropdown-toggle .arrow {
margin-left: auto;
transition: transform 0.3s ease;
}
.dashboard-container .sidebar .nav-items .nav-dropdown .nav-dropdown-toggle::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.1);
transform: translateX(-100%);
transition: transform 0.3s ease;
z-index: 1;
}
.dashboard-container .sidebar .nav-items .nav-dropdown .nav-dropdown-toggle:hover::before {
transform: translateX(0);
}
.dashboard-container .sidebar .nav-items .nav-dropdown .nav-dropdown-content {
display: none;
width: 100%;
}
.dashboard-container .sidebar .nav-items .nav-dropdown .nav-dropdown-content .nav-item {
padding-left: 12px;
}
.dashboard-container .sidebar .nav-items .nav-dropdown .nav-dropdown-content .nav-item:hover::before {
transform: translateX(0);
}
.dashboard-container .sidebar .nav-items .nav-dropdown.open .arrow {
transform: rotate(180deg);
}
.dashboard-container .sidebar .nav-items .nav-dropdown.open .nav-dropdown-content {
display: flex;
flex-direction: column;
}
.dashboard-container .main-content {
flex: 1;
margin-left: 300px;
transition: all 0.3s ease;
width: calc(100% - 300px);
}
.dashboard-container .main-content.sidebar-collapsed {
margin-left: 20px;
width: 100%;
}
@media only screen and (max-width: 1355px) {
.dashboard-container .main-content.sidebar-collapsed {
margin-left: 0;
width: 100%;
padding-left: 15px;
}
}
.dashboard-container .main-content .header {
background: #ffffff;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
width: 100%;
}
.dashboard-container .main-content .header .content-wrapper {
width: 100%;
height: 120px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 2rem;
}
@media only screen and (max-width: 1355px) {
.dashboard-container .main-content .header .content-wrapper {
padding-right: 20px !important;
}
}
.dashboard-container .main-content .header .content-wrapper .nav-links {
display: flex;
gap: 2rem;
}
.dashboard-container .main-content .header .content-wrapper .header-actions {
display: flex;
gap: 1rem;
}
.dashboard-container .main-content .dashboard-content {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
flex-direction: column;
}
.dashboard-container .main-content .dashboard-content .dashboardMenu {
width: 100%;
padding: 3.5rem;
max-width: 1300px;
background-color: #ffffff;
display: flex;
justify-content: space-between;
position: relative;
}
.dashboard-container .main-content .dashboard-content .dashboardMenu .buttonsNav {
display: flex;
gap: 8px;
justify-content: center;
align-items: center;
padding-top: 18px;
padding-right: 40px;
}
@media only screen and (max-width: 1048px) {
.dashboard-container .main-content .dashboard-content .dashboardMenu .buttonsNav {
display: none;
}
}
.dashboard-container .main-content .dashboard-content .dashboardMenu .buttonsNav .wp-block-buttons {
margin: 0 !important;
}
@media only screen and (max-width: 1160px) {
.dashboard-container .main-content .dashboard-content .dashboardMenu .buttonsNav .wp-block-buttons:first-of-type {
display: none;
}
}
.dashboard-container .main-content .dashboard-content .dashboardMenu .buttonsNav .wp-block-buttons a {
padding: 6px 25px !important;
}
.dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 16px;
padding-top: 18px;
}
.dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav {
display: flex;
list-style: none;
padding: 0;
margin: 0;
padding-right: 30px;
}
@media only screen and (max-width: 1048px) {
.dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav {
display: none;
}
}
.dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul {
display: flex;
gap: 18px;
}
@media only screen and (max-width: 1224px) {
.dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul {
gap: 14px;
}
}
.dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul li {
position: relative;
}
.dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul li::marker {
content: "";
}
.dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul li a {
text-decoration: none;
color: #14374A;
display: block;
padding-bottom: 0px !important;
font-weight: 600;
}
@media only screen and (max-width: 1100px) {
.dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul li a {
padding-right: 2px;
}
}
.dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul li a:hover {
text-decoration: underline;
}
.dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul li .sub-menu {
position: absolute;
top: 100%;
left: 0;
background: #ffffff;
min-width: 200px;
display: flex;
flex-direction: column;
gap: 8px;
padding: 12px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
border-radius: 10px !important;
z-index: 1000;
pointer-events: none;
opacity: 0;
}
.dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul li .sub-menu li {
width: 100%;
margin: 0 !important;
}
.dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul li .sub-menu li a {
padding: 8px 12px;
white-space: nowrap;
padding-bottom: 12px !important;
transition: background-color 0.2s ease;
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
margin: 0 !important;
}
.dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul li .sub-menu li a:hover {
background-color: rgba(0, 0, 0, 0.05);
text-decoration: none;
}
.dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul li:hover > .sub-menu {
pointer-events: auto;
opacity: 1;
}
.dashboard-container .main-content .dashboard-content .dashboardMenu .search-icon {
cursor: pointer;
color: #14374A;
font-size: 16px;
position: absolute;
right: 0px;
z-index: 999;
bottom: 42px;
}
@media only screen and (max-width: 1208px) {
.dashboard-container .main-content .dashboard-content .dashboardMenu .search-icon {
bottom: 35px;
}
}
@media only screen and (max-width: 1048px) {
.dashboard-container .main-content .dashboard-content .dashboardMenu .search-icon {
bottom: 36px;
}
}
@media only screen and (max-width: 1320px) {
.dashboard-container .main-content .dashboard-content .dashboardMenu .search-icon {
right: 20px;
}
}
.dashboard-container .main-content .dashboard-content .dashboardMenu .search-icon img {
margin-bottom: -4px;
width: 18px;
}
.dashboard-container .main-content .dashboard-content .dashboardMenu .mobile-menu-toggle {
display: none;
cursor: pointer;
position: absolute;
right: 50px;
z-index: 999;
width: 22px;
height: 18px;
}
@media only screen and (max-width: 1048px) {
.dashboard-container .main-content .dashboard-content .dashboardMenu .mobile-menu-toggle {
display: flex;
flex-direction: column;
justify-content: space-between;
bottom: 38px;
}
}
@media only screen and (max-width: 750px) {
.dashboard-container .main-content .dashboard-content .dashboardMenu .mobile-menu-toggle {
right: 30px;
bottom: 40px;
}
}
.dashboard-container .main-content .dashboard-content .dashboardMenu .mobile-menu-toggle span {
display: block;
width: 100%;
height: 3px;
background-color: #14374A;
transition: all 0.3s ease-in-out;
}
.dashboard-container .main-content .dashboard-content .dashboardMenu .mobile-menu-toggle.active span:nth-child(1) {
transform: translateY(11px) rotate(45deg);
}
.dashboard-container .main-content .dashboard-content .dashboardMenu .mobile-menu-toggle.active span:nth-child(2) {
opacity: 0;
}
.dashboard-container .main-content .dashboard-content .dashboardMenu .mobile-menu-toggle.active span:nth-child(3) {
transform: translateY(-11px) rotate(-45deg);
}
.dashboard-container .main-content .dashboard-content .overlay-menu {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
z-index: 10000000;
text-align: center;
padding-top: 20px;
}
.dashboard-container .main-content .dashboard-content .overlay-menu .overlay-content {
display: flex;
flex-direction: column;
position: relative;
}
.dashboard-container .main-content .dashboard-content .overlay-menu .overlay-content .overlay-logo {
width: fit-content;
display: flex;
justify-content: flex-start;
padding-left: 20px;
padding-bottom: 30px;
}
.dashboard-container .main-content .dashboard-content .overlay-menu .overlay-content .overlay-logo img {
height: 40px;
}
.dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
overflow-y: auto;
max-height: 100vh;
position: fixed;
top: 90px;
left: 0;
bottom: 0;
right: 0;
padding-bottom: 30px !important;
}
.dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .wp-block-button {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 5px;
}
.dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .wp-block-button a {
gap: 6px;
}
.dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .aStyle a {
border-radius: 35px !important;
}
.dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .buttonsNav {
display: flex;
gap: 8px;
width: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
padding-top: 18px;
padding-right: 40px;
}
@media only screen and (max-width: 1048px) {
.dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .buttonsNav {
display: none;
}
}
.dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .buttonsNav .wp-block-buttons {
margin: 0 !important;
}
@media only screen and (max-width: 1160px) {
.dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .buttonsNav .wp-block-buttons:first-of-type {
display: none;
}
}
.dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .buttonsNav .wp-block-buttons a {
padding: 6px 25px !important;
}
.dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .overlay-nav {
width: 100%;
margin-bottom: 18px;
}
.dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .overlay-nav .menu-item-has-children {
position: relative;
}
.dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .overlay-nav .menu-item-has-children .dropdown-toggle {
position: absolute;
right: 20px;
top: 23px;
width: 15px;
height: 15px;
}
.dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .overlay-nav ul {
list-style: none;
padding: 0;
margin: 0;
}
.dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .overlay-nav ul li {
text-align: left;
padding-top: 5px;
background-color: #f7f7f7;
border-bottom: 1px solid #d7d7d7;
position: relative;
}
.dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .overlay-nav ul li:last-of-type {
border-bottom: none;
}
.dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .overlay-nav ul li .sub-menu {
border-top: 1px solid #d7d7d7;
padding-left: 7px !important;
}
.dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .overlay-nav ul li .sub-menu .sub-menu {
padding-left: 7px !important;
}
.dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .overlay-nav ul li a {
color: #14374A !important;
text-decoration: none;
width: fit-content;
display: block;
padding: 15px 20px;
box-sizing: border-box;
}
.dashboard-container .main-content .dashboard-content .overlay-menu .close-button {
width: 20px;
height: 20px;
position: absolute;
right: 20px;
top: 10px;
cursor: pointer;
}
.dashboard-container .main-content .dashboard-content .overlay-menu .close-button span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #14374A;
border-radius: 1px;
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: 0.25s ease-in-out;
}
.dashboard-container .main-content .dashboard-content .overlay-menu .close-button span:nth-child(1) {
transform: rotate(45deg);
top: 14px;
}
.dashboard-container .main-content .dashboard-content .overlay-menu .close-button span:nth-child(2) {
transform: rotate(-45deg);
top: 14px;
}
.dashboard-container .main-content .dashboard-content .content-wrapper {
width: 100%;
padding: 3.5rem;
max-width: 1300px;
padding-top: 0;
}
@media only screen and (max-width: 1049px) {
.dashboard-container .main-content .dashboard-content .content-wrapper {
padding-right: 20px !important;
}
}
.dashboard-container .main-content .dashboard-content .content-wrapper h1 {
color: #14374A;
font-size: 38px;
line-height: 1.1em;
letter-spacing: 1px;
font-weight: 500;
}
@media only screen and (max-width: 1100px) {
.dashboard-container .main-content .dashboard-content .content-wrapper h1 {
font-size: 34px;
}
}
@media only screen and (max-width: 750px) {
.dashboard-container .main-content .dashboard-content .content-wrapper h1 {
font-size: 28px;
}
}
.dashboard-container .main-content .dashboard-content .content-wrapper .welcome-section {
margin-bottom: 2rem;
display: flex;
flex-direction: column;
gap: 12px;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .welcome-section h1, .dashboard-container .main-content .dashboard-content .content-wrapper .welcome-section p {
color: #14374A;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .welcome-section h1 {
font-size: 38px;
line-height: 1.1em;
letter-spacing: 1px;
font-weight: 500;
}
@media only screen and (max-width: 1100px) {
.dashboard-container .main-content .dashboard-content .content-wrapper .welcome-section h1 {
font-size: 34px;
}
}
@media only screen and (max-width: 750px) {
.dashboard-container .main-content .dashboard-content .content-wrapper .welcome-section h1 {
font-size: 28px;
}
}
.dashboard-container .main-content .dashboard-content .content-wrapper .welcome-section p {
width: 75%;
}
@media only screen and (max-width: 1200px) {
.dashboard-container .main-content .dashboard-content .content-wrapper .welcome-section p {
width: 100%;
}
}
.dashboard-container .main-content .dashboard-content .content-wrapper .dashboard-components {
margin: 0;
width: 100%;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .dashboard-components .grid-sizer, .dashboard-container .main-content .dashboard-content .content-wrapper .dashboard-components .grid-item {
width: calc(50% - 12px);
min-width: min(100%, calc(50% - 12px));
max-width: 100%;
box-sizing: border-box;
}
@media screen and (max-width: 955px), (min-width: 300px) and (max-width: 624px) {
.dashboard-container .main-content .dashboard-content .content-wrapper .dashboard-components .grid-sizer, .dashboard-container .main-content .dashboard-content .content-wrapper .dashboard-components .grid-item {
width: 100%;
min-width: 100%;
}
}
.dashboard-container .main-content .dashboard-content .content-wrapper .dashboard-components .grid-sizer h3, .dashboard-container .main-content .dashboard-content .content-wrapper .dashboard-components .grid-sizer p, .dashboard-container .main-content .dashboard-content .content-wrapper .dashboard-components .grid-item h3, .dashboard-container .main-content .dashboard-content .content-wrapper .dashboard-components .grid-item p {
color: #14374A;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .tableElem {
margin: 0 auto;
overflow-x: auto;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .tableElem.cH .tableElemHeader {
border-radius: 8px !important;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .tableElemInner {
min-width: max-content;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .tableElemHeader {
background-color: #14374A;
padding: 12px 20px;
border-radius: 8px 8px 0 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .tableElemHeaderTitle {
color: #ffffff;
font-size: 16px;
font-weight: 500;
display: flex;
align-items: center;
gap: 8px;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .tableElemHeaderTitle svg {
width: 20px;
height: 20px;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .tableElemHeaderViewAll {
background-color: #e5f0ee;
color: #14374A;
padding: 6px 12px;
border-radius: 12px;
text-decoration: none;
font-size: 14px;
display: flex;
align-items: center;
gap: 6px;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .tableElemHeaderBadge {
background-color: #ff6b6b;
color: white;
padding: 2px 6px;
border-radius: 12px;
font-size: 12px;
animation: badgePulse 2s ease-in-out 5;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .tableElemContent {
width: 100%;
border-collapse: collapse;
background-color: #F2F2F2;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.dashboard-container .main-content .dashboard-content .content-wrapper .tableElemContent th {
text-align: left;
padding: 12px 20px;
border-bottom: 1px solid #e1e1e1;
color: #666;
font-weight: 500;
font-size: 14px;
white-space: nowrap;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .tableElemContent td {
padding: 12px 20px;
border-bottom: 1px solid #e1e1e1;
font-size: 14px;
white-space: nowrap;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .tableElem a {
text-decoration: none !important;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .tableElemRequestId {
background-color: #ff6b6b;
color: white;
padding: 4px 12px;
border-radius: 4px;
font-size: 14px;
text-decoration: none !important;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .tableElemStatusCode {
background-color: #6c7a89;
color: white;
padding: 4px 12px;
border-radius: 4px;
font-size: 14px;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .tableElemFooter {
padding: 12px 20px;
color: #666;
font-size: 14px;
background-color: #f8f9fa;
border-radius: 0 0 8px 8px;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .action-cards, .dashboard-container .main-content .dashboard-content .content-wrapper .data-table {
width: 100%;
border: 1px solid #DBDDDD;
background: #ffffff;
border-radius: 20px !important;
padding: 1.5rem;
margin-bottom: 1.5rem;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .action-cards {
display: flex;
gap: 1rem;
border-radius: 10px !important;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .action-cards .action-card {
flex: 1;
min-height: 120px;
border-radius: 20px !important;
padding: 0.7rem;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .action-cards .action-card p {
color: #ffffff;
font-size: 50px;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .action-cards .action-card.red {
background-color: #DF4949;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .action-cards .action-card.orange {
background-color: #EF8C3F;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .action-cards .action-card.green {
background-color: #37BD65;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .votingRequired {
width: 100%;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .votingRequiredHeader {
background-color: #1f3646;
padding: 12px 20px;
border-radius: 8px 8px 0 0;
display: flex;
justify-content: space-between;
align-items: center;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .votingRequiredHeaderTitle {
color: white;
font-size: 16px;
font-weight: 500;
display: flex;
align-items: center;
gap: 8px;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .votingRequiredHeaderTitle svg {
width: 20px;
height: 20px;
fill: white;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .votingRequiredHeaderViewAll {
background-color: #e5f0ee;
color: #1f3646;
padding: 6px 12px;
border-radius: 4px;
text-decoration: none;
font-size: 14px;
display: flex;
align-items: center;
gap: 6px;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .votingRequiredHeaderNotification {
background-color: #ff6b6b;
color: white;
padding: 2px 6px;
border-radius: 12px;
font-size: 12px;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .votingRequiredTable {
width: 100%;
border-collapse: collapse;
background-color: white;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.dashboard-container .main-content .dashboard-content .content-wrapper .votingRequiredTable th {
text-align: left;
padding: 12px 20px;
border-bottom: 1px solid #e1e1e1;
color: #666;
font-weight: 500;
font-size: 14px;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .votingRequiredTable td {
padding: 12px 20px;
border-bottom: 1px solid #e1e1e1;
font-size: 14px;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .votingRequiredRequestNumber {
background-color: #ff6b6b;
color: white;
padding: 4px 12px;
border-radius: 4px;
font-size: 14px;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .votingRequiredCode {
background-color: #6c7a89;
color: white;
padding: 4px 12px;
border-radius: 4px;
font-size: 14px;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .votingRequiredFooter {
padding: 12px 20px;
color: #666;
font-size: 14px;
background-color: #f8f9fa;
border-radius: 0 0 8px 8px;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .data-table .table-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1rem;
}
.dashboard-container .main-content .dashboard-content .content-wrapper .data-table .table-content {
width: 100%;
}
.grid-item {
margin-bottom: 1.5rem !important;
}
@media only screen and (max-width: 1340px) {
.page-id-38867 .tableFull {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.page-id-38867 .tableFull {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.page-id-38867 .tableFull {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.modal {
display: none;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.4);
}
.modal .modal-content {
background-color: #ffffff;
margin: 15% auto;
padding: 35px;
width: 50%;
border-radius: 10px !important;
position: relative;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 750px) {
.modal .modal-content {
width: 95%;
}
}
.modal .modal-content .close {
color: #14374A;
font-size: 28px;
font-weight: bold;
cursor: pointer;
position: absolute;
right: 20px;
top: 0px;
}
.modal .modal-content .close:hover, .modal .modal-content .close:focus {
color: #14374A;
text-decoration: none;
cursor: pointer;
}
.tableFull {
width: 100%;
}
.tableFull.queries {
margin-bottom: 1rem !important;
}
@media only screen and (max-width: 1340px) {
.tableFull.queries {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.tableFull.queries {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.tableFull.queries {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.tableFull .actionLogMark {
cursor: pointer;
}
.tableFull .actionLogMark input, .tableFull .actionLogMark button {
cursor: pointer;
}
.tableFull .actionLogMark button {
padding: 6px 15px !important;
background-color: #14374A;
color: #ffffff;
border: 1px solid transparent;
border-radius: 10px !important;
font-weight: 500;
}
.tableFull .actionLogMark button:hover {
background-color: transparent;
color: #14374A;
border: 1px solid #14374A;
transition: ease all 0.2s;
}
.tableFull.actionLog .popout {
cursor: pointer;
font-weight: 500;
font-size: 16px !important;
padding: 0px !important;
}
.tableFull.actionLog .tableElemRequestId {
background-color: transparent !important;
color: #14374A !important;
}
.tableFull .tableHeader {
margin-bottom: 1rem;
}
.tableFull .tableHeader h1, .tableFull .tableHeader p {
color: #14374A;
}
.tableFull .tableHeader h3 {
color: #14374A;
}
.tableFull .tableHeader h1 {
font-size: 38px;
line-height: 1.1em;
letter-spacing: 1px;
font-weight: 500;
margin-bottom: 1rem;
}
@media only screen and (max-width: 1100px) {
.tableFull .tableHeader h1 {
font-size: 34px;
}
}
@media only screen and (max-width: 750px) {
.tableFull .tableHeader h1 {
font-size: 28px;
}
}
.tableFull .tableHeader .requestCount {
display: flex;
align-items: center;
padding: 1rem;
border-radius: 0.5rem;
color: #ffffff;
background-color: #14374A;
}
.tableFull .tableHeader .requestCount .count {
background: #FF7B5E;
padding: 0.25rem 0.75rem;
border-radius: 1rem;
margin: 0 0.5rem;
}
.tableFull .tableHeader .requestCount .text {
font-size: 0.9rem;
}
.tableFull .tableHeader .extra {
padding-top: 1rem !important;
display: block;
}
.tableFull .tableHeader .search-filter-field {
margin-top: 1rem !important;
}
.tableFull .tableContainer {
background: white;
position: relative;
overflow-y: auto;
border-radius: 10px !important;
z-index: 99999 !important;
}
.tableFull .tableContainer .pagination {
position: relative;
bottom: 0px;
left: 0;
width: 100%;
justify-content: center;
align-items: center;
display: flex;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
z-index: 999999 !important;
gap: 5px;
}
@media only screen and (max-width: 1050px) {
.tableFull .tableContainer .pagination {
justify-content: flex-start;
}
}
.tableFull .tableContainer .pagination .dots {
display: none !important;
}
.tableFull .tableContainer .pagination a, .tableFull .tableContainer .pagination span {
margin: 0 !important;
}
.tableFull .tableContainer .pagination .page-numbers {
border: 1px solid #14374A;
color: #14374A;
text-decoration: none;
border-radius: 6px;
width: auto;
font-size: 16px !important;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
padding-left: 15px;
padding-right: 15px;
}
@media only screen and (max-width: 750px) {
.tableFull .tableContainer .pagination .page-numbers {
font-size: 14px !important;
}
}
.tableFull .tableContainer .pagination .page-numbers.prev, .tableFull .tableContainer .pagination .page-numbers.next {
display: flex;
}
.tableFull .tableContainer .pagination .page-numbers.current {
background-color: #14374A;
color: #ffffff;
}
.tableFull .tableContainer .pagination .page-numbers:hover, .tableFull .tableContainer .pagination .page-numbers:focus {
background-color: #C5F7F2;
border-color: #14374A;
}
.tableFull .tableContainer .pagination .pagination-arrow {
font-size: 16px !important;
height: 40px;
padding-left: 15px;
padding-right: 15px;
display: flex;
justify-content: center;
align-items: center;
}
@media only screen and (max-width: 750px) {
.tableFull .tableContainer .pagination .pagination-arrow {
font-size: 14px !important;
}
}
.tableFull .tableContainer table {
min-width: 900px;
border-radius: 0.5rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
width: 100%;
border-collapse: separate;
border-spacing: 0;
background-color: #F2F2F2;
}
@media only screen and (max-width: 1000px) {
.tableFull .tableContainer table {
min-width: 800px;
}
}
.tableFull .tableContainer table tr.inactive {
opacity: 0.6;
pointer-events: none;
}
.tableFull .tableContainer table tr.inactive td {
color: #666;
}
.tableFull .tableContainer table tr.inactive td a {
color: #666 !important;
background-color: #999 !important;
}
.tableFull .tableContainer table tr.inactive td a.procedural:hover, .tableFull .tableContainer table tr.inactive td a.diagnostic:hover {
filter: none;
}
.tableFull .tableContainer table tr.inactive td .recip:before, .tableFull .tableContainer table tr.inactive td .noRecip:before {
opacity: 0.6;
}
.tableFull .tableContainer table th {
background: #14374A;
padding: 1rem;
text-align: left;
font-weight: 500;
color: #ffffff;
}
.tableFull .tableContainer table td {
padding: 1rem;
border-bottom: 1px solid #E6E6E6;
}
.tableFull .tableContainer table td .status {
padding: 0.25rem 0.75rem;
border-radius: 0.25rem;
font-weight: 500;
}
.tableFull .tableContainer table td .status.recent {
background-color: #4CAF50;
color: white;
}
.tableFull .tableContainer table td .status.moderate {
background-color: #FFA726;
color: white;
}
.tableFull .tableContainer table td .status.overdue {
background-color: #EF5350;
color: white;
}
.tableFull .tableContainer table td .requestNumber {
background: #FF7B5E;
color: white;
padding: 0.25rem 0.75rem;
border-radius: 0.25rem;
font-weight: 500;
}
.tableFull .tableContainer table td .codeTag {
background: #6E8CA0;
color: white;
padding: 0.25rem 0.75rem;
border-radius: 0.25rem;
}
.tableFull .tableContainer table td .status {
color: #4A4A4A;
font-weight: 500;
}
.tableFull .tableContainer table td .recip, .tableFull .tableContainer table td .noRecip {
font-size: 0;
position: relative;
display: inline-block;
width: 30px;
height: 30px;
}
.tableFull .tableContainer table td .recip:before, .tableFull .tableContainer table td .noRecip:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 100%;
width: 30px;
height: 30px;
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
}
.tableFull .tableContainer table td .recip:before {
background-image: url(//ccsd.org.uk/wp-content/uploads/2024/11/icon-arrow-green.svg);
}
.tableFull .tableContainer table td .noRecip:before {
background-image: url(//ccsd.org.uk/wp-content/uploads/2024/11/icon-x.svg);
}
.tableFull .tableContainer table td a {
text-decoration: none !important;
color: #14374A !important;
}
.tableFull .tableContainer table td a.procedural {
background-color: #2FBF85;
color: #ffffff !important;
padding: 9px 18px;
border-radius: 5px;
}
.tableFull .tableContainer table td a.procedural:hover {
filter: brightness(1.1);
transition: filter 0.1s ease;
}
.tableFull .tableContainer table td a.diagnostic {
background-color: #395BDB;
color: #ffffff !important;
padding: 9px 18px;
border-radius: 5px;
}
.tableFull .tableContainer table td a.diagnostic:hover {
filter: brightness(1.1);
transition: filter 0.1s ease;
}
.tableFull .tableContainer table td a:hover {
opacity: 0.8;
} .field-link_type, .field-date_added {
display: none !important;
}
.code-display {
font-weight: 500;
}
@media only screen and (max-width: 1052px) {
.code-display {
margin-bottom: 10px !important;
}
}
.formWrap { }
.form-field .gt-review-wrap .field-checkbox {
display: flex;
position: relative;
gap: 8px;
}
.form-field .gt-review-wrap .field-checkbox input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 16px;
height: 16px;
border: 2px solid #14374A;
border-radius: 3px;
position: relative;
margin: 0;
margin-bottom: 5px;
}
@media only screen and (max-width: 1052px) {
.form-field .gt-review-wrap .field-checkbox input[type="checkbox"] {
margin-bottom: 0px;
}
}
.form-field .gt-review-wrap .field-checkbox input[type="checkbox"]:checked {
border-color: transparent;
}
.form-field .gt-review-wrap .field-checkbox input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 4px;
top: 1px;
width: 4px;
height: 8px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.form-field .gt-review-wrap .field-checkbox input[type="checkbox"]:checked {
background-color: #2FBF85;
}
.form-field .gt-review-wrap .field-checkbox label {
position: relative;
}
.form-field.schedule {
display: flex;
position: relative;
gap: 8px;
padding-top: 30px;
}
.form-field.schedule .checkbox-option {
display: flex;
gap: 8px;
}
.form-field.schedule .checkbox-option input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 16px;
height: 16px;
border: 2px solid #14374A;
border-radius: 3px;
position: relative;
margin: 0;
margin-bottom: 5px;
}
@media only screen and (max-width: 1052px) {
.form-field.schedule .checkbox-option input[type="checkbox"] {
margin-bottom: 0px;
}
}
.form-field.schedule .checkbox-option input[type="checkbox"]:checked {
border-color: transparent;
}
.form-field.schedule .checkbox-option input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 4px;
top: 1px;
width: 4px;
height: 8px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.form-field.schedule .checkbox-option input[type="checkbox"]#schedule_diagnostic:checked {
background-color: #395BDB;
}
.form-field.schedule .checkbox-option input[type="checkbox"]#schedule_procedural:checked {
background-color: #2FBF85;
}
.form-field.schedule .checkbox-option label {
position: relative;
}
.form-field.schedule label {
position: absolute;
top: 0;
left: 0;
}
.form-field .historical-change-item {
padding-bottom: 20px;
}
.field-cr_coding_principle_other_code_id label {
display: none !important;
}
.field-published, .field-ischanged {
display: flex;
justify-content: center;
align-items: center;
gap: 5px;
}
@media only screen and (max-width: 1052px) {
.field-published label, .field-ischanged label {
margin-bottom: 0px !important;
}
}
.field-ischanged input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 16px;
height: 16px;
border: 2px solid #14374A;
border-radius: 3px;
position: relative;
margin: 0;
margin-bottom: 5px;
}
.field-ischanged input[type="checkbox"]:checked {
accent-color: #14374A;
background-color: #14374A;
border-color: #14374A;
}
@media only screen and (max-width: 1052px) {
.field-ischanged input[type="checkbox"] {
margin-bottom: 0px;
}
}
.field-ischanged input[type="checkbox"]:checked {
background-color: #14374A;
border-color: #14374A;
}
.field-ischanged input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 4px;
top: 1px;
width: 4px;
height: 8px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.field-published input[type="checkbox"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 16px;
height: 16px;
border: 2px solid #DBDDDD;
border-radius: 3px;
position: relative;
margin: 0;
margin-bottom: 5px;
}
@media only screen and (max-width: 1052px) {
.field-published input[type="checkbox"] {
margin-bottom: 0px;
}
}
.field-published input[type="checkbox"]:checked {
background-color: #DBDDDD;
}
.field-published input[type="checkbox"]:checked::after {
content: "";
position: absolute;
left: 4px;
top: 1px;
width: 4px;
height: 8px;
border: solid white;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.field-repeater.working-group-entry .repeater-row {
position: relative;
}
.field-repeater.working-group-entry .repeater-row .field-select {
width: 280px;
}
.field-repeater.working-group-entry .repeater-row .field-textarea {
width: 100%;
}
.field-repeater.working-group, .field-repeater.reworkNotes {
width: fit-content !important;
}
.field-repeater.working-group .repeater-header, .field-repeater.reworkNotes .repeater-header {
font-weight: 500;
}
@media only screen and (max-width: 750px) {
.field-repeater.working-group .repeater-header, .field-repeater.reworkNotes .repeater-header {
flex-direction: column;
}
}
.field-repeater.working-group .repeater-row, .field-repeater.working-group .repeater-header, .field-repeater.reworkNotes .repeater-row, .field-repeater.reworkNotes .repeater-header {
display: flex;
gap: 20px;
justify-content: space-between;
margin-bottom: 10px;
padding: 10px;
padding-top: 15px;
border-radius: 5px;
position: relative;
background-color: #ffffff;
}
@media only screen and (max-width: 1052px) {
.field-repeater.working-group .repeater-row, .field-repeater.working-group .repeater-header, .field-repeater.reworkNotes .repeater-row, .field-repeater.reworkNotes .repeater-header {
flex-direction: row;
align-items: center;
gap: 20px;
}
}
.field-repeater.working-group .repeater-row .field-user, .field-repeater.working-group .repeater-row .field-organisation, .field-repeater.working-group .repeater-row .field-date, .field-repeater.working-group .repeater-row .field-select, .field-repeater.working-group .repeater-header .field-user, .field-repeater.working-group .repeater-header .field-organisation, .field-repeater.working-group .repeater-header .field-date, .field-repeater.working-group .repeater-header .field-select, .field-repeater.reworkNotes .repeater-row .field-user, .field-repeater.reworkNotes .repeater-row .field-organisation, .field-repeater.reworkNotes .repeater-row .field-date, .field-repeater.reworkNotes .repeater-row .field-select, .field-repeater.reworkNotes .repeater-header .field-user, .field-repeater.reworkNotes .repeater-header .field-organisation, .field-repeater.reworkNotes .repeater-header .field-date, .field-repeater.reworkNotes .repeater-header .field-select {
flex-basis: 15%;
flex-shrink: 0;
min-width: 120px;
}
.field-repeater.working-group .repeater-row .field-user label, .field-repeater.working-group .repeater-row .field-organisation label, .field-repeater.working-group .repeater-row .field-date label, .field-repeater.working-group .repeater-row .field-select label, .field-repeater.working-group .repeater-header .field-user label, .field-repeater.working-group .repeater-header .field-organisation label, .field-repeater.working-group .repeater-header .field-date label, .field-repeater.working-group .repeater-header .field-select label, .field-repeater.reworkNotes .repeater-row .field-user label, .field-repeater.reworkNotes .repeater-row .field-organisation label, .field-repeater.reworkNotes .repeater-row .field-date label, .field-repeater.reworkNotes .repeater-row .field-select label, .field-repeater.reworkNotes .repeater-header .field-user label, .field-repeater.reworkNotes .repeater-header .field-organisation label, .field-repeater.reworkNotes .repeater-header .field-date label, .field-repeater.reworkNotes .repeater-header .field-select label {
font-weight: 500 !important;
}
.field-repeater.working-group .repeater-row .field-textarea, .field-repeater.working-group .repeater-header .field-textarea, .field-repeater.reworkNotes .repeater-row .field-textarea, .field-repeater.reworkNotes .repeater-header .field-textarea {
flex-basis: 40%;
flex-grow: 1;
}
.field-repeater.working-group .repeater-row .field-textarea label, .field-repeater.working-group .repeater-header .field-textarea label, .field-repeater.reworkNotes .repeater-row .field-textarea label, .field-repeater.reworkNotes .repeater-header .field-textarea label {
font-weight: 500 !important;
}
.formWrap.edits.workingG {
overflow-x: auto;
}
.repeater-row {
display: flex;
gap: 20px;
justify-content: space-between;
margin-bottom: 10px;
padding: 10px;
padding-top: 15px;
border-radius: 5px;
background-color: #ffffff;
}
@media only screen and (max-width: 1052px) {
.repeater-row {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
}
.repeater-row .field-cr_coding_principle_other_code_id {
flex-basis: 68% !important;
}
@media only screen and (max-width: 1320px) {
.repeater-row .field-cr_coding_principle_other_code_id {
flex-basis: 63% !important;
}
}
@media only screen and (max-width: 1182px) {
.repeater-row .field-cr_coding_principle_other_code_id {
flex-basis: 58% !important;
}
}
[class*="select2"] {
font-size: 16px !important;
}
.formWrap {
font-size: 16px;
width: 100%;
}
.formWrap .button-group {
display: flex;
gap: 18px;
}
.formWrap .new_code, .formWrap .narrative_change, .formWrap .reinstatement, .formWrap .inactivate, .formWrap .coding_principle {
background-color: #f5f5f5;
margin-top: 30px;
margin-bottom: 30px;
padding: 30px;
border-radius: 10px;
}
@media only screen and (max-width: 750px) {
.formWrap .new_code, .formWrap .narrative_change, .formWrap .reinstatement, .formWrap .inactivate, .formWrap .coding_principle {
padding: 20px;
}
}
.formWrap .new_code h3, .formWrap .narrative_change h3, .formWrap .reinstatement h3, .formWrap .inactivate h3, .formWrap .coding_principle h3 {
margin-bottom: 24px !important;
color: #14374A;
font-weight: 500;
}
.formWrap .form-field {
margin-bottom: 15px;
}
.formWrap .form-field label {
display: block;
color: #14374A;
font-size: 16px;
font-weight: 500;
margin-bottom: 4px !important;
}
.formWrap .form-field .select2-container .select2-selection--single {
padding: 0px !important;
}
.formWrap .form-field input[type="text"], .formWrap .form-field input[type="number"], .formWrap .form-field input[type="date"], .formWrap .form-field textarea, .formWrap .form-field select, .formWrap .form-field .select2-container .select2-selection--single {
width: 100%;
height: 40px;
padding: 8px;
border: 1px solid #14374A;
border-radius: 4px;
transition: all 0.3s ease;
font-size: 16px;
}
.formWrap .form-field input[type="text"]:focus, .formWrap .form-field input[type="number"]:focus, .formWrap .form-field input[type="date"]:focus, .formWrap .form-field textarea:focus, .formWrap .form-field select:focus, .formWrap .form-field .select2-container .select2-selection--single:focus {
outline: none;
border-color: #14374A;
box-shadow: 0 0 0 2px rgba(20, 55, 74, 0.1);
}
.formWrap .form-field input[type="text"]:hover, .formWrap .form-field input[type="number"]:hover, .formWrap .form-field input[type="date"]:hover, .formWrap .form-field textarea:hover, .formWrap .form-field select:hover, .formWrap .form-field .select2-container .select2-selection--single:hover {
border-color: #14374A;
}
.formWrap .form-field textarea {
height: -moz-fit-content;
height: -webkit-fit-content;
height: fit-content;
min-height: 180px;
font-size: 16px;
}
.formWrap .radio-option {
margin-bottom: 5px;
font-size: 16px;
}
.formWrap .radio-option label {
display: inline !important;
margin-left: 5px;
font-weight: normal;
font-size: 16px;
}
.formWrap .radio-option input[type="radio"] {
accent-color: #14374A;
}
.formWrap .radio-option input[type="radio"]:hover {
cursor: pointer;
}
.formWrap .select2-container .select2-selection--multiple {
min-height: 40px;
border: 1px solid #14374A;
border-radius: 4px;
padding: 2px;
}
.formWrap .select2-container .select2-selection--multiple .select2-selection__rendered {
display: flex;
flex-wrap: wrap;
gap: 4px;
padding: 0 4px;
}
.formWrap .select2-container .select2-selection--multiple .select2-selection__choice {
background-color: rgba(20, 55, 74, 0.1);
border: 1px solid #14374A;
border-radius: 3px;
padding: 2px 6px;
margin: 2px 0;
color: #14374A;
display: flex;
align-items: center;
}
.formWrap .select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
color: #14374A;
margin-right: 4px;
border: none;
padding: 0 2px;
background: none;
cursor: pointer;
}
.formWrap .select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove:hover {
color: black;
}
.formWrap .select2-container .select2-selection--multiple .select2-search--inline {
margin: 0;
height: 34px;
display: flex;
align-items: center;
flex: 1; min-width: 100px; }
.formWrap .select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
margin: 0;
padding: 0 6px;
height: 32px;
width: 100%; padding-top: 60px;
box-shadow: none !important;
}
.formWrap .select2-container .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
color: #999;
}
.formWrap .select2-container--default .select2-results__option[aria-selected="true"] {
background-color: rgba(20, 55, 74, 0.1);
color: #14374A;
}
.formWrap .select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: #14374A;
}
.formWrap .select2-container .select2-selection--single {
height: 40px;
line-height: 40px;
}
.formWrap .select2-container .select2-selection--single .select2-selection__rendered {
line-height: 40px;
color: inherit;
padding-left: 8px;
font-size: 16px;
}
.formWrap .select2-container .select2-selection--single .select2-selection__arrow {
height: 38px;
right: 5px;
}
.formWrap .select2-container .select2-selection--single .select2-selection__arrow b {
border-color: #14374A transparent transparent transparent;
}
.formWrap .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #14374A;
font-size: 16px;
}
.formWrap .select2-container--default .select2-search--dropdown .select2-search__field {
border-color: #3591c2;
height: 32px;
font-size: 16px;
}
.formWrap .select2-container--default .select2-search--dropdown .select2-search__field:focus {
outline: none;
border-color: #14374A;
}
.formWrap .select2-container--default .select2-dropdown {
border-color: #14374A;
font-size: 16px;
}
.formWrap .submit-button {
background: #14374A;
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
height: 40px;
width: fit-content;
transition: background-color 0.3s ease;
font-size: 16px;
}
.formWrap .submit-button:hover {
background: #091922;
}
.formWrap .submit-button:focus {
outline: none;
box-shadow: 0 0 0 2px rgba(20, 55, 74, 0.2);
}
.formWrap .form-field[style*="display: none"] {
display: none !important;
}
.gen-button {
background: #14374A;
color: white !important;
text-align: center;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
height: 40px;
width: 100%;
transition: background-color 0.3s ease;
font-size: 16px;
}
.gen-button:hover {
background: #091922;
}
.gen-button:focus {
outline: none;
box-shadow: 0 0 0 2px rgba(20, 55, 74, 0.2);
}
.search-filter-component-combobox-base__listbox-option--active:hover, .search-filter-component-combobox-base__listbox-option--active.search-filter-component-combobox-base__listbox-option--selected {
background-color: #14374A;
color: #ffffff;
}
.select2-dropdown {
border-color: #14374A;
font-size: 16px;
}
.select2-dropdown .select2-results__option {
padding: 8px;
font-size: 16px;
}
.select2-dropdown .select2-results__option[aria-selected="true"] {
background-color: rgba(20, 55, 74, 0.1);
}
.select2-dropdown .select2-results__option--highlighted[aria-selected] {
background-color: #14374A;
}
.select2-search__field, .select2-selection__rendered, .select2-results__option, .select2-selection__placeholder {
font-size: 16px !important;
} .page-id-13823 main {
background-color: #F5FAFD !important;
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40138 a, header .wp-block-lazyblock-ccsd-menu .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40139 a, header .wp-block-lazyblock-ccsd-menu .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40669 a, .dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul li.menu-item-40138 a, .dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul li.menu-item-40139 a, .dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul li.menu-item-40669 a, .dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40138 a, .dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40139 a, .dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40669 a {
position: relative;
width: 100%;
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40138 a svg, header .wp-block-lazyblock-ccsd-menu .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40139 a svg, header .wp-block-lazyblock-ccsd-menu .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40669 a svg, .dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul li.menu-item-40138 a svg, .dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul li.menu-item-40139 a svg, .dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul li.menu-item-40669 a svg, .dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40138 a svg, .dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40139 a svg, .dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40669 a svg {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-39333 a, .dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul li.menu-item-39333 a, .dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-39333 a {
width: 100%;
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40138, header .wp-block-lazyblock-ccsd-menu .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40669, .dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul li.menu-item-40138, .dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul li.menu-item-40669, .dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40138, .dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40669 {
background-color: #14374A !important;
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40138 a, header .wp-block-lazyblock-ccsd-menu .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40669 a, .dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul li.menu-item-40138 a, .dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul li.menu-item-40669 a, .dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40138 a, .dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40669 a {
color: #ffffff !important;
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40139, .dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul li.menu-item-40139, .dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40139 {
background-color: #C5F7F2 !important;
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40139 a, .dashboard-container .main-content .dashboard-content .dashboardMenu .navMenu .main-nav ul li.menu-item-40139 a, .dashboard-container .main-content .dashboard-content .overlay-menu #mobile-menu-container .overlay-nav ul li.menu-item-40139 a {
color: #14374A !important;
}
@media only screen and (min-width: 1048px) {
#menu-item-40138, #menu-item-40139, .menu-item-40138, .menu-item-40139, .menu-item-40669 {
display: none !important;
}
}
.wp-block-buttons a {
font-weight: 600 !important;
font-size: 14px !important;
border: 1px solid transparent;
transition: ease all 0.2s;
border-radius: 20px !important;
text-decoration: none !important;
}
.wp-block-buttons.lightBlueOutline a:hover {
border: 1px solid #C5F7F2;
color: #C5F7F2 !important;
background-color: transparent !important;
}
.wp-block-buttons.lightBlueBG a {
background-color: #C5F7F2 !important;
}
.wp-block-buttons.lightBlueBG a:hover {
border: 1px solid #C5F7F2;
color: #C5F7F2 !important;
background-color: transparent !important;
}
.wp-block-buttons.lightBlueBGPrimText a {
background-color: #C5F7F2 !important;
}
.wp-block-buttons.lightBlueBGPrimText a:hover {
border: 1px solid #C5F7F2;
color: #14374A !important;
background-color: transparent !important;
}
.wp-block-buttons.lightBlueBGPrimTextBorder a {
background-color: #C5F7F2 !important;
}
.wp-block-buttons.lightBlueBGPrimTextBorder a:hover {
border: 1px solid #14374A;
color: #14374A !important;
background-color: transparent !important;
}
.wp-block-buttons.whiteBtn a:hover {
border: 1px solid #14374A;
color: #14374A !important;
background-color: transparent !important;
}
.wp-block-buttons.primBtn a {
background-color: #14374A !important;
}
.wp-block-buttons.primBtn a:hover {
border: 1px solid #14374A;
color: #14374A !important;
background-color: transparent !important;
}
.wp-block-buttons.primBtnWhiteText a {
background-color: #14374A !important;
color: #ffffff !important;
}
.wp-block-buttons.primBtnWhiteText a:hover {
border: 1px solid #14374A;
color: #14374A !important;
background-color: transparent !important;
}
.heroBlock {
padding-top: 60px !important;
padding-bottom: 60px !important;
height: 600px;
display: flex;
justify-content: center;
align-items: center;
background-size: contain, cover;
background-repeat: no-repeat, no-repeat;
background-position: center, center;
}
@media only screen and (max-width: 750px) {
.heroBlock {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
}
@media only screen and (max-width: 1920px) {
.heroBlock {
background-size: cover, cover;
}
}
@media only screen and (max-width: 930px) {
.heroBlock {
background-image: none !important;
background: linear-gradient(to right, #14374A, #057B83) !important;
height: auto;
padding-top: 60px !important;
padding-bottom: 60px !important;
}
}
.heroBlock .inner {
max-width: 1300px;
display: flex;
justify-content: center;
align-items: center;
gap: 50px;
justify-content: flex-start;
align-items: flex-start;
}
@media only screen and (max-width: 1340px) {
.heroBlock .inner {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.heroBlock .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.heroBlock .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.heroBlock .inner .col1 {
width: 50%;
margin: 0 !important;
display: flex;
flex-direction: column;
gap: 24px;
}
@media only screen and (max-width: 1112px) {
.heroBlock .inner .col1 {
width: 53%;
}
}
@media only screen and (max-width: 930px) {
.heroBlock .inner .col1 {
width: 90%;
}
}
@media only screen and (max-width: 750px) {
.heroBlock .inner .col1 {
width: 100%;
}
}
.heroBlock .inner .col1 h1 {
color: #ffffff;
}
.heroBlock .inner .col1 .introText {
font-size: 24px;
font-weight: 300;
color: #ffffff;
}
@media only screen and (max-width: 1100px) {
.heroBlock .inner .col1 .introText {
font-size: 20px;
}
}
@media only screen and (max-width: 750px) {
.heroBlock .inner .col1 .introText {
font-size: 18px;
}
}
.heroBlock .inner .col1 .btnWrap {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
margin: 0 !important;
gap: 24px;
}
@media only screen and (max-width: 500px) {
.heroBlock .inner .col1 .btnWrap {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
}
.heroBlock .inner .col1 .btnWrap p, .heroBlock .inner .col1 .btnWrap a {
margin: 0 !important;
color: #C5F7F2;
}
.heroBlock .inner .col1 .btnWrap p a {
padding-right: 25px;
position: relative;
transition: ease all 0.2s;
}
.heroBlock .inner .col1 .btnWrap p a:after {
content: url(//ccsd.org.uk/wp-content/uploads/2024/11/icon-arrow-right-light-1.svg);
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.heroBlock .inner .col1 .btnWrap p a:hover {
color: #FDB450;
}
.homeHero {
padding-top: 60px !important;
padding-bottom: 60px !important;
height: 600px;
display: flex;
justify-content: center;
align-items: center;
display: none !important;
background-image: url(//ccsd.org.uk/wp-content/uploads/2024/11/home-hero-–-1-1.png), linear-gradient(to right, #14374A, #057B83);
background-size: contain, cover;
background-repeat: no-repeat, no-repeat;
background-position: center, center;
}
@media only screen and (max-width: 750px) {
.homeHero {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
}
@media only screen and (max-width: 1920px) {
.homeHero {
background-size: cover, cover;
}
}
@media only screen and (max-width: 930px) {
.homeHero {
background-image: linear-gradient(to right, #14374A, #057B83);
height: auto;
padding-top: 60px !important;
padding-bottom: 60px !important;
}
}
.homeHero .inner {
max-width: 1300px;
display: flex;
justify-content: center;
align-items: center;
gap: 50px;
justify-content: flex-start;
align-items: flex-start;
}
@media only screen and (max-width: 1340px) {
.homeHero .inner {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.homeHero .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.homeHero .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.homeHero .inner .col1 {
width: 50%;
margin: 0 !important;
display: flex;
flex-direction: column;
gap: 24px;
}
@media only screen and (max-width: 1112px) {
.homeHero .inner .col1 {
width: 53%;
}
}
@media only screen and (max-width: 930px) {
.homeHero .inner .col1 {
width: 90%;
}
}
@media only screen and (max-width: 750px) {
.homeHero .inner .col1 {
width: 100%;
}
}
.homeHero .inner .col1 h1 {
color: #ffffff;
}
.homeHero .inner .col1 .introText {
font-size: 24px;
font-weight: 300;
color: #ffffff;
}
@media only screen and (max-width: 1100px) {
.homeHero .inner .col1 .introText {
font-size: 20px;
}
}
@media only screen and (max-width: 750px) {
.homeHero .inner .col1 .introText {
font-size: 18px;
}
}
.homeHero .inner .col1 .btnWrap {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
margin: 0 !important;
gap: 24px;
}
@media only screen and (max-width: 500px) {
.homeHero .inner .col1 .btnWrap {
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
}
.homeHero .inner .col1 .btnWrap p, .homeHero .inner .col1 .btnWrap a {
margin: 0 !important;
color: #C5F7F2;
}
.homeHero .inner .col1 .btnWrap p a {
padding-right: 25px;
position: relative;
transition: ease all 0.2s;
}
.homeHero .inner .col1 .btnWrap p a:after {
content: url(//ccsd.org.uk/wp-content/uploads/2024/11/icon-arrow-right-light-1.svg);
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.homeHero .inner .col1 .btnWrap p a:hover {
color: #FDB450;
}
.aboutHero {
padding-top: 60px !important;
padding-bottom: 60px !important;
height: 600px;
display: flex;
justify-content: center;
align-items: center;
background-image: url(//ccsd.org.uk/wp-content/uploads/2024/12/about-hero-2.png), linear-gradient(to right, #14374A, #057B83);
background-size: contain, cover;
background-repeat: no-repeat, no-repeat;
background-position: center, center;
}
@media only screen and (max-width: 750px) {
.aboutHero {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
}
@media only screen and (max-width: 1920px) {
.aboutHero {
background-size: cover, cover;
}
}
@media only screen and (max-width: 930px) {
.aboutHero {
background-image: linear-gradient(to right, #14374A, #057B83);
height: auto;
padding-top: 60px !important;
padding-bottom: 60px !important;
}
}
.aboutHero .inner {
max-width: 1300px;
display: flex;
justify-content: center;
align-items: center;
gap: 50px;
justify-content: flex-start;
align-items: flex-start;
}
@media only screen and (max-width: 1340px) {
.aboutHero .inner {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.aboutHero .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.aboutHero .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.aboutHero .inner .col1 {
width: 50%;
margin: 0 !important;
display: flex;
flex-direction: column;
gap: 24px;
}
@media only screen and (max-width: 1112px) {
.aboutHero .inner .col1 {
width: 53%;
}
}
@media only screen and (max-width: 930px) {
.aboutHero .inner .col1 {
width: 90%;
}
}
@media only screen and (max-width: 750px) {
.aboutHero .inner .col1 {
width: 100%;
}
}
.aboutHero .inner .col1 h1 {
color: #ffffff;
margin: 0 !important;
}
.aboutHero .inner .col1 .introText {
font-size: 24px;
font-weight: 300;
color: #ffffff;
}
@media only screen and (max-width: 1100px) {
.aboutHero .inner .col1 .introText {
font-size: 20px;
}
}
@media only screen and (max-width: 750px) {
.aboutHero .inner .col1 .introText {
font-size: 18px;
}
}
.tabsHome {
padding-top: 60px !important;
padding-bottom: 60px !important;
position: relative;
overflow: hidden;
margin-top: 0px !important;
}
@media only screen and (max-width: 750px) {
.tabsHome {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
}
.tabsHome:before {
content: url(//ccsd.org.uk/wp-content/uploads/2024/11/asset-right1.svg);
right: 0;
top: -30px;
position: absolute;
}
.tabsHome .inner {
max-width: 1300px;
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
justify-content: space-between !important;
}
@media only screen and (max-width: 1340px) {
.tabsHome .inner {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.tabsHome .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.tabsHome .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 1004px) {
.tabsHome .inner {
flex-direction: column;
}
}
.tabsHome .inner .tab {
margin: 0 !important;
border-radius: 20px !important;
background-color: #14374A;
width: 50%;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 1004px) {
.tabsHome .inner .tab {
width: 100%;
}
}
.tabsHome .inner .tab .contentWrap {
padding: 50px;
margin: 0 !important;
display: flex;
flex-direction: column;
gap: 18px;
height: 300px;
}
@media only screen and (max-width: 1212px) {
.tabsHome .inner .tab .contentWrap {
padding: 40px;
}
}
@media only screen and (max-width: 1004px) {
.tabsHome .inner .tab .contentWrap {
height: auto;
padding: 30px;
}
}
.tabsHome .inner .tab .contentWrap h3, .tabsHome .inner .tab .contentWrap p {
color: #ffffff;
margin: 0 !important;
}
.tabsHome .inner .tab .contentWrap .btnWrap {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
margin: 0 !important;
gap: 24px;
}
@media only screen and (max-width: 1032px) {
.tabsHome .inner .tab .contentWrap .btnWrap {
flex-direction: column;
align-items: flex-start;
gap: 18px;
}
}
@media only screen and (max-width: 1004px) {
.tabsHome .inner .tab .contentWrap .btnWrap {
flex-direction: row;
align-items: center;
}
}
@media only screen and (max-width: 540px) {
.tabsHome .inner .tab .contentWrap .btnWrap {
flex-direction: column;
align-items: flex-start;
}
}
.tabsHome .inner .tab .contentWrap .btnWrap p, .tabsHome .inner .tab .contentWrap .btnWrap a {
margin: 0 !important;
color: #C5F7F2;
}
.tabsHome .inner .tab .contentWrap .btnWrap p a {
padding-right: 25px;
position: relative;
transition: ease all 0.2s;
}
.tabsHome .inner .tab .contentWrap .btnWrap p a:hover {
color: #FDB450;
}
.tabsHome .inner .tab figure {
height: auto;
}
.tabsHome .inner .tab figure img {
object-fit: contain;
width: 100%;
height: 100%;
border-top-right-radius: 20px !important;
border-top-left-radius: 20px !important;
}
.wp-block-lazyblock-updates-and-announcements {
display: none;
}
.dataUpdatesWrap {
background-color: #14374A;
position: relative;
overflow: hidden;
}
.dataUpdatesWrap:before {
content: url(//ccsd.org.uk/wp-content/uploads/2024/11/asset-right1.svg);
position: absolute;
top: -90px;
left: -140px;
transform: rotate(270deg);
width: auto;
height: auto;
filter: brightness(0) invert(1);
}
.dataUpdatesWrap .updatesAndAnnouncements {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
@media only screen and (max-width: 750px) {
.dataUpdatesWrap .updatesAndAnnouncements {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
}
.dataUpdatesWrap .updatesAndAnnouncements .top {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
@media only screen and (max-width: 1340px) {
.dataUpdatesWrap .updatesAndAnnouncements .top {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.dataUpdatesWrap .updatesAndAnnouncements .top {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.dataUpdatesWrap .updatesAndAnnouncements .top {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.dataUpdatesWrap .updatesAndAnnouncements .top h3 {
margin-bottom: 24px !important;
color: #ffffff;
flex-basis: 65% !important;
}
@media only screen and (max-width: 490px) {
.dataUpdatesWrap .updatesAndAnnouncements .top h3 {
white-space: normal;
}
}
.dataUpdatesWrap .updatesAndAnnouncements .top .wp-block-buttons {
margin-bottom: 24px !important;
width: 120px !important;
display: flex;
justify-content: flex-end;
flex-basis: 35% !important;
}
.dataUpdatesWrap .updatesAndAnnouncements .itemsWrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
}
@media only screen and (max-width: 1340px) {
.dataUpdatesWrap .updatesAndAnnouncements .itemsWrapper {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.dataUpdatesWrap .updatesAndAnnouncements .itemsWrapper {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.dataUpdatesWrap .updatesAndAnnouncements .itemsWrapper {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 928px) {
.dataUpdatesWrap .updatesAndAnnouncements .itemsWrapper {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 590px) {
.dataUpdatesWrap .updatesAndAnnouncements .itemsWrapper {
grid-template-columns: 1fr;
}
}
.dataUpdatesWrap .updatesAndAnnouncements .itemsWrapper .item {
background: transparent linear-gradient(237deg, #076272 20%, #14374A 100%) 0% 0% no-repeat padding-box;
border-radius: 20px !important;
transition: ease all 0.2s;
transform: translateY(0);
}
.dataUpdatesWrap .updatesAndAnnouncements .itemsWrapper .item:hover {
background: #FFF066;
transform: translateY(-8px);
}
.dataUpdatesWrap .updatesAndAnnouncements .itemsWrapper .item:hover .date, .dataUpdatesWrap .updatesAndAnnouncements .itemsWrapper .item:hover .readMore, .dataUpdatesWrap .updatesAndAnnouncements .itemsWrapper .item:hover h4 {
color: #14374A;
}
.dataUpdatesWrap .updatesAndAnnouncements .itemsWrapper .item:hover .date {
border: 1px solid #14374A;
}
.dataUpdatesWrap .updatesAndAnnouncements .itemsWrapper .item a {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 24px;
text-decoration: none;
color: #ffffff;
padding: 40px;
}
@media only screen and (max-width: 1020px) {
.dataUpdatesWrap .updatesAndAnnouncements .itemsWrapper .item a {
padding: 30px;
}
}
.dataUpdatesWrap .updatesAndAnnouncements .itemsWrapper .item a .date {
border: 1px solid #C5F7F2;
padding: 8px 26px;
border-radius: 20px !important;
color: #C5F7F2;
}
.dataUpdatesWrap .updatesAndAnnouncements .itemsWrapper .item a .readMore {
color: #C5F7F2;
font-weight: 500;
}
.dataUpdatesWrap .inner {
max-width: 1300px;
display: flex;
flex-direction: column;
gap: 24px;
}
.dataUpdatesWrap .inner .wp-block-lazyblock-data-and-insights {
margin: 0 !important;
}
.dataUpdatesWrap .inner .wp-block-lazyblock-data-and-insights .dataInsights {
padding-top: 60px !important;
padding-bottom: 60px !important;
}
@media only screen and (max-width: 1340px) {
.dataUpdatesWrap .inner .wp-block-lazyblock-data-and-insights .dataInsights {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.dataUpdatesWrap .inner .wp-block-lazyblock-data-and-insights .dataInsights {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.dataUpdatesWrap .inner .wp-block-lazyblock-data-and-insights .dataInsights {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.dataUpdatesWrap .inner .wp-block-lazyblock-data-and-insights .dataInsights {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
}
.dataUpdatesWrap .inner .wp-block-lazyblock-data-and-insights .dataInsights h3 {
color: #ffffff;
margin-bottom: 24px !important;
}
.dataUpdatesWrap .inner .wp-block-lazyblock-data-and-insights .dataInsights .dataItems {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 10px;
}
@media only screen and (max-width: 920px) {
.dataUpdatesWrap .inner .wp-block-lazyblock-data-and-insights .dataInsights .dataItems {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 500px) {
.dataUpdatesWrap .inner .wp-block-lazyblock-data-and-insights .dataInsights .dataItems {
grid-template-columns: 1fr;
}
}
.dataUpdatesWrap .inner .wp-block-lazyblock-data-and-insights .dataInsights .dataItems .item {
background-color: #C5F7F2;
border-radius: 20px !important;
height: auto;
padding: 35px 30px;
}
.dataUpdatesWrap .inner .wp-block-lazyblock-data-and-insights .dataInsights .dataItems .item p {
color: #14374A;
}
.dataUpdatesWrap .inner .wp-block-lazyblock-data-and-insights .dataInsights .dataItems .item p span {
color: #14374A;
font-weight: 500;
font-size: 40px;
line-height: 1em;
margin-bottom: 12px !important;
display: block;
}
.aboutUs {
background-color: #C5F7F2;
margin-top: 0px !important;
padding-top: 60px !important;
padding-bottom: 60px !important;
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 750px) {
.aboutUs {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
}
.aboutUs:before {
content: url(//ccsd.org.uk/wp-content/uploads/2024/11/asset-right1.svg);
position: absolute;
bottom: -110px;
left: -100px;
transform: rotate(180deg);
width: auto;
height: auto;
fill: #14374A;
}
@media only screen and (max-width: 1340px) {
.aboutUs .inner {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.aboutUs .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.aboutUs .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.aboutUs .inner .wp-block-columns {
gap: 40px;
}
.aboutUs .inner .wp-block-columns .col1 {
display: flex;
flex-direction: column;
gap: 24px;
justify-content: center;
}
.aboutUs .inner .wp-block-columns .col1 h3 {
color: #14374A;
}
.aboutUs .inner .wp-block-columns .col1 p {
font-size: 24px;
font-weight: 300;
color: #14374A;
font-weight: 500;
padding-right: 40px;
}
@media only screen and (max-width: 1100px) {
.aboutUs .inner .wp-block-columns .col1 p {
font-size: 20px;
}
}
@media only screen and (max-width: 750px) {
.aboutUs .inner .wp-block-columns .col1 p {
font-size: 18px;
}
}
@media only screen and (max-width: 781px) {
.aboutUs .inner .wp-block-columns .col1 p {
padding-right: 15px;
}
}
.aboutUs .inner .wp-block-columns .col2 figure {
display: flex;
justify-content: flex-end;
}
@media only screen and (max-width: 781px) {
.aboutUs .inner .wp-block-columns .col2 figure {
justify-content: flex-start;
}
}
.aboutUs .inner .wp-block-columns.two {
padding-top: 60px !important;
padding-bottom: 60px !important;
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 750px) {
.aboutUs .inner .wp-block-columns.two {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
}
.aboutUs .inner .wp-block-columns.two .col3 p {
font-size: 24px;
font-weight: 300;
color: #14374A;
padding-right: 40px;
}
@media only screen and (max-width: 1100px) {
.aboutUs .inner .wp-block-columns.two .col3 p {
font-size: 20px;
}
}
@media only screen and (max-width: 750px) {
.aboutUs .inner .wp-block-columns.two .col3 p {
font-size: 18px;
}
}
@media only screen and (max-width: 781px) {
.aboutUs .inner .wp-block-columns.two .col3 p {
padding-right: 15px;
}
}
.aboutUs .inner .wp-block-columns.two .col4 {
display: flex;
flex-wrap: wrap;
gap: 25px;
align-items: center;
justify-content: space-between;
}
.aboutUs .inner .wp-block-columns.two .col4 figure {
margin: 0 !important;
}
@media only screen and (max-width: 930px) {
.aboutUs .inner .wp-block-columns.two .col4 figure img {
width: 65px !important;
height: auto !important;
}
}
@media only screen and (max-width: 781px) {
.aboutUs .inner .wp-block-columns.two .col4 figure img {
width: auto !important;
height: auto !important;
}
}
@media only screen and (max-width: 470px) {
.aboutUs .inner .wp-block-columns.two .col4 figure img {
width: 60px !important;
height: auto !important;
}
}
.aboutUs .inner .wp-block-columns.two .col4 figure img:hover {
filter: brightness(1.3);
transition: filter 0.3s ease;
}
.guidanceTraining {
position: relative;
padding: 30px;
overflow: hidden;
border-radius: 20px !important;
margin-top: 60px !important;
margin-bottom: 60px !important;
}
@media only screen and (max-width: 750px) {
.guidanceTraining {
margin-top: 45px !important;
margin-bottom: 45px !important;
}
}
@media only screen and (max-width: 1320px) {
.guidanceTraining {
margin-left: 25px !important;
margin-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.guidanceTraining {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.guidanceTraining {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
.guidanceTraining::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//ccsd.org.uk/wp-content/uploads/2024/11/taxture-bg1.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: transform 0.3s ease-out;
z-index: -1;
}
.guidanceTraining:hover::before {
transform: scale(1.1);
}
.guidanceTraining .top {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.guidanceTraining .top h3 {
margin-bottom: 24px !important;
color: #ffffff;
flex-basis: 65% !important;
}
@media only screen and (max-width: 540px) {
.guidanceTraining .top h3 {
white-space: normal;
}
}
.guidanceTraining .top .wp-block-buttons {
margin-bottom: 24px !important;
width: 120px !important;
display: flex;
justify-content: flex-end;
flex-basis: 35% !important;
}
.guidanceTraining .items {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 10px;
padding-top: 60px !important;
padding-bottom: 60px !important;
padding-top: 45px !important;
}
@media only screen and (max-width: 750px) {
.guidanceTraining .items {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
}
@media only screen and (max-width: 750px) {
.guidanceTraining .items {
padding-top: 35px !important;
}
}
@media only screen and (max-width: 920px) {
.guidanceTraining .items {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 750px) {
.guidanceTraining .items {
grid-template-columns: 1fr;
padding-top: 0px !important;
}
}
.guidanceTraining .items .item {
background-color: #ffffff;
border-radius: 20px !important;
height: auto;
padding: 35px 30px;
height: auto;
margin: 0 !important;
display: flex;
flex-direction: column;
gap: 12px;
text-decoration: none;
transition: ease all 0.2s;
transform: translateY(0);
}
.guidanceTraining .items .item:hover {
background: #FFF066;
transform: translateY(-8px);
}
.guidanceTraining .items .item:hover h4, .guidanceTraining .items .item:hover p, .guidanceTraining .items .item:hover .link {
color: #14374A;
}
.guidanceTraining .items .item h4, .guidanceTraining .items .item p, .guidanceTraining .items .item .link {
margin: 0 !important;
color: #14374A;
}
.guidanceTraining .items .item .link {
font-weight: 500;
text-decoration: none;
width: fit-content;
}
.guidanceTraining .items .item .link.arrow {
background-image: url(//ccsd.org.uk/wp-content/uploads/2024/12/Icon-arrow.svg);
background-repeat: no-repeat;
background-position: right center;
padding-right: 20px;
margin-top: 40px !important;
}
.signUp {
padding-top: 60px !important;
padding-bottom: 60px !important;
display: none !important;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #C5F7F2;
border-radius: 20px !important;
gap: 24px;
position: relative;
overflow: hidden;
margin-top: 60px !important;
margin-bottom: 60px !important;
padding: 30px;
}
@media only screen and (max-width: 1320px) {
.signUp {
margin-left: 25px !important;
margin-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.signUp {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.signUp {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.signUp {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
}
@media only screen and (max-width: 750px) {
.signUp {
margin-top: 45px !important;
margin-bottom: 45px !important;
}
}
.signUp.edits {
margin-top: 0px !important;
}
@media only screen and (max-width: 750px) {
.signUp.edits {
margin-top: 0px !important;
}
}
.signUp:before {
content: url(//ccsd.org.uk/wp-content/uploads/2024/11/asset-right1.svg);
position: absolute;
top: 0px;
right: -100px;
transform: rotate(90deg);
width: auto;
height: auto;
fill: #14374A;
}
.signUp:after {
content: url(//ccsd.org.uk/wp-content/uploads/2024/11/asset-right1.svg);
position: absolute;
bottom: 0px;
left: -100px;
transform: rotate(180deg);
width: auto;
height: auto;
fill: #14374A;
}
.signUp h3 {
color: #14374A;
text-align: center;
}
.announcementBlock {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: #C5F7F2;
border-radius: 20px !important;
gap: 12px;
position: relative;
overflow: hidden;
padding: 30px;
margin-bottom: 32px !important;
margin-top: 0px !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.announcementBlock:before {
content: url(//ccsd.org.uk/wp-content/uploads/2024/11/asset-right1.svg);
position: absolute;
top: 0px;
right: -100px;
transform: rotate(90deg);
width: auto;
height: auto;
fill: #14374A;
}
.announcementBlock h3 {
color: #14374A;
text-align: center;
margin: 0px !important;
font-size: 22px;
}
@media only screen and (max-width: 750px) {
.announcementBlock h3 {
font-size: 20px;
}
}
.announcementBlock p {
color: #14374A;
text-align: center;
margin: 0px !important;
font-size: 20px;
font-weight: 300;
}
@media only screen and (max-width: 750px) {
.announcementBlock p {
font-size: 18px;
}
}
.keyDocumentCTA {
background-color: #C1F2ED;
border-radius: 20px !important;
display: flex;
padding-top: 60px !important;
padding-bottom: 60px !important;
padding-left: 100px;
padding-right: 100px;
gap: 50px;
position: relative;
overflow: hidden;
margin-top: 0px !important;
margin-bottom: 60px !important;
}
@media only screen and (max-width: 750px) {
.keyDocumentCTA {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
}
@media only screen and (max-width: 1320px) {
.keyDocumentCTA {
margin-left: 25px !important;
margin-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.keyDocumentCTA {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.keyDocumentCTA {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
@media only screen and (max-width: 1080px) {
.keyDocumentCTA {
padding-left: 70px;
padding-right: 70px;
}
}
@media only screen and (max-width: 750px) {
.keyDocumentCTA {
margin-top: 0px !important;
margin-bottom: 45px !important;
flex-direction: column;
gap: 24px;
}
}
@media only screen and (max-width: 750px) and (max-width: 1340px) {
.keyDocumentCTA {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 750px) and (max-width: 1100px) {
.keyDocumentCTA {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
.keyDocumentCTA {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.keyDocumentCTA::after {
content: "";
position: absolute;
bottom: 0;
right: 10px;
width: 200px;
height: 150px;
background-image: url(//ccsd.org.uk/wp-content/uploads/2024/12/report-cta-bottom-right.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom right;
}
@media only screen and (max-width: 750px) {
.keyDocumentCTA::after {
top: 0px;
transform: rotate(180deg);
right: -10px;
width: 100px;
height: 100px;
}
}
.keyDocumentCTA::before {
content: "";
position: absolute;
bottom: 0px;
left: -20px;
width: 250px;
height: 250px;
background-image: url(//ccsd.org.uk/wp-content/uploads/2024/12/report-cta-top-left.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom right;
transform: rotate(270deg);
}
.keyDocumentCTA .col1 {
display: flex;
flex-direction: column;
gap: 24px;
flex-basis: 50%;
justify-content: center;
}
.keyDocumentCTA .col1 h3, .keyDocumentCTA .col1 p, .keyDocumentCTA .col1 .wp-block-buttons {
margin: 0 !important;
}
.keyDocumentCTA .col1 h3, .keyDocumentCTA .col1 p {
color: #14374A;
}
.keyDocumentCTA .col2 {
flex-basis: 50%;
}
.keyDocumentCTA .col2 figure {
z-index: 999;
}
.keyDocumentCTA .col2 figure img {
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
border-radius: 2px;
z-index: 999;
position: relative;
}
.membersMission {
background-color: #EEF2F5;
margin-top: 0px !important;
padding-top: 60px !important;
padding-bottom: 60px !important;
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 750px) {
.membersMission {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
}
.membersMission:before {
content: url(//ccsd.org.uk/wp-content/uploads/2024/11/asset-right1.svg);
position: absolute;
bottom: -110px;
left: -100px;
transform: rotate(180deg);
width: auto;
height: auto;
fill: #14374A;
}
@media only screen and (max-width: 1340px) {
.membersMission .inner {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.membersMission .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.membersMission .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.membersMission .inner h3 {
color: #14374A;
}
.membersMission .inner .ccsdMembers {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 24px;
}
.membersMission .inner .ccsdMembers h3, .membersMission .inner .ccsdMembers p, .membersMission .inner .ccsdMembers figure, .membersMission .inner .ccsdMembers img {
margin: 0 !important;
}
.membersMission .inner .ccsdMembers p {
font-size: 24px;
font-weight: 300;
text-align: center;
}
@media only screen and (max-width: 1100px) {
.membersMission .inner .ccsdMembers p {
font-size: 20px;
}
}
@media only screen and (max-width: 750px) {
.membersMission .inner .ccsdMembers p {
font-size: 18px;
}
}
.membersMission .inner .ccsdMembers .memberIcons {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 20px;
}
@media only screen and (max-width: 641px) {
.membersMission .inner .ccsdMembers .memberIcons {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 321px) {
.membersMission .inner .ccsdMembers .memberIcons {
grid-template-columns: 1fr;
}
}
.membersMission .inner .ccsdMembers .memberIcons .mem {
background-color: #ffffff;
border-radius: 20px !important;
padding: 30px;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
position: relative;
height: 130px;
width: 130px;
margin: 0 !important;
}
.membersMission .inner .ccsdMembers .memberIcons .mem figure {
position: absolute;
}
.membersMission .inner .ccsdMembers .memberIcons .mem figure.tweak img {
width: 120px;
}
.membersMission .inner .ccsdMembers .memberIcons .mem figure img {
width: 90px;
height: auto;
transition: filter 0.3s ease;
}
.membersMission .inner .ccsdMembers .memberIcons .mem figure img:hover {
filter: brightness(1.3);
transition: filter 0.3s ease;
}
.governanceStructure {
display: flex;
flex-direction: column;
gap: 24px;
justify-content: center;
align-items: center;
padding-top: 60px !important;
padding-bottom: 60px !important;
}
@media only screen and (max-width: 1340px) {
.governanceStructure {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.governanceStructure {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.governanceStructure {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.governanceStructure {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
}
.governanceStructure h3 {
color: #14374A;
}
.governanceStructure .topItems {
display: flex;
gap: 18px;
margin: 0 !important;
}
@media only screen and (max-width: 750px) {
.governanceStructure .topItems {
flex-direction: column;
}
}
.governanceStructure .topItems .item {
background-color: #C5F7F2;
border-radius: 20px !important;
display: flex;
flex-direction: column;
gap: 12px;
margin: 0 !important;
padding: 30px;
position: relative;
}
@media only screen and (max-width: 750px) {
.governanceStructure .topItems .item {
padding: 25px;
}
}
.governanceStructure .topItems .item p {
margin: 0 !important;
color: #14374A;
}
.governanceStructure .topItems .item p:first-of-type {
font-size: 24px;
font-weight: 300;
font-weight: 500;
}
@media only screen and (max-width: 1100px) {
.governanceStructure .topItems .item p:first-of-type {
font-size: 20px;
}
}
@media only screen and (max-width: 750px) {
.governanceStructure .topItems .item p:first-of-type {
font-size: 18px;
}
}
.governanceStructure .groupIllustration {
background-color: #E9EEF7;
margin: 0 !important;
width: 100%;
border-radius: 20px !important;
padding: 50px;
}
.governanceStructure .groupIllustration figure {
display: flex;
justify-content: center;
align-items: center;
}
@media only screen and (max-width: 750px) {
.governanceStructure .groupIllustration figure.desk {
display: none;
}
}
.governanceStructure .groupIllustration figure.mob {
display: none;
}
@media only screen and (max-width: 750px) {
.governanceStructure .groupIllustration figure.mob {
display: flex;
}
}
@media only screen and (max-width: 750px) {
.governanceStructure .groupIllustration {
padding: 35px;
}
}
.ourMission {
display: flex;
flex-direction: column;
gap: 24px;
justify-content: center;
align-items: center;
padding-top: 60px !important;
padding-bottom: 60px !important;
}
@media only screen and (max-width: 1340px) {
.ourMission {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.ourMission {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.ourMission {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.ourMission {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
}
.ourMission.twoCol {
padding-top: 15px !important;
padding-bottom: 15px !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
.ourMission.twoCol .itemWrap {
grid-template-columns: 1fr;
}
@media only screen and (max-width: 1000px) {
.ourMission.twoCol .itemWrap {
grid-template-columns: 1fr;
}
}
.ourMission.twoCol figure {
padding-bottom: 8px !important;
}
.ourMission.twoCol figure img {
width: 50px !important;
margin: 0px !important;
}
@media only screen and (max-width: 1000px) {
.ourMission.twoCol figure {
padding-bottom: 10px;
}
}
.ourMission h3 {
color: #14374A;
}
.ourMission .itemWrap {
margin: 0 !important;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 18px;
}
@media only screen and (max-width: 1000px) {
.ourMission .itemWrap {
grid-template-columns: 1fr;
}
}
.ourMission .itemWrap .item {
background: #ffffff;
border-radius: 20px !important;
gap: 12px;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
margin: 0 !important;
box-shadow: 0px 1px 8px 0px #0000001f;
}
@media only screen and (max-width: 1000px) {
.ourMission .itemWrap .item {
gap: 12px;
padding: 25px;
}
}
.ourMission .itemWrap .item figure {
padding-bottom: 20px;
}
.ourMission .itemWrap .item figure img {
margin: 0px !important;
}
@media only screen and (max-width: 1000px) {
.ourMission .itemWrap .item figure {
padding-bottom: 10px;
}
}
.ourMission .itemWrap .item figure, .ourMission .itemWrap .item p, .ourMission .itemWrap .item ul, .ourMission .itemWrap .item li {
margin: 0 !important;
}
.ourMission .itemWrap .item ul li {
color: #14374A;
margin-top: 4px !important;
font-weight: 300;
}
.ourMission .itemWrap .item ul {
padding-left: 25px;
}
.ourMission .itemWrap .item p {
font-weight: 300;
color: #14374A;
}
.ourMission .itemWrap .item p:first-of-type {
color: #14374A;
font-size: 24px;
font-weight: 300;
font-weight: 500;
}
@media only screen and (max-width: 1100px) {
.ourMission .itemWrap .item p:first-of-type {
font-size: 20px;
}
}
@media only screen and (max-width: 750px) {
.ourMission .itemWrap .item p:first-of-type {
font-size: 18px;
}
}
footer {
background-color: #14374A;
display: flex;
justify-content: center;
align-items: center;
z-index: 999 !important;
position: relative;
}
footer .footerWrapper {
max-width: 1300px;
margin: 0 !important;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 90px !important;
padding-bottom: 100px !important;
}
@media only screen and (max-width: 1340px) {
footer .footerWrapper {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
footer .footerWrapper {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
footer .footerWrapper {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 920px) {
footer .footerWrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 50px;
padding-top: 40px !important;
padding-bottom: 40px !important;
}
}
footer .footerWrapper .wp-block-loginout {
margin: 0px !important;
margin-block-start: 0px !important;
}
footer .footerWrapper figure, footer .footerWrapper .navLinks {
margin: 0 !important;
}
@media only screen and (max-width: 920px) {
footer .footerWrapper .logo img {
width: 180px;
}
}
footer .footerWrapper .navLinks {
display: flex;
justify-content: space-between;
gap: 70px;
}
@media only screen and (max-width: 920px) {
footer .footerWrapper .navLinks {
flex-direction: column;
gap: 24px;
justify-content: flex-start;
align-items: flex-start;
}
}
footer .footerWrapper .navLinks .wp-block-group {
margin: 0 !important;
display: flex;
flex-direction: column;
justify-content: flex-start;
gap: 12px;
}
footer .footerWrapper .navLinks .wp-block-group:nth-of-type(3) a {
font-weight: 500;
}
footer .footerWrapper .navLinks .wp-block-group a:hover {
text-decoration: underline;
}
footer .footerWrapper .navLinks .wp-block-group a, footer .footerWrapper .navLinks .wp-block-group p {
text-decoration: none;
color: #ffffff;
font-weight: 300;
margin: 0 !important;
}
.header-spacer {
background: #fff;
width: 100%;
}
header .wp-block-lazyblock-ccsd-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10000000 !important;
background: #fff;
transition: transform 0.3s ease-in-out;
box-shadow: 0px 0px 14px 0px #0000003d;
}
header .wp-block-lazyblock-ccsd-menu.header-hidden {
transform: translateY(-100%);
}
body.admin-bar header .wp-block-lazyblock-ccsd-menu {
top: 32px;
}
@media screen and (max-width: 782px) {
body.admin-bar header .wp-block-lazyblock-ccsd-menu {
top: 46px;
}
}
@media screen and (max-width: 600px) {
body.admin-bar header .wp-block-lazyblock-ccsd-menu {
top: 0;
}
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD {
max-width: 1300px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 30px;
padding-top: 20px !important;
padding-bottom: 20px !important;
width: 100%;
position: relative;
}
@media only screen and (max-width: 1340px) {
header .wp-block-lazyblock-ccsd-menu .headerCCSD {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
header .wp-block-lazyblock-ccsd-menu .headerCCSD {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
header .wp-block-lazyblock-ccsd-menu .headerCCSD {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 1260px) {
header .wp-block-lazyblock-ccsd-menu .headerCCSD {
gap: 15px;
}
}
@media only screen and (max-width: 1048px) {
header .wp-block-lazyblock-ccsd-menu .headerCCSD {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media only screen and (max-width: 1208px) {
header .wp-block-lazyblock-ccsd-menu .headerCCSD .logoCCSD img {
width: 170px;
}
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .buttonsNav {
display: flex;
gap: 8px;
justify-content: center;
align-items: center;
padding-top: 18px;
padding-right: 40px;
}
@media only screen and (max-width: 1048px) {
header .wp-block-lazyblock-ccsd-menu .headerCCSD .buttonsNav {
display: none;
}
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .buttonsNav .wp-block-buttons {
margin: 0 !important;
}
@media only screen and (max-width: 1160px) {
header .wp-block-lazyblock-ccsd-menu .headerCCSD .buttonsNav .wp-block-buttons:first-of-type {
display: none;
}
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .buttonsNav .wp-block-buttons a {
padding: 6px 25px !important;
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .navMenu {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 16px;
padding-top: 18px;
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .navMenu .main-nav {
display: flex;
list-style: none;
padding: 0;
margin: 0;
padding-right: 30px;
}
@media only screen and (max-width: 1048px) {
header .wp-block-lazyblock-ccsd-menu .headerCCSD .navMenu .main-nav {
display: none;
}
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .navMenu .main-nav ul {
display: flex;
gap: 18px;
}
@media only screen and (max-width: 1224px) {
header .wp-block-lazyblock-ccsd-menu .headerCCSD .navMenu .main-nav ul {
gap: 14px;
}
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .navMenu .main-nav ul li {
position: relative;
list-style: none;
list-style-type: none;
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .navMenu .main-nav ul li::marker {
content: "";
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .navMenu .main-nav ul li a {
text-decoration: none;
color: #14374A;
display: block;
padding-bottom: 0px !important;
font-weight: 600;
}
@media only screen and (max-width: 1100px) {
header .wp-block-lazyblock-ccsd-menu .headerCCSD .navMenu .main-nav ul li a {
padding-right: 2px;
}
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .navMenu .main-nav ul li a:hover {
text-decoration: underline;
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .navMenu .main-nav ul li .sub-menu {
position: absolute;
top: 100%;
left: 0;
background: #ffffff;
min-width: 200px;
display: flex;
flex-direction: column;
gap: 8px;
padding: 12px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
border-radius: 10px !important;
z-index: 1000;
pointer-events: none;
opacity: 0;
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .navMenu .main-nav ul li .sub-menu li {
width: 100%;
margin: 0 !important;
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .navMenu .main-nav ul li .sub-menu li a {
padding: 8px 12px;
white-space: nowrap;
padding-bottom: 12px !important;
transition: background-color 0.2s ease;
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
margin: 0 !important;
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .navMenu .main-nav ul li .sub-menu li a:hover {
background-color: rgba(0, 0, 0, 0.05);
text-decoration: none;
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .navMenu .main-nav ul li .sub-menu .sub-menu {
top: 0;
left: 100%;
transform: translateX(-8px);
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .navMenu .main-nav ul li .sub-menu .sub-menu li a:hover {
background-color: rgba(0, 0, 0, 0.1);
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .navMenu .main-nav ul li:hover > .sub-menu {
pointer-events: auto;
opacity: 1;
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .search-icon {
cursor: pointer;
color: #14374A;
font-size: 16px;
position: absolute;
right: 0px;
z-index: 999;
bottom: 42px;
}
@media only screen and (max-width: 1208px) {
header .wp-block-lazyblock-ccsd-menu .headerCCSD .search-icon {
bottom: 35px;
}
}
@media only screen and (max-width: 1048px) {
header .wp-block-lazyblock-ccsd-menu .headerCCSD .search-icon {
bottom: 36px;
}
}
@media only screen and (max-width: 1320px) {
header .wp-block-lazyblock-ccsd-menu .headerCCSD .search-icon {
right: 20px;
}
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .search-icon img {
margin-bottom: -4px;
width: 18px;
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .mobile-menu-toggle {
display: none;
cursor: pointer;
position: absolute;
right: 50px;
z-index: 999;
width: 22px;
height: 18px;
}
@media only screen and (max-width: 1048px) {
header .wp-block-lazyblock-ccsd-menu .headerCCSD .mobile-menu-toggle {
display: flex;
flex-direction: column;
justify-content: space-between;
bottom: 38px;
}
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .mobile-menu-toggle span {
display: block;
width: 100%;
height: 3px;
background-color: #14374A;
transition: all 0.3s ease-in-out;
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .mobile-menu-toggle.active span:nth-child(1) {
transform: translateY(11px) rotate(45deg);
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .mobile-menu-toggle.active span:nth-child(2) {
opacity: 0;
}
header .wp-block-lazyblock-ccsd-menu .headerCCSD .mobile-menu-toggle.active span:nth-child(3) {
transform: translateY(-11px) rotate(-45deg);
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
z-index: 1000;
text-align: center;
padding-top: 20px;
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu .overlay-content {
display: flex;
flex-direction: column;
position: relative;
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu .overlay-content .overlay-logo {
width: fit-content;
display: flex;
justify-content: flex-start;
padding-left: 20px;
padding-bottom: 30px;
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu .overlay-content .overlay-logo img {
height: 40px;
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu #mobile-menu-container {
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
overflow-y: auto;
max-height: 100vh;
position: fixed;
top: 90px;
left: 0;
bottom: 0;
right: 0;
padding-bottom: 30px !important;
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu #mobile-menu-container .overlay-nav {
width: 100%;
margin-bottom: 18px;
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu #mobile-menu-container .overlay-nav .menu-item-has-children {
position: relative;
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu #mobile-menu-container .overlay-nav .menu-item-has-children .dropdown-toggle {
position: absolute;
right: 20px;
top: 23px;
width: 15px;
height: 15px;
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu #mobile-menu-container .overlay-nav ul {
list-style: none;
padding: 0;
margin: 0;
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu #mobile-menu-container .overlay-nav ul li {
text-align: left;
padding-top: 5px;
background-color: #f7f7f7;
border-bottom: 1px solid #d7d7d7;
position: relative;
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu #mobile-menu-container .overlay-nav ul li:last-of-type {
border-bottom: none;
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu #mobile-menu-container .overlay-nav ul li .sub-menu {
border-top: 1px solid #d7d7d7;
padding-left: 7px !important;
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu #mobile-menu-container .overlay-nav ul li .sub-menu .sub-menu {
padding-left: 7px !important;
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu #mobile-menu-container .overlay-nav ul li a {
color: #14374A !important;
text-decoration: none;
width: fit-content;
display: block;
padding: 15px 20px;
box-sizing: border-box;
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu .close-button {
width: 20px;
height: 20px;
position: absolute;
right: 20px;
top: 10px;
cursor: pointer;
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu .close-button span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #14374A;
border-radius: 1px;
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: 0.25s ease-in-out;
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu .close-button span:nth-child(1) {
transform: rotate(45deg);
top: 14px;
}
header .wp-block-lazyblock-ccsd-menu .overlay-menu .close-button span:nth-child(2) {
transform: rotate(-45deg);
top: 14px;
}
body.search-active {
position: fixed;
width: 100%;
overflow: hidden;
height: 100%;
}
.search-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100dvh;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background-color: rgba(255, 255, 255, 0.95);
z-index: 1000;
}
.search-overlay .search-overlay-content {
position: relative;
max-width: 800px;
margin: 0 auto;
padding: 40px;
height: 100%;
align-items: center;
justify-content: center;
display: flex;
padding-top: 80px;
text-align: center;
}
@media (max-height: 600px) {
.search-overlay .search-overlay-content {
margin-top: 100px;
}
}
.search-overlay .search-overlay-content h2 {
font-size: 32px;
margin-bottom: 30px;
color: #14374A;
}
.search-overlay .search-overlay-content .search-form {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
position: relative;
}
.search-overlay .search-overlay-content .search-form .close-search {
position: absolute;
top: -40px;
right: 0px;
cursor: pointer;
width: 30px;
height: 30px;
}
.search-overlay .search-overlay-content .search-form .close-search span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #14374A;
border-radius: 1px;
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: 0.25s ease-in-out;
}
.search-overlay .search-overlay-content .search-form .close-search span:nth-child(1) {
transform: rotate(45deg);
top: 14px;
}
.search-overlay .search-overlay-content .search-form .close-search span:nth-child(2) {
transform: rotate(-45deg);
top: 14px;
}
.search-overlay .search-overlay-content .search-form .close-search:hover span {
background: #040a0e;
}
.search-overlay .search-overlay-content .search-form .search-field {
width: 100%;
padding: 15px;
font-size: 18px;
border: 1.5px solid #14374A;
margin-bottom: 20px;
border-radius: 4px;
}
.search-overlay .search-overlay-content .search-form .search-submit {
padding: 12px 25px;
background-color: #14374A;
color: #ffffff;
border: none;
cursor: pointer;
font-size: 18px;
border-radius: 4px;
transition: background-color 0.3s ease;
}
.search-overlay .search-overlay-content .search-form .search-submit:hover {
background-color: #091922;
}
.shortHero {
background: linear-gradient(to right, #14374A, #057B83) !important;
position: relative;
overflow: hidden;
}
.shortHero.primCol {
background: #14374A !important;
}
.shortHero.primCol::before {
display: none !important;
}
.shortHero::before {
content: url(//ccsd.org.uk/wp-content/uploads/2024/12/rhs-pattern.svg);
position: absolute;
top: 20px;
right: 0;
z-index: 1;
width: auto;
height: auto;
}
@media only screen and (max-width: 1500px) {
.shortHero::before {
width: 300px;
height: auto;
}
}
@media only screen and (max-width: 750px) {
.shortHero::before {
display: none;
}
}
.shortHero .inner {
max-width: 1300px;
margin: 0 auto !important;
padding-top: 60px !important;
padding-bottom: 60px !important;
display: flex;
flex-direction: column;
}
@media only screen and (max-width: 1340px) {
.shortHero .inner {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.shortHero .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.shortHero .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.shortHero .inner {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
}
.shortHero .inner > * + * {
margin-top: 18px !important;
}
.shortHero .inner h1 {
margin: 0 !important;
font-size: 38px;
line-height: 1.1em;
letter-spacing: 1px;
font-weight: 500;
color: #ffffff;
}
@media only screen and (max-width: 1100px) {
.shortHero .inner h1 {
font-size: 34px;
}
}
@media only screen and (max-width: 750px) {
.shortHero .inner h1 {
font-size: 28px;
}
}
.shortHero .inner p {
color: #ffffff;
font-size: 24px;
font-weight: 300;
margin-left: 0px !important;
margin-right: 0px !important;
}
@media only screen and (max-width: 1100px) {
.shortHero .inner p {
font-size: 20px;
}
}
@media only screen and (max-width: 750px) {
.shortHero .inner p {
font-size: 18px;
}
}
.medHero {
background: linear-gradient(to right, #14374A, #057B83) !important;
position: relative;
overflow: hidden;
}
.medHero::before {
content: url(//ccsd.org.uk/wp-content/uploads/2024/12/rhs-pattern.svg);
position: absolute;
bottom: -20px;
right: 0;
z-index: 1;
width: auto;
height: auto;
}
@media only screen and (max-width: 750px) {
.medHero::before {
display: none;
}
}
.medHero .inner {
max-width: 1300px;
margin: 0 auto !important;
padding-top: 90px !important;
padding-bottom: 90px !important;
display: flex;
flex-direction: column;
gap: 16px;
justify-content: flex-start;
align-items: flex-start;
}
@media only screen and (max-width: 1340px) {
.medHero .inner {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.medHero .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.medHero .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.medHero .inner {
padding-top: 65px !important;
padding-bottom: 65px !important;
}
}
.medHero .inner h1 {
margin: 0 !important;
font-size: 38px;
line-height: 1.1em;
letter-spacing: 1px;
font-weight: 500;
}
@media only screen and (max-width: 1100px) {
.medHero .inner h1 {
font-size: 34px;
}
}
@media only screen and (max-width: 750px) {
.medHero .inner h1 {
font-size: 28px;
}
}
.medHero .inner p {
margin: 0 !important;
color: #ffffff;
font-size: 22px !important;
font-weight: 500;
font-weight: 300;
width: 70%;
}
@media only screen and (max-width: 750px) {
.medHero .inner p {
font-size: 18px !important;
}
}
@media only screen and (max-width: 1000px) {
.medHero .inner p {
width: 85%;
}
}
@media only screen and (max-width: 750px) {
.medHero .inner p {
width: 100%;
}
}
.codeHero {
background: linear-gradient(to right, #1D2E6E, #395BDB) !important;
}
.codeHero .inner {
max-width: 1300px;
margin: 0 auto !important;
padding-top: 60px !important;
padding-bottom: 60px !important;
}
@media only screen and (max-width: 1340px) {
.codeHero .inner {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.codeHero .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.codeHero .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.codeHero .inner {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
}
.codeHero .inner h1 {
margin: 0 !important;
font-size: 38px;
line-height: 1.1em;
letter-spacing: 1px;
font-weight: 500;
color: #ffffff;
}
@media only screen and (max-width: 1100px) {
.codeHero .inner h1 {
font-size: 34px;
}
}
@media only screen and (max-width: 750px) {
.codeHero .inner h1 {
font-size: 28px;
}
}
.techGuideBlue {
background-color: #C5F7F2;
border-radius: 10px !important;
margin-top: 60px !important;
margin-bottom: 60px !important;
padding: 80px;
overflow: hidden;
}
@media only screen and (max-width: 750px) {
.techGuideBlue {
margin-top: 45px !important;
margin-bottom: 45px !important;
}
}
@media only screen and (max-width: 1320px) {
.techGuideBlue {
margin-left: 25px !important;
margin-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.techGuideBlue {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.techGuideBlue {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
@media only screen and (max-width: 1300px) {
.techGuideBlue {
padding: 50px;
}
}
@media only screen and (max-width: 750px) {
.techGuideBlue {
padding: 30px;
}
}
.techGuideBlue h4, .techGuideBlue p, .techGuideBlue a {
color: #14374A;
}
.techGuideBlue .topWrap {
display: flex;
justify-content: space-between;
align-items: center;
gap: 70px;
position: relative;
margin-bottom: 200px;
}
@media only screen and (max-width: 925px) {
.techGuideBlue .topWrap {
flex-direction: column;
margin-bottom: 0px;
}
}
.techGuideBlue .topWrap .col1 {
flex-basis: 45%;
display: flex;
flex-direction: column;
gap: 18px;
margin: 0 !important;
}
.techGuideBlue .topWrap .col1 h4 {
position: relative;
z-index: 9999 !important;
display: block;
}
.techGuideBlue .topWrap .col2 {
position: absolute;
top: -105px;
right: -50px;
}
@media only screen and (max-width: 925px) {
.techGuideBlue .topWrap .col2 {
position: relative;
top: initial;
right: initial;
}
}
@media only screen and (max-width: 1300px) {
.techGuideBlue .topWrap .col2 {
top: -75px;
}
}
@media only screen and (max-width: 1300px) {
.techGuideBlue .topWrap .col2 figure img {
width: 550px;
height: auto;
}
}
.techGuideBlue .topics {
margin: 0 !important;
}
.techGuideBlue .topics .topicsWrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 32px;
row-gap: 20px;
}
.techGuideBlue .topics .topicsWrap p {
margin: 0 !important;
font-weight: 500;
}
.techGuideBlue .topics .topicsWrap p a {
text-decoration: none;
display: inline-block;
padding-right: 30px;
position: relative;
}
.techGuideBlue .topics .topicsWrap p a:after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
background-image: url(//ccsd.org.uk/wp-content/uploads/2024/12/Icon-arrow.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.techGuideBlue .topics .topicsWrap p a:hover {
text-decoration: underline;
}
.twoColBlock {
padding-top: 40px !important;
padding-bottom: 40px !important;
margin-top: 0px !important;
background-color: #F5FAFD;
}
@media only screen and (max-width: 750px) {
.twoColBlock {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
}
.twoColBlock .inner {
max-width: 1300px;
display: flex;
gap: 70px;
}
@media only screen and (max-width: 1340px) {
.twoColBlock .inner {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.twoColBlock .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.twoColBlock .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 990px) {
.twoColBlock .inner {
flex-direction: column;
gap: 24px;
}
}
.twoColBlock .inner h4, .twoColBlock .inner p {
color: #14374A;
}
.twoColBlock .inner .wp-block-group {
margin: 0px !important;
}
.twoColBlock .inner .col1 {
flex-basis: 50%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 24px;
align-items: flex-start;
}
.twoColBlock .inner .col2 {
flex-basis: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.twoColBlock .inner .col2 img {
border-radius: 10px !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.filterWrap {
margin-top: 24px !important;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
max-width: 1300px !important;
position: relative;
border-radius: 10px !important;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
}
@media only screen and (max-width: 1320px) {
.filterWrap {
margin-left: 25px !important;
margin-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.filterWrap {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.filterWrap {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
.filterWrap h4 {
padding: 20px 20px;
padding-bottom: 0px;
color: #14374A;
}
.filterWrap .filters {
display: flex;
width: fit-content !important;
margin: 0 !important;
padding: 20px 20px;
border-radius: 20px !important;
gap: 25px;
flex-wrap: wrap;
}
.filterWrap .filters .search-filter-input-group {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
flex-wrap: wrap;
}
.filterWrap2 {
margin-top: 24px !important;
margin-bottom: 24px !important;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
max-width: 1300px !important;
position: relative;
border-radius: 10px !important;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
}
@media only screen and (max-width: 1320px) {
.filterWrap2 {
margin-left: 25px !important;
margin-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.filterWrap2 {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.filterWrap2 {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
.filterWrap2 h4 {
padding: 20px 20px;
padding-bottom: 0px;
color: #14374A;
}
.filterWrap2 .filters {
display: flex;
margin: 0 !important;
padding: 20px 20px;
border-radius: 20px !important;
gap: 25px;
flex-wrap: wrap;
}
.search-filter-field--type-search, .search-filter-field--type-choice {
margin: 0 !important;
display: flex;
justify-content: center;
align-items: center;
font-family: "DM Sans", sans-serif !important;
}
.search-filter-field .search-filter-input-text {
width: 100%;
}
.search-filter-field .search-filter-input-checkbox:first-of-type .search-filter-input-checkbox__control svg {
color: #2FBF85 !important;
fill: #2FBF85 !important;
}
.search-filter-field .search-filter-input-checkbox:last-of-type .search-filter-input-checkbox__control svg {
color: #395BDB !important;
fill: #395BDB !important;
}
.search-filter-field--type-search {
border: 1px solid #a1a1a1 !important;
color: #14374A !important;
min-width: 400px;
border-radius: 20px !important;
padding-left: 8px !important;
overflow: hidden;
}
@media only screen and (max-width: 843px) {
.search-filter-field--type-search {
min-width: auto;
}
}
@media only screen and (max-width: 750px) {
.search-filter-field--type-search {
min-width: 100%;
}
}
.search-filter-field--type-search .search-filter-input-text {
border: none !important;
color: none !important;
box-sizing: border-box;
outline: none;
}
.search-filter-field--type-search .search-filter-input-text svg {
fill: #14374A !important;
}
.wp-block-search-filter-control {
margin-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px !important;
}
.wp-block-search-filter-control button {
color: #ffffff !important;
background-color: #14374A !important;
font-family: "DM Sans", sans-serif !important;
}
.wp-block-search-filter-control button:hover {
color: #14374A !important;
background-color: transparent !important;
border: 1px solid #14374A !important;
}
.paginationWrapper {
display: flex;
justify-content: center;
align-items: center;
margin-block-start: 0px !important;
margin-top: 20px !important;
}
@media only screen and (max-width: 1050px) {
.paginationWrapper {
justify-content: flex-start;
}
}
.paginationWrapper .wp-block-query-pagination {
width: fit-content;
background: linear-gradient(to right, #14374A, #057B83) !important;
border-radius: 20px !important;
padding: 4px 30px;
margin: 0 !important;
margin-bottom: 20px !important;
}
.paginationWrapper .wp-block-query-pagination span, .paginationWrapper .wp-block-query-pagination a {
color: #ffffff;
}
.wp-block-query-no-results {
margin-top: 0px !important;
margin-bottom: 20px !important;
}
.wp-block-query-no-results p {
color: #14374A;
}
.search-filter-component-combobox-base__listbox-option {
background-color: #ffffff;
color: #14374A;
font-family: "DM Sans", sans-serif !important;
}
.search-filter-component-combobox-base__listbox-option:hover {
background-color: #14374A;
color: #ffffff;
}
.chapterList {
cursor: pointer;
}
@media only screen and (max-width: 1320px) {
.chapterList {
margin-left: 25px !important;
margin-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.chapterList {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.chapterList {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
.chapterList .search-filter-component-combobox {
background: #14374A !important;
padding: 6px 18px;
padding-right: 0px;
border-radius: 10px;
width: 100%;
}
.chapterList .search-filter-component-combobox .search-filter-component-combobox__selection {
cursor: pointer;
}
.chapterList .search-filter-component-combobox .search-filter-component-combobox__selection span {
color: #ffffff !important;
}
.chapterList .search-filter-component-combobox input {
color: #ffffff !important;
}
.chapterList .search-filter-component-combobox input::placeholder {
color: #ffffff !important;
}
.chapterList .search-filter-component-combobox svg {
fill: #ffffff;
}
@media only screen and (max-width: 1320px) {
.outerWrapper {
margin-left: 25px !important;
margin-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.outerWrapper {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.outerWrapper {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
@media only screen and (max-width: 1050px) {
.outerWrapper {
overflow-x: auto;
overflow-y: hidden;
}
}
.outerWrapper .tableResults {
border-radius: 20px !important;
}
.outerWrapper .tableResults .testLoading {
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}
@media only screen and (max-width: 1050px) {
.outerWrapper .tableResults {
overflow-y: hidden;
width: 1050px;
overflow-x: auto;
}
}
.outerWrapper .tableResults .desc {
min-width: 300px;
}
.outerWrapper .tableResults .headerTable {
background: linear-gradient(to right, #14374A, #057B83) !important;
padding-left: 0px !important;
padding-right: 0px !important;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
gap: 0px !important;
flex-wrap: nowrap !important;
}
.outerWrapper .tableResults .headerTable .wp-block-column {
padding: 20px;
border-right: 1px solid #DBDDDD;
margin-right: -1px;
}
.outerWrapper .tableResults .headerTable p {
color: #ffffff;
}
.outerWrapper .tableResults ul {
background-color: #ffffff;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.outerWrapper .tableResults ul.wp-block-post-template {
margin-bottom: 0px !important;
margin-block-start: 0px !important;
}
.outerWrapper .tableResults ul li {
margin-block-start: 0px;
}
.outerWrapper .tableResults ul .wp-block-columns {
gap: 0px !important;
flex-wrap: nowrap !important;
}
.outerWrapper .tableResults ul .wp-block-columns .wp-block-column {
border: 1px solid grey;
margin-left: -1px;
margin-bottom: -1px;
padding: 20px 20px;
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
}
.outerWrapper .tableResults ul .wp-block-columns .wp-block-column.codingPrinciple {
justify-content: center;
}
.outerWrapper .tableResults ul .wp-block-columns .wp-block-column:first-child {
margin-left: 0;
}
.outerWrapper .tableResults ul .wp-block-columns .wp-block-column h2 {
font-size: 16px !important;
letter-spacing: initial;
}
@media only screen and (max-width: 750px) {
.outerWrapper .tableResults ul .wp-block-columns .wp-block-column h2 {
font-size: 14px !important;
}
}
.outerWrapper .tableResults ul .wp-block-columns .wp-block-column h2 a {
color: #ffffff;
background-color: #57D4FD;
padding: 6px 14px;
border-radius: 10px !important;
}
.outerWrapper .tableResults ul .wp-block-columns .wp-block-column div.value {
color: #14374A;
font-weight: 500;
font-size: 16px !important;
}
@media only screen and (max-width: 750px) {
.outerWrapper .tableResults ul .wp-block-columns .wp-block-column div.value {
font-size: 14px !important;
}
}
.outerWrapper .tableResults ul .wp-block-columns .wp-block-column a {
text-decoration: none;
color: #14374A;
font-size: 16px !important;
}
@media only screen and (max-width: 750px) {
.outerWrapper .tableResults ul .wp-block-columns .wp-block-column a {
font-size: 14px !important;
}
}
.outerWrapper .tableResults ul .wp-block-columns .wp-block-column .hasCodingPrinciple { }
.outerWrapper .tableResults ul .wp-block-columns .wp-block-column .hasCodingPrinciple div.value {
position: relative;
}
.outerWrapper .tableResults ul .wp-block-columns .wp-block-column .hasCodingPrinciple div.value > ul li {
visibility: hidden;
font-size: 0px !important;
line-height: 0px;
}
.outerWrapper .tableResults ul .wp-block-columns .wp-block-column .hasCodingPrinciple div.value > ul:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 100%;
width: 30px;
height: 30px;
background-image: url(//ccsd.org.uk/wp-content/uploads/2024/11/icon-arrow-green.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
}
@media only screen and (max-width: 1320px) {
.wp-block-lazyblock-search-block-filter {
margin-left: 25px !important;
margin-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.wp-block-lazyblock-search-block-filter {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.wp-block-lazyblock-search-block-filter {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
@media only screen and (max-width: 1050px) {
.wp-block-lazyblock-search-block-filter {
overflow-x: auto;
overflow-y: hidden;
}
}
.wp-block-lazyblock-search-block-filter .codeResults {
border: 1px solid #DBDDDD;
border-top: none;
border-radius: 10px;
margin-bottom: 100px;
position: relative;
border-bottom: none;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 1050px) {
.wp-block-lazyblock-search-block-filter .codeResults {
width: 1000px;
}
}
.wp-block-lazyblock-search-block-filter .codeResults .headings {
background: linear-gradient(to right, #14374A, #057B83) !important;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
gap: 0px !important;
flex-wrap: nowrap !important;
display: flex;
}
.wp-block-lazyblock-search-block-filter .codeResults .headings .col1, .wp-block-lazyblock-search-block-filter .codeResults .headings .col3, .wp-block-lazyblock-search-block-filter .codeResults .headings .col4, .wp-block-lazyblock-search-block-filter .codeResults .headings .col5 {
width: auto;
padding: 15px 20px;
width: 130px;
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
}
@media only screen and (max-width: 1050px) {
.wp-block-lazyblock-search-block-filter .codeResults .headings .col1, .wp-block-lazyblock-search-block-filter .codeResults .headings .col3, .wp-block-lazyblock-search-block-filter .codeResults .headings .col4, .wp-block-lazyblock-search-block-filter .codeResults .headings .col5 {
width: 70px;
}
}
.wp-block-lazyblock-search-block-filter .codeResults .headings .col2 {
min-width: 370px;
padding: 15px 20px;
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
}
.wp-block-lazyblock-search-block-filter .codeResults .headings .col4 {
min-width: 200px;
}
.wp-block-lazyblock-search-block-filter .codeResults .headings .col1, .wp-block-lazyblock-search-block-filter .codeResults .headings .col2, .wp-block-lazyblock-search-block-filter .codeResults .headings .col3, .wp-block-lazyblock-search-block-filter .codeResults .headings .col4 {
border-right: 1px solid #DBDDDD;
}
.wp-block-lazyblock-search-block-filter .codeResults .headings p {
color: #ffffff;
flex-basis: 0;
flex-grow: 1;
font-weight: 500;
font-size: 16px !important;
}
@media only screen and (max-width: 750px) {
.wp-block-lazyblock-search-block-filter .codeResults .headings p {
font-size: 14px !important;
}
}
.wp-block-lazyblock-search-block-filter .codeResults .codeResult {
display: flex;
border-bottom: 1px solid #DBDDDD;
background-color: #ffffff;
}
.wp-block-lazyblock-search-block-filter .codeResults .codeResult .col1, .wp-block-lazyblock-search-block-filter .codeResults .codeResult .col3, .wp-block-lazyblock-search-block-filter .codeResults .codeResult .col4, .wp-block-lazyblock-search-block-filter .codeResults .codeResult .col5 {
width: auto;
width: 130px;
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
}
@media only screen and (max-width: 1050px) {
.wp-block-lazyblock-search-block-filter .codeResults .codeResult .col1, .wp-block-lazyblock-search-block-filter .codeResults .codeResult .col3, .wp-block-lazyblock-search-block-filter .codeResults .codeResult .col4, .wp-block-lazyblock-search-block-filter .codeResults .codeResult .col5 {
width: 70px;
}
}
.wp-block-lazyblock-search-block-filter .codeResults .codeResult .col5 {
position: relative;
}
.wp-block-lazyblock-search-block-filter .codeResults .codeResult .col5 span.recip {
font-size: 0px;
}
.wp-block-lazyblock-search-block-filter .codeResults .codeResult .col5 span.recip:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 100%;
width: 30px;
height: 30px;
background-image: url(//ccsd.org.uk/wp-content/uploads/2024/11/icon-arrow-green.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
}
.wp-block-lazyblock-search-block-filter .codeResults .codeResult .col5 span.noRecip {
font-size: 0px;
}
.wp-block-lazyblock-search-block-filter .codeResults .codeResult .col5 span.noRecip:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 100%;
width: 30px;
height: 30px;
background-image: url(//ccsd.org.uk/wp-content/uploads/2024/11/icon-x.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
}
.wp-block-lazyblock-search-block-filter .codeResults .codeResult .col1, .wp-block-lazyblock-search-block-filter .codeResults .codeResult .col2, .wp-block-lazyblock-search-block-filter .codeResults .codeResult .col3, .wp-block-lazyblock-search-block-filter .codeResults .codeResult .col4 {
border-right: 1px solid #DBDDDD;
}
.wp-block-lazyblock-search-block-filter .codeResults .codeResult .col4 {
min-width: 200px;
}
.wp-block-lazyblock-search-block-filter .codeResults .codeResult .col3 a {
text-decoration: none;
color: #14374A;
}
.wp-block-lazyblock-search-block-filter .codeResults .codeResult .col3 a:hover {
text-decoration: underline;
}
.wp-block-lazyblock-search-block-filter .codeResults .codeResult .col3 span {
text-decoration: none;
color: #14374A;
padding-right: 3px !important;
}
.wp-block-lazyblock-search-block-filter .codeResults .codeResult .col2 {
min-width: 370px;
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
}
.wp-block-lazyblock-search-block-filter .codeResults .codeResult h2 a {
text-decoration: none;
color: #14374A;
}
.wp-block-lazyblock-search-block-filter .codeResults .codeResult h2 a {
color: #ffffff;
padding: 9px 18px;
border-radius: 5px;
}
.wp-block-lazyblock-search-block-filter .codeResults .codeResult h2 a:hover {
filter: brightness(1.1);
transition: filter 0.1s ease;
}
.wp-block-lazyblock-search-block-filter .codeResults .codeResult h2 a.diagnostic {
background-color: #395BDB;
}
.wp-block-lazyblock-search-block-filter .codeResults .codeResult h2 a.procedural {
background-color: #2FBF85;
}
.wp-block-lazyblock-search-block-filter .codeResults .codeResult h2, .wp-block-lazyblock-search-block-filter .codeResults .codeResult p {
flex-basis: 0;
flex-grow: 1;
font-size: 16px !important;
letter-spacing: initial;
color: #14374A;
padding: 15px 20px;
font-weight: 500;
}
@media only screen and (max-width: 750px) {
.wp-block-lazyblock-search-block-filter .codeResults .codeResult h2, .wp-block-lazyblock-search-block-filter .codeResults .codeResult p {
font-size: 14px !important;
}
}
.wp-block-lazyblock-search-block-filter .codeResults .noResults {
font-size: 16px !important;
color: #14374A;
font-weight: 500;
padding: 20px;
}
@media only screen and (max-width: 750px) {
.wp-block-lazyblock-search-block-filter .codeResults .noResults {
font-size: 14px !important;
}
}
.wp-block-lazyblock-search-block-filter .codeResults .pagination {
position: absolute;
bottom: -70px;
left: 0;
width: 100%;
justify-content: center;
align-items: center;
display: flex;
gap: 5px;
}
@media only screen and (max-width: 1050px) {
.wp-block-lazyblock-search-block-filter .codeResults .pagination {
justify-content: flex-start;
}
}
.wp-block-lazyblock-search-block-filter .codeResults .pagination .dots {
display: none !important;
}
.wp-block-lazyblock-search-block-filter .codeResults .pagination a, .wp-block-lazyblock-search-block-filter .codeResults .pagination span {
margin: 0 !important;
}
.wp-block-lazyblock-search-block-filter .codeResults .pagination .page-numbers {
border: 1px solid #14374A;
color: #14374A;
text-decoration: none;
border-radius: 6px;
width: auto;
font-size: 16px !important;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
padding-left: 15px;
padding-right: 15px;
display: none;
}
@media only screen and (max-width: 750px) {
.wp-block-lazyblock-search-block-filter .codeResults .pagination .page-numbers {
font-size: 14px !important;
}
}
.wp-block-lazyblock-search-block-filter .codeResults .pagination .page-numbers.prev, .wp-block-lazyblock-search-block-filter .codeResults .pagination .page-numbers.next {
display: flex;
}
.wp-block-lazyblock-search-block-filter .codeResults .pagination .page-numbers.current {
background-color: #14374A;
color: #ffffff;
}
.wp-block-lazyblock-search-block-filter .codeResults .pagination .page-numbers:hover, .wp-block-lazyblock-search-block-filter .codeResults .pagination .page-numbers:focus {
background-color: #C5F7F2;
border-color: #14374A;
}
.wp-block-lazyblock-search-block-filter .codeResults .pagination .pagination-arrow {
font-size: 16px !important;
height: 40px;
padding-left: 15px;
padding-right: 15px;
display: flex;
justify-content: center;
align-items: center;
}
@media only screen and (max-width: 750px) {
.wp-block-lazyblock-search-block-filter .codeResults .pagination .pagination-arrow {
font-size: 14px !important;
}
}
.introCode {
max-width: 1300px;
margin: 0 auto !important;
padding-top: 40px !important;
padding-bottom: 40px !important;
}
@media only screen and (max-width: 1340px) {
.introCode {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.introCode {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.introCode {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.introCode {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
}
.introCode .leftDetails p, .introCode .leftDetails h2 {
display: none;
}
.introCode .leftDetails p {
font-size: 22px !important;
font-weight: 500;
}
@media only screen and (max-width: 750px) {
.introCode .leftDetails p {
font-size: 18px !important;
}
}
.introCode .leftDetails ul li {
list-style: none;
color: #14374A;
font-weight: 500;
}
.introCode .leftDetails ul li a {
color: #395BDB;
font-weight: 500;
}
.introCode .leftDetails h2 {
color: #3A5BDB;
margin-bottom: 30px;
}
.contentWrapCode {
max-width: 1300px;
padding-top: 40px !important;
padding-bottom: 40px !important;
padding-top: 0px !important;
margin: 0 auto !important;
}
@media only screen and (max-width: 1340px) {
.contentWrapCode {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.contentWrapCode {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.contentWrapCode {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.contentWrapCode {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
}
.contentWrapCode .tableFull {
margin-bottom: 2rem !important;
}
.contentWrapCode .tableFull h2 {
margin-top: 2rem !important;
}
.contentWrapCode .disclaimer {
background-color: #ffffff;
border-radius: 10px;
max-width: 1300px;
margin: 0 auto !important;
padding: 30px;
display: flex;
flex-direction: column;
gap: 20px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 1320px) {
.contentWrapCode .disclaimer {
margin-left: 25px !important;
margin-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.contentWrapCode .disclaimer {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.contentWrapCode .disclaimer {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.contentWrapCode .disclaimer {
padding: 25px;
margin: 0 !important;
}
}
.contentWrapCode .disclaimer h4 {
color: #628399;
}
.contentWrapCode .disclaimer p {
color: #14374A;
font-size: 16px !important;
font-weight: 600;
}
@media only screen and (max-width: 750px) {
.contentWrapCode .disclaimer p {
font-size: 14px !important;
}
}
.contentWrapCode .disclaimer ul {
list-style: none;
padding-left: 30px;
}
.contentWrapCode .disclaimer ul li {
position: relative;
color: #707070;
margin-bottom: 20px;
font-size: 16px !important;
}
@media only screen and (max-width: 750px) {
.contentWrapCode .disclaimer ul li {
font-size: 14px !important;
}
}
.contentWrapCode .disclaimer ul li::before {
content: "";
position: absolute;
left: -25px;
top: 11px;
transform: translateY(-50%);
width: 10px;
height: 10px;
background-color: #076272;
border-radius: 50%;
}
.tableOuter {
max-width: 1300px;
margin: 0 auto !important;
}
@media only screen and (max-width: 1320px) {
.tableOuter {
margin-left: 25px !important;
margin-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.tableOuter {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.tableOuter {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
.tableOuter::-webkit-scrollbar {
display: none;
}
@media only screen and (max-width: 1050px) {
.tableOuter {
overflow-x: auto;
overflow-y: hidden;
}
}
.tableOuter .codeResults {
border: 1px solid #DBDDDD;
border-top: none;
border-radius: 10px;
margin-bottom: 40px;
position: relative;
border-right: none;
border-bottom: none;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 1050px) {
.tableOuter .codeResults {
width: 1000px;
}
}
.tableOuter .codeResults .headings {
background: linear-gradient(to right, #14374A, #057B83) !important;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
gap: 0px !important;
flex-wrap: nowrap !important;
display: flex;
}
.tableOuter .codeResults .headings .col1, .tableOuter .codeResults .headings .col3, .tableOuter .codeResults .headings .col4 {
width: auto;
padding: 15px 20px;
width: 130px;
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
}
@media only screen and (max-width: 1050px) {
.tableOuter .codeResults .headings .col1, .tableOuter .codeResults .headings .col3, .tableOuter .codeResults .headings .col4 {
width: 70px;
}
}
.tableOuter .codeResults .headings .col2 {
min-width: 370px;
padding: 15px 20px;
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
}
.tableOuter .codeResults .headings .col1, .tableOuter .codeResults .headings .col2, .tableOuter .codeResults .headings .col3, .tableOuter .codeResults .headings .col4 {
border-right: 1px solid #DBDDDD;
}
.tableOuter .codeResults .headings p {
color: #ffffff;
flex-basis: 0;
flex-grow: 1;
font-weight: 500;
font-size: 16px !important;
}
@media only screen and (max-width: 750px) {
.tableOuter .codeResults .headings p {
font-size: 14px !important;
}
}
.tableOuter .codeResults .codeResult {
display: flex;
border-bottom: 1px solid #DBDDDD;
background-color: #ffffff;
}
.tableOuter .codeResults .codeResult .col1, .tableOuter .codeResults .codeResult .col3, .tableOuter .codeResults .codeResult .col4 {
width: auto;
width: 130px;
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
}
@media only screen and (max-width: 1050px) {
.tableOuter .codeResults .codeResult .col1, .tableOuter .codeResults .codeResult .col3, .tableOuter .codeResults .codeResult .col4 {
width: 70px;
}
}
.tableOuter .codeResults .codeResult .col4 {
min-width: 200px;
}
.tableOuter .codeResults .codeResult .col1 {
border-bottom-right-radius: 10px;
}
.tableOuter .codeResults .codeResult .col3 a {
text-decoration: none;
color: #14374A;
}
.tableOuter .codeResults .codeResult .col3 a:hover {
text-decoration: underline;
}
.tableOuter .codeResults .codeResult .col3 span {
text-decoration: none;
color: #14374A;
padding-right: 3px !important;
}
.tableOuter .codeResults .codeResult .col2 {
min-width: 370px;
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
}
.tableOuter .codeResults .codeResult h2 a {
text-decoration: none;
color: #14374A;
}
.tableOuter .codeResults .codeResult h2 a {
color: #ffffff;
padding: 9px 18px;
border-radius: 5px;
}
.tableOuter .codeResults .codeResult h2 a:hover {
filter: brightness(1.1);
transition: filter 0.1s ease;
}
.tableOuter .codeResults .codeResult h2 a.diagnostic {
background-color: #395BDB;
}
.tableOuter .codeResults .codeResult h2 a.procedural {
background-color: #2FBF85;
}
.tableOuter .codeResults .codeResult h2, .tableOuter .codeResults .codeResult p {
flex-basis: 0;
flex-grow: 1;
font-size: 16px !important;
letter-spacing: initial;
color: #14374A;
padding: 15px 20px;
font-weight: 500;
}
@media only screen and (max-width: 750px) {
.tableOuter .codeResults .codeResult h2, .tableOuter .codeResults .codeResult p {
font-size: 14px !important;
}
}
.tableOuter2 {
max-width: 1300px;
margin: 0 auto !important;
}
@media only screen and (max-width: 1320px) {
.tableOuter2 {
margin-left: 25px !important;
margin-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.tableOuter2 {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.tableOuter2 {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
.tableOuter2::-webkit-scrollbar {
display: none;
}
@media only screen and (max-width: 1050px) {
.tableOuter2 {
overflow-x: auto;
overflow-y: hidden;
}
}
.tableOuter2 .codeResults {
border: 1px solid #DBDDDD;
border-top: none;
border-radius: 10px;
margin-bottom: 40px;
position: relative;
border-right: none;
border-bottom: none;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 1050px) {
.tableOuter2 .codeResults {
width: 1000px;
}
}
.tableOuter2 .codeResults .headings {
background: linear-gradient(to right, #14374A, #057B83) !important;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
gap: 0px !important;
flex-wrap: nowrap !important;
display: flex;
}
.tableOuter2 .codeResults .headings .col1, .tableOuter2 .codeResults .headings .col3, .tableOuter2 .codeResults .headings .col4 {
width: auto;
padding: 15px 20px;
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
}
.tableOuter2 .codeResults .headings .col1 {
flex-grow: 0.3;
}
.tableOuter2 .codeResults .headings .col2 {
padding: 15px 20px;
display: flex;
justify-content: center;
align-items: center;
flex-grow: 1.7;
justify-content: flex-start;
}
.tableOuter2 .codeResults .headings .col3 {
flex-grow: 0.7;
}
.tableOuter2 .codeResults .headings .col4 {
flex-grow: 1;
}
.tableOuter2 .codeResults .headings .col1, .tableOuter2 .codeResults .headings .col2, .tableOuter2 .codeResults .headings .col3, .tableOuter2 .codeResults .headings .col4 {
border-right: 1px solid #DBDDDD;
}
.tableOuter2 .codeResults .headings p {
color: #ffffff;
flex-basis: 0;
flex-grow: 1;
font-weight: 500;
font-size: 16px !important;
}
@media only screen and (max-width: 750px) {
.tableOuter2 .codeResults .headings p {
font-size: 14px !important;
}
}
.tableOuter2 .codeResults .codeResult {
display: flex;
border-bottom: 1px solid #DBDDDD;
background-color: #ffffff;
}
.tableOuter2 .codeResults .codeResult .col1, .tableOuter2 .codeResults .codeResult .col3, .tableOuter2 .codeResults .codeResult .col4 {
width: auto;
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
}
.tableOuter2 .codeResults .codeResult .col1 {
flex-grow: 0.3;
border-right: 1px solid #DBDDDD;
}
.tableOuter2 .codeResults .codeResult .col4 {
flex-grow: 1;
border-right: 1px solid #DBDDDD;
}
.tableOuter2 .codeResults .codeResult .col3 {
flex-grow: 0.7;
border-right: 1px solid #DBDDDD;
}
.tableOuter2 .codeResults .codeResult .col3 a {
text-decoration: none;
color: #14374A;
}
.tableOuter2 .codeResults .codeResult .col3 a:hover {
text-decoration: underline;
}
.tableOuter2 .codeResults .codeResult .col3 span {
text-decoration: none;
color: #14374A;
padding-right: 3px !important;
}
.tableOuter2 .codeResults .codeResult .col2 {
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
flex-grow: 1.7;
border-right: 1px solid #DBDDDD;
}
.tableOuter2 .codeResults .codeResult h2 a {
text-decoration: none;
color: #14374A;
}
.tableOuter2 .codeResults .codeResult h2 a {
color: #ffffff;
padding: 9px 18px;
border-radius: 5px;
}
.tableOuter2 .codeResults .codeResult h2 a:hover {
filter: brightness(1.1);
transition: filter 0.1s ease;
}
.tableOuter2 .codeResults .codeResult h2 a.diagnostic {
background-color: #395BDB;
}
.tableOuter2 .codeResults .codeResult h2 a.procedural {
background-color: #2FBF85;
}
.tableOuter2 .codeResults .codeResult h2, .tableOuter2 .codeResults .codeResult p {
flex-basis: 0;
flex-grow: 1;
font-size: 16px !important;
letter-spacing: initial;
color: #14374A;
padding: 15px 20px;
font-weight: 500;
}
@media only screen and (max-width: 750px) {
.tableOuter2 .codeResults .codeResult h2, .tableOuter2 .codeResults .codeResult p {
font-size: 14px !important;
}
}
.tableOuter3 {
max-width: 1300px;
margin: 0 auto !important;
}
@media only screen and (max-width: 1320px) {
.tableOuter3 {
margin-left: 25px !important;
margin-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.tableOuter3 {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.tableOuter3 {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
.tableOuter3::-webkit-scrollbar {
display: none;
}
.tableOuter3 h4 {
color: #14374A;
margin-bottom: 24px;
}
.tableOuter3 h4 span {
color: #3CB3DB;
}
@media only screen and (max-width: 1050px) {
.tableOuter3 {
overflow-x: auto;
overflow-y: hidden;
}
}
.tableOuter3 .codeResults {
border: 1px solid #DBDDDD;
border-top: none;
border-radius: 10px;
margin-bottom: 40px;
position: relative;
border-right: none;
border-bottom: none;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 1050px) {
.tableOuter3 .codeResults {
width: 1000px;
}
}
.tableOuter3 .codeResults .headings {
background: linear-gradient(to right, #14374A, #057B83) !important;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
gap: 0px !important;
flex-wrap: nowrap !important;
display: flex;
}
.tableOuter3 .codeResults .headings .col1, .tableOuter3 .codeResults .headings .col2 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
gap: 1px;
}
.tableOuter3 .codeResults .headings .col1 span, .tableOuter3 .codeResults .headings .col2 span {
color: #DBDDDD;
font-size: 12px;
opacity: 0.8;
}
.tableOuter3 .codeResults .headings .col1 {
width: auto;
padding: 15px 20px;
flex-grow: 0.5;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.tableOuter3 .codeResults .headings .col3 {
width: auto;
padding: 15px 20px;
width: 130px;
flex-grow: 0.5;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
@media only screen and (max-width: 1050px) {
.tableOuter3 .codeResults .headings .col3 {
width: 70px;
}
}
.tableOuter3 .codeResults .headings .col2 {
padding: 15px 20px;
flex-grow: 2;
}
.tableOuter3 .codeResults .headings .col1, .tableOuter3 .codeResults .headings .col2, .tableOuter3 .codeResults .headings .col3 {
border-right: 1px solid #DBDDDD;
}
.tableOuter3 .codeResults .headings p {
color: #ffffff;
flex-basis: 0;
flex-grow: 1;
font-weight: 500;
font-size: 16px !important;
}
@media only screen and (max-width: 750px) {
.tableOuter3 .codeResults .headings p {
font-size: 14px !important;
}
}
.tableOuter3 .codeResults .codeResult {
display: flex;
border-bottom: 1px solid #DBDDDD;
background-color: #ffffff;
}
.tableOuter3 .codeResults .codeResult .col3 {
width: auto;
display: flex;
justify-content: center;
align-items: center;
flex-grow: 0.5;
border-right: 1px solid #DBDDDD;
justify-content: flex-start;
}
.tableOuter3 .codeResults .codeResult .col1 {
width: auto;
padding: 15px 20px;
width: 70px;
flex-grow: 0.5;
border-right: 1px solid #DBDDDD;
display: flex;
justify-content: center;
align-items: center;
justify-content: flex-start;
}
@media only screen and (max-width: 1050px) {
.tableOuter3 .codeResults .codeResult .col1 {
width: 70px;
}
}
.tableOuter3 .codeResults .codeResult .col2 {
padding: 15px 20px;
display: flex;
justify-content: center;
align-items: center;
flex-grow: 2;
justify-content: flex-start;
border-right: 1px solid #DBDDDD;
}
.tableOuter3 .codeResults .codeResult h2 a {
text-decoration: none;
color: #14374A;
}
.tableOuter3 .codeResults .codeResult h2 a {
color: #ffffff;
padding: 9px 18px;
border-radius: 5px;
}
.tableOuter3 .codeResults .codeResult h2 a:hover {
filter: brightness(1.1);
transition: filter 0.1s ease;
}
.tableOuter3 .codeResults .codeResult h2 a.diagnostic {
background-color: #395BDB;
}
.tableOuter3 .codeResults .codeResult h2 a.procedural {
background-color: #2FBF85;
}
.tableOuter3 .codeResults .codeResult h2, .tableOuter3 .codeResults .codeResult p {
flex-basis: 0;
flex-grow: 1;
font-size: 16px !important;
letter-spacing: initial;
color: #14374A;
padding: 15px 20px;
font-weight: 500;
}
@media only screen and (max-width: 750px) {
.tableOuter3 .codeResults .codeResult h2, .tableOuter3 .codeResults .codeResult p {
font-size: 14px !important;
}
}
.guidanceTrainingDiv {
background-color: #E9EEF7;
margin-top: 0px !important;
padding-top: 40px !important;
padding-bottom: 40px !important;
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 750px) {
.guidanceTrainingDiv {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
}
.guidanceTrainingDiv:before {
content: url(//ccsd.org.uk/wp-content/uploads/2024/11/asset-right1.svg);
position: absolute;
bottom: -110px;
left: -100px;
transform: rotate(180deg);
width: auto;
height: auto;
fill: #14374A;
}
@media only screen and (max-width: 1340px) {
.guidanceTrainingDiv .inner {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.guidanceTrainingDiv .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.guidanceTrainingDiv .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.guidanceTrainingDiv .inner .w500:first-of-type {
margin-bottom: 18px !important;
}
.blockNoBG {
background-color: #E9EEF7;
margin-top: 0px !important;
padding-top: 40px !important;
padding-bottom: 40px !important;
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 750px) {
.blockNoBG {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
}
@media only screen and (max-width: 750px) {
.blockNoBG {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
}
.blockNoBG.white {
background-color: #ffffff;
}
@media only screen and (max-width: 1340px) {
.blockNoBG .inner {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.blockNoBG .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.blockNoBG .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.blockNoBG .inner .col2 {
margin: 0 !important;
}
.blockNoBG .inner .keyDocumentCTA {
margin-bottom: 0px !important;
padding-top: 40px !important;
padding-bottom: 40px !important;
margin-left: 0px !important;
margin-right: 0px !important;
}
.blockNoBG .inner a {
color: #14374A;
text-decoration: none;
}
.wp-block-lazyblock-guidance-and-training-sub-pages {
margin-top: 0px !important;
}
.wp-block-lazyblock-guidance-and-training-sub-pages .guidanceTrainingSubs {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
@media only screen and (max-width: 750px) {
.wp-block-lazyblock-guidance-and-training-sub-pages .guidanceTrainingSubs {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
}
@media only screen and (max-width: 750px) {
.wp-block-lazyblock-guidance-and-training-sub-pages .guidanceTrainingSubs {
padding-top: 0px !important;
}
}
.wp-block-lazyblock-guidance-and-training-sub-pages .guidanceTrainingSubs .itemsWrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
}
@media only screen and (max-width: 1340px) {
.wp-block-lazyblock-guidance-and-training-sub-pages .guidanceTrainingSubs .itemsWrapper {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.wp-block-lazyblock-guidance-and-training-sub-pages .guidanceTrainingSubs .itemsWrapper {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.wp-block-lazyblock-guidance-and-training-sub-pages .guidanceTrainingSubs .itemsWrapper {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 928px) {
.wp-block-lazyblock-guidance-and-training-sub-pages .guidanceTrainingSubs .itemsWrapper {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 590px) {
.wp-block-lazyblock-guidance-and-training-sub-pages .guidanceTrainingSubs .itemsWrapper {
grid-template-columns: 1fr;
}
}
.wp-block-lazyblock-guidance-and-training-sub-pages .guidanceTrainingSubs .itemsWrapper .item {
background: #ffffff;
border-radius: 20px !important;
transition: ease all 0.2s;
transform: translateY(0);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.wp-block-lazyblock-guidance-and-training-sub-pages .guidanceTrainingSubs .itemsWrapper .item:hover {
background: #FFF066;
transform: translateY(-8px);
}
.wp-block-lazyblock-guidance-and-training-sub-pages .guidanceTrainingSubs .itemsWrapper .item:hover .date, .wp-block-lazyblock-guidance-and-training-sub-pages .guidanceTrainingSubs .itemsWrapper .item:hover .readMore, .wp-block-lazyblock-guidance-and-training-sub-pages .guidanceTrainingSubs .itemsWrapper .item:hover h4, .wp-block-lazyblock-guidance-and-training-sub-pages .guidanceTrainingSubs .itemsWrapper .item:hover .exc {
color: #14374A;
}
.wp-block-lazyblock-guidance-and-training-sub-pages .guidanceTrainingSubs .itemsWrapper .item:hover .date {
border: 1px solid #14374A;
}
.wp-block-lazyblock-guidance-and-training-sub-pages .guidanceTrainingSubs .itemsWrapper .item a {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
gap: 24px;
text-decoration: none;
color: #14374A;
padding: 40px;
}
@media only screen and (max-width: 1020px) {
.wp-block-lazyblock-guidance-and-training-sub-pages .guidanceTrainingSubs .itemsWrapper .item a {
padding: 30px;
}
}
.wp-block-lazyblock-guidance-and-training-sub-pages .guidanceTrainingSubs .itemsWrapper .item a .date {
border: 1px solid #C5F7F2;
padding: 8px 26px;
border-radius: 20px !important;
color: #14374A;
}
.wp-block-lazyblock-guidance-and-training-sub-pages .guidanceTrainingSubs .itemsWrapper .item a .readMore {
color: #14374A;
font-weight: 500;
width: fit-content;
}
.wp-block-lazyblock-guidance-and-training-sub-pages .guidanceTrainingSubs .itemsWrapper .item a .readMore.arrow {
background-image: url(//ccsd.org.uk/wp-content/uploads/2024/12/Icon-arrow.svg);
background-repeat: no-repeat;
background-position: right center;
padding-right: 20px;
margin-top: 40px !important;
}
.wp-block-lazyblock-guidance-and-training-sub-pages .guidanceTrainingSubs .itemsWrapper .item a .exc {
color: #14374A;
}
.gfield_validation_message {
color: red !important;
}
.gform_confirmation_message {
background-color: #dcfce7;
border: 1px solid #86efac;
border-radius: 10px;
padding: 1rem;
margin-bottom: 1rem;
display: flex;
align-items: center;
width: 100%;
color: #166534;
font-weight: 500;
font-size: 1rem;
line-height: 1.5; }
.gform_confirmation_message a {
color: #166534;
font-weight: 500;
text-decoration: underline;
}
.success-alert {
background-color: #dcfce7;
border: 1px solid #86efac;
border-radius: 4px;
padding: 1rem;
margin-bottom: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
border-radius: 10px;
}
.success-alert .success-content {
display: flex;
align-items: center;
gap: 0.5rem;
}
.success-alert .success-content .success-icon {
color: #16a34a;
font-size: 1.2rem;
}
.success-alert .success-content .success-text {
color: #166534;
font-weight: 500;
}
.success-alert .success-content .success-text a {
color: #166534;
font-weight: 500;
}
.success-alert .close-button {
background: none;
border: none;
color: #16a34a;
font-size: 1.5rem;
cursor: pointer;
padding: 0;
line-height: 1;
transition: color 0.2s ease;
}
.success-alert .close-button:hover {
color: #166534;
}
.bulletinSection {
padding-top: 60px !important;
padding-bottom: 60px !important;
display: flex;
justify-content: space-between;
position: relative;
gap: 80px;
}
@media only screen and (max-width: 1340px) {
.bulletinSection {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.bulletinSection {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.bulletinSection {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.bulletinSection {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
}
@media only screen and (max-width: 900px) {
.bulletinSection {
flex-direction: column;
gap: 24px;
}
}
.bulletinSection .bulletinHeader {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
height: 100% !important;
gap: 18px;
}
.bulletinSection .bulletinHeader h3 {
color: #14374A;
}
.bulletinSection .bulletinHeader p {
color: #14374A;
}
.bulletinSection .bulletinContainer {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
@media (max-width: 768px) {
.bulletinSection .bulletinContainer {
grid-template-columns: 1fr;
}
}
.bulletinSection .bulletinColumn {
display: flex;
flex-direction: column;
gap: 20px;
}
.bulletinSection .bulletinButton {
display: flex;
align-items: center;
justify-content: space-between;
background-color: var(--button-color);
color: #ffffff;
text-decoration: none;
border-radius: 8px;
transition: opacity 0.2s ease;
padding: 20px;
}
.bulletinSection .bulletinButton.procedural {
background: linear-gradient(to right, #34E084, #10BC99);
}
.bulletinSection .bulletinButton.diagnostic {
background: linear-gradient(to right, #398FDB, #10A5BC);
}
.bulletinSection .bulletinButton.coding-principles {
background: linear-gradient(to right, #076272, #10A5BC);
}
.bulletinSection .bulletinButton:hover {
opacity: 0.9;
}
.bulletinSection .bulletinButton .downloadIcon {
width: 1.25rem;
height: 1.25rem;
margin-left: 0.5rem;
}
.bulletinSection .noBulletins {
color: #666;
font-style: italic;
}
.bulletinSectionPrev {
padding-top: 40px !important;
padding-bottom: 40px !important;
display: flex;
flex-direction: column;
gap: 40px;
padding-bottom: 0px !important;
}
@media only screen and (max-width: 1340px) {
.bulletinSectionPrev {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.bulletinSectionPrev {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.bulletinSectionPrev {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.bulletinSectionPrev {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
}
@media only screen and (max-width: 900px) {
.bulletinSectionPrev {
gap: 24px;
}
}
.bulletinSectionPrev .bulletinHeader {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
height: 100% !important;
gap: 18px;
}
.bulletinSectionPrev .bulletinHeader h3 {
color: #14374A;
}
.bulletinSectionPrev .bulletinHeader p {
color: #14374A;
}
.bulletinSectionPrev .bulletinContainer {
display: flex;
flex-direction: column;
gap: 40px;
}
.bulletinSectionPrev .bulletinColumn {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.bulletinSectionPrev .bulletinColumn p {
width: 100%;
}
.bulletinSectionPrev .bulletinButton {
display: flex;
align-items: center;
justify-content: space-between;
background-color: var(--button-color);
color: #ffffff;
text-decoration: none;
border-radius: 8px;
transition: opacity 0.2s ease;
padding: 20px;
}
@media only screen and (max-width: 750px) {
.bulletinSectionPrev .bulletinButton {
width: 100%;
}
}
.bulletinSectionPrev .bulletinButton.procedural {
background: linear-gradient(to right, #34E084, #10BC99);
}
.bulletinSectionPrev .bulletinButton.diagnostic {
background: linear-gradient(to right, #398FDB, #10A5BC);
}
.bulletinSectionPrev .bulletinButton.coding-principles {
background: linear-gradient(to right, #076272, #10A5BC);
}
.bulletinSectionPrev .bulletinButton:hover {
opacity: 0.9;
}
.bulletinSectionPrev .bulletinButton .downloadIcon {
width: 1.25rem;
height: 1.25rem;
margin-left: 0.5rem;
}
.bulletinSectionPrev .noBulletins {
color: #666;
font-style: italic;
}
.ctaBlock {
padding-top: 60px !important;
padding-bottom: 60px !important;
display: flex;
gap: 24px;
}
@media only screen and (max-width: 1340px) {
.ctaBlock {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.ctaBlock {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.ctaBlock {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.ctaBlock {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
}
@media only screen and (max-width: 750px) {
.ctaBlock {
flex-direction: column;
}
}
.ctaBlock a {
margin: 0 !important;
text-decoration: none !important;
}
.ctaBlock a .ctaItem {
background-color: #E9EEF7;
transition: filter 0.3s ease;
display: inline-block;
border-radius: 10px !important;
margin: 0 !important;
height: auto;
padding: 30px;
display: flex;
flex-direction: column;
gap: 8px;
}
.ctaBlock a .ctaItem:hover {
filter: brightness(1.04);
transition: filter 0.3s ease;
}
.ctaBlock a .ctaItem p {
margin: 0 !important;
width: fit-content;
}
.ctaBlock a .ctaItem p:first-of-type {
font-size: 22px !important;
font-weight: 500;
}
@media only screen and (max-width: 750px) {
.ctaBlock a .ctaItem p:first-of-type {
font-size: 18px !important;
}
}
.ctaBlock a .ctaItem p.arrow {
background-image: url(//ccsd.org.uk/wp-content/uploads/2024/12/Icon-arrow.svg);
background-repeat: no-repeat;
background-position: right center;
padding-right: 20px;
margin-top: 40px !important;
}
.textImageBlock {
display: flex;
gap: 90px;
padding-top: 60px !important;
padding-bottom: 60px !important;
margin-top: 0px !important;
}
@media only screen and (max-width: 750px) {
.textImageBlock {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
}
@media only screen and (max-width: 1340px) {
.textImageBlock {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.textImageBlock {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.textImageBlock {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.textImageBlock {
flex-direction: column;
gap: 24px;
}
}
.textImageBlock .col1 {
flex-basis: 50%;
display: flex;
flex-direction: column;
gap: 18px;
justify-content: center;
margin: 0px !important;
}
.textImageBlock .col1 p, .textImageBlock .col1 h3 {
margin: 0 !important;
color: #14374A;
}
.textImageBlock .col2 {
flex-basis: 50%;
margin: 0px !important;
}
.textImageBlock .col2 figure img {
border-radius: 10px !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.imageTextBlock {
display: flex;
gap: 90px;
padding-top: 60px !important;
padding-bottom: 60px !important;
margin-top: 0px !important;
}
@media only screen and (max-width: 750px) {
.imageTextBlock {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
}
@media only screen and (max-width: 1340px) {
.imageTextBlock {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.imageTextBlock {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.imageTextBlock {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.imageTextBlock {
flex-direction: column-reverse;
gap: 24px;
padding-top: 0px !important;
}
}
.imageTextBlock .col2 {
flex-basis: 50%;
display: flex;
flex-direction: column;
gap: 18px;
justify-content: center;
margin: 0px !important;
}
.imageTextBlock .col2 p, .imageTextBlock .col2 h3 {
margin: 0 !important;
color: #14374A;
}
.imageTextBlock .col1 {
flex-basis: 50%;
margin: 0px !important;
}
.imageTextBlock .col1 figure img {
border-radius: 10px !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.textInfoBlock {
display: flex;
gap: 90px;
padding-top: 60px !important;
padding-bottom: 60px !important;
margin-top: 0px !important;
}
@media only screen and (max-width: 750px) {
.textInfoBlock {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
}
@media only screen and (max-width: 1340px) {
.textInfoBlock {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.textInfoBlock {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.textInfoBlock {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.textInfoBlock {
flex-direction: column;
gap: 24px;
padding-top: 0px !important;
}
}
.textInfoBlock p {
margin: 0 !important;
}
.textInfoBlock p a {
color: #14374A;
font-weight: 500;
}
.textInfoBlock p a:hover {
color: #FDB450;
}
.textInfoBlock .col1 {
flex-basis: 50%;
display: flex;
flex-direction: column;
gap: 18px;
margin: 0px !important;
}
.textInfoBlock .col1 p, .textInfoBlock .col1 h3 {
margin: 0 !important;
color: #14374A;
}
.textInfoBlock .col1 p {
font-weight: 500;
}
.textInfoBlock .col2 {
flex-basis: 50%;
margin: 0px !important;
display: flex;
flex-direction: column;
gap: 18px;
}
.detailedGuidance {
position: relative;
padding: 30px;
overflow: hidden;
border-radius: 20px !important;
margin-top: 60px !important;
margin-bottom: 60px !important;
}
@media only screen and (max-width: 750px) {
.detailedGuidance {
margin-top: 45px !important;
margin-bottom: 45px !important;
}
}
@media only screen and (max-width: 1320px) {
.detailedGuidance {
margin-left: 25px !important;
margin-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.detailedGuidance {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.detailedGuidance {
margin-left: 20px !important;
margin-right: 20px !important;
}
}
.detailedGuidance::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//ccsd.org.uk/wp-content/uploads/2024/11/taxture-bg1.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: transform 0.3s ease-out;
z-index: -1;
}
.detailedGuidance:hover::before {
transform: scale(1.1);
}
.detailedGuidance .top {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
}
.detailedGuidance .top h3 {
margin-bottom: 24px !important;
color: #ffffff;
flex-basis: 65% !important;
}
@media only screen and (max-width: 540px) {
.detailedGuidance .top h3 {
white-space: normal;
}
}
.detailedGuidance .top .wp-block-buttons {
margin-bottom: 24px !important;
width: 120px !important;
display: flex;
justify-content: flex-end;
flex-basis: 35% !important;
}
.detailedGuidance p {
color: #ffffff;
font-size: 16px !important;
}
@media only screen and (max-width: 750px) {
.detailedGuidance p {
font-size: 14px !important;
}
} .content-wrapper.loading {
opacity: 0.6;
pointer-events: none;
position: relative;
}
.content-wrapper.loading:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
border: 4px solid #f3f3f3;
border-top: 4px solid #3498db;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.actionLogCounter {
background-color: #14374A;
padding: 20px;
border-radius: 12px;
max-width: 600px;
}
.actionLogCounterToggle {
display: flex;
gap: 2px;
background: rgba(255, 255, 255, 0.1);
padding: 3px;
border-radius: 20px;
margin-bottom: 20px;
}
@media only screen and (max-width: 750px) {
.actionLogCounterToggle {
flex-direction: column;
}
}
.actionLogCounterToggle .toggle-btn {
flex: 1;
padding: 8px 16px;
text-align: center;
background: transparent;
border: none;
color: #fff;
border-radius: 20px;
cursor: pointer;
font-size: 14px;
transition: all 0.2s ease;
font-weight: 500;
}
.actionLogCounterToggle .toggle-btn.active {
background: rgba(255, 255, 255, 0.9);
color: #1B3340;
}
.actionLogCounter .countBoxes {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
}
@media only screen and (max-width: 750px) {
.actionLogCounter .countBoxes {
display: flex;
flex-direction: column;
}
}
.actionLogCounter .countBoxes a {
text-decoration: none !important;
}
.actionLogCounter .countBox {
position: relative;
padding: 15px;
border-radius: 8px;
color: #ffffff;
cursor: pointer;
transition: filter 0.3s ease;
animation: countBoxPulse 1s ease-in-out 3;
}
.actionLogCounter .countBox:hover {
filter: brightness(1.1);
transition: filter 0.3s ease;
}
.actionLogCounter .countBox::after {
content: "";
position: absolute;
top: 8px;
right: 8px;
width: 16px;
height: 16px;
background: rgba(0, 0, 0, 0.2);
border-radius: 50%;
background-image: url(//ccsd.org.uk/wp-content/uploads/2024/12/icon-arrow-white.svg);
background-size: 16px;
background-position: center;
background-repeat: no-repeat;
}
.actionLogCounter .countBox .count {
display: block;
font-size: 2.5em;
font-weight: bold;
line-height: 1;
margin-bottom: 4px;
}
.actionLogCounter .countBox .label {
font-size: 0.85em;
opacity: 0.8;
}
.actionLogCounter .countBox--overdue {
background-color: #dc3545;
animation: overduePulse 1.5s ease-in-out 3;
}
.actionLogCounter .countBox--moderate {
background-color: #fd7e14;
animation: moderatePulse 1.5s ease-in-out 3;
}
.actionLogCounter .countBox--recent {
background-color: #28a745;
animation: recentPulse 1.5s ease-in-out 3;
}
@keyframes overduePulse {
0% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.9);
}
50% {
transform: scale(1);
box-shadow: 0 0 0 15px rgba(220, 53, 69, 0);
}
100% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
}
}
@keyframes moderatePulse {
0% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(253, 126, 20, 0.9);
}
50% {
transform: scale(1);
box-shadow: 0 0 0 15px rgba(253, 126, 20, 0);
}
100% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(253, 126, 20, 0);
}
}
@keyframes recentPulse {
0% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.9);
}
50% {
transform: scale(1);
box-shadow: 0 0 0 15px rgba(40, 167, 69, 0);
}
100% {
transform: scale(1);
box-shadow: 0 0 0 0 rgba(40, 167, 69, 0);
}
}
.timeline {
width: 100%;
overflow: hidden;
border-radius: 20px !important;
margin-bottom: 40px !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.timeline ul {
background: #C5F7F2;
padding: 50px 0;
}
.timeline ul li {
list-style-type: none;
position: relative;
width: 6px;
margin: 0 auto;
padding-top: 10px;
background: #aec8de;
}
.timeline ul li::after {
content: "";
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 30px;
height: 30px;
border-radius: 50%;
background: #C5F7F2;
transition: background 0.5s ease-in-out;
}
.timeline ul li::before {
display: none !important;
}
.timeline ul li.in-view::after {
background: #14374A;
}
.timeline ul li.in-view div {
transform: none !important;
visibility: visible;
opacity: 1;
-webkit-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.25);
box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.25);
}
.timeline ul li div {
position: relative;
bottom: 0;
width: 400px;
padding: 30px;
visibility: hidden;
opacity: 0;
transition: all 0.5s ease-in-out;
border-radius: 20px !important;
}
.timeline ul li div img {
max-width: 300px;
min-width: 300px;
height: auto;
}
.timeline ul li div p {
color: inherit;
}
.timeline ul li div a {
color: #ffffff;
text-decoration: none;
}
.timeline ul li div a:hover {
text-decoration: underline;
}
.timeline ul li div time {
font-size: 50px;
font-weight: 600;
padding-top: 0px;
padding-bottom: 10px;
}
.timeline ul li:nth-child(odd) div {
left: 45px;
transform: translate3d(200px, 0, 0);
}
.timeline ul li:nth-child(odd) div::before {
left: -15px;
border-width: 8px 16px 8px 0;
}
.timeline ul li:nth-child(even) div {
left: -439px;
transform: translate3d(-200px, 0, 0);
}
.timeline ul li:nth-child(even) div::before {
right: -15px;
border-width: 8px 0 8px 16px;
}
.timeline ul li:nth-child(4n+1) div {
background-color: #14374A;
color: white;
}
.timeline ul li:nth-child(4n+1) div::before {
border-color: transparent #14374A transparent transparent;
}
.timeline ul li:nth-child(4n+2) div {
background-color: #14374A;
color: white;
}
.timeline ul li:nth-child(4n+2) div::before {
border-color: transparent transparent transparent #14374A;
}
.timeline ul li:nth-child(4n+3) div {
background-color: #14374A;
color: white;
}
.timeline ul li:nth-child(4n+3) div::before {
border-color: transparent #14374A transparent transparent;
}
.timeline ul li:nth-child(4n+4) div {
background-color: #14374A;
color: white;
}
.timeline ul li:nth-child(4n+4) div::before {
border-color: transparent transparent transparent #14374A;
}
.timeline ul li time {
display: block;
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 8px;
}
@media only screen and (max-width: 1792px) {
.timeline ul li div {
width: 350px;
}
.timeline ul li div img {
max-width: 250px;
min-width: 250px;
}
.timeline ul li:nth-child(even) div {
left: -389px;
}
}
@media only screen and (max-width: 1556px) {
.timeline ul li div {
width: 300px;
}
.timeline ul li:nth-child(even) div {
left: -339px;
}
}
@media only screen and (max-width: 1320px) {
.timeline ul li div {
width: 250px;
}
.timeline ul li:nth-child(even) div {
left: -289px;
}
}
@media only screen and (max-width: 1108px) {
.timeline ul li div {
width: 220px;
}
.timeline ul li div img {
width: 100%;
height: auto;
}
.timeline ul li:nth-child(even) div {
left: -259px;
}
}
@media screen and (max-width: 1000px) {
.timeline ul li {
margin-left: 20px;
}
.timeline ul li div {
width: calc(100vw - 166px);
}
.timeline ul li:nth-child(even) div {
left: 45px;
}
.timeline ul li:nth-child(even) div::before {
left: -15px;
border-width: 8px 16px 8px 0;
}
.timeline ul li:nth-child(4n+1) div::before {
border-color: transparent #14374A transparent transparent;
}
.timeline ul li:nth-child(4n+2) div::before {
border-color: transparent #14374A transparent transparent;
}
.timeline ul li:nth-child(4n+3) div::before {
border-color: transparent #14374A transparent transparent;
}
.timeline ul li:nth-child(4n+4) div::before {
border-color: transparent #14374A transparent transparent;
}
}
@media screen and (max-width: 600px) {
.timeline ul li div {
width: calc(100vw - 140px);
}
.timeline ul li p {
font-size: 14px !important;
}
}
@media screen and (max-width: 400px) {
.timeline ul li div {
width: calc(100vw - 125px);
}
}
.wp-block-lazyblock-accordion-block .accordion .accor-title h2 {
color: #14374A;
text-align: center;
}
.wp-block-lazyblock-accordion-block .accordion strong {
font-weight: 500 !important;
}
.wp-block-lazyblock-accordion-block .accordion .accordion-title-head {
margin-bottom: 0;
color: #14374A;
font-size: 21px;
width: 85%;
}
@media only screen and (max-width: 750px) {
.wp-block-lazyblock-accordion-block .accordion .accordion-title-head {
width: 80%;
font-size: 18px;
}
}
.wp-block-lazyblock-accordion-block .accordion p {
margin-bottom: 20px;
}
@media only screen and (max-width: 750px) {
.wp-block-lazyblock-accordion-block .accordion {
flex-direction: column;
}
}
.wp-block-lazyblock-accordion-block .accordion .wrapper-div {
width: 100%;
}
.wp-block-lazyblock-accordion-block .accordion .wrapper-div .accordions:last-of-type {
border-bottom: none !important;
margin-bottom: 0px !important;
}
.wp-block-lazyblock-accordion-block .accordion .wrapper-div .accordions, .wp-block-lazyblock-accordion-block .accordion .wrapper-div .accordion-list {
border-bottom: 1px solid #14374A;
margin-bottom: 30px;
}
.wp-block-lazyblock-accordion-block .accordion .wrapper-div .accordions {
padding-left: 5px;
}
.wp-block-lazyblock-accordion-block .accordion .wrapper-div .accordion-title {
background-color: transparent;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
transition: 0.4s;
}
.wp-block-lazyblock-accordion-block .accordion .wrapper-div .accordion-content {
display: none;
background-color: transparent;
padding: 0px 40px 30px 0px;
}
.wp-block-lazyblock-accordion-block .accordion .wrapper-div .accordion-content p {
font-size: 18px;
width: 85%;
}
.wp-block-lazyblock-accordion-block .accordion .wrapper-div .accordion-content p img {
display: block;
clear: both;
}
@media only screen and (max-width: 750px) {
.wp-block-lazyblock-accordion-block .accordion .wrapper-div .accordion-content p {
width: 100%;
}
}
@media only screen and (max-width: 750px) {
.wp-block-lazyblock-accordion-block .accordion .wrapper-div .accordion-content {
padding: 0px 20px 20px 0px;
}
}
.ctaBlockSingle {
display: flex;
gap: 24px;
}
@media only screen and (max-width: 750px) {
.ctaBlockSingle {
flex-direction: column;
display: none;
}
}
@media only screen and (max-width: 750px) {
.ctaBlockSingle.dashi {
flex-direction: column;
display: flex !important;
}
}
.ctaBlockSingle a {
margin: 0 !important;
text-decoration: none !important;
width: 100%;
}
.ctaBlockSingle a .ctaItem {
width: 100%;
background-color: #E9EEF7;
transition: filter 0.3s ease;
display: inline-block;
border-radius: 10px !important;
margin: 0 !important;
height: auto;
padding: 30px;
display: flex;
flex-direction: column;
gap: 8px;
}
.ctaBlockSingle a .ctaItem.sec {
background-color: #C5F7F2;
}
.ctaBlockSingle a .ctaItem.sec p, .ctaBlockSingle a .ctaItem.sec a {
color: #14374A;
}
.ctaBlockSingle a .ctaItem:hover {
filter: brightness(1.04);
transition: filter 0.3s ease;
}
.ctaBlockSingle a .ctaItem p {
margin: 0 !important;
width: fit-content;
}
.ctaBlockSingle a .ctaItem p:first-of-type {
font-size: 22px !important;
font-weight: 500;
}
@media only screen and (max-width: 750px) {
.ctaBlockSingle a .ctaItem p:first-of-type {
font-size: 18px !important;
}
}
.ctaBlockSingle a .ctaItem p.arrow {
background-image: url(//ccsd.org.uk/wp-content/uploads/2024/12/Icon-arrow.svg);
background-repeat: no-repeat;
background-position: right center;
padding-right: 20px;
margin-top: 40px !important;
}
.twoTabs {
display: flex;
flex-direction: column;
gap: 24px;
justify-content: center;
align-items: center;
padding-top: 40px !important;
padding-bottom: 40px !important;
padding-top: 0px !important;
}
@media only screen and (max-width: 750px) {
.twoTabs {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
}
.twoTabs h3 {
color: #14374A;
}
.twoTabs .itemWrap {
margin: 0 !important;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
}
@media only screen and (max-width: 1000px) {
.twoTabs .itemWrap {
grid-template-columns: 1fr;
}
}
.twoTabs .itemWrap .item {
background: #ffffff;
border-radius: 20px !important;
gap: 12px;
padding: 30px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 100%;
margin: 0 !important;
box-shadow: 0px 1px 8px 0px #0000001f;
}
@media only screen and (max-width: 1000px) {
.twoTabs .itemWrap .item {
gap: 12px;
padding: 25px;
}
}
.twoTabs .itemWrap .item figure {
padding-bottom: 12px;
}
.twoTabs .itemWrap .item figure img {
margin: 0px !important;
width: 60px;
height: auto;
}
@media only screen and (max-width: 1000px) {
.twoTabs .itemWrap .item figure {
padding-bottom: 10px;
}
}
.twoTabs .itemWrap .item figure, .twoTabs .itemWrap .item p, .twoTabs .itemWrap .item ul, .twoTabs .itemWrap .item li {
margin: 0 !important;
}
.twoTabs .itemWrap .item ul li {
color: #14374A;
margin-top: 4px !important;
font-weight: 300;
}
.twoTabs .itemWrap .item ul {
padding-left: 20px;
}
.twoTabs .itemWrap .item p {
font-weight: 300;
color: #14374A;
}
.twoTabs .itemWrap .item p:first-of-type {
color: #14374A;
font-size: 24px;
font-weight: 300;
font-weight: 500;
}
@media only screen and (max-width: 1100px) {
.twoTabs .itemWrap .item p:first-of-type {
font-size: 20px;
}
}
@media only screen and (max-width: 750px) {
.twoTabs .itemWrap .item p:first-of-type {
font-size: 18px;
}
}
.usefulLinksDash {
display: flex;
gap: 24px;
flex-wrap: wrap;
margin-top: 1rem;
}
.usefulLinksDash a {
margin: 0 !important;
text-decoration: none !important;
width: fit-content;
}
@media only screen and (max-width: 750px) {
.usefulLinksDash a {
width: 100%;
}
}
.usefulLinksDash a .ctaItem {
width: 100%;
background-color: #E9EEF7;
transition: filter 0.3s ease;
display: inline-block;
border-radius: 10px !important;
margin: 0 !important;
height: auto;
padding: 30px;
display: flex;
flex-direction: column;
gap: 8px;
}
.usefulLinksDash a .ctaItem.sec {
background-color: #C5F7F2;
}
.usefulLinksDash a .ctaItem.sec p, .usefulLinksDash a .ctaItem.sec a {
color: #14374A;
}
.usefulLinksDash a .ctaItem:hover {
filter: brightness(1.04);
transition: filter 0.3s ease;
}
.usefulLinksDash a .ctaItem p {
margin: 0 !important;
width: fit-content;
}
.usefulLinksDash a .ctaItem p:first-of-type {
font-size: 22px !important;
font-weight: 500;
}
@media only screen and (max-width: 750px) {
.usefulLinksDash a .ctaItem p:first-of-type {
font-size: 18px !important;
}
}
.usefulLinksDash a .ctaItem p.arrow {
background-image: url(//ccsd.org.uk/wp-content/uploads/2024/12/Icon-arrow.svg);
background-repeat: no-repeat;
background-position: right center;
padding-right: 20px;
margin-top: 40px !important;
}
.addActionLogButton a {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
font-weight: 500 !important;
font-size: 14px !important;
border: 1px solid transparent;
transition: ease all 0.2s;
border-radius: 10px !important;
text-decoration: none !important;
background-color: #14374A !important;
padding: 12px 30px !important;
color: #ffffff !important;
cursor: pointer;
display: block;
width: fit-content;
}
.addActionLogButton a:hover {
border: 1px solid #14374A;
color: #14374A !important;
background-color: transparent !important;
}
.createQuery {
margin-top: 2rem !important;
margin-bottom: 2rem !important;
font-weight: 500 !important;
font-size: 14px !important;
border: 1px solid transparent;
transition: ease all 0.2s;
border-radius: 10px !important;
text-decoration: none !important;
background-color: #14374A !important;
padding: 12px 30px !important;
color: #ffffff !important;
cursor: pointer;
display: block;
width: fit-content;
}
.createQuery:hover {
border: 1px solid #14374A;
color: #14374A !important;
background-color: transparent !important;
}
#mepr-account-nav {
display: none !important;
}
.searchRes .search-results-list {
display: flex;
flex-direction: column;
gap: 24px;
}
.searchRes .search-results-list .search-result-item a {
text-decoration: none;
}
.searchRes .search-results-list .search-result-item a:hover {
text-decoration: underline;
}
.searchRes .search-results-list .search-result-item h2 {
margin-bottom: 12px !important;
font-size: 28px;
letter-spacing: 1px;
}
.searchRes .pagination {
position: relative;
bottom: 0px;
left: 0;
width: 100%;
justify-content: center;
align-items: center;
display: flex;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
gap: 5px;
flex-wrap: wrap;
}
@media only screen and (max-width: 1050px) {
.searchRes .pagination {
justify-content: flex-start;
}
}
.searchRes .pagination .dots {
display: none !important;
}
.searchRes .pagination a, .searchRes .pagination span {
margin: 0 !important;
}
.searchRes .pagination .page-numbers {
border: 1px solid #14374A;
color: #14374A;
text-decoration: none;
border-radius: 6px;
width: auto;
font-size: 16px !important;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
padding-left: 15px;
padding-right: 15px;
}
@media only screen and (max-width: 750px) {
.searchRes .pagination .page-numbers {
font-size: 14px !important;
}
}
.searchRes .pagination .page-numbers.prev, .searchRes .pagination .page-numbers.next {
display: flex;
}
.searchRes .pagination .page-numbers.current {
background-color: #14374A;
color: #ffffff;
}
.searchRes .pagination .page-numbers:hover, .searchRes .pagination .page-numbers:focus {
background-color: #C5F7F2;
border-color: #14374A;
}
.searchRes .pagination .pagination-arrow {
font-size: 16px !important;
height: 40px;
padding-left: 15px;
padding-right: 15px;
display: flex;
justify-content: center;
align-items: center;
}
@media only screen and (max-width: 750px) {
.searchRes .pagination .pagination-arrow {
font-size: 14px !important;
}
}
.div404 {
padding: 60px 20px;
max-width: 800px;
margin: 0 auto;
text-align: center;
min-height: 60vh;
}
.div404 h1 {
font-size: 120px;
color: #14374A !important;
margin: 0;
line-height: 1;
}
@media only screen and (max-width: 1200px) {
.div404 h1 {
font-size: 105px !important;
}
}
@media only screen and (max-width: 1100px) {
.div404 h1 {
font-size: 95px !important;
}
}
@media only screen and (max-width: 1000px) {
.div404 h1 {
font-size: 90px !important;
}
}
@media only screen and (max-width: 750px) {
.div404 h1 {
font-size: 70px !important;
}
}
.div404 h2 {
font-size: 32px;
margin: 20px 0;
color: #14374A !important;
}
@media only screen and (max-width: 750px) {
.div404 h2 {
font-size: 28px;
}
}
.div404 p {
font-size: 18px;
color: #14374A !important;
margin-bottom: 40px;
}
.div404 .helpful-links {
margin: 40px 0;
padding: 20px;
background: #f5f5f5;
border-radius: 8px;
}
.div404 .helpful-links h3 {
color: #14374A;
margin-bottom: 20px;
}
.div404 .helpful-links ul {
list-style: none;
padding: 0;
margin: 0;
}
.div404 .helpful-links li {
margin: 10px 0;
}
.div404 .helpful-links a {
color: #14374A !important;
text-decoration: none;
transition: color 0.3s ease;
}
.div404 .helpful-links a:hover {
color: #091922;
}
.div404 .search-section {
margin: 40px 0;
}
.div404 .search-section form {
max-width: 400px;
margin: 0 auto;
}
.div404 .search-section input[type="search"] {
width: 100%;
padding: 12px 20px;
border: 2px solid #ddd;
border-radius: 25px;
font-size: 16px;
transition: border-color 0.3s ease;
}
.div404 .search-section input[type="search"]:focus {
outline: none;
border-color: #C5F7F2;
}
.div404 .search-section input[type="submit"] {
background: #C5F7F2;
color: white;
border: none;
padding: 12px 30px;
border-radius: 25px;
margin-top: 15px;
cursor: pointer;
transition: background 0.3s ease;
}
.div404 .search-section input[type="submit"]:hover {
background: #98f1e8;
}
#backToTop {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
padding-bottom: 40px;
gap: 8px;
}
#backToTop span {
color: #14374A;
font-weight: 500;
}
#backToTop img {
transition: transform 0.3s ease;
}
#backToTop img:hover {
animation: bounce 1s infinite;
}
#backToTop:hover img {
animation: bounce 1s infinite;
}
.search-filter-input-checkbox .search-filter-input-checkbox__label, .search-filter-input-checkbox label, .schedule .search-filter-input-checkbox__label, .schedule label {
text-transform: capitalize;
}
.single-queries .repeater-field-item {
width: 100%;
}
@media only screen and (max-width: 1340px) {
.detailedGuidanceMain {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.detailedGuidanceMain {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.detailedGuidanceMain {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.detailedGuidanceMain .containerWrap {
display: flex;
flex-direction: column;
background: #C5F7F2;
gap: 24px;
padding: 30px;
border-radius: 20px !important;
margin-top: 60px !important;
margin-bottom: 60px !important;
margin-top: 0px !important;
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 750px) {
.detailedGuidanceMain .containerWrap {
padding: 20px;
}
}
@media only screen and (max-width: 750px) {
.detailedGuidanceMain .containerWrap {
margin-top: 45px !important;
margin-bottom: 45px !important;
}
}
.detailedGuidanceMain .containerWrap::after {
content: "";
position: absolute;
display: block;
background-image: url(//ccsd.org.uk/wp-content/uploads/2024/12/rhs-pattern.svg);
background-repeat: no-repeat;
background-size: contain;
width: 526px;
height: 193px;
bottom: 0;
right: -50px;
z-index: 1;
display: none;
}
.detailedGuidanceMain .containerWrap h3, .detailedGuidanceMain .containerWrap p, .detailedGuidanceMain .containerWrap .wp-block-buttons, .detailedGuidanceMain .containerWrap .wp-block-group, .detailedGuidanceMain .containerWrap ul {
margin: 0 !important;
}
.detailedGuidanceMain .containerWrap h3, .detailedGuidanceMain .containerWrap ul, .detailedGuidanceMain .containerWrap p {
color: #14374A;
}
.detailedGuidanceMain .containerWrap ul {
padding-left: 20px;
}
.detailedGuidanceMain .containerWrap ul li {
padding-bottom: 6px;
}
@media only screen and (max-width: 750px) {
.detailedGuidanceMain .containerWrap .wp-block-buttons {
align-items: center;
justify-content: center;
}
}
.actionLogExplain {
display: flex;
flex-direction: column;
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.actionLogExplain .greenSpan {
color: #28a745;
font-weight: 600;
}
.actionLogExplain .orangeSpan {
color: #fd7e14;
font-weight: 600;
}
.actionLogExplain .redSpan {
color: #dc3545;
font-weight: 600;
}
.pStyles a {
text-decoration: underline;
color: #14374A;
font-weight: 500;
}
.pStyles a:hover {
color: #FDB450;
}
@media only screen and (max-width: 1340px) {
.paddingAdd {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.paddingAdd {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.paddingAdd {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.paddingAdd a {
text-decoration: underline;
color: #14374A;
font-weight: 500;
}
.paddingAdd a:hover {
color: #FDB450;
}
#scheduleActivity {
height: auto !important;
}
@media only screen and (min-width: 956px) {
#scheduleActivity {
width: 100% !important;
}
}
@media only screen and (max-width: 956px) {
#scheduleActivity {
min-width: 320px !important;
}
}
#approval_details_date_of_approval {
margin-bottom: 12px !important;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #fafafa !important;
}
.addGrey {
background-color: #f5f5f5;
margin-top: 30px;
margin-bottom: 30px;
padding: 30px;
border-radius: 10px;
}
.view-notes-trigger {
width: 100%;
background: #14374A;
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
height: 40px;
width: fit-content;
transition: background-color 0.3s ease;
font-size: 16px;
}
.view-notes-trigger:hover {
background: #091922;
}
.view-notes-trigger:focus {
outline: none;
box-shadow: 0 0 0 2px rgba(20, 55, 74, 0.2);
}
.mark-done-modal {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1000;
}
.mark-done-modal__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.mark-done-modal__content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #ffffff;
padding: 2rem;
border-radius: 4px;
width: 100%;
max-width: 500px;
margin: 0 auto;
}
@media (max-width: 768px) {
.mark-done-modal__content {
width: 90%;
}
}
.mark-done-modal h3 {
color: #14374A !important;
margin-bottom: 20px !important;
}
.mark-done-modal .mark-done-form h3 {
color: #14374A !important;
margin-bottom: 20px !important;
}
.mark-done-modal .mark-done-form .form-field label {
display: block;
color: #14374A !important;
}
.mark-done-modal .mark-done-form .form-field textarea {
width: 100%;
min-height: 100px;
padding: 0.5rem;
}
.mark-done-modal .mark-done-form .button-group .submitThis {
display: flex;
flex-direction: column;
gap: 18px;
}
.mark-done-modal .mark-done-form .button-group .submitThis .submitText {
margin-bottom: 1rem;
}
.mark-done-modal .mark-done-form .button-group .submitThis .submit-button {
width: 100%;
background: #14374A;
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
height: 40px;
width: fit-content;
transition: background-color 0.3s ease;
font-size: 16px;
}
.mark-done-modal .mark-done-form .button-group .submitThis .submit-button:hover {
background: #091922;
}
.mark-done-modal .mark-done-form .button-group .submitThis .submit-button:focus {
outline: none;
box-shadow: 0 0 0 2px rgba(20, 55, 74, 0.2);
}
.mark-done-modal.show {
display: block;
}
.done-button {
width: 100%;
background: #14374A;
color: white;
padding: 6px 12px;
border: none;
border-radius: 4px;
cursor: pointer;
height: 40px;
width: fit-content;
transition: background-color 0.3s ease;
font-size: 16px;
}
.done-button:hover {
background: #091922;
}
.done-button:focus {
outline: none;
box-shadow: 0 0 0 2px rgba(20, 55, 74, 0.2);
}
.search-filter-field__popup--id-262 .search-filter-component-combobox-base__listbox-option, .search-filter-field__popup--id-248 .search-filter-component-combobox-base__listbox-option {
background-color: #ffffff !important;
color: #14374A !important;
}
.search-filter-field__popup--id-262 .search-filter-component-combobox-base__listbox-option[aria-selected="true"], .search-filter-field__popup--id-248 .search-filter-component-combobox-base__listbox-option[aria-selected="true"] {
background-color: #14374A !important;
color: #ffffff !important;
}
.search-filter-field__popup--id-262 .search-filter-component-combobox-base__listbox-option:hover, .search-filter-field__popup--id-248 .search-filter-component-combobox-base__listbox-option:hover {
background-color: #14374A !important;
color: #ffffff !important;
}
.search-filter-field--id-243 .search-filter-component-combobox-base, .search-filter-field--id-244 .search-filter-component-combobox-base {
width: 100%;
border-top: 1px solid #a1a1a1 !important;
border-bottom: 1px solid #a1a1a1 !important;
border-right: 1px solid #a1a1a1 !important;
border-left: 1px solid #a1a1a1 !important;
border-radius: 20px !important;
padding-left: 15px !important;
}
.search-filter-field--id-243 .search-filter-component-combobox__actions-input, .search-filter-field--id-244 .search-filter-component-combobox__actions-input {
pointer-events: none;
}
.search-filter-field--id-243 .search-filter-component-combobox, .search-filter-field--id-244 .search-filter-component-combobox {
cursor: pointer;
}
.search-filter-field--id-243 .search-filter-component-combobox .search-filter-component-combobox__actions, .search-filter-field--id-244 .search-filter-component-combobox .search-filter-component-combobox__actions {
width: 100%;
}
.search-filter-field--id-262, .search-filter-field--id-248 {
position: relative;
padding-left: 116px;
width: 500px;
}
@media only screen and (max-width: 1150px) {
.search-filter-field--id-262, .search-filter-field--id-248 {
width: 450px;
}
}
@media only screen and (max-width: 1110px) {
.search-filter-field--id-262, .search-filter-field--id-248 {
width: 400px;
}
}
@media only screen and (max-width: 900px) {
.search-filter-field--id-262, .search-filter-field--id-248 {
width: 100%;
}
}
.search-filter-field--id-262::before, .search-filter-field--id-248::before {
content: attr(data-type);
position: absolute;
left: 0;
height: 100%;
width: 90px;
border-radius: 20px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 16px;
padding: 0px 14px;
}
.search-filter-field--id-262 .search-filter-component-combobox__actions-input, .search-filter-field--id-248 .search-filter-component-combobox__actions-input {
pointer-events: none;
}
.search-filter-field--id-262 .search-filter-component-combobox, .search-filter-field--id-248 .search-filter-component-combobox {
cursor: pointer;
}
.search-filter-field--id-262 .search-filter-component-combobox .search-filter-component-combobox__actions, .search-filter-field--id-248 .search-filter-component-combobox .search-filter-component-combobox__actions {
width: 100%;
}
.search-filter-field--id-262 .search-filter-component-combobox-base, .search-filter-field--id-248 .search-filter-component-combobox-base {
width: 100%;
border-top: 1px solid #a1a1a1 !important;
border-bottom: 1px solid #a1a1a1 !important;
border-right: 1px solid #a1a1a1 !important;
border-left: none !important;
border-top-right-radius: 20px !important;
border-bottom-right-radius: 20px !important;
padding-left: 15px !important;
}
.search-filter-field--id-262::before {
content: "Diagnostic";
background-color: #395BDB;
}
.search-filter-field--id-248::before {
content: "Procedural";
background-color: #2FBF85;
}
.page-id-8 .mepr_error {
display: none !important;
}
.add-code-field {
margin-bottom: 20px;
}
.add-code-field button {
margin-top: 10px;
}
.addActionLogButton, .addQueryButton, .bulk-publish-actions, .add-code-field {
margin-top: 18px;
}
.addActionLogButton button, .addQueryButton button, .bulk-publish-actions button, .add-code-field button {
background: #14374A;
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
height: 40px;
width: fit-content;
transition: background-color 0.3s ease;
font-size: 16px;
}
.addActionLogButton button:hover, .addQueryButton button:hover, .bulk-publish-actions button:hover, .add-code-field button:hover {
background: #091922;
}
.addActionLogButton button:focus, .addQueryButton button:focus, .bulk-publish-actions button:focus, .add-code-field button:focus {
outline: none;
box-shadow: 0 0 0 2px rgba(20, 55, 74, 0.2);
}
@media only screen and (max-width: 750px) {
.search-filter-field {
width: 100% !important;
}
}
@media only screen and (max-width: 750px) {
.search-filter-field .search-filter-component-combobox-base {
width: 100% !important;
}
}
.placeholder-text {
opacity: 0.6;
display: none;
}
.showing-placeholder .placeholder-text {
display: inline;
}
.selected-text {
display: none;
}
.selected-text:not(:empty) {
display: inline;
}
.selected-text:not(:empty) + .placeholder-text {
display: none;
}
.hidden-placeholder {
display: none !important;
}
.search-filter-component-combobox__selection.showing-placeholder span {
opacity: 0.6; }
@media only screen and (max-width: 750px) {
.page-id-39325 .select2-dropdown, .page-id-8 .select2-dropdown {
width: auto !important;
min-width: 350px;
}
}
.page-id-39370 .wp-block-post-content .blockNoBG:last-of-type {
padding-top: 0px !important;
} .page-id-39409 .contentWrapperInPage {
padding-bottom: 0px !important;
}
.techPop {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 20px;
padding-top: 60px !important;
padding-bottom: 60px !important;
overflow: visible;
}
@media only screen and (max-width: 750px) {
.techPop {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
}
@media only screen and (max-width: 1340px) {
.techPop {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.techPop {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.techPop {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 1140px) {
.techPop {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 750px) {
.techPop {
grid-template-columns: 1fr;
padding-top: 0px !important;
}
}
.techPop .item {
background: white;
border-radius: 20px !important;
padding: 25px;
display: flex;
flex-direction: column;
gap: 18px;
padding-bottom: 120px !important;
cursor: pointer;
position: relative;
overflow: hidden;
transition: ease all 0.2s;
transform: translateY(0);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.techPop .item:hover {
background: #FFF066;
transform: translateY(-8px);
}
.techPop .item:hover h3, .techPop .item:hover p {
color: #14374A;
}
@media only screen and (max-width: 750px) {
.techPop .item {
padding-bottom: 90px !important;
}
}
.techPop .item::before {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 150px;
height: 150px;
background-image: url(https://ccsd.org.uk/wp-content/uploads/2025/01/graphic-bottom.svg);
background-repeat: no-repeat;
background-position: bottom right;
background-size: contain;
opacity: 0.1;
pointer-events: none;
}
@media only screen and (max-width: 750px) {
.techPop .item::before {
width: 110px;
height: 110px;
}
}
.techPop .item:hover {
transform: translateY(-5px);
}
.techPop .item h3 {
color: #14374A !important;
font-size: 24px;
}
@media only screen and (max-width: 1100px) {
.techPop .item h3 {
font-size: 22px;
}
}
@media only screen and (max-width: 750px) {
.techPop .item h3 {
font-size: 20px;
}
}
.techPop .item p {
color: #14374A !important;
}
.techPop .item .link {
font-weight: 500;
text-decoration: none;
width: fit-content;
position: absolute;
color: #14374A !important;
bottom: 20px;
}
.techPop .item .link.arrow {
background-image: url(//ccsd.org.uk/wp-content/uploads/2024/12/Icon-arrow.svg);
background-repeat: no-repeat;
background-position: right center;
padding-right: 20px;
margin-top: 40px !important;
}
.tech-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
overflow: visible;
}
.tech-modal.show {
display: block;
}
.tech-modal__overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
inset: 0;
height: 100%;
background: rgba(0, 0, 0, 0.5);
opacity: 0;
transition: opacity 0.3s ease;
}
.show .tech-modal__overlay {
opacity: 1;
}
.tech-modal__content {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.7);
background: white;
padding: 50px;
border-radius: 8px;
width: 90%;
max-width: 800px;
max-height: 90vh;
overflow-y: auto;
opacity: 0;
transition: all 0.3s ease;
}
@media only screen and (max-width: 750px) {
.tech-modal__content {
padding: 30px;
}
}
.show .tech-modal__content {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.tech-modal__item {
display: none;
color: #333;
}
.tech-modal__item.active {
display: block;
}
.tech-modal__item h2 {
color: #14374A;
margin-bottom: 20px;
font-size: 28px;
letter-spacing: initial !important;
}
.tech-modal__item .popup-content {
color: #333;
font-size: 16px;
}
.tech-modal__item .popup-content ul {
padding-left: 20px !important;
margin-top: 20px !important;
}
.tech-modal__item .popup-content p {
margin-bottom: 15px !important;
margin-top: 20px !important;
color: #333;
}
.tech-modal__close {
position: absolute;
top: 20px;
right: 20px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background: #f0f0f0;
cursor: pointer;
transition: all 0.3s ease;
}
.tech-modal__close svg {
width: 20px;
height: 20px;
stroke: #14374A;
transition: all 0.3s ease;
}
.tech-modal__close:hover {
background: #14374A;
}
.tech-modal__close:hover svg {
stroke: white;
}
.page-id-13823 .search-filter-component-popup {
min-height: 380px;
}
.page-id-13823 .search-filter-component-popup [class*="search-filter-component-combobox-base__listbox-option--depth"]:not(.search-filter-component-combobox-base__listbox-option--depth-1) {
font-weight: 600 !important;
}
.heroSlider {
background: linear-gradient(to right, #14374A, #057B83) !important;
padding: 2rem 0;
overflow: hidden;
}
.heroSlider .container {
max-width: 1300px;
margin: 0 auto;
}
@media only screen and (max-width: 1340px) {
.heroSlider .container {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.heroSlider .container {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.heroSlider .container {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.heroSlider .slide {
min-height: 320px;
display: flex;
align-items: center;
}
.heroSlider .content {
max-width: 600px;
color: #ffffff;
}
.heroSlider .date {
display: block;
font-size: 1rem;
margin-bottom: 1rem;
opacity: 0.8;
color: #C5F7F2;
}
.heroSlider .title {
margin-bottom: 2rem;
transition: all 0.3s ease;
font-weight: 300;
}
.heroSlider .title a {
transition: all 0.3s ease;
text-decoration: none;
color: inherit;
}
.heroSlider .title a:hover {
color: #FDB450;
}
.heroSlider .readMore {
display: inline-flex;
align-items: center;
gap: 0.5rem;
color: #ffffff;
text-decoration: none;
font-weight: 500;
transition: all 0.3s ease;
}
.heroSlider .readMore:hover {
color: #FDB450;
}
.heroSlider .readMore img {
transition: transform 0.3s ease;
}
.heroSlider .pagination {
position: relative !important;
display: flex;
margin-top: 3rem;
padding-bottom: 1rem;
}
.heroSlider .pagination .swiper-pagination-bullet {
width: 3rem;
height: 2px;
background: rgba(255, 255, 255, 0.3);
border-radius: 0;
opacity: 1;
margin: 0 !important;
margin-right: 10px !important;
transition: all 0.3s ease;
}
.heroSlider .pagination .swiper-pagination-bullet-active {
background: #FDB450;
width: 5rem;
}
.newsPage {
max-width: 1300px;
margin: 0 auto;
display: grid;
grid-template-columns: 400px 1fr;
gap: 50px;
margin-top: 60px !important;
margin-bottom: 60px !important;
margin-top: 0px !important;
}
@media only screen and (max-width: 1340px) {
.newsPage {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.newsPage {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.newsPage {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.newsPage {
margin-top: 45px !important;
margin-bottom: 45px !important;
}
}
@media only screen and (max-width: 900px) {
.newsPage {
grid-template-columns: 1fr;
gap: 0rem;
}
}
.newsPage .newsFilters {
margin-top: 2rem;
}
@media only screen and (max-width: 900px) {
.newsPage .newsFilters {
margin-top: 0px;
}
}
.newsPage .newsFilters .wrapper {
display: flex;
flex-direction: column;
gap: 14px;
border-radius: 20px !important;
}
@media only screen and (max-width: 900px) {
.newsPage .newsFilters .wrapper {
margin-bottom: 20px;
}
}
.newsPage .newsFilters .wrapper h3 {
color: #14374A;
font-size: 22px;
}
.newsPage .newsFilters .wrapper .search-filter-base {
min-width: initial;
width: 100%;
}
.newsPage .newsFilters .wrapper .search-filter-input-group {
min-width: initial;
width: 100%;
}
.newsPage .newsFilters .search-filter-field .search-filter-input-checkbox:first-of-type .search-filter-input-checkbox__control svg {
color: #7ED321 !important;
fill: #7ED321 !important;
}
.newsPage .newsFilters .search-filter-input-checkbox__control > svg {
color: #7ED321 !important;
fill: #7ED321 !important;
}
.newsPage .newsFilters .search-filter-field .search-filter-input-checkbox:last-of-type .search-filter-input-checkbox__control svg {
color: #7ED321 !important;
fill: #7ED321 !important;
}
.newsPage .newsContainer {
display: flex;
flex-direction: column;
gap: 2rem;
}
@media only screen and (max-width: 900px) {
.newsPage .newsContainer {
gap: 0rem;
}
}
.newsPage .newsContainer .newsItem {
padding: 2rem;
padding-left: 0;
padding-right: 0;
border-bottom: 1px solid #d5d5d5;
}
@media only screen and (max-width: 900px) {
.newsPage .newsContainer .newsItem {
padding-top: 1.4rem;
padding-bottom: 1.4rem;
}
}
.newsPage .newsContainer .newsItem .dateTags {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
margin-bottom: 1rem;
gap: 25px;
}
.newsPage .newsContainer .newsItem .dateTags .newsItem-date {
display: block;
color: #666;
font-size: 0.9rem;
}
.newsPage .newsContainer .newsItem .dateTags .newsItem-topics {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}
.newsPage .newsContainer .newsItem .dateTags .newsItem-topics .topic-tag {
padding: 5px 12px;
border-radius: 20px !important;
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
letter-spacing: 1px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.newsPage .newsContainer .newsItem .dateTags .newsItem-topics .topic-tag.topic-news {
background: #7ED321;
color: #fff;
}
.newsPage .newsContainer .newsItem .dateTags .newsItem-topics .topic-tag.topic-news:hover {
background: #97e245;
}
.newsPage .newsContainer .newsItem .dateTags .newsItem-topics .topic-tag.topic-development {
background: #4A90E2;
color: #fff;
}
.newsPage .newsContainer .newsItem .dateTags .newsItem-topics .topic-tag.topic-development:hover {
background: #76abe9;
}
.newsPage .newsContainer .newsItem .dateTags .newsItem-topics .topic-tag.topic-robotic-assisted-surgery {
background: #7ED321;
color: #fff;
}
.newsPage .newsContainer .newsItem .dateTags .newsItem-topics .topic-tag.topic-robotic-assisted-surgery:hover {
background: #97e245;
}
.newsPage .newsContainer .newsItem .readMore {
display: inline-flex;
align-items: center;
gap: 0.5rem;
color: #14374A;
text-decoration: none;
font-weight: 500;
transition: all 0.3s ease;
margin-top: 1rem !important;
}
.newsPage .newsContainer .newsItem .readMore:hover {
color: #FDB450;
}
.newsPage .newsContainer .newsItem .readMore img {
transition: transform 0.3s ease;
}
.newsPage .newsContainer .newsItem .newsItem-title {
margin-top: 1.2rem;
margin-bottom: 0.5rem;
color: #14374A;
font-size: 30px;
letter-spacing: 0px;
}
@media only screen and (max-width: 1300px) {
.newsPage .newsContainer .newsItem .newsItem-title {
font-size: 28px;
}
}
@media only screen and (max-width: 1200px) {
.newsPage .newsContainer .newsItem .newsItem-title {
font-size: 26px;
}
}
@media only screen and (max-width: 1050px) {
.newsPage .newsContainer .newsItem .newsItem-title {
font-size: 25px;
}
}
@media only screen and (max-width: 750px) {
.newsPage .newsContainer .newsItem .newsItem-title {
font-size: 24px;
}
}
.newsPage .newsContainer .newsItem .newsItem-title a {
color: inherit;
text-decoration: none;
}
.newsPage .newsContainer .newsItem .newsItem-title a:hover {
color: #FDB450;
transition: color 0.3s ease;
}
.newsPage .newsContainer .newsItem .newsItem-excerpt {
color: #666;
line-height: 1.6;
}
.newsPage .newsContainer .noResults {
padding: 3rem;
color: #14374A;
margin-top: 2rem;
padding-left: 0rem;
padding-top: 2px;
font-weight: 500;
}
.newsPage .newsContainer .pagination {
margin-top: 2rem;
display: flex;
gap: 1rem;
justify-content: center;
align-items: center;
}
.newsPage .newsContainer .pagination .page-numbers {
padding: 0.5rem 1rem;
text-decoration: none;
border-radius: 4px;
color: #666;
}
.newsPage .newsContainer .pagination .page-numbers.current {
background: #FDB450;
color: #fff;
}
.newsPage .newsContainer .pagination .page-numbers:hover:not(.current) {
background: #f5f5f5;
}
.newsPage .newsContainer .pagination .pagination-arrow {
display: flex;
align-items: center;
gap: 0.5rem;
color: #666;
}
.newsPage .newsContainer .pagination .pagination-arrow:hover {
color: #FDB450;
}
.singlePage {
margin: 0 auto;
padding-top: 50px;
padding-bottom: 50px;
}
@media only screen and (max-width: 1340px) {
.singlePage {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.singlePage {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.singlePage {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.singlePage {
padding-top: 25px;
padding-bottom: 25px;
}
}
.singlePage .singleContainer {
max-width: 1300px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 400px;
gap: 3.4rem;
}
@media only screen and (max-width: 1250px) {
.singlePage .singleContainer {
grid-template-columns: 1fr 320px;
}
}
@media only screen and (max-width: 880px) {
.singlePage .singleContainer {
grid-template-columns: 1fr;
gap: 2rem;
}
}
.singlePage .singleContainer h2 {
font-size: 26px;
font-weight: 500;
letter-spacing: 0 !important;
}
@media only screen and (max-width: 1100px) {
.singlePage .singleContainer h2 {
font-size: 25px;
}
}
@media only screen and (max-width: 750px) {
.singlePage .singleContainer h2 {
font-size: 24px;
}
}
.singlePage .singleContainer h3 {
font-size: 24px;
font-weight: 500;
letter-spacing: 0 !important;
}
@media only screen and (max-width: 1100px) {
.singlePage .singleContainer h3 {
font-size: 23px;
}
}
@media only screen and (max-width: 750px) {
.singlePage .singleContainer h3 {
font-size: 22px;
}
}
.singlePage .singleContainer h4 {
font-size: 22px;
font-weight: 500;
letter-spacing: 0 !important;
}
@media only screen and (max-width: 1100px) {
.singlePage .singleContainer h4 {
font-size: 20px;
}
}
@media only screen and (max-width: 750px) {
.singlePage .singleContainer h4 {
font-size: 18px;
}
}
.singlePage .singleContainer h5 {
font-size: 20px;
font-weight: 500;
letter-spacing: 0 !important;
}
@media only screen and (max-width: 1100px) {
.singlePage .singleContainer h5 {
font-size: 18px;
}
}
@media only screen and (max-width: 750px) {
.singlePage .singleContainer h5 {
font-size: 16px;
}
}
.singlePage .singleContainer .mainContent h1, .singlePage .singleContainer .mainContent h2, .singlePage .singleContainer .mainContent h3, .singlePage .singleContainer .mainContent h4, .singlePage .singleContainer .mainContent h5, .singlePage .singleContainer .mainContent h6, .singlePage .singleContainer .mainContent p, .singlePage .singleContainer .mainContent ul, .singlePage .singleContainer .mainContent ol, .singlePage .singleContainer .mainContent li, .singlePage .singleContainer .mainContent blockquote, .singlePage .singleContainer .mainContent figcaption, .singlePage .singleContainer .mainContent a, .singlePage .singleContainer .mainContent label, .singlePage .singleContainer .mainContent button, .singlePage .singleContainer .mainContent [class*="select2"], .singlePage .singleContainer .mainContent textarea, .singlePage .singleContainer .mainContent input, .singlePage .singleContainer .mainContent span, .singlePage .singleContainer .mainContent .code-display, .singlePage .singleContainer .mainContent td, .singlePage .singleContainer .mainContent tr, .singlePage .singleContainer .mainContent th, .singlePage .singleContainer .mainContent .role-select {
margin-bottom: 18px !important;
color: #14374A;
}
.singlePage .singleContainer .mainContent li {
font-size: 16px !important;
color: #14374A;
margin-bottom: 0px !important;
}
@media only screen and (max-width: 750px) {
.singlePage .singleContainer .mainContent li {
font-size: 14px !important;
}
}
.singlePage .singleContainer .mainContent a:not(.wp-element-button) {
text-decoration: underline;
margin: 0 !important;
font-weight: 500;
transition: color 0.3s ease;
font-size: 16px !important;
color: #14374A;
}
@media only screen and (max-width: 750px) {
.singlePage .singleContainer .mainContent a:not(.wp-element-button) {
font-size: 14px !important;
}
}
.singlePage .singleContainer .mainContent a:not(.wp-element-button):hover {
color: #FDB450;
transition: color 0.3s ease;
}
.singlePage .singleContainer .mainContent .backToNews {
display: flex;
gap: 6px;
margin-top: 85px !important;
transition: transform 0.3s ease;
}
.singlePage .singleContainer .mainContent .backToNews img {
width: 14px;
height: auto;
transform: rotate(180deg);
transition: transform 0.3s ease;
}
.singlePage .singleContainer .mainContent ul {
padding-left: 20px !important;
margin-top: 20px !important;
}
.singlePage .singleContainer .mainContent ul li {
color: #14374A;
}
.singlePage .singleContainer .mainContent-date {
display: block;
color: #666;
margin-bottom: 1rem;
font-size: 0.9rem;
}
.singlePage .singleContainer .mainContent-title {
font-size: 2.5rem;
line-height: 1.2;
margin-bottom: 2rem;
}
.singlePage .singleContainer .mainContent-topics {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
margin-bottom: 2rem;
}
.singlePage .singleContainer .mainContent-topics .topic-tag {
padding: 0.25rem 0.75rem;
border-radius: 100px;
font-size: 0.875rem;
font-weight: 500;
}
.singlePage .singleContainer .mainContent-topics .topic-tag.topic-clinical {
background: #FDB450;
color: #fff;
}
.singlePage .singleContainer .mainContent-topics .topic-tag.topic-news {
background: #7ED321;
color: #fff;
}
.singlePage .singleContainer .mainContent-topics .topic-tag.topic-news:hover {
background: #97e245;
}
.singlePage .singleContainer .mainContent-topics .topic-tag.topic-development {
background: #4A90E2;
color: #fff;
}
.singlePage .singleContainer .mainContent-topics .topic-tag.topic-licensing {
background: #7ED321;
color: #fff;
}
.singlePage .singleContainer .mainContent-body {
line-height: 1.6;
}
.singlePage .singleContainer .mainContent-body p {
margin-bottom: 1.5rem;
}
.singlePage .singleContainer .mainContent-body img {
max-width: 100%;
height: auto;
margin: 2rem 0;
}
.singlePage .singleContainer .sidebar .relatedContent h3 {
color: #14374A;
font-size: 26px;
margin-bottom: 3px;
}
.singlePage .singleContainer .sidebar .relatedContent .noResults {
margin-top: 18px !important;
}
.singlePage .singleContainer .sidebar .relatedContent .newsItem {
padding: 1.2rem;
padding-left: 0;
padding-right: 0;
border-bottom: 1px solid #d5d5d5;
}
@media only screen and (max-width: 900px) {
.singlePage .singleContainer .sidebar .relatedContent .newsItem {
padding-top: 1.4rem;
padding-bottom: 1.4rem;
}
}
.singlePage .singleContainer .sidebar .relatedContent .newsItem .dateTags {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
gap: 15px;
margin-bottom: 20px;
}
.singlePage .singleContainer .sidebar .relatedContent .newsItem .dateTags .newsItem-date {
display: block;
color: #666;
font-size: 0.9rem;
}
.singlePage .singleContainer .sidebar .relatedContent .newsItem .dateTags .newsItem-topics {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}
.singlePage .singleContainer .sidebar .relatedContent .newsItem .dateTags .newsItem-topics .topic-tag {
padding: 5px 12px;
border-radius: 20px !important;
text-transform: uppercase;
font-size: 11px;
font-weight: 400;
letter-spacing: 1px;
}
.singlePage .singleContainer .sidebar .relatedContent .newsItem .dateTags .newsItem-topics .topic-tag.topic-clinical-code {
background: #FDB450;
color: #fff;
}
.singlePage .singleContainer .sidebar .relatedContent .newsItem .dateTags .newsItem-topics .topic-tag.topic-news {
background: #7ED321;
color: #fff;
}
.singlePage .singleContainer .sidebar .relatedContent .newsItem .dateTags .newsItem-topics .topic-tag.topic-development {
background: #4A90E2;
color: #fff;
}
.singlePage .singleContainer .sidebar .relatedContent .newsItem .dateTags .newsItem-topics .topic-tag.topic-robotic-assisted-surgery {
background: #7ED321;
color: #fff;
}
.singlePage .singleContainer .sidebar .relatedContent .newsItem .newsItem-title {
margin-top: 0.7rem;
margin-bottom: 0.5rem;
color: #14374A;
font-size: 22px;
}
@media only screen and (max-width: 750px) {
.singlePage .singleContainer .sidebar .relatedContent .newsItem .newsItem-title {
margin-top: 1rem;
}
}
.singlePage .singleContainer .sidebar .relatedContent .newsItem .newsItem-title a {
color: inherit;
text-decoration: none;
}
.singlePage .singleContainer .sidebar .relatedContent .newsItem .newsItem-title a:hover {
color: #FDB450;
transition: color 0.3s ease;
}
.singlePage .singleContainer .sidebar .relatedContent .newsItem .newsItem-excerpt {
color: #666;
line-height: 1.6;
font-size: 14px;
}
.singlePage .singleContainer .sidebar .relatedContent .newsItem .readMore {
display: inline-flex;
align-items: center;
gap: 0.5rem;
color: #14374A;
text-decoration: none;
font-weight: 500;
transition: all 0.3s ease;
margin-top: 1rem !important;
font-size: 14px;
}
.singlePage .singleContainer .sidebar .relatedContent .newsItem .readMore:hover {
color: #FDB450;
}
.singlePage .singleContainer .sidebar .relatedContent .newsItem .readMore img {
transition: transform 0.3s ease;
}
.singlePage .singleContainer .sidebar .relatedContent .newsItem:last-child {
border-bottom: none;
}
.newsHero {
background: linear-gradient(to right, #14374A, #057B83) !important;
padding: 4rem 0;
position: relative;
overflow: hidden;
}
.newsHero .container {
max-width: 1300px;
margin: 0 auto;
position: relative;
z-index: 2;
}
@media only screen and (max-width: 1340px) {
.newsHero .container {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.newsHero .container {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.newsHero .container {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.newsHero .date {
display: block;
color: #fff;
font-size: 0.9rem;
opacity: 0.8;
margin-bottom: 1rem;
}
.newsHero h1 {
color: #fff;
font-size: 35px;
margin-bottom: 1.5rem;
max-width: 800px;
}
@media only screen and (max-width: 1300px) {
.newsHero h1 {
font-size: 32px;
}
}
@media only screen and (max-width: 1200px) {
.newsHero h1 {
font-size: 30px;
}
}
@media only screen and (max-width: 1050px) {
.newsHero h1 {
font-size: 28px;
}
}
@media only screen and (max-width: 750px) {
.newsHero h1 {
font-size: 24px;
}
}
.newsHero .topics {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}
.newsHero .topics .topic-tag {
padding: 5px 12px;
border-radius: 20px !important;
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
letter-spacing: 1px;
}
.newsHero .topics .topic-tag.topic-news {
background: #7ED321;
color: #fff;
}
.newsHero .topics .topic-tag.topic-development {
background: #4A90E2;
color: #fff;
}
.newsHero .topics .topic-tag.topic-robotic-assisted-surgery {
background: #7ED321;
color: #fff;
}
.newsHero::after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 50%;
height: 100%;
background-image: url(//ccsd.org.uk/path-to-your-curved-lines.svg);
background-size: contain;
background-position: right center;
background-repeat: no-repeat;
opacity: 0.1;
}
.protectBlock {
margin-top: 60px !important;
margin-bottom: 60px !important;
}
@media only screen and (max-width: 750px) {
.protectBlock {
margin-top: 45px !important;
margin-bottom: 45px !important;
}
}
@media only screen and (max-width: 1340px) {
.protectBlock {
padding-left: 25px !important;
padding-right: 25px !important;
}
}
@media only screen and (max-width: 1100px) {
.protectBlock {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 750px) {
.protectBlock {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.protectBlock .inner {
padding: 60px;
background-color: #14374A;
border-radius: 15px;
background-color: #14374A;
background-image: url(//ccsd.org.uk/wp-content/uploads/2025/05/rhs-bg.svg);
background-position: top right;
background-repeat: no-repeat;
height: 100%;
display: flex;
gap: 24px;
flex-direction: column;
}
@media only screen and (max-width: 750px) {
.protectBlock .inner {
padding: 30px;
background-image: none;
}
}
.protectBlock .inner p {
color: #ffffff;
margin-bottom: 12px !important;
font-size: 22px !important;
font-weight: 500;
width: 72%;
}
@media only screen and (max-width: 750px) {
.protectBlock .inner p {
font-size: 18px !important;
}
}
@media only screen and (max-width: 750px) {
.protectBlock .inner p {
width: 95%;
}
}
.protectBlock .inner h3 {
color: #C5F7F2;
}
.protectBlock .inner a {
color: #ffffff;
transition: ease all 0.2s;
border-radius: 9999px !important;
}
.protectBlock .inner a:hover {
color: #FDB450;
transition: ease all 0.2s;
}
.protectBlock .inner .buttonsWrap {
display: flex;
gap: 6px;
}
.protectBlock .inner .buttonsWrap a {
font-size: 16px !important;
}
@media only screen and (max-width: 750px) {
.protectBlock .inner .buttonsWrap a {
font-size: 14px !important;
}
}
.ctaBlock .wp-block-memberpress-protected-content {
margin: 0 !important;
margin-top: 0 !important;
}