.jolojo-cms-button>button { padding: 0 20px; height: 40px; min-width: 140px; display: flex; justify-content: center; align-items: center; text-align: center; text-decoration: none; font-family: inherit; font-size: 18px !important; font-weight: 600; white-space: nowrap; border: 0 solid rgba(0, 0, 0, 0); border-radius: 5px; cursor: pointer } .jolojo-custom-button-style__heritage { background-color: var(--ca-heritage-a); color: var(--ca-heritage-b) } .jolojo-custom-button-style__heritage-inverted { background-color: var(--ca-heritage-b); color: var(--ca-heritage-a) } .jolojo-custom-button-style__inclusive { background-color: var(--ca-inclusive-a); color: var(--ca-inclusive-b) } .jolojo-custom-button-style__inclusive-inverted { background-color: var(--ca-inclusive-b); color: var(--ca-inclusive-a) } .jolojo-custom-button-style__inventive { background-color: var(--ca-inventive-a); color: var(--ca-inventive-b) } .jolojo-custom-button-style__inventive-inverted { background-color: var(--ca-inventive-b); color: var(--ca-inventive-a) } .jolojo-custom-button-style__responsible { background-color: var(--ca-responsible-a); color: var(--ca-responsible-b) } .jolojo-custom-button-style__responsible-inverted { background-color: var(--ca-responsible-b); color: var(--ca-responsible-a) } .jolojo-custom-button-style__generous { background-color: var(--ca-generous-a); color: var(--ca-generous-b) } .jolojo-custom-button-style__generous-inverted { background-color: var(--ca-generous-b); color: var(--ca-generous-a) } .jolojo-custom-cb-style__mobile-reverse { display: flex } @media screen and (max-width: 1000px) { .jolojo-custom-cb-style__mobile-reverse { flex-direction: column-reverse !important } } .jolojo-custom-cb-style__banner { padding-top: 20px !important; padding-bottom: 20px !important; min-height: 250px } .jolojo-custom-cb-style__banner .col:last-of-type>.cms-plugin { margin-left: auto; width: fit-content } @media screen and (max-width: 900px) { .jolojo-custom-cb-style__banner .col:first-of-type { width: 100% } .jolojo-custom-cb-style__banner .col:last-of-type { display: none } } .jolojo-custom-cb-style__right-blue .col:last-of-type { padding: 20px; background-color: var(--ca-primary); color: var(--ca-white) } .jolojo-custom-cb-style__right-yellow .col { padding: 20px; background-color: var(--ca-primary); color: var(--ca-white) } .jolojo-custom-cb-style__right-yellow .col:last-of-type { padding: 20px; background-color: var(--ca-heritage-b); color: var(--ca-primary) } .jolojo-custom-cb-style__left-yellow .col { padding: 20px; background-color: var(--ca-primary); color: var(--ca-white) } .jolojo-custom-cb-style__left-yellow .col:first-of-type { padding: 20px; background-color: var(--ca-heritage-b); color: var(--ca-primary) } .jolojo-custom-cb-style__padding-top { padding-top: 6rem !important } @media screen and (max-width: 650px) { .jolojo-custom-cb-style__padding-top { padding-top: 3rem !important } } .jolojo-custom-cb-style__padding-bottom { padding-bottom: 6rem !important } @media screen and (max-width: 650px) { .jolojo-custom-cb-style__padding-bottom { padding-bottom: 3rem !important } } .jolojo-custom-cb-style__margin-top { margin-top: 20px !important } .jolojo-custom-cb-style__margin-bottom { margin-bottom: 20px !important } .jolojo-custom-cb-style__buttons [data-plugin-ref="core/plugins/button/v2.0.0/Button"] { margin: 0 8px 8px 0; display: inline-block !important; } .jolojo-custom-cb-style__buttons [data-plugin-ref="core/plugins/button/v2.0.0/Button"] button { min-width: unset !important; padding: 0 16px !important; font-size: 14px; } * { box-sizing: border-box } .cms-template h1, .cms-template h2, .cms-template h3, .cms-template h4 { margin: 0 0 10px } .cms-template p { font-size: inherit; margin: 10px 0; line-height: 1.55; min-height: 1rem } .cms-template li, .cms-template a, .cms-template button { font-size: inherit } .cms-template a { color: inherit } .cms-template a:hover { text-decoration: underline } .cms-template .jolojo-hero .hero-buttons { margin-top: 10px } @media (max-width: 650px) { .cms-template .jolojo-hero .hero-buttons { display: inline-flex; flex-direction: column; gap: 10px } } .cms-template .jolojo-hero .hero-buttons a { text-decoration: none; color: inherit; padding: 1rem 2rem; border-radius: 5px; background-color: #000000e6; margin: 0px .5rem; transition: .3s; display: inline-block } .cms-template .jolojo-hero .hero-buttons a:hover { padding: 1rem 2.5rem } .cms-template header a { text-decoration: none; color: inherit } .cms-template .jolojo-contact-form { width: 100%; max-width: 500px } .cms-template .jolojo-contact-form .cms-table { display: flex; flex-direction: column; gap: 20px; font-size: inherit } .cms-template .jolojo-contact-form .cms-table input, .cms-template .jolojo-contact-form .cms-table label, .cms-template .jolojo-contact-form .cms-table textarea, .cms-template .jolojo-contact-form .cms-table select { font-size: inherit; width: 100% } .cms-template .jolojo-contact-form .cms-table .contact-form__label { margin-bottom: .2em } .cms-template .jolojo-contact-form .cms-table input, .cms-template .jolojo-contact-form .cms-table textarea, .cms-template .jolojo-contact-form .cms-table select { padding: .5em; border: 1px solid #ccc; border-radius: 5px; font-family: inherit } .cms-template .jolojo-contact-form .cms-table input[type=checkbox] { width: 25px; height: 25px } .cms-template .jolojo-contact-form .cms-table textarea { resize: none; height: auto; min-height: 100px } .cms-template .jolojo-contact-form .contact-form__error { margin-top: .5em; display: block } .cms-template .jolojo-contact-form .contact-checkbox-newsletter__group { display: inline-flex; align-items: center; gap: 1em } .cms-template .jolojo-contact-form .contact-checkbox-newsletter__group input { width: auto; height: min-content; height: 20px; width: 20px } .cms-template .jolojo-contact-form .contact-checkbox-newsletter__group p { line-height: normal; color: #575757 } .cms-template .jolojo-contact-form button { width: fit-content; padding: 10px 20px; border-radius: 5px; margin: auto; background-color: #000; transition: .3s; color: #fff; font-size: inherit; border: none; cursor: pointer } .cms-template .jolojo-contact-form button:hover { background-color: #4c4c4c } .cms-template .card { display: flex; flex-direction: column; overflow: hidden } .cms-template .card h3, .cms-template .card h4, .cms-template .card p, .cms-template .card a { margin: 0; padding: .5rem 2rem; background-color: #f0f0f0 } .cms-template .card img { order: 1; transition: .3s } .cms-template .card img:hover { scale: 1.02 } .cms-template .card h3 { order: 2; padding-top: 1rem } .cms-template .card h4 { order: 3 } .cms-template .card p { order: 4 } .cms-template .card a { order: 5; padding-bottom: 1rem } .cms-template [data-plugin-ref="core/plugins/animated_blocks/v2.0.0/AnimatedBlocks"] .text-content { padding: 20px; text-align: left } .cms-template [data-plugin-ref="core/plugins/animated_blocks/v2.0.0/AnimatedBlocks"] .text-content>*:last-child { margin-bottom: 0 } .cms-template [data-plugin-ref="core/plugins/blog_list/v2.0.0/BlogList"] .blog-list-items-container { display: grid !important; grid-template-columns: 1fr 1fr 1fr; gap: 10px } @media screen and (max-width: 1000px) { .cms-template [data-plugin-ref="core/plugins/blog_list/v2.0.0/BlogList"] .blog-list-items-container { grid-template-columns: 1fr 1fr } } .cms-template [data-plugin-ref="core/plugins/blog_list/v2.0.0/BlogList"] .blog-list-item .blog-content { display: flex; flex-direction: column; gap: 10px } .cms-template [data-plugin-ref="core/plugins/blog_list/v2.0.0/BlogList"] .blog-list-item .blog-content .image-container { order: 1; aspect-ratio: 3.7/2.8; margin: 0; height: 100%; } .cms-template [data-plugin-ref="core/plugins/blog_list/v2.0.0/BlogList"] .blog-list-item .blog-content .image-container>img { width: 100%; height: 100%; object-fit: cover } .cms-template [data-plugin-ref="core/plugins/blog_list/v2.0.0/BlogList"] .blog-list-item .blog-content>h4 { order: 0; height: 3em; font-weight: 700; margin: 0; } .cms-template [data-plugin-ref="core/plugins/blog_list/v2.0.0/BlogList"] .blog-list-item .blog-content>time { order: 2; margin-bottom: 16px; font-size: 16px; } .cms-template [data-plugin-ref="core/plugins/blog_list/v2.0.0/BlogList"] .blog-list-pagination { width: 100% !important; display: flex; flex-direction: row; justify-content: center; align-items: center } .cms-template [data-plugin-ref="core/plugins/blog_list/v2.0.0/BlogList"] .blog-list-pagination>div>button { padding: 0; height: 40px; width: 40px; display: flex; justify-content: center; align-items: center; font-family: inherit; font-size: 18px !important; font-weight: 600; background-color: var(--ca-responsible-b); color: var(--ca-responsible-a); border: 0 solid rgba(0, 0, 0, 0); border-radius: 5px; cursor: pointer } .cms-template [data-plugin-ref="core/plugins/blog_list/v2.0.0/BlogList"] .blog-list-pagination>div>span { margin: 0 20px; font-weight: 700 } .cms-template [data-plugin-ref="core/plugins/menu/v1.0.0/Menu"] .menu-item { gap: 0 !important } .cms-template [data-plugin-ref="core/plugins/menu/v1.0.0/Menu"] .children-menu { border-radius: 0 !important } .cms-template [data-plugin-ref="core/plugins/menu/v1.0.0/Menu"] .nav-icon.open { position: fixed; top: 50px; right: 50px } .cms-template [data-plugin-ref="core/plugins/menu/v1.0.0/Menu"] .nav-icon.open>span { background-color: var(--ca-white) !important } .cms-template [data-plugin-ref="core/plugins/menu/v1.0.0/Menu"] .jolojo-menu__slide_from_side { padding: 130px 50px 50px !important; max-width: 500px; width: 100vw; background-color: var(--ca-primary) !important; box-shadow: 0 2px 5px #00000040 } .cms-template [data-plugin-ref="core/plugins/menu/v1.0.0/Menu"] .jolojo-menu__slide_from_side * { font-size: 18px !important; color: var(--ca-white) !important } .cms-template [data-plugin-ref="core/plugins/menu/v1.0.0/Menu"] .jolojo-menu__slide_from_side .menu-items-container { padding: 0 !important; max-height: calc(100vh - 180px) !important; top: 0 !important } .cms-template [data-plugin-ref="core/plugins/menu/v1.0.0/Menu"] .jolojo-menu__slide_from_side .expand-icon { width: 24px; height: 24px; display: inline-block; color: #0000 !important; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="white"><path d="M24 24H0V0h24v24z" fill="none" opacity=".87"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"/></svg>') } .cms-template [data-plugin-ref="core/plugins/menu/v1.0.0/Menu"] .jolojo-menu__slide_from_side .parent:has(+.expanded) .expand-icon { transform: rotate(180deg) } .cms-template [data-plugin-ref="citizens_advice/plugins/search/v1.0.0/Search"] .ca__main-site-search button { background-color: var(--ca-heritage-a) !important; color: var(--ca-heritage-b) !important; } /*# sourceMappingURL=/components/templates/citizens_advice/v1.0.0/Template.client.css.map */