.jolojo-custom-button-style__blue_button { width: 220px; height: 70px; text-align: center; font-size: 28px !important; font-family: inherit; font-weight: 700; background: var(--cl-blue-3); color: var(--cl-white); border: 0 solid rgba(0, 0, 0, 0); border-radius: 15px; cursor: pointer } .jolojo-custom-button-style__large_blue_button { width: 400px; height: 115px; text-align: center; font-size: 36px !important; font-family: inherit; font-weight: 700; background: var(--cl-blue-3); color: var(--cl-white); border: 0 solid rgba(0, 0, 0, 0); border-radius: 15px; cursor: pointer } .jolojo-custom-button-style__white_arrow { width: 48px; height: 48px; background-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" fill="white"/><path d="M22.3125 16L30.3125 24L22.3125 32L20.4375 30.125L26.5625 24L20.4375 17.875L22.3125 16Z" fill="black"/></svg>'); color: #0000; border: 0 solid rgba(0, 0, 0, 0); border-radius: 999999999999999px; cursor: pointer } .jolojo-custom-cb-style__rounded { border-radius: 1rem; overflow: hidden } .jolojo-custom-cb-style__shadow { box-shadow: 0 0 10px #0003 } .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__align-inner [data-layout-name=main-content-two-columns-column-1] { text-align: right } .jolojo-custom-cb-style__align-inner [data-layout-name=main-content-two-columns-column-2] { text-align: left } @media screen and (max-width: 1000px) { .jolojo-custom-cb-style__align-inner [data-layout-name=main-content-two-columns-column-1], .jolojo-custom-cb-style__align-inner [data-layout-name=main-content-two-columns-column-2] { text-align: center } } .jolojo-custom-cb-style__three_col_content [data-layout-name=main-content-three-columns-column-1] { padding: 20px; min-height: 350px; display: flex; flex-direction: column; justify-content: space-between; background: var(--cl-blue-1); color: var(--cl-white) } .jolojo-custom-cb-style__three_col_content [data-layout-name=main-content-three-columns-column-2] { padding: 20px; min-height: 350px; display: flex; flex-direction: column; justify-content: space-between; background: var(--cl-blue-2); color: var(--cl-white) } .jolojo-custom-cb-style__three_col_content [data-layout-name=main-content-three-columns-column-3] { padding: 20px; min-height: 350px; display: flex; flex-direction: column; justify-content: space-between; background: var(--cl-blue-3); color: var(--cl-white) } .jolojo-custom-cb-style__two_col_content [data-layout-name=main-content-two-columns-column-1] { padding: 20px; min-height: 350px; display: flex; flex-direction: column; justify-content: space-between; background: var(--cl-blue-1); color: var(--cl-white) } .jolojo-custom-cb-style__two_col_content [data-layout-name=main-content-two-columns-column-2] { padding: 20px; min-height: 350px; display: flex; flex-direction: column; justify-content: space-between; background: var(--cl-blue-3); color: var(--cl-white) } * { 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: 0 .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: 150px; height: 60px; text-align: center; font-size: 18px !important; font-family: inherit; font-weight: 700; background: var(--cl-blue-3); color: var(--cl-white); border: 0 solid rgba(0, 0, 0, 0); border-radius: 15px; cursor: pointer } .cms-template .jolojo-contact-form button:hover { background: var(--cl-blue-2) } .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 } .header-content { padding: 0 1rem !important; text-transform: uppercase; } /*# sourceMappingURL=/components/templates/cobia_lettings/v1.0.0/Template.client.css.map */