.gform_wrapper.gravity-theme fieldset,.gform_wrapper.gravity-theme legend{background:0 0;padding:0}.gform_wrapper.gravity-theme fieldset{border:none;display:block;margin:0}.gform_wrapper.gravity-theme legend{margin-left:0;margin-right:0}@font-face{font-family:gform-icons-theme;src:url(//casanainteriors.co.uk/wp-content/plugins/gravityforms/fonts/gform-icons-theme.woff2?o6rzdt) format('woff2'),url(//casanainteriors.co.uk/wp-content/plugins/gravityforms/fonts/gform-icons-theme.ttf?o6rzdt) format('truetype'),url(//casanainteriors.co.uk/wp-content/plugins/gravityforms/fonts/gform-icons-theme.woff?o6rzdt) format('woff'),url(//casanainteriors.co.uk/wp-content/plugins/gravityforms/fonts/gform-icons-theme.svg?o6rzdt#gform-icons-theme) format('svg');font-weight:400;font-style:normal;font-display:block}.gform-icon{font-family:gform-icons-theme!important;speak:never;font-style:normal;font-weight:400;font-feature-settings:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gform-icon--photograph:before{content:"\e91e"}.gform-icon--star-border:before{content:"\e915"}.gform-icon--star:before{content:"\e914"}.gform-icon--left-arrow:before{content:"\e910"}.gform-icon--right-arrow:before{content:"\e91b"}.gform-icon--circle-error:before{content:"\e91a"}.gform-icon--close-small:before{content:"\e905"}.gform-icon--info:before{content:"\e900"}.gform-icon--verified:before{content:"\e901"}.gform-icon--circle-close:before{content:"\e903"}.gform-icon--close-big:before{content:"\e904"}.gform-icon--down-arrow:before{content:"\e906"}.gform-icon--format-bold:before{content:"\e907"}.gform-icon--format-italic:before{content:"\e908"}.gform-icon--format-list-bulleted:before{content:"\e909"}.gform-icon--format-list-numbered:before{content:"\e90a"}.gform-icon--insert-link:before{content:"\e90b"}.gform-icon--line:before{content:"\e90c"}.gform-icon--password-eye:before{content:"\e90d"}.gform-icon--password-eye-closed:before{content:"\e90e"}.gform-icon--redo:before{content:"\e90f"}.gform-icon--schedule:before{content:"\e911"}.gform-icon--clock:before{content:"\e912"}.gform-icon--search:before{content:"\e913"}.gform-icon--star-half:before{content:"\e916"}.gform-icon--check:before{content:"\e917"}.gform-icon--undo:before{content:"\e918"}.gform-icon--unfold-more:before{content:"\e919"}.gform-icon--create:before{content:"\e91c"}.gform-icon--cog:before{content:"\e91d"}.gform-icon--circle-check:before{content:"\e902"}.gform_wrapper.gravity-theme .gform-ul-reset{list-style-type:none;margin:0;padding:0}.gform_wrapper.gravity-theme .gform-text-input-reset,.gform_wrapper.gravity-theme input.gform-text-input-reset,body[class*=avada] .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]).gform-text-input-reset{background-color:transparent;border:none;border-color:transparent;border-radius:0;font-family:inherit;font-size:inherit;outline:0;padding:inherit}.gform_wrapper.gravity-theme .gform_drop_area{background:rgba(0,0,0,.02);border:1px dashed #ccc;border-radius:4px;margin-bottom:8px;padding:32px;text-align:center}.gform_wrapper.gravity-theme .gform_drop_instructions{display:block;margin-bottom:8px}.gform_wrapper.gravity-theme .gform_delete,.gform_wrapper.gravity-theme .gform_delete_file{cursor:pointer;vertical-align:middle}.gform_wrapper.gravity-theme .gform_delete_file{-moz-appearance:none;-webkit-appearance:none;appearance:none;background:0 0;border:none}.gform_wrapper.gravity-theme .gfield_fileupload_filesize{padding:0 6px}.gform_wrapper.gravity-theme .gfield_validation_message ul{margin:16px 0;padding-left:24px}.gform_wrapper.gravity-theme .gfield_validation_message ul:empty{display:none}.gform_wrapper.gravity-theme .ginput_preview{margin:16px 0}.gform_wrapper.gravity-theme .gform_fileupload_rules{display:block;margin-top:8px}.gform_wrapper.gravity-theme .ginput_container_password>span{position:relative}.gform_wrapper.gravity-theme .gform_show_password:focus{outline:0}.gform_wrapper.gravity-theme .gform_show_password{background-color:inherit;border:none;cursor:pointer;height:100%;padding:0;position:absolute;right:20px;top:0}.gform_wrapper.gravity-theme .password_input_container{display:block;position:relative}.gform_wrapper.gravity-theme .gfield_password_strength{background-color:#eee;border:1px solid #ddd;border-bottom:3px solid #ddd;margin-top:8px;padding:8px;text-align:center}.gform_wrapper.gravity-theme .gfield_password_strength.mismatch,.gform_wrapper.gravity-theme .gfield_password_strength.short{background-color:#ffa0a0;border-bottom:3px solid #f04040;border-color:#f04040}.gform_wrapper.gravity-theme .gfield_password_strength.bad{background-color:#ffb78c;border-bottom:3px solid #ff853c;border-color:#ff853c}.gform_wrapper.gravity-theme .gfield_password_strength.good{background-color:#ffec8b;border-bottom:3px solid #fc0;border-color:#fc0}.gform_wrapper.gravity-theme .gfield_password_strength.strong{background-color:#c3ff88;border-bottom:3px solid #8dff1c;border-color:#8dff1c}.gform_wrapper.gravity-theme .field_sublabel_above .gfield_password_strength{margin-top:16px}.gravity-theme.ui-datepicker{background-color:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 5px rgba(0,0,0,.1);display:none;margin:2.4px;padding:8px}.gravity-theme.ui-datepicker[style]{z-index:9999!important}.gravity-theme.ui-datepicker .ui-datepicker-header{border-bottom:1px solid rgba(0,0,0,.1);margin:0 -8px 8px;padding:0 8px 8px;position:relative}.gravity-theme.ui-datepicker .ui-datepicker-next,.gravity-theme.ui-datepicker .ui-datepicker-prev{cursor:pointer;position:absolute}.gravity-theme.ui-datepicker .ui-datepicker-next::before,.gravity-theme.ui-datepicker .ui-datepicker-prev::before{border-style:solid;border-width:.18em .18em 0 0;content:"";display:inline-block;height:.55em;left:.15em;position:relative;top:.3em;transform:rotate(-135deg);vertical-align:top;width:.55em}.gravity-theme.ui-datepicker .ui-datepicker-next .ui-icon,.gravity-theme.ui-datepicker .ui-datepicker-prev .ui-icon{display:none}.gravity-theme.ui-datepicker .ui-datepicker-prev{left:16px}.gravity-theme.ui-datepicker .ui-datepicker-next{right:16px}.gravity-theme.ui-datepicker .ui-datepicker-next::before{left:0;transform:rotate(45deg)}.gravity-theme.ui-datepicker .ui-datepicker-title{text-align:center}.gravity-theme.ui-datepicker .ui-datepicker-title select{margin:0 4px}.gravity-theme.ui-datepicker .ui-datepicker table{border-spacing:0;margin:0}.gravity-theme.ui-datepicker .ui-datepicker thead{font-size:.85em}.gravity-theme.ui-datepicker .ui-datepicker td{padding:0;width:35.2px}.gravity-theme.ui-datepicker a.ui-state-default{border-radius:50%;color:#222;display:block;line-height:35.2px;text-align:center;text-decoration:none;width:100%}.gravity-theme.ui-datepicker a.ui-state-default:hover{background-color:rgba(0,0,0,.1)}.gravity-theme.ui-datepicker a.ui-state-active,.gravity-theme.ui-datepicker a.ui-state-active:hover{background-color:#3498db;color:#fff}.gform_wrapper.gravity-theme ::-ms-reveal{display:none}.gform_wrapper.gravity-theme .gform_validation_container,body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gform_validation_container,body .gform_wrapper.gravity-theme .gform_fields .gfield.gform_validation_container,body .gform_wrapper.gravity-theme .gform_validation_container{display:none!important;left:-9000px;position:absolute!important}.gform_wrapper.gravity-theme .chosen-container{display:inline-block;font-size:16px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle}.gform_wrapper.gravity-theme .chosen-container *{box-sizing:border-box}.gform_wrapper.gravity-theme .chosen-container .chosen-drop{background:#fff;border:1px solid #aaa;border-top:0;box-shadow:0 4px 5px rgba(0,0,0,.15);display:none;position:absolute;top:100%;width:100%;z-index:1010}.gform_wrapper.gravity-theme .chosen-container.chosen-with-drop .chosen-drop{display:block}.gform_wrapper.gravity-theme .chosen-container a{cursor:pointer}.gform_wrapper.gravity-theme .chosen-container .chosen-single .group-name,.gform_wrapper.gravity-theme .chosen-container .search-choice .group-name{color:#999;font-weight:400;margin-right:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gform_wrapper.gravity-theme .chosen-container .chosen-single .group-name::after,.gform_wrapper.gravity-theme .chosen-container .search-choice .group-name::after{content:":";padding-left:2px;vertical-align:top}.gform_wrapper.gravity-theme .chosen-container-single .chosen-single{background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;background-color:#fff;border:1px solid #aaa;border-radius:5px;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;display:block;height:40px;line-height:24px;overflow:hidden;padding:0 0 0 8px;position:relative;text-decoration:none;white-space:nowrap}.gform_wrapper.gravity-theme .chosen-container-single .chosen-single input[type=text]{cursor:pointer;opacity:0;position:absolute;width:0}.gform_wrapper.gravity-theme .chosen-container-single .chosen-default{color:#999}.gform_wrapper.gravity-theme .chosen-container-single .chosen-single span{display:block;line-height:38.4px;margin-right:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gform_wrapper.gravity-theme .chosen-container-single .chosen-single-with-deselect span{margin-right:36px}.gform_wrapper.gravity-theme .chosen-container-single .chosen-single abbr{background:url(//casanainteriors.co.uk/wp-content/plugins/gravityforms/legacy/css/chosen-sprite.png) -42px 1px no-repeat;display:block;font-size:1px;height:12px;position:absolute;right:26px;top:6px;width:12px}.gform_wrapper.gravity-theme .chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.gform_wrapper.gravity-theme .chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.gform_wrapper.gravity-theme .chosen-container-single .chosen-single div{display:block;height:100%;position:absolute;right:0;top:0;width:18px}.gform_wrapper.gravity-theme .chosen-container-single .chosen-single div b{background:url(//casanainteriors.co.uk/wp-content/plugins/gravityforms/legacy/css/chosen-sprite.png) no-repeat 0 10px;display:block;height:100%;width:100%}.gform_wrapper.gravity-theme .chosen-container-single .chosen-search{margin:0;padding:3px 4px;position:relative;white-space:nowrap;z-index:1010}.gform_wrapper.gravity-theme .chosen-container-single .chosen-search input[type=text]{background:url(//casanainteriors.co.uk/wp-content/plugins/gravityforms/legacy/css/chosen-sprite.png) no-repeat 100% -20px;border:1px solid #aaa;border-radius:0;font-family:sans-serif;font-size:1em;height:auto;line-height:normal;margin:1px 0;outline:0;padding:4px 20px 4px 5px;width:100%}.gform_wrapper.gravity-theme .chosen-container-single .chosen-drop{background-clip:padding-box;border-radius:0 0 4px 4px;margin-top:-1px}.gform_wrapper.gravity-theme .chosen-container-single.chosen-container-single-nosearch .chosen-search{opacity:0;pointer-events:none;position:absolute}.gform_wrapper.gravity-theme .chosen-container .chosen-results{color:#444;margin:0 4px 4px 0;max-height:240px;-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;padding:0 0 0 4px;position:relative}.gform_wrapper.gravity-theme .chosen-container .chosen-results li{display:none;line-height:15px;list-style:none;margin:0;padding:5px 6px;-webkit-touch-callout:none;word-wrap:break-word}.gform_wrapper.gravity-theme .chosen-container .chosen-results li.active-result{cursor:pointer;display:list-item}.gform_wrapper.gravity-theme .chosen-container .chosen-results li.disabled-result{color:#ccc;cursor:default;display:list-item}.gform_wrapper.gravity-theme .chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.gform_wrapper.gravity-theme .chosen-container .chosen-results li.no-results{background:#f4f4f4;color:#777;display:list-item}.gform_wrapper.gravity-theme .chosen-container .chosen-results li.group-result{cursor:default;display:list-item;font-weight:700}.gform_wrapper.gravity-theme .chosen-container .chosen-results li.group-option{padding-left:15px}.gform_wrapper.gravity-theme .chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices{background-color:#fff;border:1px solid #aaa;cursor:text;height:auto;margin:0;overflow:hidden;padding:8px;position:relative;width:100%}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li{float:left;list-style:none}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-field input[type=text]{background:0 0!important;border:0!important;border-radius:0;box-shadow:none;color:#999;font-family:sans-serif;font-size:100%;height:25px;line-height:normal;margin:1px 0;outline:0;padding:0;width:25px}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice{background-clip:padding-box;background-color:#eee;background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-repeat:repeat-x;background-size:100% 19px;border:1px solid #aaa;border-radius:3px;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;cursor:default;line-height:13px;margin:3px 5px 3px 0;max-width:100%;padding:3px 20px 3px 5px;position:relative}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{background:url(//casanainteriors.co.uk/wp-content/plugins/gravityforms/legacy/css/chosen-sprite.png) -42px 1px no-repeat;display:block;font-size:1px;height:12px;position:absolute;right:3px;top:4px;width:12px}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice-disabled{background-color:#e4e4e4;background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);border:1px solid #ccc;color:#666;padding-right:5px}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-results{margin:0;padding:0}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-drop .result-selected{color:#ccc;cursor:default;display:list-item}.gform_wrapper.gravity-theme .chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.gform_wrapper.gravity-theme .chosen-container-active.chosen-with-drop .chosen-single{background-image:linear-gradient(#eee 20%,#fff 80%);border:1px solid #aaa;border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 1px 0 #fff inset}.gform_wrapper.gravity-theme .chosen-container-active.chosen-with-drop .chosen-single div{background:0 0;border-left:none}.gform_wrapper.gravity-theme .chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 10px}.gform_wrapper.gravity-theme .chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.gform_wrapper.gravity-theme .chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.gform_wrapper.gravity-theme .chosen-disabled{cursor:default;opacity:.5!important}.gform_wrapper.gravity-theme .chosen-disabled .chosen-single{cursor:default}.gform_wrapper.gravity-theme .chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}.gform_wrapper.gravity-theme .chosen-rtl{text-align:right}.gform_wrapper.gravity-theme .chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.gform_wrapper.gravity-theme .chosen-rtl .chosen-single span{direction:rtl;margin-left:26px;margin-right:0}.gform_wrapper.gravity-theme .chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.gform_wrapper.gravity-theme .chosen-rtl .chosen-single div{left:3px;right:auto}.gform_wrapper.gravity-theme .chosen-rtl .chosen-single abbr{left:26px;right:auto}.gform_wrapper.gravity-theme .chosen-rtl .chosen-choices li{float:right}.gform_wrapper.gravity-theme .chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.gform_wrapper.gravity-theme .chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.gform_wrapper.gravity-theme .chosen-rtl .chosen-choices li.search-choice .search-choice-close{left:4px;right:auto}.gform_wrapper.gravity-theme .chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.gform_wrapper.gravity-theme .chosen-rtl .chosen-results li.group-option{padding-left:0;padding-right:15px}.gform_wrapper.gravity-theme .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.gform_wrapper.gravity-theme .chosen-rtl .chosen-search input[type=text]{background:url(//casanainteriors.co.uk/wp-content/plugins/gravityforms/legacy/css/chosen-sprite.png) no-repeat -30px -20px;direction:rtl;padding:4px 5px 4px 20px}.gform_wrapper.gravity-theme .chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.gform_wrapper.gravity-theme .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.gform_wrapper.gravity-theme .chosen-container .chosen-results-scroll-down span,.gform_wrapper.gravity-theme .chosen-container .chosen-results-scroll-up span,.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices .search-choice .search-choice-close,.gform_wrapper.gravity-theme .chosen-container-single .chosen-search input[type=text],.gform_wrapper.gravity-theme .chosen-container-single .chosen-single abbr,.gform_wrapper.gravity-theme .chosen-container-single .chosen-single div b,.gform_wrapper.gravity-theme .chosen-rtl .chosen-search input[type=text]{background-image:url(//casanainteriors.co.uk/wp-content/plugins/gravityforms/legacy/css/chosen-sprite@2x.png)!important;background-repeat:no-repeat!important;background-size:52px 37px!important}}body .gform_wrapper.gravity-theme .chosen-container a.chosen-single{border-radius:inherit}body .gform_wrapper.gravity-theme ul.chosen-results li{line-height:inherit}@media only screen and (max-width:641px){.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){line-height:2;min-height:32px}.gform_wrapper.gravity-theme textarea{line-height:1.5}.gform_wrapper.gravity-theme .chosen-container.chosen-container-single[style]{width:100%!important}.gform_wrapper.gravity-theme .chosen-container-single .chosen-single{height:40px;line-height:2.8}.gform_wrapper.gravity-theme .chosen-container-single .chosen-single div b{position:relative;top:10px}.gform_wrapper.gravity-theme div.chosen-container.chosen-container-multi[style]{width:100%!important}.gform_wrapper.gravity-theme .chosen-container.chosen-container-multi ul.chosen-choices li.search-choice,.gform_wrapper.gravity-theme .chosen-container.chosen-container-multi ul.chosen-choices li.search-field{float:none;line-height:inherit;width:100%}.gform_wrapper.gravity-theme .chosen-container.chosen-container-multi ul.chosen-choices li.search-choice span{margin-bottom:0}.gform_wrapper.gravity-theme .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{top:calc(50% - 6px)}.gform_wrapper.gravity-theme .chosen-container span:not(.ginput_price){display:block;margin-bottom:8px}.gform_wrapper.gravity-theme li.field_sublabel_below .ginput_complex{margin-top:12px!important}.gform_wrapper.gravity-theme ul.gfield_checkbox li label,.gform_wrapper.gravity-theme ul.gfield_radio li label{cursor:pointer;width:85%}}@media only screen and (min-width:641px){body .gform_wrapper.gravity-theme select.medium.gfield_select+div.chosen-container-multi[style],body .gform_wrapper.gravity-theme select.medium.gfield_select+div.chosen-container-single[style]{width:calc(50% - 8px)!important}body .gform_wrapper.gravity-theme select.large.gfield_select+div.chosen-container-multi[style],body .gform_wrapper.gravity-theme select.large.gfield_select+div.chosen-container-single[style]{width:100%!important}body .gform_wrapper.gravity-theme select.small.gfield_select+div.chosen-container-multi[style],body .gform_wrapper.gravity-theme select.small.gfield_select+div.chosen-container-single[style]{width:25%!important}}.gform_wrapper.gravity-theme .gf_hide_ampm .gfield_time_ampm{display:none!important}.gform_wrapper.gravity-theme .gf_invisible,.gform_wrapper.gravity-theme .gfield_visibility_hidden{left:-9999px;position:absolute;visibility:hidden}.gform_wrapper.gravity-theme .gf_hide_charleft div.charleft{display:none!important}.gform_wrapper.gravity-theme .gf_hidden,.gform_wrapper.gravity-theme .gform_hidden{display:none}.gform_wrapper.gravity-theme .hidden_label .gfield_label,.gform_wrapper.gravity-theme .hidden_sub_label,.gform_wrapper.gravity-theme .screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.gform_wrapper.gravity-theme button.screen-reader-text:focus{border:0;clip:auto;clip-path:none;height:auto;margin:0;position:static!important;width:auto}@media only screen and (min-width:641px){.gform_wrapper.gravity-theme .gfield.gf_list_2col .gfield_checkbox,.gform_wrapper.gravity-theme .gfield.gf_list_2col .gfield_radio{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(auto-fill,auto);grid-column-gap:2rem}.gform_wrapper.gravity-theme .gfield.gf_list_3col .gfield_checkbox,.gform_wrapper.gravity-theme .gfield.gf_list_3col .gfield_radio{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(auto-fill,auto);grid-column-gap:2rem}.gform_wrapper.gravity-theme .gfield.gf_list_4col .gfield_checkbox,.gform_wrapper.gravity-theme .gfield.gf_list_4col .gfield_radio{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(auto-fill,auto);grid-column-gap:2rem}.gform_wrapper.gravity-theme .gfield.gf_list_5col .gfield_checkbox,.gform_wrapper.gravity-theme .gfield.gf_list_5col .gfield_radio{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(auto-fill,auto);grid-column-gap:2rem}.gform_wrapper.gravity-theme .gf_list_2col_vertical .gfield_checkbox,.gform_wrapper.gravity-theme .gf_list_2col_vertical .gfield_radio{-moz-column-count:2;column-count:2;grid-column-gap:2rem;display:block}.gform_wrapper.gravity-theme .gf_list_3col_vertical .gfield_checkbox,.gform_wrapper.gravity-theme .gf_list_3col_vertical .gfield_radio{-moz-column-count:3;column-count:3;grid-column-gap:2rem;display:block}.gform_wrapper.gravity-theme .gf_list_4col_vertical .gfield_checkbox,.gform_wrapper.gravity-theme .gf_list_4col_vertical .gfield_radio{-moz-column-count:4;column-count:4;grid-column-gap:2rem;display:block}.gform_wrapper.gravity-theme .gf_list_5col_vertical .gfield_checkbox,.gform_wrapper.gravity-theme .gf_list_5col_vertical .gfield_radio{-moz-column-count:5;column-count:5;grid-column-gap:2rem;display:block}.gform_wrapper.gravity-theme .gfield.gf_list_height_25 .gfield_checkbox .gchoice,.gform_wrapper.gravity-theme .gfield.gf_list_height_25 .gfield_radio .gchoice{height:25px}.gform_wrapper.gravity-theme .gfield.gf_list_height_50 .gfield_checkbox .gchoice,.gform_wrapper.gravity-theme .gfield.gf_list_height_50 .gfield_radio .gchoice{height:50px}.gform_wrapper.gravity-theme .gfield.gf_list_height_75 .gfield_checkbox .gchoice,.gform_wrapper.gravity-theme .gfield.gf_list_height_75 .gfield_radio .gchoice{height:75px}.gform_wrapper.gravity-theme .gfield.gf_list_height_100 .gfield_checkbox .gchoice,.gform_wrapper.gravity-theme .gfield.gf_list_height_100 .gfield_radio .gchoice{height:100px}.gform_wrapper.gravity-theme .gfield.gf_list_height_125 .gfield_checkbox .gchoice,.gform_wrapper.gravity-theme .gfield.gf_list_height_125 .gfield_radio .gchoice{height:125px}.gform_wrapper.gravity-theme .gfield.gf_list_height_150 .gfield_checkbox .gchoice,.gform_wrapper.gravity-theme .gfield.gf_list_height_150 .gfield_radio .gchoice{height:150px}}.gform_wrapper.gravity-theme .gfield.gf_list_inline .gfield_checkbox,.gform_wrapper.gravity-theme .gfield.gf_list_inline .gfield_radio,.gform_wrapper.gravity-theme .gfield.gfield--choice-align-horizontal .gfield_checkbox,.gform_wrapper.gravity-theme .gfield.gfield--choice-align-horizontal .gfield_radio{display:block}.gform_wrapper.gravity-theme .gfield.gf_list_inline .gfield_checkbox .gchoice,.gform_wrapper.gravity-theme .gfield.gf_list_inline .gfield_radio .gchoice,.gform_wrapper.gravity-theme .gfield.gfield--choice-align-horizontal .gfield_checkbox .gchoice,.gform_wrapper.gravity-theme .gfield.gfield--choice-align-horizontal .gfield_radio .gchoice{display:inline-block;padding-inline-end:16px;vertical-align:top}.gform_wrapper.gravity-theme .gfield.gf_list_inline .gfield_checkbox .gchoice label,.gform_wrapper.gravity-theme .gfield.gf_list_inline .gfield_radio .gchoice label,.gform_wrapper.gravity-theme .gfield.gfield--choice-align-horizontal .gfield_checkbox .gchoice label,.gform_wrapper.gravity-theme .gfield.gfield--choice-align-horizontal .gfield_radio .gchoice label{max-width:none}.gform_wrapper.gravity-theme .gf_hide_ampm .gfield_time_ampm{display:none!important}.gform_wrapper.gravity-theme .gsection.gf_scroll_text{background-color:#fff;border:1px solid #ccc;height:240px;overflow-x:hidden;overflow-y:scroll;padding:32px}.gform_wrapper.gravity-theme .gsection.gf_scroll_text .gsection_title{margin-top:0}.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_blue,.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_gray,.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_green,.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_red,.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_yellow{border-radius:3px;margin:20px 0!important;padding:20px!important}.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_green{background-color:#cbeca0;border:1px solid #97b48a;color:#030;text-shadow:#dfb 1px 1px}.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_red{background-color:#faf2f5;border:1px solid #cfadb3;color:#832525;text-shadow:#fff 1px 1px}.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_yellow{background-color:#fffbcc;border:1px solid #e6db55;color:#222;text-shadow:#fcfaea 1px 1px}.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_gray{background-color:#eee;border:1px solid #ccc;color:#424242;text-shadow:#fff 1px 1px}.gform_wrapper.gravity-theme .gfield.gfield_html.gf_alert_blue{background-color:#d1e4f3;border:1px solid #a7c2e7;color:#314475;text-shadow:#e0f1ff 1px 1px}.gform_wrapper.gravity-theme .gf_simple_horizontal{margin:0 auto;width:calc(100% - 16px)}.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body,.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_footer.top_label{display:table-cell;margin:0;padding:0;position:relative;vertical-align:middle}.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body{max-width:75%;width:auto}.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label{display:table;width:100%}.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label .gfield{display:table-cell;height:auto;padding-right:1em}.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label .gfield .large,.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label .gfield .medium,.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label .gfield .small{width:100%}.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label .gfield .ginput_container_checkbox .gchoice,.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label .gfield .ginput_container_radio .gchoice{display:inline-block;margin-right:.5em}.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label.form_sublabel_above .gfield,.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_body .top_label.form_sublabel_below .gfield{vertical-align:middle}.gform_wrapper.gravity-theme .gf_simple_horizontal .gfield,.gform_wrapper.gravity-theme .gf_simple_horizontal .ginput_container{margin-top:0!important}.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_footer.top_label{margin:0;max-width:25%;padding:0;text-align:left;width:auto}.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_footer.top_label input[type=button],.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_footer.top_label input[type=image],.gform_wrapper.gravity-theme .gf_simple_horizontal .gform_footer.top_label input[type=submit]{height:auto}.gform_wrapper.gravity-theme .gf_simple_horizontal .gfield_description:not(.validation_message),.gform_wrapper.gravity-theme .gf_simple_horizontal .gfield_label,.gform_wrapper.gravity-theme .gf_simple_horizontal .ginput_complex label{display:block;height:1px;left:-9000px;overflow:hidden;position:absolute;top:0;width:1px}.gform_wrapper.gravity-theme body:not(.rtl) .gform_wrapper form.gf_simple_horizontal div.gform_footer.top_label{text-align:left}.gform_confirmation_wrapper.gf_confirmation_simple_yellow{background-color:#fffbcc;border-bottom:1px solid #e6db55;border-top:1px solid #e6db55;color:#424242;font-size:25px;margin:30px 0;max-width:99%;padding:32px}.gform_confirmation_wrapper.gf_confirmation_simple_gray{background-color:#eaeaea;border-bottom:1px solid #ccc;border-top:1px solid #ccc;color:#424242;font-size:25px;margin:30px 0;max-width:99%;padding:32px}.gform_confirmation_wrapper.gf_confirmation_yellow_gradient{background-color:#fffbd2;border:1px solid #e6db55;box-shadow:0 0 5px rgba(221,215,131,.75);margin:30px 0;position:relative}.gform_confirmation_wrapper.gf_confirmation_yellow_gradient .gform_confirmation_message{background:#fffce5;background:linear-gradient(to bottom,#fffce5 0,#fff9bf 100%);background-color:#fffbcc;border-bottom:1px solid #e6db55;border-top:2px solid #fff;color:#424242;font-size:28px;margin:0;max-width:99%;padding:40px}.gform_confirmation_wrapper.gf_confirmation_green_gradient{background-color:#f1fcdf;border:1px solid #a7c37c;box-shadow:0 0 5px rgba(86,122,86,.4);margin:30px 0;position:relative}.gform_confirmation_wrapper.gf_confirmation_green_gradient .gform_confirmation_message{background:#dbf2b7;background:linear-gradient(to bottom,#dbf2b7 0,#b4d088 100%);background-color:#fffbcc;border-bottom:1px solid #a7c37c;border-top:2px solid #effade;color:#030;font-size:28px;margin:0;max-width:99%;padding:40px;text-shadow:#dfb 1px 1px}.gform_confirmation_wrapper.gf_confirmation_green_gradient::after,.gform_confirmation_wrapper.gf_confirmation_green_gradient::before,.gform_confirmation_wrapper.gf_confirmation_yellow_gradient::after,.gform_confirmation_wrapper.gf_confirmation_yellow_gradient::before{background:rgba(0,0,0,.2);bottom:15px;box-shadow:0 15px 10px rgba(0,0,0,.2);content:"";left:10px;max-width:40%;position:absolute;top:80%;transform:rotate(-3deg);width:50%;z-index:-1}.gform_confirmation_wrapper.gf_confirmation_green_gradient::after,.gform_confirmation_wrapper.gf_confirmation_yellow_gradient::after{left:auto;right:10px;transform:rotate(3deg)}.gform_wrapper.gravity-theme .gfield textarea{width:100%}.gform_wrapper.gravity-theme .gfield textarea.small{height:96px}.gform_wrapper.gravity-theme .gfield textarea.medium{height:192px}.gform_wrapper.gravity-theme .gfield textarea.large{height:288px}.gform_wrapper.gravity-theme .gfield input,.gform_wrapper.gravity-theme .gfield select{max-width:100%}.gform_wrapper.gravity-theme .gfield input.small,.gform_wrapper.gravity-theme .gfield select.small{width:calc(25% - 16px * 3 / 4)}.gform_wrapper.gravity-theme .gfield input.medium,.gform_wrapper.gravity-theme .gfield select.medium{width:calc(50% - 16px / 2)}.gform_wrapper.gravity-theme .gfield input.large,.gform_wrapper.gravity-theme .gfield select.large{width:100%}.gform_wrapper.gravity-theme *{box-sizing:border-box}.gform_wrapper.gravity-theme .gform_fields{display:grid;grid-column-gap:2%;-ms-grid-columns:(1fr 2%)[12];grid-row-gap:16px;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(auto-fill,auto);width:100%}.gform_wrapper.gravity-theme .gfield{grid-column:1/-1;min-width:0}.gform_wrapper.gravity-theme .gfield.gfield--width-full{grid-column:span 12;-ms-grid-column-span:12}.gform_wrapper.gravity-theme .gfield.gfield--width-eleven-twelfths{grid-column:span 11;-ms-grid-column-span:11}.gform_wrapper.gravity-theme .gfield.gfield--width-five-sixths{grid-column:span 10;-ms-grid-column-span:10}.gform_wrapper.gravity-theme .gfield.gfield--width-three-quarter{grid-column:span 9;-ms-grid-column-span:9}.gform_wrapper.gravity-theme .gfield.gfield--width-two-thirds{grid-column:span 8;-ms-grid-column-span:8}.gform_wrapper.gravity-theme .gfield.gfield--width-seven-twelfths{grid-column:span 7;-ms-grid-column-span:7}.gform_wrapper.gravity-theme .gfield.gfield--width-half{grid-column:span 6;-ms-grid-column-span:6}.gform_wrapper.gravity-theme .gfield.gfield--width-five-twelfths{grid-column:span 5;-ms-grid-column-span:5}.gform_wrapper.gravity-theme .gfield.gfield--width-third{grid-column:span 4;-ms-grid-column-span:4}.gform_wrapper.gravity-theme .gfield.gfield--width-quarter{grid-column:span 3;-ms-grid-column-span:3}.gform_wrapper.gravity-theme .gfield.gfield--width-one-sixth{-ms-grid-column-span:2;grid-column:span 2}.gform_wrapper.gravity-theme .gfield.gfield--width-one-twelfth{-ms-grid-column-span:1;grid-column:span 1}@media (max-width:640px){.gform_wrapper.gravity-theme .gform_fields{grid-column-gap:0}.gform_wrapper.gravity-theme .gfield:not(.gfield--width-full){grid-column:1/-1}}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-full{width:100%}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-eleven-twelfths{width:91.6666%}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-five-sixths{width:83.3333%}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-three-quarter{width:75%}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-two-thirds{width:66.6666%}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-seven-twelfths{width:58.3333%}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-half{width:50%}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-five-twelfths{width:41.6666%}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-third{width:33.3333%}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-quarter{width:25%}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-one-sixth{width:16.6666%}.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full.gfield--width-one-twelfth{width:8.3333%}.gform_wrapper.gravity-theme .left_label .gfield:not(.gsection):not(.gfield_html):not(fieldset),.gform_wrapper.gravity-theme .right_label .gfield:not(.gsection):not(.gfield_html):not(fieldset){display:flex;flex-wrap:wrap;justify-content:flex-end;width:100%}.gform_wrapper.gravity-theme .left_label .gfield_label,.gform_wrapper.gravity-theme .right_label .gfield_label{margin:0;padding:0;width:30%}@media (max-width:640px){.gform_wrapper.gravity-theme .left_label .gfield_label,.gform_wrapper.gravity-theme .right_label .gfield_label{width:100%}}.gform_wrapper.gravity-theme .gform_fields.left_label fieldset,.gform_wrapper.gravity-theme .gform_fields.right_label fieldset{clear:both}.gform_wrapper.gravity-theme .gform_fields.left_label fieldset .ginput_container,.gform_wrapper.gravity-theme .gform_fields.right_label fieldset .ginput_container{float:left;width:70%}@media (max-width:640px){.gform_wrapper.gravity-theme .gform_fields.left_label fieldset .ginput_container,.gform_wrapper.gravity-theme .gform_fields.right_label fieldset .ginput_container{width:100%}}@media (max-width:640px){.gform_wrapper.gravity-theme .gform_fields.left_label fieldset>.ginput_complex,.gform_wrapper.gravity-theme .gform_fields.right_label fieldset>.ginput_complex{width:100%}}.gform_wrapper.gravity-theme .gform_fields.left_label legend.gfield_label,.gform_wrapper.gravity-theme .gform_fields.right_label legend.gfield_label{display:block;float:left;padding-right:1em;width:30%}@media (max-width:640px){.gform_wrapper.gravity-theme .gform_fields.left_label legend.gfield_label,.gform_wrapper.gravity-theme .gform_fields.right_label legend.gfield_label{width:100%}}.gform_wrapper.gravity-theme .gform_fields.left_label .gfield_validation_message,.gform_wrapper.gravity-theme .gform_fields.right_label .gfield_validation_message{float:right;width:70%}@media (max-width:640px){.gform_wrapper.gravity-theme .gform_fields.left_label .gfield_validation_message,.gform_wrapper.gravity-theme .gform_fields.right_label .gfield_validation_message{width:100%}}.gform_wrapper.gravity-theme .gform_fields.validation_above.left_label fieldset .ginput_container,.gform_wrapper.gravity-theme .gform_fields.validation_above.right_label fieldset .ginput_container{float:right}.gform_wrapper.gravity-theme .left_label .ginput_complex .ginput_container,.gform_wrapper.gravity-theme .right_label .ginput_complex .ginput_container{width:auto}.gform_wrapper.gravity-theme .left_label div.gfield>div:not(.ui-resizable-handle):not(.gfield-admin-icons),.gform_wrapper.gravity-theme .right_label div.gfield>div:not(.ui-resizable-handle):not(.gfield-admin-icons){width:70%}@media (max-width:640px){.gform_wrapper.gravity-theme .left_label div.gfield>div:not(.ui-resizable-handle):not(.gfield-admin-icons),.gform_wrapper.gravity-theme .right_label div.gfield>div:not(.ui-resizable-handle):not(.gfield-admin-icons){width:100%}}.gform_wrapper.gravity-theme .right_label .gfield_label{padding-right:1em;text-align:right}.gform_wrapper.gravity-theme .left_label.gform_fields,.gform_wrapper.gravity-theme .right_label.gform_fields{position:relative}.gform_wrapper.gravity-theme .left_label .gfield_html_formatted,.gform_wrapper.gravity-theme .right_label .gfield_html_formatted{margin-left:30%}.gform_wrapper.gravity-theme .left_label #field_submit,.gform_wrapper.gravity-theme .right_label #field_submit{justify-content:flex-start}.gform_wrapper.gravity-theme .left_label #field_submit input,.gform_wrapper.gravity-theme .right_label #field_submit input{margin-left:30%}.gform_wrapper.gravity-theme .field_sublabel_below .ginput_complex{align-items:flex-start}.gform_wrapper.gravity-theme .field_sublabel_above .ginput_complex{align-items:flex-end}.gform_wrapper.gravity-theme .left_label.validation_above .copy_values_option_container,.gform_wrapper.gravity-theme .right_label.validation_above .copy_values_option_container{float:right;width:70%;padding-left:8px}@media (max-width:640px){.gform_wrapper.gravity-theme .left_label.validation_above .copy_values_option_container,.gform_wrapper.gravity-theme .right_label.validation_above .copy_values_option_container{width:100%}}.rtl .gform_wrapper.gravity-theme .left_label legend.gfield_label,.rtl .gform_wrapper.gravity-theme .right_label legend.gfield_label{margin-left:1em;position:absolute;right:0;text-align:left;width:30%}.rtl .gform_wrapper.gravity-theme .left_label legend.gfield_label{width:30%}.rtl .gform_wrapper.gravity-theme .left_label .gfield_label{padding-left:1em;text-align:left!important}.rtl .gform_wrapper.gravity-theme .left_label fieldset.gfield,.rtl .gform_wrapper.gravity-theme .right_label fieldset.gfield{margin-left:0;padding-right:30%}.rtl .gform_wrapper.gravity-theme .right_label .gfield_label,.rtl .gform_wrapper.gravity-theme .right_label legend.gfield_label{padding:0;text-align:right}.rtl .gform_wrapper.gravity-theme .right_label label.gfield_label{padding-right:0}.rtl .gform_wrapper.gravity-theme .left_label .gfield_html_formatted,.rtl .gform_wrapper.gravity-theme .right_label .gfield_html_formatted{margin-left:0;margin-right:30%}html[dir=rtl] .gform_wrapper.gravity-theme code,html[dir=rtl] .gform_wrapper.gravity-theme input[type=email],html[dir=rtl] .gform_wrapper.gravity-theme input[type=tel],html[dir=rtl] .gform_wrapper.gravity-theme input[type=url]{direction:rtl}html[dir=rtl] .gform_wrapper.gravity-theme .gfield_label{direction:rtl}html[dir=rtl] .gform_wrapper.gravity-theme .gfield_required{margin-left:0;margin-right:4px}html[dir=rtl] .gform_wrapper.gravity-theme ::-webkit-input-placeholder{text-align:right}html[dir=rtl] .gform_wrapper.gravity-theme ::-moz-placeholder{text-align:right}html[dir=rtl] .gform_wrapper.gravity-theme :-ms-input-placeholder{text-align:right}html[dir=rtl] .gform_wrapper.gravity-theme :-moz-placeholder{text-align:right}html[dir=rtl] .gform_wrapper.gravity-theme .gform_wrapper.gravity-theme fieldset{display:block}html[dir=rtl] .gform_wrapper.gravity-theme .gfield_header_item+.gfield_header_item:not(:last-child),html[dir=rtl] .gform_wrapper.gravity-theme .gfield_list_group_item+.gfield_list_group_item{margin-left:0;margin-right:16px}html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full),html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full){padding-left:0;padding-right:16px}@media (min-width:641px){html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full){padding-left:0;padding-right:16px}html[dir=rtl] .gform_wrapper.gravity-theme .gform_show_password{left:8px;right:unset}}@media (max-width:640px){html[dir=rtl] .gform_wrapper.gravity-theme .left_label fieldset.gfield,html[dir=rtl] .gform_wrapper.gravity-theme .right_label fieldset.gfield{padding-right:0}html[dir=rtl] .gform_wrapper.gravity-theme .left_label legend.gfield_label,html[dir=rtl] .gform_wrapper.gravity-theme .right_label legend.gfield_label{margin:0;padding:0;position:relative;width:100%}html[dir=rtl] .gform_wrapper.gravity-theme .left_label .gfield_label{text-align:right!important}html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) fieldset:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full),html[dir=rtl] .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full){padding-right:0}}.gform_wrapper.gravity-theme .ginput_counter{color:#767676;font-size:.8em}.gform_wrapper.gravity-theme .ginput_counter_tinymce{border-top:1px solid #eee;font-size:12px;padding:2px 10px}.gform_wrapper.gravity-theme .validation_message--hidden-on-empty:empty{display:none}.gform_wrapper.gravity-theme .gform_card_icon_container{display:flex;height:32px;margin:8px 0 6.4px 0}.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon{background-image:url(//casanainteriors.co.uk/wp-content/plugins/gravityforms/images/gf-creditcards.svg);background-repeat:no-repeat;height:32px;margin-right:4.8px;text-indent:-9000px;width:40px}.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_amex{background-position:-167px 0}.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_discover{background-position:-221px 0}.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_mastercard{background-position:-275px 0}.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_visa{background-position:-59px 0}.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_jcb{background-position:-329px 0}.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_maestro{background-position:-5px 0}.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_selected{position:relative}.gform_wrapper.gravity-theme .gform_card_icon_container div.gform_card_icon.gform_card_icon_selected::after{background:url(//casanainteriors.co.uk/wp-content/plugins/gravityforms/images/gf-creditcards-check.svg) center center no-repeat;bottom:4px;content:"";display:block;height:10px;position:absolute;right:0;width:13px}.gform_wrapper.gravity-theme .ginput_container_creditcard .ginput_cardinfo_right{align-items:center;display:inline-flex;flex-flow:row wrap;justify-content:flex-start}.gform_wrapper.gravity-theme .ginput_container_creditcard .ginput_cardinfo_right label{width:100%}.gform_wrapper.gravity-theme .ginput_container_creditcard .ginput_card_security_code_icon{background-image:url(//casanainteriors.co.uk/wp-content/plugins/gravityforms/images/gf-creditcards.svg);background-position:-382px center;background-repeat:no-repeat;display:block;flex:none;height:32px;margin-left:.3em;width:40px}html[dir=rtl] .gform_wrapper.gravity-theme .ginput_container_creditcard .ginput_card_security_code_icon{margin-left:0;margin-right:.3em}.gform_wrapper.gravity-theme .gfield_list_group,.gform_wrapper.gravity-theme .gfield_list_header{display:flex;flex-direction:row;flex-wrap:nowrap;margin-bottom:8px}.gform_wrapper.gravity-theme .gfield_list_group:last-child{margin-bottom:0}.gform_wrapper.gravity-theme .gfield_header_item{word-break:break-word}.gform_wrapper.gravity-theme .gfield_header_item,.gform_wrapper.gravity-theme .gfield_list_group_item{flex-grow:1;width:0}.gform_wrapper.gravity-theme .gfield_header_item+.gfield_header_item:not(.gfield_header_item--icons),.gform_wrapper.gravity-theme .gfield_list_group_item+.gfield_list_group_item{margin-left:2%}.gform_wrapper.gravity-theme .gfield_list_group_item input,.gform_wrapper.gravity-theme .gfield_list_group_item select{width:100%}.gform_wrapper.gravity-theme .gfield_header_item--icons,.gform_wrapper.gravity-theme .gfield_list_icons{align-items:center;display:flex;flex:none;justify-content:center;width:48px}.gform_wrapper.gravity-theme .gfield_list_icons button{background:transparent url(//casanainteriors.co.uk/wp-content/plugins/gravityforms/images/list-add.svg);border:none;font-size:0;height:16px;opacity:.5;padding:0;transition:opacity .5s ease-out;width:16px}.gform_wrapper.gravity-theme .gfield_list_icons button:focus,.gform_wrapper.gravity-theme .gfield_list_icons button:hover{opacity:1;outline:0}.gform_wrapper.gravity-theme .gfield_list_icons button.delete_list_item{background-image:url(//casanainteriors.co.uk/wp-content/plugins/gravityforms/images/list-remove.svg);margin-left:5px}.gform_wrapper.gravity-theme .gfield_list_icons a.delete_list_item{margin-inline-start:5px}.gform_wrapper.gravity-theme .gfield_list_icons img{background-color:transparent!important;background-position:0;background-repeat:no-repeat;background-size:16px 16px!important;block-size:16px!important;border:none!important;inline-size:16px!important;opacity:.5;transition:var(--gf-transition-ctrl)}.gform_wrapper.gravity-theme .gfield_list_icons a:focus,.gform_wrapper.gravity-theme .gfield_list_icons a:focus img,.gform_wrapper.gravity-theme .gfield_list_icons a:hover img{outline:0}.gform_wrapper.gravity-theme .gfield_list_icons a:focus img,.gform_wrapper.gravity-theme .gfield_list_icons a:hover img{opacity:1}@media (max-width:640px){.gform_wrapper.gravity-theme .gfield_list_header{display:none}.gform_wrapper.gravity-theme .gfield_list_group{border:1px solid rgba(0,0,0,.2);display:block;margin-bottom:16px;padding:16px}.gform_wrapper.gravity-theme .gfield_header_item,.gform_wrapper.gravity-theme .gfield_list_group_item{width:auto}.gform_wrapper.gravity-theme .gfield_list_group:last-child{margin-bottom:0}.gform_wrapper.gravity-theme .gfield_list_group_item:not(:last-child){margin-bottom:8px}.gform_wrapper.gravity-theme .gfield_list_group_item::before{content:attr(data-label);font-size:14.992px}.gform_wrapper.gravity-theme .gfield_list_icons{background-color:rgba(0,0,0,.1);line-height:0;margin:16px -16px -16px;padding:12px 16px;text-align:left;width:auto}.gform_wrapper.gravity-theme .gfield_header_item+.gfield_header_item:not(.gfield_header_item--icons),.gform_wrapper.gravity-theme .gfield_list_group_item+.gfield_list_group_item{margin-left:0}}html[dir=rtl] .gform_wrapper.gravity-theme .gfield_header_item+.gfield_header_item:not(.gfield_header_item--icons),html[dir=rtl] .gform_wrapper.gravity-theme .gfield_list_group_item+.gfield_list_group_item{margin-left:0;margin-right:16px}@media (max-width:640px){html[dir=rtl] .gform_wrapper.gravity-theme .gfield_header_item+.gfield_header_item:not(.gfield_header_item--icons),html[dir=rtl] .gform_wrapper.gravity-theme .gfield_list_group_item+.gfield_list_group_item{margin-right:0}}html[dir=rtl] .gform_wrapper.gravity-theme .gfield_list_icons button.delete_list_item{margin-left:0;margin-right:5px}* {
box-sizing: border-box;
} html, body, div, span, applet, object, iframe,
h1,
footer h3,
.legal-page .intro-content footer h3,
footer .legal-page .intro-content h3,
.single-post .inner-masthead .content footer h3,
footer .single-post .inner-masthead .content h3, h2, .inner-masthead h1, .inner-masthead footer h3, footer .inner-masthead h3, h3, .legal-page .intro-content h1, .single-post .inner-masthead .content h1, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
#wpadminbar {
position: fixed;
}
.animate.fadeinright {
opacity: 0;
}
.animate.fadeinright.animateelement {
animation: fadeInRight 0.5s forwards ease-in-out;
}
.animate.fadein {
opacity: 0;
}
.animate.fadein.animateelement {
animation: fadeIn 0.5s forwards ease-in-out;
}
.animate.fadeinup {
opacity: 0;
}
.animate.fadeinup.animateelement {
animation: fadeInUp 0.5s forwards ease-in-out;
}
@media only screen and (min-width: 768px) {
.animate.delay {
animation-delay: 0.5s !important;
}
.animate.lg-delay {
animation-delay: 0.75s !important;
}
}
.image-anim {
overflow: hidden;
transform: translateY(-2rem);
will-change: transform;
opacity: 0;
}
.image-anim img {
will-change: transform;
transform: translate3d(0px, 0px, 0px) scale(1.4, 1.4);
}
h1:not(.no-anim), h2:not(.no-anim), h3:not(.no-anim), .legal-page .intro-content h1:not(.no-anim), .legal-page .intro-content footer h3:not(.no-anim), footer .legal-page .intro-content h3:not(.no-anim), .single-post .inner-masthead .content h1:not(.no-anim), .single-post .inner-masthead .content footer h3:not(.no-anim), footer .single-post .inner-masthead .content h3:not(.no-anim), h4:not(.no-anim), h5:not(.no-anim), .subheading:not(.no-anim), .body-xl:not(.no-anim), .body-large:not(.no-anim), .inner-masthead p:not(.no-anim), .p-anim:not(.no-anim) {
line-height: 1.1;
overflow: hidden;
opacity: 0;
}
h1:not(.no-anim) .line, h2:not(.no-anim) .line, h3:not(.no-anim) .line, .single-post .inner-masthead .content h1:not(.no-anim) .line, .single-post .inner-masthead .content footer h3:not(.no-anim) .line, footer .single-post .inner-masthead .content h3:not(.no-anim) .line, h4:not(.no-anim) .line, h5:not(.no-anim) .line, .subheading:not(.no-anim) .line, .body-xl:not(.no-anim) .line, .body-large:not(.no-anim) .line, .inner-masthead p:not(.no-anim) .line, .p-anim:not(.no-anim) .line {
overflow: hidden;
}
h1:not(.no-anim) .line .word, h2:not(.no-anim) .line .word, h3:not(.no-anim) .line .word, h4:not(.no-anim) .line .word, h5:not(.no-anim) .line .word, .subheading:not(.no-anim) .line .word, .body-xl:not(.no-anim) .line .word, .body-large:not(.no-anim) .line .word, .inner-masthead p:not(.no-anim) .line .word, .p-anim:not(.no-anim) .line .word {
will-change: transform;
transform: translate3d(0px, 20vw, 0.01px) rotate(10deg);
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
transform: translateX(0px);
opacity: 1;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
transform: translateY(0px);
opacity: 1;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes translateUp {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0%);
}
}
@keyframes scaleX {
0% {
transform: scaleX(0);
}
100% {
transform: scaleX(100%);
}
}
@keyframes maskUp {
0% {
transform: translate3d(0px, 20vw, 0.01px) rotate(10deg);
}
100% {
transform: translate3d(0px, 0, 0) rotate(0);
}
}  html {
font-size: 62.5%;
}
body {
font-family: "neue-haas-grotesk-display", sans-serif;
font-size: 1.6rem;
line-height: 1.2;
font-weight: 450;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-variant-ligatures: none;
color: #131615;
letter-spacing: 0.08rem;
}
@media screen and (min-width: 768px) {
body {
font-size: 1.8rem;
}
}
h1, footer h3, .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3, h2, .inner-masthead h1, .inner-masthead footer h3, footer .inner-masthead h3, h3, .legal-page .intro-content h1, .single-post .inner-masthead .content h1, h4, h5 {
letter-spacing: 0;
}
h1, footer h3, .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3, h2, .inner-masthead h1, .inner-masthead footer h3, footer .inner-masthead h3, h3, .legal-page .intro-content h1, .single-post .inner-masthead .content h1, h4, h5, .subheading, .body-xl, .body-large {
line-height: 1.1;
overflow: hidden;
}
h1, footer h3, footer .legal-page .intro-content h1, .legal-page .intro-content footer h1, .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, footer .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
font-size: 4.7rem;
}
@media screen and (min-width: 768px) {
h1, footer h3, footer .legal-page .intro-content h1, .legal-page .intro-content footer h1, .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, footer .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
font-size: 10rem;
}
}
@media screen and (min-width: 1024px) {
h1, footer h3, footer .legal-page .intro-content h1, .legal-page .intro-content footer h1, .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, footer .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
font-size: 14rem;
}
}
@media screen and (min-width: 1440px) {
h1, footer h3, footer .legal-page .intro-content h1, .legal-page .intro-content footer h1, .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, footer .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
font-size: 18.7rem;
}
}
h2, .inner-masthead h1, .inner-masthead footer h3, .inner-masthead footer .legal-page .intro-content h1, .legal-page .intro-content .inner-masthead footer h1, .inner-masthead .legal-page .intro-content footer h3, .legal-page .intro-content .inner-masthead footer h3, .inner-masthead footer .legal-page .intro-content h3, .inner-masthead .legal-page .intro-content footer h1, .single-post .inner-masthead footer .content h1, .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer h3, footer .inner-masthead h3, footer .inner-masthead .legal-page .intro-content h1, .legal-page .intro-content footer .inner-masthead h1, .legal-page .intro-content footer .inner-masthead h3, footer .inner-masthead .legal-page .intro-content h3, footer .legal-page .intro-content .inner-masthead h3, footer .legal-page .intro-content .inner-masthead h1, footer .single-post .inner-masthead .content h1, .single-post footer .inner-masthead .content h1, footer .single-post .inner-masthead .content h3 {
font-size: 4.7rem;
font-weight: 600;
}
@media screen and (min-width: 768px) {
h2, .inner-masthead h1, .inner-masthead footer h3, .inner-masthead footer .legal-page .intro-content h1, .legal-page .intro-content .inner-masthead footer h1, .inner-masthead .legal-page .intro-content footer h3, .legal-page .intro-content .inner-masthead footer h3, .inner-masthead footer .legal-page .intro-content h3, .inner-masthead .legal-page .intro-content footer h1, .single-post .inner-masthead footer .content h1, .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer h3, footer .inner-masthead h3, footer .inner-masthead .legal-page .intro-content h1, .legal-page .intro-content footer .inner-masthead h1, .legal-page .intro-content footer .inner-masthead h3, footer .inner-masthead .legal-page .intro-content h3, footer .legal-page .intro-content .inner-masthead h3, footer .legal-page .intro-content .inner-masthead h1, footer .single-post .inner-masthead .content h1, .single-post footer .inner-masthead .content h1, footer .single-post .inner-masthead .content h3 {
font-size: 6rem;
}
}
@media screen and (min-width: 1024px) {
h2, .inner-masthead h1, .inner-masthead footer h3, .inner-masthead footer .legal-page .intro-content h1, .legal-page .intro-content .inner-masthead footer h1, .inner-masthead .legal-page .intro-content footer h3, .legal-page .intro-content .inner-masthead footer h3, .inner-masthead footer .legal-page .intro-content h3, .inner-masthead .legal-page .intro-content footer h1, .single-post .inner-masthead footer .content h1, .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer h3, footer .inner-masthead h3, footer .inner-masthead .legal-page .intro-content h1, .legal-page .intro-content footer .inner-masthead h1, .legal-page .intro-content footer .inner-masthead h3, footer .inner-masthead .legal-page .intro-content h3, footer .legal-page .intro-content .inner-masthead h3, footer .legal-page .intro-content .inner-masthead h1, footer .single-post .inner-masthead .content h1, .single-post footer .inner-masthead .content h1, footer .single-post .inner-masthead .content h3 {
font-size: 8rem;
}
}
@media screen and (min-width: 1440px) {
h2, .inner-masthead h1, .inner-masthead footer h3, .inner-masthead footer .legal-page .intro-content h1, .legal-page .intro-content .inner-masthead footer h1, .inner-masthead .legal-page .intro-content footer h3, .legal-page .intro-content .inner-masthead footer h3, .inner-masthead footer .legal-page .intro-content h3, .inner-masthead .legal-page .intro-content footer h1, .single-post .inner-masthead footer .content h1, .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer h3, footer .inner-masthead h3, footer .inner-masthead .legal-page .intro-content h1, .legal-page .intro-content footer .inner-masthead h1, .legal-page .intro-content footer .inner-masthead h3, footer .inner-masthead .legal-page .intro-content h3, footer .legal-page .intro-content .inner-masthead h3, footer .legal-page .intro-content .inner-masthead h1, footer .single-post .inner-masthead .content h1, .single-post footer .inner-masthead .content h1, footer .single-post .inner-masthead .content h3 {
font-size: 12.4rem;
}
}
h3, .legal-page .intro-content h1, .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
font-size: 3.6rem;
}
@media screen and (min-width: 768px) {
h3, .legal-page .intro-content h1, .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
font-size: 4rem;
}
}
@media screen and (min-width: 1280px) {
h3, .legal-page .intro-content h1, .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
font-size: 6rem;
}
}
h4 {
font-size: 3.5rem;
}
@media screen and (min-width: 1024px) {
h4 {
font-size: 4.5rem;
}
}
h5 {
font-weight: 600;
font-size: 2.4rem;
}
.subheading {
grid-column: 1/3;
padding-top: 0.5rem;
font-size: 1.6rem;
line-height: 1;
margin-bottom: 4rem;
text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
.subheading {
margin: 0;
grid-column: 1/3;
}
}
.body-xl {
font-size: 2.6rem;
line-height: 1.2;
}
@media screen and (min-width: 1024px) {
.body-xl {
font-size: 3rem;
}
}
.body-large {
font-size: 2.2rem;
}
@media screen and (min-width: 768px) {
.body-large {
font-size: 2.5rem;
}
}
.light {
font-weight: 400;
}
.small {
font-size: 1.6rem;
line-height: 1.25;
}
.label-r {
font-size: 1.8rem;
line-height: 1.2;
}
@media screen and (min-width: 768px) {
.label-r {
font-size: 2.4rem;
}
}
em {
font-style: italic;
}
blockquote {
position: relative;
margin: 12rem 0 0 0;
font-style: italic;
font-size: 2rem;
line-height: 1.2;
}
@media screen and (min-width: 1024px) {
blockquote {
margin: 10rem 0 0 0;
font-size: 2.5rem;
}
}
blockquote:before {
content: "";
display: block;
position: absolute;
background-image: url(//casanainteriors.co.uk/wp-content/themes/casana/library/images/speechmarks.svg);
background-size: contain;
background-repeat: no-repeat;
left: 0rem;
top: -5rem;
height: 2.2rem;
width: 2.6rem;
}
@media screen and (min-width: 1024px) {
blockquote:before {
left: -4.6rem;
top: 0.3rem;
height: 2.2rem;
width: 2.6rem;
}
}
.body-style a:not(.btn):not(.cc-btn.cc-dismiss) {
transition: all 0.5s ease-in-out;
display: inline;
text-decoration: underline;
text-underline-offset: 0.3rem;
}
.body-style h1, .body-style h2, .body-style h3, .body-style .legal-page .intro-content h1, .legal-page .intro-content .body-style h1, .body-style .legal-page .intro-content footer h3, .legal-page .intro-content footer .body-style h3, .body-style footer .legal-page .intro-content h3, footer .legal-page .intro-content .body-style h3, .body-style .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .body-style h1, .body-style .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .content footer .body-style h3, .body-style footer .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .content .body-style h3, .body-style h4, .body-style h5 {
margin-bottom: 4rem;
margin-top: 4.4rem;
}
@media screen and (min-width: 1024px) {
.body-style h1, .body-style h2, .body-style h3, .body-style .legal-page .intro-content h1, .legal-page .intro-content .body-style h1, .body-style .legal-page .intro-content footer h3, .legal-page .intro-content footer .body-style h3, .body-style footer .legal-page .intro-content h3, footer .legal-page .intro-content .body-style h3, .body-style .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .body-style h1, .body-style .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .content footer .body-style h3, .body-style footer .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .content .body-style h3, .body-style h4, .body-style h5 {
margin-bottom: 6rem;
margin-top: 6.4rem;
}
}
.body-style h1:first-child, .body-style h2:first-child, .body-style h3:first-child, .body-style .single-post .inner-masthead .content h1:first-child, .single-post .inner-masthead .content .body-style h1:first-child, .body-style .single-post .inner-masthead .content footer h3:first-child, .single-post .inner-masthead .content footer .body-style h3:first-child, .body-style footer .single-post .inner-masthead .content h3:first-child, footer .single-post .inner-masthead .content .body-style h3:first-child, .body-style h4:first-child, .body-style h5:first-child {
margin-top: 0;
}
.body-style h1:only-child, .body-style h2:only-child, .body-style h3:only-child, .body-style .single-post .inner-masthead .content h1:only-child, .single-post .inner-masthead .content .body-style h1:only-child, .body-style .single-post .inner-masthead .content footer h3:only-child, .single-post .inner-masthead .content footer .body-style h3:only-child, .body-style footer .single-post .inner-masthead .content h3:only-child, footer .single-post .inner-masthead .content .body-style h3:only-child, .body-style h4:only-child, .body-style h5:only-child {
margin-bottom: 0;
}
.body-style p {
margin-bottom: 2.2rem;
}
.body-style p:last-of-type {
margin-bottom: 0;
}
.body-style p:last-child {
margin-bottom: 0;
}
.body-style p:only-child {
margin-bottom: 0;
}
.body-style ul {
list-style: disc;
margin-left: 30px;
margin-bottom: 30px;
}
.body-style ul li {
margin-bottom: 15px;
}
.body-style ul li:last-of-type {
margin-bottom: 0;
}
.body-style ul:last-of-type {
margin-bottom: 0;
}
strong {
font-weight: 900;
} a, a:visited {
color: inherit;
text-decoration: none;
}
a[href=""] {
pointer-events: none;
}
.btn, .cc-btn.cc-dismiss {
transition: all 0.5s ease-in-out;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.7rem 1.2rem;
border-radius: 3.1rem;
cursor: pointer;
font-size: 1.6rem;
line-height: 1;
font-weight: 450;
border: 1px solid #131615;
}
@media screen and (min-width: 768px) {
.btn, .cc-btn.cc-dismiss {
padding: 1rem 1.2rem;
}
}
.btn:hover, .cc-btn.cc-dismiss:hover {
background: #131615;
color: #FFF;
}
.btn.black, .black.cc-btn.cc-dismiss {
background: #131615;
color: #FFF;
}
.btn.black:hover, .black.cc-btn.cc-dismiss:hover {
background: none;
color: #131615;
}
.btn.white, .content-block.black-background .btn, .white.cc-btn.cc-dismiss, .content-block.black-background .cc-btn.cc-dismiss {
border-color: #FFF;
color: #FFF;
}
.btn.white:hover, .content-block.black-background .btn:hover, .white.cc-btn.cc-dismiss:hover, .content-block.black-background .cc-btn.cc-dismiss:hover {
background: #FFF;
color: #131615;
}
body.no-scroll {
overflow: hidden !important;
}
body.home {
overflow: hidden;
}
.wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
max-width: 140rem;
padding: 0 2.4rem;
margin: 0 auto;
width: 100%;
}
@media screen and (min-width: 1024px) {
.wrap {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 2rem;
}
}
@media screen and (min-width: 1440px) {
.wrap {
padding: 0 5rem;
max-width: 144rem;
}
}
.dividing-line {
height: 1px;
background: #131615;
will-change: transform;
position: relative;
z-index: 5;
}
.dividing-line:not(.toggle-anim):not(.no-anim) {
transform: scaleX(0);
}
.dividing-line.hidden {
display: none;
}
.dividing-line.white, .content-block.black-background .dividing-line.btn, .content-block.black-background .dividing-line.cc-btn.cc-dismiss {
background: #FFF;
}
.dividing-line.l-r {
transform-origin: left;
margin-left: -2.4rem;
}
@media screen and (min-width: 1440px) {
.dividing-line.l-r {
margin-left: calc((100vw - 1340px) / 2 * -1);
}
}
.dividing-line.r-l {
transform-origin: right;
margin-right: -2.4rem;
}
@media screen and (min-width: 1440px) {
.dividing-line.r-l {
margin-right: calc((100vw - 1340px) / 2 * -1);
}
}
.block {
position: relative;
padding: 80px 0;
background: #FFF;
}
.block.large-pd-top {
padding-top: 100px;
}
.block.small-pd-top {
padding-top: 50px;
}
.block.no-pd-top {
padding-top: 0;
}
.block.large-pd-bottom {
padding-bottom: 100px;
}
.block.small-pd-bottom {
padding-bottom: 50px;
}
.block.no-pd-bottom {
padding-bottom: 0;
}
@media only screen and (min-width: 1280px) {
.block {
padding: 140px 0;
}
.block.large-pd-top {
padding-top: 200px;
}
.block.small-pd-top {
padding-top: 50px;
}
.block.no-pd-top {
padding-top: 0;
}
.block.large-pd-bottom {
padding-bottom: 200px;
}
.block.small-pd-bottom {
padding-bottom: 50px;
}
.block.no-pd-bottom {
padding-bottom: 0;
}
}
.cc-banner {
font-family: "neue-haas-grotesk-display", sans-serif !important;
font-size: 1.8rem !important;
background: #131615;
}
.cc-btn.cc-dismiss {
transition: all 0.5s ease-in-out;
display: block;
padding: 1rem 1.2rem;
background: none;
white-space: nowrap;
border-radius: 20rem !important;
border: 1px solid #FFF !important;
font-size: 1.6rem !important;
line-height: 1;
}
.cc-btn.cc-dismiss:hover {
background: #FFF !important;
color: #131615;
}
img, a {
display: block;
}
img {
-o-object-fit: cover;
object-fit: cover;
}  .header-logo {
position: fixed;
transition: 0.25s 0s ease-in-out;
max-width: 4.5rem;
width: 100%;
margin-right: auto;
mix-blend-mode: exclusion;
z-index: 19;
top: 0.5rem;
left: 2.4rem;
opacity: 0;
animation: fadeIn 1s 0s forwards ease-in-out;
}
@media screen and (min-width: 768px) {
.header-logo {
top: 1.6rem;
max-width: 6.6rem;
}
}
@media screen and (min-width: 1440px) {
.header-logo {
left: 5rem;
}
}
.header-logo img {
width: 100%;
height: auto;
}
header {
pointer-events: none;
transition: 0.25s 0.5s ease-in-out;
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 1.5rem 2.4rem;
z-index: 20;
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: center;
}
@media screen and (min-width: 768px) {
header {
padding: 3.5rem 2.4rem;
}
}
@media screen and (min-width: 1440px) {
header {
padding: 3.5rem 5rem;
}
}
header > * {
opacity: 0;
animation: fadeIn 1s 0s forwards ease-in-out;
}
header .wrap {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: center;
}
.dark-logo header .logo {
filter: brightness(0);
}
.home header > * {
animation: fadeIn 0.5s 3.5s forwards ease-in-out;
}
.furniture-btn {
background-color: #F9FFBE;
border: 1px solid #131615;
margin-left: auto;
pointer-events: auto;
margin-right: 1rem;
opacity: 0;
transition: background 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out, opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.furniture-btn.hidden {
opacity: 0;
pointer-events: none;
}
.furniture-btn.visible {
opacity: 1;
pointer-events: auto;
}
.furniture-btn:not(.disabled):hover {
border-color: #131615;
color: #FFF;
background: #131615;
}
.modal-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: none;
justify-content: center;
align-items: center;
z-index: 9999;
pointer-events: auto;
padding: 20px; box-sizing: border-box; }
.modal-content {
display: flex;
flex-direction: column; background: black;
padding: 20px;
border-radius: 8px;
text-align: center;
position: relative;
width: 90%; max-width: 1050px; height: auto; max-height: 90vh; overflow-y: auto; gap: 60px;
}
.close-modal {
position: absolute;
top: 10px;
right: 15px;
font-size: 35px;
cursor: pointer;
color: white;
} .left-side {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
} .img-left {
width: 100%; height: auto; -o-object-fit: contain;
object-fit: contain; } .right-side {
text-align: left; margin-left: 35px;
margin: auto;
} .main-text {
color: #F9FFBE;
font-size: 36px;
padding-bottom: 40px;
border-bottom: 1px solid white;
}
.btn.right-btn, .right-btn.cc-btn.cc-dismiss {
border: 1px solid white;
color: white;
margin-top: 40px;
margin-bottom: 20px;
}
.right-btn:hover {
background-color: white;
color: black;
} @media (min-width: 768px) {
.modal-content {
flex-direction: row; width: 80%;
}
.left-side, .right-side {
width: 50%;
}
.main-text {
font-size: 48px;
}
}
@media (max-width: 768px) {
.modal-content {
flex-direction: column; width: 95%;
padding: 15px;
padding-top: 40px;
}
.main-text {
font-size: 32px;
}
.right-side {
margin-left: 0;
border-bottom: none;
}
.close-modal {
font-size: 30px;
top: 5px;
right: 10px;
}
.img-left {
max-width: 300px; }
}
.menu-margin {
margin-left: 0 !important;
}
.menu-toggle:not(.close) {
width: 7.2rem;
background: rgba(255, 255, 255, 0.4);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
border: 1px solid #A5AAAA;
pointer-events: auto;
}
@media screen and (min-width: 768px) {
.menu-toggle:not(.close) {
width: 8.5rem;
}
}
.menu-toggle:not(.close):hover {
border-color: #131615;
color: #FFF;
background: #131615;
}
nav {
transition: all 0.5s ease-in-out;
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: center;
position: fixed;
right: 0;
top: 0;
height: 100vh;
width: 100%;
background: #FFF;
padding: 0 4.4rem 0 4.4rem;
z-index: 2;
font-size: 4rem;
line-height: 4.4rem;
pointer-events: auto;
}
@media only screen and (max-height: 550px) {
nav {
display: block;
overflow: auto;
padding-top: 4rem;
padding-bottom: 4rem;
}
}
@media screen and (min-width: 768px) {
nav {
padding: 0 6.7rem 0 6rem;
font-size: 4.2rem;
line-height: 4.5rem;
}
}
@media only screen and (min-width: 768px) and (max-height: 700px) {
nav {
font-size: 3.6rem;
line-height: 4rem;
}
}
@media screen and (min-width: 768px) {
nav {
width: auto;
min-width: 49.7rem;
}
}
nav .close {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: absolute;
top: 4rem;
right: 4rem;
height: 2.6rem;
width: 2.6rem;
cursor: pointer;
}
nav .close:before, nav .close:after {
content: "";
display: block;
position: absolute;
height: 1px;
width: 100%;
background: #131615;
transform: rotate(45deg);
}
nav .close:after {
transform: rotate(-45deg);
}
nav:not(.open) {
transform: translateX(100%);
pointer-events: none;
}
nav.open li a {
transition-delay: 0.5s;
transform: none;
}
nav ul {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
gap: 4rem;
}
@media screen and (min-width: 768px) {
nav ul {
gap: clamp(2rem, 5.5vh, 6.6rem);
}
}
@media only screen and (min-width: 768px) and (max-height: 750px) {
nav ul {
gap: 2.5rem;
}
}
nav ul li {
overflow: hidden;
}
nav ul li a {
transition: 0.2s transform linear;
transform: translate3d(0px, 150%, 0.01px) rotate(10deg);
animation-play-state: paused;
display: inline-block;
position: relative;
}
nav ul li a:before {
transition: all 0.5s ease-in-out;
content: "";
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #131615;
bottom: 0rem;
left: 0;
transform: scaleX(0);
transform-origin: left;
}
nav ul li a:hover:before {
transform: scaleX(1);
}
nav ul li.current-menu-item a:before {
transform: scaleX(1);
}
.single-projects .menu-item-204 a:before {
transform: scaleX(1);
}
footer {
position: relative;
padding: 5rem 0 2.8rem;
background: #131615;
color: #fff;
z-index: 9;
}
@media screen and (min-width: 1024px) {
footer {
padding: 8.5rem 0 5rem;
}
}
footer a {
transition: all 0.5s ease-in-out;
}
footer a:hover {
opacity: 0.4;
}
footer .top-row {
display: contents;
position: relative;
}
@media screen and (min-width: 768px) {
footer .top-row {
grid-column: span 2;
display: flex;
flex-wrap: wrap;
gap: 8rem;
}
}
@media screen and (min-width: 1024px) {
footer .top-row {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: flex-start;
grid-column: span 13;
gap: 8rem;
margin-bottom: 8rem;
}
}
@media screen and (min-width: 1440px) {
footer .top-row {
padding-right: 10rem;
}
}
footer .top-row .footer-logo {
background-image: url(//casanainteriors.co.uk/wp-content/themes/casana/library/images/footer-logo.svg);
background-size: contain;
background-repeat: no-repeat;
grid-column: 1;
width: 4.5rem;
height: 4.3rem;
margin-right: auto;
}
@media screen and (min-width: 1024px) {
footer .top-row .footer-logo {
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
margin: 0;
}
}
footer .top-row .footer-logo-2 {
background-image: url(//casanainteriors.co.uk/wp-content/themes/casana/library/images/Constructionline-22.03.2024.png);
background-size: contain;
background-repeat: no-repeat;
grid-column: 1;
width: 15rem;
height: 100%;
margin-right: auto;
}
@media screen and (min-width: 1024px) {
footer .top-row .footer-logo-2 {
position: absolute;
left: 0;
top: 0;
margin: 0;
}
}
footer .top-row .menu {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: flex-start;
gap: 2rem;
font-size: 1.6rem;
grid-column: 2;
margin-bottom: 5rem;
}
footer .top-row .menu:last-of-type {
margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
footer .top-row .menu {
grid-column: 8;
}
footer .top-row .menu:nth-of-type(2) {
grid-column: 10;
}
footer .top-row .menu:nth-of-type(3) {
grid-column: 12;
}
}
footer h3, footer .legal-page .intro-content h1, .legal-page .intro-content footer h1, .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, footer .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
grid-column: 1/3;
width: 100%;
line-height: 1;
border-bottom: 2px solid #fff;
padding-bottom: 2rem;
margin-bottom: 1rem;
margin-top: 6rem;
}
@media screen and (min-width: 1024px) {
footer h3, footer .legal-page .intro-content h1, .legal-page .intro-content footer h1, .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, footer .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
padding-bottom: 0;
margin-top: 0;
margin-bottom: 3rem;
grid-column: span 13;
}
}
footer .bottom-row {
position: relative;
grid-column: 1/3;
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
gap: 2rem;
font-size: 1.2rem;
}
@media screen and (min-width: 1024px) {
footer .bottom-row {
font-size: 1.6rem;
grid-column: span 12;
}
}
footer .bottom-row .copyright {
margin-right: auto;
}
footer .bottom-row .anchor {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: center;
transition: all 0.5s ease-in-out;
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
gap: 0.9rem;
}
@media screen and (max-width: 1023px) {
footer .bottom-row .anchor {
display: none;
}
} .admin-label {
position: absolute;
top: 0;
left: 0;
background: red;
color: #FFF;
padding: 1rem;
font-size: 1.2rem;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0.05rem;
z-index: 10;
}
@media screen and (max-width: 1023px) {
.admin-label {
display: none;
}
}
.project-card .image {
position: relative;
width: 100%;
height: auto;
aspect-ratio: 1;
margin-bottom: 4rem;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.project-card .image {
margin-bottom: 1rem;
}
}
.project-card .image img {
transition: 2s 0s ease-in-out;
height: 100%;
width: 100%;
}
.project-card .image .btn, .project-card .image .cc-btn.cc-dismiss {
position: absolute;
bottom: 2rem;
right: 2rem;
z-index: 2;
}
.project-card .project-description {
padding-right: 1.5rem;
}
.project-card .label-r {
display: block;
margin-bottom: 1.6rem;
}
@media screen and (max-width: 767px) {
.project-card .label-r {
margin-bottom: 1.4rem;
}
}
.project-card p {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
flex-wrap: wrap;
gap: 1rem;
}
@media screen and (max-width: 767px) {
.project-card p {
font-weight: 400;
font-size: 1.4rem;
gap: 0.5rem;
}
}
.project-card .btn, .project-card .cc-btn.cc-dismiss {
margin-top: 3rem;
opacity: 0;
}
.project-card:hover img {
transform: scale(1.4);
}
.project-card:hover a {
opacity: 1;
}
.pagination {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
gap: 0.8rem;
}
.pagination .swiper-pagination-bullet {
transition: all 0.5s ease-in-out;
background: #A5AAAA;
margin: 0 !important;
padding: 0;
width: 0.9rem;
height: 0.9rem;
border-radius: 50%;
}
.pagination .swiper-pagination-bullet-active {
background: #FFF;
width: 2.9rem;
border-radius: 1.1rem;
}
.pagination.black .swiper-pagination-bullet-active {
background: #131615;
}
.carousel-nav {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: center;
position: relative;
gap: 1rem;
}
.carousel-nav .swiper-button-prev, .carousel-nav .swiper-button-next {
position: static;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 6rem;
height: 6rem;
}
.carousel-nav .swiper-button-prev svg, .carousel-nav .swiper-button-next svg {
width: 2.7rem;
height: auto;
}
.carousel-nav .swiper-button-prev:after, .carousel-nav .swiper-button-next:after {
display: none;
}
.carousel-nav .swiper-button-prev path, .carousel-nav .swiper-button-next path {
transition: all 0.5s ease-in-out;
}
.carousel-nav .swiper-button-prev:hover path, .carousel-nav .swiper-button-next:hover path {
stroke: #A5AAAA;
}
.ajax-listings {
position: relative;
min-height: 40rem;
width: 100%;
}
.ajax-listings .grid-inner.loading {
animation: fadeOut 0.5s both;
}
.ajax-listings .grid-inner.loaded {
animation: fadeIn 0.5s 0.5s both;
}
@media screen and (max-width: 767px) {
.ajax-listings .noposts {
position: absolute;
top: 0;
left: 0;
text-align: center;
width: 100%;
}
}
.ajax-listings .load-more-container {
grid-column: span 2;
width: 100%;
margin-top: 1rem;
}
.ajax-listings .load-more-container.loading {
display: none;
}
.ajax-listings .load-more-container.done {
display: none;
}
.ajax-loader {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: 0.25s 0.5s all;
z-index: 5;
background: rgb(255, 255, 255);
}
.ajax-loader .inner-loader {
width: 5rem;
height: 5rem;
border-radius: 100%;
position: absolute;
top: 20rem;
left: 50%;
transform: translateX(-50%);
margin: 0 auto;
}
.ajax-loader .inner-loader:before, .ajax-loader .inner-loader:after {
content: "";
position: absolute;
top: -0.5rem;
left: -0.5rem;
width: 100%;
height: 100%;
border-radius: 100%;
border: 5px solid transparent;
border-top-color: #101820;
}
.ajax-loader .inner-loader:before {
z-index: 100;
animation: spin 1s infinite;
}
.ajax-loader .inner-loader:after {
border: 5px solid #F4F4F4;
}
.ajax-loader.show-loader {
visibility: visible;
opacity: 1;
pointer-events: auto;
transition-delay: 0s;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.gform_wrapper .gform_required_legend, .gform_wrapper .gform_submission_error, .gform_wrapper .gform_fileupload_rules {
display: none;
}
.gform_wrapper .gform_fields {
grid-gap: 2.4rem 3rem !important;
}
.gform_wrapper .gfield {
position: relative;
}
.gform_wrapper .gfield_error input, .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea {
border-color: red;
}
.gform_wrapper .gfield_label, .gform_wrapper .gform-field-label:not(.gfield_consent_label):not(.gform-field-label--type-inline) {
display: block;
margin-bottom: 0.8rem;
}
.gform_wrapper input, .gform_wrapper select, .gform_wrapper textarea {
-webkit-appearance: none;
font-family: "neue-haas-grotesk-display", sans-serif;
font-size: 1.6rem;
border-radius: 2.8rem;
border: 1px solid #101820;
height: 4.8rem;
width: 100%;
padding-left: 2.1rem;
}
.gform_wrapper input[type=checkbox] {
width: 2rem;
height: 2rem;
aspect-ratio: 1/1;
flex-shrink: 0;
border-radius: 0.3rem;
margin: 0;
padding: 0;
cursor: pointer;
border: 2px solid #A5AAAA;
}
.gform_wrapper input[type=checkbox]:checked {
background-image: url(//casanainteriors.co.uk/wp-content/themes/casana/library/images/tick.svg);
background-size: 1.3rem;
background-repeat: no-repeat;
background-repeat: no-repeat;
background-position: center;
}
.gform_wrapper textarea {
padding-top: 2.1rem;
height: 21rem !important;
}
.gform_wrapper :placeholder {
color: rgba(143, 141, 155, 0.5);
}
.gform_wrapper .gfield--type-consent {
margin-bottom: 1rem;
}
.gform_wrapper .gfield--type-consent .ginput_container {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: center;
gap: 1.2rem;
}
.gform_wrapper .gfield--type-consent label {
cursor: pointer;
font-size: 1.6rem;
line-height: 2rem;
}
.gform_wrapper .gfield_validation_message {
position: absolute;
bottom: -2rem;
color: red;
left: 0;
font-size: 1.2rem;
}
.gform_footer {
position: absolute;
top: -999999;
left: -99999;
pointer-events: none;
opacity: 0;
visibility: hidden;
}
.post-overview {
padding-bottom: 0;
}
.post-overview .top-line {
position: absolute;
top: 0;
}
.post-overview .subheading {
margin-bottom: 2rem;
}
.post-overview .filters {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
gap: 3rem;
text-transform: uppercase;
margin-bottom: 2rem;
grid-column: 1/3;
overflow: auto;
padding-bottom: 2rem;
margin-right: -2.4rem;
margin-left: -2.4rem;
padding-left: 2.4rem;
padding-right: 2.4rem;
}
@media screen and (min-width: 1024px) {
.post-overview .filters {
margin-right: 0;
padding-bottom: 0;
margin-bottom: 11rem;
grid-column: span 10;
}
}
.post-overview .filters .filter {
transition: all 0.5s ease-in-out;
cursor: pointer;
color: #A5AAAA;
flex-shrink: 0;
}
.post-overview .filters .filter.active, .post-overview .filters .filter:hover {
color: #131615;
}
.post-overview .ajax-listings {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.post-overview .ajax-listings {
grid-column: 3/13;
}
}
.post-overview .grid-inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 7rem 1.6rem;
}
@media screen and (min-width: 1024px) {
.post-overview .grid-inner {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8rem 4.5rem;
}
}
.post-overview .project-card:hover .btn, .post-overview .project-card:hover .cc-btn.cc-dismiss {
opacity: 1;
}
.post-overview .dividing-line {
margin-top: 10rem;
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.post-overview .dividing-line {
grid-column: 3/13;
}
}
.loader {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
position: absolute;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
z-index: 20;
pointer-events: none;
padding-bottom: 0rem;
}
@media screen and (min-width: 768px) {
.loader {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
padding-bottom: 11rem;
}
}
@media screen and (min-width: 1024px) {
.loader {
padding-bottom: 14rem;
}
}
.loader .loader-bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
content: "";
display: block;
position: absolute;
background: #FFF;
}
.loader .content {
grid-column: span 13;
}
@media screen and (max-width: 767px) {
.loader .content {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: stretch;
height: 50vh;
min-height: 37rem;
padding-bottom: 9rem;
}
}
.loader h1, .loader footer h3, .loader footer .legal-page .intro-content h1, .legal-page .intro-content .loader footer h1, .loader .legal-page .intro-content footer h3, .legal-page .intro-content .loader footer h3, .loader footer .legal-page .intro-content h3, .loader .legal-page .intro-content footer h1, .loader footer .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .loader footer h1, .loader .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .content .loader footer h3, .loader footer .single-post .inner-masthead .content h3, .loader .single-post .inner-masthead .content footer h1, footer .loader h3, footer .loader .legal-page .intro-content h1, .legal-page .intro-content footer .loader h1, .legal-page .intro-content footer .loader h3, footer .loader .legal-page .intro-content h3, footer .legal-page .intro-content .loader h3, footer .legal-page .intro-content .loader h1, footer .loader .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer .loader h1, .single-post .inner-masthead .content footer .loader h3, footer .loader .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .content .loader h3, footer .single-post .inner-masthead .content .loader h1 {
white-space: nowrap;
line-height: 1.1;
font-size: 4.7rem;
color: #000;
margin: 0;
width: 100%;
white-space: nowrap;
}
@media screen and (min-width: 1024px) {
.loader h1, .loader footer h3, .loader footer .legal-page .intro-content h1, .legal-page .intro-content .loader footer h1, .loader .legal-page .intro-content footer h3, .legal-page .intro-content .loader footer h3, .loader footer .legal-page .intro-content h3, .loader .legal-page .intro-content footer h1, .loader footer .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .loader footer h1, .loader .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .content .loader footer h3, .loader footer .single-post .inner-masthead .content h3, .loader .single-post .inner-masthead .content footer h1, footer .loader h3, footer .loader .legal-page .intro-content h1, .legal-page .intro-content footer .loader h1, .legal-page .intro-content footer .loader h3, footer .loader .legal-page .intro-content h3, footer .legal-page .intro-content .loader h3, footer .legal-page .intro-content .loader h1, footer .loader .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer .loader h1, .single-post .inner-masthead .content footer .loader h3, footer .loader .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .content .loader h3, footer .single-post .inner-masthead .content .loader h1 {
margin-left: -0.3rem;
}
}
.loader h1 .line, .loader footer h3 .line, .loader footer .single-post .inner-masthead .content h1 .line, .single-post .inner-masthead .content .loader footer h1 .line, .loader .single-post .inner-masthead .content footer h3 .line, .single-post .inner-masthead .content .loader footer h3 .line, .loader footer .single-post .inner-masthead .content h3 .line, .loader .single-post .inner-masthead .content footer h1 .line, footer .loader h3 .line, footer .loader .single-post .inner-masthead .content h1 .line, .single-post .inner-masthead .content footer .loader h1 .line, .single-post .inner-masthead .content footer .loader h3 .line, footer .loader .single-post .inner-masthead .content h3 .line, footer .single-post .inner-masthead .content .loader h3 .line, footer .single-post .inner-masthead .content .loader h1 .line {
overflow: hidden;
}
.loader h1 .line .char, .loader footer h3 .line .char, footer .loader h3 .line .char {
transform: translateY(100%);
}
@media screen and (min-width: 768px) {
.loader h1, .loader footer h3, .loader footer .legal-page .intro-content h1, .legal-page .intro-content .loader footer h1, .loader .legal-page .intro-content footer h3, .legal-page .intro-content .loader footer h3, .loader footer .legal-page .intro-content h3, .loader .legal-page .intro-content footer h1, .loader footer .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .loader footer h1, .loader .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .content .loader footer h3, .loader footer .single-post .inner-masthead .content h3, .loader .single-post .inner-masthead .content footer h1, footer .loader h3, footer .loader .legal-page .intro-content h1, .legal-page .intro-content footer .loader h1, .legal-page .intro-content footer .loader h3, footer .loader .legal-page .intro-content h3, footer .legal-page .intro-content .loader h3, footer .legal-page .intro-content .loader h1, footer .loader .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer .loader h1, .single-post .inner-masthead .content footer .loader h3, footer .loader .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .content .loader h3, footer .single-post .inner-masthead .content .loader h1 {
font-size: 10rem;
}
}
@media screen and (min-width: 1024px) {
.loader h1, .loader footer h3, .loader footer .legal-page .intro-content h1, .legal-page .intro-content .loader footer h1, .loader .legal-page .intro-content footer h3, .legal-page .intro-content .loader footer h3, .loader footer .legal-page .intro-content h3, .loader .legal-page .intro-content footer h1, .loader footer .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .loader footer h1, .loader .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .content .loader footer h3, .loader footer .single-post .inner-masthead .content h3, .loader .single-post .inner-masthead .content footer h1, footer .loader h3, footer .loader .legal-page .intro-content h1, .legal-page .intro-content footer .loader h1, .legal-page .intro-content footer .loader h3, footer .loader .legal-page .intro-content h3, footer .legal-page .intro-content .loader h3, footer .legal-page .intro-content .loader h1, footer .loader .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer .loader h1, .single-post .inner-masthead .content footer .loader h3, footer .loader .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .content .loader h3, footer .single-post .inner-masthead .content .loader h1 {
font-size: 14rem;
}
}
@media screen and (min-width: 1440px) {
.loader h1, .loader footer h3, .loader footer .legal-page .intro-content h1, .legal-page .intro-content .loader footer h1, .loader .legal-page .intro-content footer h3, .legal-page .intro-content .loader footer h3, .loader footer .legal-page .intro-content h3, .loader .legal-page .intro-content footer h1, .loader footer .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .loader footer h1, .loader .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .content .loader footer h3, .loader footer .single-post .inner-masthead .content h3, .loader .single-post .inner-masthead .content footer h1, footer .loader h3, footer .loader .legal-page .intro-content h1, .legal-page .intro-content footer .loader h1, .legal-page .intro-content footer .loader h3, footer .loader .legal-page .intro-content h3, footer .legal-page .intro-content .loader h3, footer .legal-page .intro-content .loader h1, footer .loader .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer .loader h1, .single-post .inner-masthead .content footer .loader h3, footer .loader .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .content .loader h3, footer .single-post .inner-masthead .content .loader h1 {
font-size: 18.7rem;
}
}
.sticky-cta {
position: fixed;
bottom: 2.4rem;
right: 2.4rem;
z-index: 8;
opacity: 0;
pointer-events: none;
background: rgba(255, 255, 255, 0.4);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
.sticky-cta.scrolled {
pointer-events: auto;
opacity: 1;
}
@media screen and (min-width: 1440px) {
.sticky-cta {
bottom: 5rem;
right: 5rem;
}
} .call-to-action .inner-content {
grid-column: 1/3;
}
@media screen and (min-width: 768px) {
.call-to-action .inner-content {
grid-column: 3/12;
}
}
@media screen and (max-width: 1023px) {
.contact-form .subheading {
margin-bottom: 2rem;
}
}
.contact-form .content {
grid-column: 1/3;
margin-bottom: 4rem;
}
@media screen and (min-width: 1024px) {
.contact-form .content {
margin-bottom: 0;
grid-column: 3/8;
padding-right: 4rem;
}
}
.contact-form .content h3, .contact-form .content .legal-page .intro-content h1, .legal-page .intro-content .contact-form .content h1, .contact-form .single-post .inner-masthead .content h1, .single-post .inner-masthead .contact-form .content h1, .contact-form .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .contact-form .content footer h3, .contact-form footer .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .contact-form .content h3 {
margin-bottom: 3rem;
}
.contact-form .form-container {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.contact-form .form-container {
grid-column: 8/13;
}
}
.content-block {
overflow: hidden;
}
.content-block .inner-content {
grid-column: 1/3;
margin-bottom: 2.5rem;
}
.content-block .inner-content p {
margin-bottom: 2.2rem;
}
@media screen and (min-width: 1024px) {
.content-block .inner-content {
margin-bottom: 0;
grid-column: 3/13;
}
}
.content-block .inner-content:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.content-block .top-level-btn {
grid-column: 11/13;
align-self: flex-start;
margin-left: auto;
}
}
.content-block .dividing-line {
margin-top: 4rem;
margin-bottom: 4rem;
}
@media screen and (min-width: 1024px) {
.content-block .dividing-line {
margin-top: 8rem;
margin-bottom: 8rem;
}
}
.content-block .dividing-line:last-child {
margin-bottom: 0;
}
.content-block .col {
display: contents;
}
@media screen and (min-width: 1024px) {
.content-block.two-cols .col {
width: 50%;
display: block;
}
.content-block.two-cols .inner-content {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
gap: 6.5rem;
}
.content-block:not(.two-cols) p {
max-width: 66rem;
}
}
.content-block .feature-rows {
margin-top: 6rem;
}
@media screen and (min-width: 1024px) {
.content-block .feature-rows {
margin-top: 9rem;
}
}
.content-block .feature-rows .feature {
color: #A5AAAA;
padding: 2rem 0;
width: 100%;
border-bottom: 1px solid #A5AAAA;
}
.content-block .feature-rows .feature:first-of-type {
border-top: 1px solid #A5AAAA;
}
.content-block .btn:not(.top-level-btn), .content-block .cc-btn.cc-dismiss:not(.top-level-btn) {
margin-top: 2.2rem;
}
.content-block.black-background {
background: #131615;
color: #FFF;
}
.content-block.black-background .dividing-line {
background: #FFF;
}
.content-block.extra-large-padding-top {
padding-top: 18rem;
}
@media screen and (min-width: 1024px) {
.content-block.extra-large-padding-top {
padding-top: 52rem;
}
}
.content-block.image-count-2 .image-container {
width: 100%;
grid-column: 1/3;
aspect-ratio: 1/0.9;
}
.content-block.image-count-2 .image-container img {
width: 100%;
height: 100%;
}
.content-block.image-count-2 .image-container.image-1 {
aspect-ratio: 1/0.7;
}
@media screen and (min-width: 768px) {
.content-block.image-count-2 .image-container {
grid-column: 1;
aspect-ratio: auto;
height: 39rem;
}
.content-block.image-count-2 .image-container.image-1 {
grid-column: 2;
}
}
@media screen and (min-width: 1024px) {
.content-block.image-count-2 .image-container {
margin-top: 8rem;
}
.content-block.image-count-2 .image-container.image-0 {
grid-column: 3/7;
}
.content-block.image-count-2 .image-container.image-1 {
grid-column: span 6;
}
}
.content-block.image-count-3 .image-container {
width: 100%;
grid-column: 1/3;
aspect-ratio: 1/0.9;
}
.content-block.image-count-3 .image-container img {
width: 100%;
height: 100%;
}
.content-block.image-count-3 .image-container.image-1 {
aspect-ratio: 1/1;
}
.content-block.image-count-3 .image-container.image-2 {
aspect-ratio: 1/1.2;
}
@media screen and (min-width: 768px) {
.content-block.image-count-3 .image-container {
height: 50rem;
}
.content-block.image-count-3 .image-container.image-0 {
margin-top: 12rem;
height: 60rem;
}
.content-block.image-count-3 .image-container.image-1 {
height: auto;
aspect-ratio: 1/0.8;
grid-column: 1;
}
.content-block.image-count-3 .image-container.image-2 {
height: auto;
aspect-ratio: 1/0.8;
grid-column: 2;
}
}
@media screen and (min-width: 1024px) {
.content-block.image-count-3 .image-container {
grid-column: span 6;
height: 50rem;
aspect-ratio: auto !important;
}
.content-block.image-count-3 .image-container.image-0 {
margin-top: 12rem;
grid-column: 3/13;
height: 74rem;
}
.content-block.image-count-3 .image-container.image-1 {
grid-column: 3/10;
}
.content-block.image-count-3 .image-container.image-2 {
grid-column: 10/13;
}
}
@media screen and (min-width: 1024px) {
.content-block.custom-content-width .inner-content {
grid-column: 3/var(--column_span);
}
}
.content-block.reduce-content-width p {
max-width: 49rem;
}
@media screen and (max-width: 1023px) {
.content-block.desktop-button-only .btn, .content-block.desktop-button-only .cc-btn.cc-dismiss {
display: none;
}
}
@media screen and (min-width: 1024px) {
.content-block.mobile-button-only .btn, .content-block.mobile-button-only .cc-btn.cc-dismiss {
display: none;
}
}
.pin-container {
position: relative;
overflow: hidden;
padding-bottom: 10rem;
}
.content-and-image-columns {
padding: 0;
position: relative;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.content-and-image-columns .wrap {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 2rem;
}
}
.content-and-image-columns .content-col {
grid-column: 1/3;
}
@media screen and (min-width: 768px) {
.content-and-image-columns .content-col {
grid-column: span 5;
}
}
@media screen and (min-width: 1024px) {
.content-and-image-columns .content-col {
grid-column: span 7;
}
}
.content-and-image-columns .content-row {
margin-bottom: 7rem;
}
.content-and-image-columns .content-row:last-of-type {
margin-bottom: 0;
}
.content-and-image-columns .content-row img {
width: 100vw;
margin-left: -2.4rem;
margin-top: 7rem;
height: auto;
aspect-ratio: 1/0.8;
}
@media screen and (min-width: 768px) {
.content-and-image-columns .content-row {
height: 100vh;
display: flex;
align-items: center;
margin: 0;
}
.content-and-image-columns .content-row .content {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 2rem;
}
.content-and-image-columns .content-row img {
display: none;
}
}
.content-and-image-columns .subheading {
grid-column: span 4;
margin-top: 1rem;
margin-bottom: 2rem;
}
@media screen and (min-width: 1024px) {
.content-and-image-columns .subheading {
grid-column: 1/3;
}
}
.content-and-image-columns .inner {
grid-column: span 6;
}
@media screen and (min-width: 1024px) {
.content-and-image-columns .inner {
grid-column: span 5;
}
}
.content-and-image-columns .image-col {
display: flex;
flex-direction: column-reverse;
justify-content: stretch;
align-items: stretch;
position: relative;
grid-column: 6/13;
height: 100vh;
}
@media screen and (max-width: 767px) {
.content-and-image-columns .image-col {
display: none;
}
}
@media screen and (min-width: 1024px) {
.content-and-image-columns .image-col {
grid-column: 8/13;
}
}
@media screen and (min-width: 1280px) {
.content-and-image-columns .image-col {
margin-right: 0;
right: -5rem;
}
}
@media screen and (min-width: 1440px) {
.content-and-image-columns .image-col {
margin-right: calc((100vw - 1340px) / 2 * -1);
}
}
.content-and-image-columns .image-col .image-container {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
transform: translateY(100%);
}
.content-and-image-columns .image-col .image-container:first-of-type {
transform: none;
}
.content-and-image-columns .image-col img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.content-and-image-columns .content {
grid-column: 3/8;
}
.content-and-image-columns .content p {
max-width: 43rem;
}
.featured-projects {
background: #131615;
color: #FFF;
}
.featured-projects .intro-container {
align-items: flex-start;
margin-bottom: 10rem;
}
@media screen and (max-width: 1023px) {
.featured-projects .intro-container {
margin-bottom: 4rem;
}
.featured-projects .intro-container .btn, .featured-projects .intro-container .cc-btn.cc-dismiss {
display: none;
}
}
.featured-projects .intro-content {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.featured-projects .intro-content {
grid-column: 3/10;
}
}
@media screen and (min-width: 1280px) {
.featured-projects .intro-content {
grid-column: 3/9;
}
}
.featured-projects .btn, .featured-projects .cc-btn.cc-dismiss {
grid-column: 1/3;
margin-right: auto;
}
.featured-projects .btn.lower-btn, .featured-projects .lower-btn.cc-btn.cc-dismiss {
display: none;
}
@media screen and (max-width: 1023px) {
.featured-projects .btn.lower-btn, .featured-projects .lower-btn.cc-btn.cc-dismiss {
display: inline-flex;
}
}
@media screen and (min-width: 1024px) {
.featured-projects .btn, .featured-projects .cc-btn.cc-dismiss {
margin-left: auto;
margin-bottom: auto;
margin-right: 0;
grid-column: 11/13;
}
}
.featured-projects .swiper-container {
margin-top: 10rem;
margin-right: -2.4rem;
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.featured-projects .swiper-container {
grid-column: 3/13;
}
}
@media screen and (min-width: 1440px) {
.featured-projects .swiper-container {
margin-right: calc((100vw - 1340px) / 2 * -1);
}
}
.featured-projects .swiper {
width: 100%;
padding-right: 3rem;
}
.featured-projects .swiper:hover {
cursor: url(//casanainteriors.co.uk/wp-content/themes/casana/library/images/white-project-drag-cursor.png) 35 35, auto;
}
.featured-projects .pagination {
display: none;
margin-top: 2rem;
grid-column: span 3;
}
@media screen and (min-width: 1024px) {
.featured-projects .pagination {
display: flex;
grid-column: 3/5;
}
}
.full-width-media {
padding: 5rem 0;
}
@media screen and (max-width: 1023px) {
.full-width-media {
padding: 0 !important;
}
}
.full-width-media .image-container {
position: relative;
}
.full-width-media img {
margin-left: auto;
margin-right: auto;
width: calc(100% - 10rem);
height: auto;
aspect-ratio: 1/0.5;
}
@media screen and (max-width: 1023px) {
.full-width-media img {
margin-left: -2.4rem;
width: 100vw;
aspect-ratio: 1;
margin: 0;
}
}
@media screen and (min-width: 1024px) {
.full-width-media.no-image-bleed img {
width: 100%;
height: clamp(60rem, 100vh, 90rem);
aspect-ratio: auto;
}
}
.full-width-media.overlaid-content {
position: relative;
}
.full-width-media.overlaid-content .image-container:after {
content: "";
display: block;
position: absolute;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.25);
z-index: 2;
}
.full-width-media.overlaid-content .wrap {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 3;
padding-bottom: 5rem;
padding-top: 5rem;
}
.full-width-media.overlaid-content .wrap .inner-content {
grid-column: span 2;
color: #FFF;
width: 100%;
}
@media screen and (max-width: 1023px) {
.full-width-media.overlaid-content .wrap .inner-content {
position: absolute;
bottom: 2.4rem;
left: 2.4rem;
font-size: 1.6rem;
max-width: 22rem;
}
}
@media screen and (min-width: 1024px) {
.full-width-media.overlaid-content.bottom-left .inner-content {
margin-top: auto;
}
.full-width-media.overlaid-content.top-right .inner-content {
grid-column: 11/13;
}
.full-width-media.overlaid-content.bottom-right .inner-content {
grid-column: 11/13;
margin-top: auto;
}
}
.gallery {
position: relative;
}
@media screen and (max-width: 1023px) {
.gallery {
padding-top: 2.4rem !important;
}
}
.gallery .image-container {
grid-column: span 3;
height: auto;
}
.gallery .image-container, .gallery img {
width: 100%;
height: 100%;
}
.gallery.image-count-3 .image-container {
grid-column: span 3;
}
@media screen and (min-width: 1024px) {
.gallery.image-count-3 .image-container {
grid-column: span 4;
}
.gallery.image-count-3 .image-container:first-of-type {
height: 70rem;
grid-column: span 8;
grid-row: span 12;
}
.gallery.image-count-3 .image-container:nth-of-type(2) {
grid-row: span 1;
aspect-ratio: 1/0.6;
}
.gallery.image-count-3 .image-container:nth-of-type(3) {
grid-row: span 11;
}
}
.gallery.image-count-4 .image-container:first-of-type {
aspect-ratio: 1/0.6;
}
.gallery.image-count-4 .image-container:nth-of-type(2) {
aspect-ratio: 1/1.2;
}
.gallery.image-count-4 .image-container:nth-of-type(3) {
aspect-ratio: 1/0.75;
}
.gallery.image-count-4 .image-container:nth-of-type(4) {
aspect-ratio: 1/0.9;
}
@media screen and (min-width: 1024px) {
.gallery.image-count-4 .image-container {
grid-column: span 6;
}
.gallery.image-count-4 .image-container:first-of-type {
grid-column: span 13;
grid-row: span 2;
aspect-ratio: 1/0.6;
}
.gallery.image-count-4 .image-container:nth-of-type(2) {
grid-row: 3/5;
grid-column: span 7;
aspect-ratio: 1/0.8;
}
.gallery.image-count-4 .image-container:nth-of-type(3) {
grid-row: 3;
aspect-ratio: 1/0.75;
}
.gallery.image-count-4 .image-container:nth-of-type(4) {
grid-row: 4;
aspect-ratio: 1/0.9;
}
}
.gallery .lower-wrap {
margin-top: 2rem;
}
@media screen and (min-width: 1024px) {
.gallery .lower-wrap {
margin-top: 5rem;
}
}
.gallery .lower-wrap .container {
position: relative;
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.gallery .lower-wrap .container {
grid-column: span 8;
}
}
.gallery .dividing-line {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.gallery .dividing-line {
grid-column: span 8;
}
}
@media screen and (max-width: 1023px) {
.gallery-carousel .subheading {
margin-bottom: 2rem;
}
}
.gallery-carousel .swiper-container {
grid-column: 1/3;
margin-right: -2.4rem;
}
@media screen and (min-width: 1024px) {
.gallery-carousel .swiper-container {
grid-column: span 10;
}
}
@media screen and (min-width: 1440px) {
.gallery-carousel .swiper-container {
margin-right: calc((100vw - 1340px) / 2 * -1);
}
}
.gallery-carousel .swiper-container .swiper {
width: 100%;
padding-right: 2.4rem;
}
.gallery-carousel .swiper-container .swiper:hover {
cursor: url(//casanainteriors.co.uk/wp-content/themes/casana/library/images/black-carousel-drag-cursor.png) 35 35, auto;
}
.gallery-carousel .swiper-container .swiper-slide {
width: 100%;
aspect-ratio: 1/0.8;
transition: 1.4s 0s ease-in-out;
overflow: hidden;
}
@media screen and (min-width: 1024px) {
.gallery-carousel .swiper-container .swiper-slide {
aspect-ratio: 1/0.7;
}
}
.gallery-carousel .swiper-container .swiper-slide.swiper-slide-active, .gallery-carousel .swiper-container .swiper-slide.swiper-slide-visible {
opacity: 1;
transform: translate(0) scale(1);
}
.gallery-carousel .swiper-container .swiper-slide.swiper-slide-active img, .gallery-carousel .swiper-container .swiper-slide.swiper-slide-visible img {
transform: none;
}
.gallery-carousel .swiper-container img {
transition: 1.4s 0s ease-in-out;
width: 100%;
height: 100%;
}
.gallery-carousel .pagination {
margin-top: 4.4rem;
grid-column: 3/13;
}
@media screen and (max-width: 1023px) {
.gallery-carousel .pagination {
display: none;
}
}
.homepage-masthead {
position: relative;
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: flex-end;
background: white;
color: #FFF;
padding-bottom: 4rem;
overflow: hidden;
height: 50vh;
min-height: 37rem;
aspect-ratio: 1;
width: 100%;
}
@media screen and (min-width: 768px) {
.homepage-masthead {
aspect-ratio: auto;
height: 100vh;
min-height: 60rem;
}
}
.homepage-masthead:before {
content: "";
display: block;
position: absolute;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.15);
z-index: 2;
}
.homepage-masthead video {
z-index: 1;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.homepage-masthead .wrap {
position: relative;
z-index: 3;
z-index: 2;
align-items: flex-end;
}
.homepage-masthead .content {
width: 100%;
grid-column: span 2;
}
@media screen and (min-width: 1024px) {
.homepage-masthead .content {
grid-column: span 13;
}
}
.homepage-masthead .content p {
font-size: 1.6rem;
}
.homepage-masthead .content p .line {
overflow: hidden;
}
.homepage-masthead .content p .word {
will-change: transform;
transform: translate3d(0px, 20vw, 0.01px) rotate(10deg);
animation: translateUp 0.3s forwards ease-in-out;
}
.homepage-masthead .content p .word:nth-of-type(1) {
animation-delay: 4s;
}
.homepage-masthead .content p .word:nth-of-type(2) {
animation-delay: 4.1s;
}
.homepage-masthead .content p .word:nth-of-type(3) {
animation-delay: 4.2s;
}
.homepage-masthead .content p .word:nth-of-type(4) {
animation-delay: 4.3s;
}
.homepage-masthead .content p .word:nth-of-type(5) {
animation-delay: 4.4s;
}
.homepage-masthead .content p .word:nth-of-type(6) {
animation-delay: 4.5s;
}
.homepage-masthead .content p .word:nth-of-type(7) {
animation-delay: 4.6s;
}
.homepage-masthead .content p .word:nth-of-type(8) {
animation-delay: 4.7s;
}
.homepage-masthead .content p .word:nth-of-type(9) {
animation-delay: 4.8s;
}
.homepage-masthead .content p .word:nth-of-type(10) {
animation-delay: 4.9s;
}
.homepage-masthead .content p .word:nth-of-type(11) {
animation-delay: 5s;
}
.homepage-masthead .content p .word:nth-of-type(12) {
animation-delay: 5.1s;
}
.homepage-masthead .content p .word:nth-of-type(13) {
animation-delay: 5.2s;
}
.homepage-masthead .content p .word:nth-of-type(14) {
animation-delay: 5.3s;
}
.homepage-masthead .content p .word:nth-of-type(15) {
animation-delay: 5.4s;
}
.homepage-masthead .content p .word:nth-of-type(16) {
animation-delay: 5.5s;
}
.homepage-masthead .content p .word:nth-of-type(17) {
animation-delay: 5.6s;
}
.homepage-masthead .content p .word:nth-of-type(18) {
animation-delay: 5.7s;
}
.homepage-masthead .content p .word:nth-of-type(19) {
animation-delay: 5.8s;
}
.homepage-masthead .content p .word:nth-of-type(20) {
animation-delay: 5.9s;
}
.homepage-masthead .content p .word:nth-of-type(21) {
animation-delay: 6s;
}
.homepage-masthead .content p .word:nth-of-type(22) {
animation-delay: 6.1s;
}
.homepage-masthead .content p .word:nth-of-type(23) {
animation-delay: 6.2s;
}
.homepage-masthead .content p .word:nth-of-type(24) {
animation-delay: 6.3s;
}
.homepage-masthead .content p .word:nth-of-type(25) {
animation-delay: 6.4s;
}
.homepage-masthead .content p .word:nth-of-type(26) {
animation-delay: 6.5s;
}
.homepage-masthead .content p .word:nth-of-type(27) {
animation-delay: 6.6s;
}
.homepage-masthead .content p .word:nth-of-type(28) {
animation-delay: 6.7s;
}
.homepage-masthead .content p .word:nth-of-type(29) {
animation-delay: 6.8s;
}
.homepage-masthead .content p .word:nth-of-type(30) {
animation-delay: 6.9s;
}
.homepage-masthead .content p .word:nth-of-type(31) {
animation-delay: 7s;
}
.homepage-masthead .content p .word:nth-of-type(32) {
animation-delay: 7.1s;
}
.homepage-masthead .content p .word:nth-of-type(33) {
animation-delay: 7.2s;
}
.homepage-masthead .content p .word:nth-of-type(34) {
animation-delay: 7.3s;
}
.homepage-masthead .content p .word:nth-of-type(35) {
animation-delay: 7.4s;
}
.homepage-masthead .content p .word:nth-of-type(36) {
animation-delay: 7.5s;
}
.homepage-masthead .content p .word:nth-of-type(37) {
animation-delay: 7.6s;
}
.homepage-masthead .content p .word:nth-of-type(38) {
animation-delay: 7.7s;
}
.homepage-masthead .content p .word:nth-of-type(39) {
animation-delay: 7.8s;
}
.homepage-masthead .content p .word:nth-of-type(40) {
animation-delay: 7.9s;
}
.homepage-masthead .content p .word:nth-of-type(41) {
animation-delay: 8s;
}
.homepage-masthead .content p .word:nth-of-type(42) {
animation-delay: 8.1s;
}
.homepage-masthead .content p .word:nth-of-type(43) {
animation-delay: 8.2s;
}
.homepage-masthead .content p .word:nth-of-type(44) {
animation-delay: 8.3s;
}
.homepage-masthead .content p .word:nth-of-type(45) {
animation-delay: 8.4s;
}
.homepage-masthead .content p .word:nth-of-type(46) {
animation-delay: 8.5s;
}
.homepage-masthead .content p .word:nth-of-type(47) {
animation-delay: 8.6s;
}
.homepage-masthead .content p .word:nth-of-type(48) {
animation-delay: 8.7s;
}
.homepage-masthead .content p .word:nth-of-type(49) {
animation-delay: 8.8s;
}
.homepage-masthead .content p .word:nth-of-type(50) {
animation-delay: 8.9s;
}
@media screen and (min-width: 768px) {
.homepage-masthead .content p {
font-size: 3rem;
}
}
.homepage-masthead .dividing-line {
animation: scaleX 1s 3.5s forwards ease-in-out;
grid-column: span 2;
transform: scaleX(0);
}
@media screen and (min-width: 1024px) {
.homepage-masthead .dividing-line {
margin-bottom: 2.4rem;
grid-column: span 13;
}
}
.inner-masthead {
position: relative;
padding: 0;
}
@media screen and (min-width: 1024px) {
.inner-masthead {
height: clamp(60rem, 100vh - 5rem, 90rem);
}
}
.inner-masthead .main-wrap {
height: 100%;
}
.inner-masthead .lower {
padding-bottom: 20px;
}
.inner-masthead .dividing-line {
grid-column: 1/3;
transform: scaleX(0);
animation: scaleX 1s 1s forwards ease-in-out;
}
@media screen and (min-width: 1024px) {
.inner-masthead .dividing-line {
grid-column: span 13;
}
}
.inner-masthead .content {
grid-column: 1/3;
margin-top: auto;
width: calc(100% - 2.4rem);
padding-bottom: 3rem;
padding-top: 21rem;
}
@media screen and (min-width: 1024px) {
.inner-masthead .content {
width: auto;
grid-column: span 7;
padding-right: 7rem;
padding-bottom: 7rem;
}
}
.inner-masthead .content .btn, .inner-masthead .content .cc-btn.cc-dismiss {
margin-top: 4.5rem;
}
.inner-masthead h1, .inner-masthead footer h3, .inner-masthead footer .legal-page .intro-content h1, .legal-page .intro-content .inner-masthead footer h1, .inner-masthead .legal-page .intro-content footer h3, .legal-page .intro-content .inner-masthead footer h3, .inner-masthead footer .legal-page .intro-content h3, .inner-masthead .legal-page .intro-content footer h1, .single-post .inner-masthead footer .content h1, .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer h3, footer .inner-masthead h3, footer .inner-masthead .legal-page .intro-content h1, .legal-page .intro-content footer .inner-masthead h1, .legal-page .intro-content footer .inner-masthead h3, footer .inner-masthead .legal-page .intro-content h3, footer .legal-page .intro-content .inner-masthead h3, footer .legal-page .intro-content .inner-masthead h1, footer .single-post .inner-masthead .content h1, .single-post footer .inner-masthead .content h1, footer .single-post .inner-masthead .content h3 {
margin-bottom: 1.5rem;
width: 100%;
}
@media screen and (max-width: 1023px) {
.inner-masthead h3, .inner-masthead .legal-page .intro-content h1, .legal-page .intro-content .inner-masthead h1, .inner-masthead .legal-page .intro-content footer h3, .legal-page .intro-content footer .inner-masthead h3, .inner-masthead footer .legal-page .intro-content h3, footer .legal-page .intro-content .inner-masthead h3, .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
font-size: 3.5rem;
}
}
.inner-masthead .image-container {
grid-column: 1/3;
position: relative;
margin-left: -2.4rem;
width: 100vw;
height: auto;
aspect-ratio: 1/0.9;
}
@media screen and (min-width: 1024px) {
.inner-masthead .image-container {
aspect-ratio: auto;
height: 100%;
grid-column: 8/13;
width: auto;
margin: 0 -2.4rem 0 0;
}
}
@media screen and (min-width: 1440px) {
.inner-masthead .image-container {
margin-right: calc((100vw - 1340px) / 2 * -1);
}
}
.inner-masthead img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
@media screen and (min-width: 1024px) {
.inner-masthead.restrict-width p {
max-width: 48rem;
}
}
@media screen and (min-width: 1024px) {
.inner-masthead.large-image .content {
grid-column: span 5;
}
.inner-masthead.large-image .image-container {
grid-column: 6/13;
}
}
@media screen and (max-width: 1023px) {
.inner-masthead:not(.show-image-first-on-mobile) .dividing-line {
display: none;
}
.inner-masthead.show-image-first-on-mobile {
padding-bottom: 4rem;
}
.inner-masthead.show-image-first-on-mobile .content {
grid-row: 2;
padding-top: 4rem;
}
.inner-masthead.show-image-first-on-mobile .image-container {
grid-row: 1;
}
}
.single-projects .inner-masthead, .single-post .inner-masthead {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
height: 60rem;
}
@media screen and (max-width: 1023px) {
.single-projects .inner-masthead, .single-post .inner-masthead {
height: auto;
min-height: 41rem;
padding-bottom: 3rem;
padding-top: 8rem;
}
.single-projects .inner-masthead .content, .single-post .inner-masthead .content {
padding-top: 0;
}
}
.single-projects .inner-masthead .main-wrap, .single-post .inner-masthead .main-wrap {
margin-top: auto;
height: auto;
}
.single-projects .inner-masthead .content, .single-post .inner-masthead .content {
position: relative;
grid-column: 1/3;
padding-right: 0;
overflow: visible;
}
@media screen and (min-width: 1024px) {
.single-projects .inner-masthead .content, .single-post .inner-masthead .content {
grid-column: span 4;
}
.single-projects .inner-masthead .content h1, .single-projects .inner-masthead .content footer h3, footer .single-projects .inner-masthead .content h3, .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
min-width: 90rem;
}
}
@media screen and (min-width: 1024px) and (min-width: 1600px) {
.single-projects .inner-masthead .content h1, .single-projects .inner-masthead .content footer h3, footer .single-projects .inner-masthead .content h3, .single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
min-width: 130rem;
}
}
.single-projects .inner-masthead .info-block, .single-post .inner-masthead .info-block {
margin-top: auto;
padding-bottom: 3rem;
}
@media screen and (min-width: 1024px) {
.single-projects .inner-masthead .info-block, .single-post .inner-masthead .info-block {
padding-bottom: 7rem;
}
}
.single-projects .inner-masthead .info-block p, .single-post .inner-masthead .info-block p {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
gap: 0.5rem;
}
@media screen and (max-width: 1023px) {
.single-projects .inner-masthead .info-block p, .single-post .inner-masthead .info-block p {
font-size: 1.4rem;
}
}
@media screen and (min-width: 1024px) {
.single-projects .inner-masthead .info-block p, .single-post .inner-masthead .info-block p {
gap: 1rem;
}
}
.single-projects .inner-masthead .info-block.sector, .single-post .inner-masthead .info-block.sector {
grid-column: 1;
}
@media screen and (min-width: 1024px) {
.single-projects .inner-masthead .info-block.sector, .single-post .inner-masthead .info-block.sector {
grid-column: 7/10;
}
}
.single-projects .inner-masthead .info-block.location, .single-post .inner-masthead .info-block.location {
grid-column: 2;
}
@media screen and (min-width: 1024px) {
.single-projects .inner-masthead .info-block.location, .single-post .inner-masthead .info-block.location {
grid-column: 10/13;
}
}
@media screen and (min-width: 1024px) {
.single-post .inner-masthead .content {
grid-column: span 5;
}
}
.single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
margin-bottom: 3rem;
width: 100%;
}
@media screen and (min-width: 1024px) {
.single-post .inner-masthead .content h1, .single-post .inner-masthead .content footer h3, footer .single-post .inner-masthead .content h3 {
margin-bottom: 4.5rem;
}
}
.single-post .inner-masthead .info-block p {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
gap: 0.5rem;
}
@media screen and (max-width: 1023px) {
.single-post .inner-masthead .info-block p {
font-size: 1.3rem;
}
}
@media screen and (min-width: 1024px) {
.single-post .inner-masthead .info-block p {
gap: 1rem;
}
}
@media screen and (min-width: 1024px) {
.single-post .inner-masthead .info-block.date {
grid-column: 7/10;
}
}
@media screen and (min-width: 1024px) {
.single-post .inner-masthead .info-block.cats {
grid-column: 10/13;
}
}
.single-post .inner-masthead .info-block.cats span:last-of-type {
display: none;
}
.error404 .inner-masthead {
margin-bottom: 7.4rem;
}
.latest-news {
overflow: hidden;
}
.latest-news .swiper {
width: calc(100% + 2.4rem);
grid-column: 1/3;
margin-bottom: 5rem;
margin-right: -2.4rem;
}
@media screen and (min-width: 768px) {
.latest-news .swiper {
width: 100%;
margin-right: 0;
}
}
@media screen and (min-width: 1024px) {
.latest-news .swiper {
grid-column: span 10;
}
}
.latest-news .swiper:hover {
cursor: url(//casanainteriors.co.uk/wp-content/themes/casana/library/images/black-carousel-drag-cursor.png) 35 35, auto;
}
.latest-news .pagination {
height: 5rem;
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.latest-news .pagination {
grid-column: 3/8;
}
}
.latest-news .carousel-nav {
display: none;
height: 5rem;
grid-column: 11/13;
margin-left: auto;
}
@media screen and (min-width: 1024px) {
.latest-news .carousel-nav {
display: flex;
}
}
.latest-news .dividing-line {
grid-column: 1/3;
margin-top: 12rem;
}
@media screen and (min-width: 1024px) {
.latest-news .dividing-line {
grid-column: 3/13;
}
}
.latest-news .dividing-line.top-line {
display: none;
}
@media screen and (min-width: 768px) {
.latest-news .news-post {
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: 2rem;
}
}
.latest-news .news-post .image-container {
width: 100%;
transition: 1.4s 1s ease-in-out;
}
@media screen and (max-width: 767px) {
.latest-news .news-post .image-container {
opacity: 1;
transform: none;
}
.latest-news .news-post .image-container img {
opacity: 1;
transform: none;
}
}
@media screen and (min-width: 768px) {
.latest-news .news-post .image-container {
height: 100%;
}
}
.latest-news .news-post .image-container img {
transition: 1.4s 1s ease-in-out;
width: 100%;
height: 100%;
}
.latest-news .news-post .image-container:first-of-type {
aspect-ratio: 1/0.9;
}
@media screen and (min-width: 768px) {
.latest-news .news-post .image-container:first-of-type {
grid-column: span 4;
aspect-ratio: 1/0.55;
}
}
.latest-news .news-post .image-container:nth-of-type(2) {
height: 59rem;
grid-row: span 2;
grid-column: span 3;
}
@media screen and (max-width: 767px) {
.latest-news .news-post .image-container:nth-of-type(2) {
display: none;
}
}
.latest-news .news-post .content {
padding-top: 1rem;
grid-column: span 4;
grid-row: 2;
max-width: 42rem;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
gap: 3rem;
width: 100%;
}
.latest-news .news-post .content p {
font-size: 1.6rem;
}
.latest-news .news-post h4, .latest-news .news-post p {
width: 100%;
opacity: 1;
}
.latest-news .news-post h4 .line, .latest-news .news-post p .line {
width: 100%;
overflow: hidden;
}
.latest-news .news-post h4 .word, .latest-news .news-post p .word {
transition: 0.2s transform linear;
will-change: transform;
transform: translate3d(0px, 120%, 0.01px) rotate(10deg);
}
@media screen and (max-width: 767px) {
.latest-news .news-post p {
transition: all 0.5s ease-in-out;
opacity: 0;
}
.latest-news .news-post p .line, .latest-news .news-post p .word {
display: contents !important;
transform: none !important;
}
}
.latest-news .news-post .btn, .latest-news .news-post .cc-btn.cc-dismiss {
opacity: 0;
will-change: transform;
transform: translate3d(0px, 20%, 0.01px);
}
.latest-news .news-post.swiper-slide-active .image-container {
opacity: 1;
transform: translate(0) scale(1);
}
.latest-news .news-post.swiper-slide-active .image-container img {
transform: none;
}
.latest-news .news-post.swiper-slide-active .image-container.image-one {
transition-delay: 1s;
}
.latest-news .news-post.swiper-slide-active .image-container.image-one img {
transition-delay: 1s;
}
.latest-news .news-post.swiper-slide-active .image-container.image-two {
transition-delay: 1.5s;
}
.latest-news .news-post.swiper-slide-active .image-container.image-two img {
transition-delay: 1.5s;
}
.latest-news .news-post.swiper-slide-active .btn, .latest-news .news-post.swiper-slide-active .cc-btn.cc-dismiss {
transition: 0.25s all ease-in-out;
transition-delay: 2s;
opacity: 1;
transform: none;
}
.latest-news .news-post.swiper-slide-active h4 .word {
transform: translate3d(0px, 0, 0) rotate(0);
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(1) .word {
transition-delay: 1s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(2) .word {
transition-delay: 1.1s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(3) .word {
transition-delay: 1.2s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(4) .word {
transition-delay: 1.3s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(5) .word {
transition-delay: 1.4s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(6) .word {
transition-delay: 1.5s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(7) .word {
transition-delay: 1.6s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(8) .word {
transition-delay: 1.7s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(9) .word {
transition-delay: 1.8s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(10) .word {
transition-delay: 1.9s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(11) .word {
transition-delay: 2s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(12) .word {
transition-delay: 2.1s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(13) .word {
transition-delay: 2.2s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(14) .word {
transition-delay: 2.3s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(15) .word {
transition-delay: 2.4s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(16) .word {
transition-delay: 2.5s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(17) .word {
transition-delay: 2.6s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(18) .word {
transition-delay: 2.7s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(19) .word {
transition-delay: 2.8s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(20) .word {
transition-delay: 2.9s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(21) .word {
transition-delay: 3s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(22) .word {
transition-delay: 3.1s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(23) .word {
transition-delay: 3.2s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(24) .word {
transition-delay: 3.3s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(25) .word {
transition-delay: 3.4s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(26) .word {
transition-delay: 3.5s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(27) .word {
transition-delay: 3.6s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(28) .word {
transition-delay: 3.7s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(29) .word {
transition-delay: 3.8s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(30) .word {
transition-delay: 3.9s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(31) .word {
transition-delay: 4s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(32) .word {
transition-delay: 4.1s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(33) .word {
transition-delay: 4.2s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(34) .word {
transition-delay: 4.3s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(35) .word {
transition-delay: 4.4s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(36) .word {
transition-delay: 4.5s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(37) .word {
transition-delay: 4.6s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(38) .word {
transition-delay: 4.7s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(39) .word {
transition-delay: 4.8s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(40) .word {
transition-delay: 4.9s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(41) .word {
transition-delay: 5s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(42) .word {
transition-delay: 5.1s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(43) .word {
transition-delay: 5.2s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(44) .word {
transition-delay: 5.3s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(45) .word {
transition-delay: 5.4s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(46) .word {
transition-delay: 5.5s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(47) .word {
transition-delay: 5.6s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(48) .word {
transition-delay: 5.7s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(49) .word {
transition-delay: 5.8s;
}
.latest-news .news-post.swiper-slide-active h4 .line:nth-of-type(50) .word {
transition-delay: 5.9s;
}
@media screen and (max-width: 767px) {
.latest-news .news-post.swiper-slide-active p {
opacity: 1;
transition-delay: 1.5s;
}
}
.latest-news .news-post.swiper-slide-active p .word {
transform: translate3d(0px, 0, 0) rotate(0);
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(1) .word {
transition-delay: 1.5s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(2) .word {
transition-delay: 1.6s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(3) .word {
transition-delay: 1.7s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(4) .word {
transition-delay: 1.8s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(5) .word {
transition-delay: 1.9s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(6) .word {
transition-delay: 2s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(7) .word {
transition-delay: 2.1s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(8) .word {
transition-delay: 2.2s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(9) .word {
transition-delay: 2.3s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(10) .word {
transition-delay: 2.4s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(11) .word {
transition-delay: 2.5s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(12) .word {
transition-delay: 2.6s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(13) .word {
transition-delay: 2.7s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(14) .word {
transition-delay: 2.8s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(15) .word {
transition-delay: 2.9s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(16) .word {
transition-delay: 3s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(17) .word {
transition-delay: 3.1s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(18) .word {
transition-delay: 3.2s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(19) .word {
transition-delay: 3.3s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(20) .word {
transition-delay: 3.4s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(21) .word {
transition-delay: 3.5s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(22) .word {
transition-delay: 3.6s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(23) .word {
transition-delay: 3.7s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(24) .word {
transition-delay: 3.8s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(25) .word {
transition-delay: 3.9s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(26) .word {
transition-delay: 4s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(27) .word {
transition-delay: 4.1s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(28) .word {
transition-delay: 4.2s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(29) .word {
transition-delay: 4.3s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(30) .word {
transition-delay: 4.4s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(31) .word {
transition-delay: 4.5s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(32) .word {
transition-delay: 4.6s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(33) .word {
transition-delay: 4.7s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(34) .word {
transition-delay: 4.8s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(35) .word {
transition-delay: 4.9s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(36) .word {
transition-delay: 5s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(37) .word {
transition-delay: 5.1s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(38) .word {
transition-delay: 5.2s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(39) .word {
transition-delay: 5.3s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(40) .word {
transition-delay: 5.4s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(41) .word {
transition-delay: 5.5s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(42) .word {
transition-delay: 5.6s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(43) .word {
transition-delay: 5.7s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(44) .word {
transition-delay: 5.8s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(45) .word {
transition-delay: 5.9s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(46) .word {
transition-delay: 6s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(47) .word {
transition-delay: 6.1s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(48) .word {
transition-delay: 6.2s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(49) .word {
transition-delay: 6.3s;
}
.latest-news .news-post.swiper-slide-active p .line:nth-of-type(50) .word {
transition-delay: 6.4s;
}
.legal-page {
padding-top: 10rem;
}
@media screen and (min-width: 1024px) {
.legal-page {
padding-top: 20rem;
}
}
.legal-page .intro-content {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.legal-page .intro-content {
grid-column: 4/10;
}
}
.legal-page .intro-content h1, .legal-page .intro-content footer h3, .legal-page .intro-content footer .single-post .inner-masthead .content h1, .legal-page .intro-content .single-post .inner-masthead .content footer h1, .legal-page .intro-content .single-post .inner-masthead .content footer h3, .legal-page .intro-content footer .single-post .inner-masthead .content h3, .single-post .inner-masthead .content .legal-page .intro-content footer h3, footer .legal-page .intro-content h3, footer .single-post .inner-masthead .content .legal-page .intro-content h1, .single-post .inner-masthead .content footer .legal-page .intro-content h1, .single-post .inner-masthead .content footer .legal-page .intro-content h3, footer .single-post .inner-masthead .content .legal-page .intro-content h3, footer .legal-page .intro-content .single-post .inner-masthead .content h3 {
margin-bottom: 4rem;
}
.legal-page .intro-content p {
font-size: 2.2rem;
}
@media screen and (min-width: 768px) {
.legal-page .intro-content p {
font-size: 2.5rem;
}
}
.legal-page .dividing-line {
grid-column: 1/3;
margin-top: 3rem;
margin-bottom: 3rem;
}
@media screen and (min-width: 1024px) {
.legal-page .dividing-line {
grid-column: 4/13;
margin-top: 5rem;
margin-bottom: 9rem;
}
}
.legal-page .main-content {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.legal-page .main-content {
grid-column: 4/10;
}
}
.legal-page .main-content h2, .legal-page .main-content .inner-masthead h1, .inner-masthead .legal-page .main-content h1, .legal-page .main-content h3, .legal-page .main-content .intro-content h1, .legal-page .intro-content .main-content h1, .legal-page .main-content h4, .legal-page .main-content h5 {
margin-bottom: 1.6rem;
}
.location {
overflow: hidden;
}
.location .content {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.location .content {
grid-column: 3/12;
}
}
.location .content h3, .location .single-post .inner-masthead .content h1, .single-post .inner-masthead .location .content h1, .location .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .location .content footer h3, .location footer .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .location .content h3, .location .content .legal-page .intro-content h1, .legal-page .intro-content .location .content h1 {
margin-bottom: 4.4rem;
}
.location .google-map {
position: relative;
grid-column: 1/3;
aspect-ratio: 1/1;
margin-top: 2rem;
margin-left: -2.4rem;
width: 100vw;
}
@media screen and (min-width: 768px) {
.location .google-map {
aspect-ratio: 1/0.6;
}
}
@media screen and (min-width: 1024px) {
.location .google-map {
grid-column: 3/13;
aspect-ratio: 1/0.4;
margin-left: 0;
width: auto;
}
}
@media screen and (min-width: 1280px) {
.location .google-map {
margin-right: calc((100vw - 1340px) / 2 * -1);
}
}
.location .dividing-line {
grid-column: 1/3;
margin-top: 3rem;
}
@media screen and (min-width: 1024px) {
.location .dividing-line {
grid-column: 3/13;
}
}
.news-overview {
padding-bottom: 0;
}
@media screen and (min-width: 1024px) {
.news-overview .ajax-listings {
grid-column: 3/13;
}
.news-overview .grid-inner {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8rem 2rem;
}
}
.news-overview .project-card .project-description {
padding-right: 1.5rem;
}
.news-overview .project-card:hover .btn, .news-overview .project-card:hover .cc-btn.cc-dismiss {
opacity: 1;
}
.project-content-rows {
color: #FFF;
background: #131615;
}
.project-content-rows .dividing-line {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.project-content-rows .dividing-line {
grid-column: span 13;
margin-top: 12rem;
}
}
.project-content-rows .intro-content {
grid-column: 1/3;
margin-bottom: 10rem;
}
@media screen and (min-width: 1024px) {
.project-content-rows .intro-content {
grid-column: 3/12;
margin-bottom: 0;
}
}
.project-content-rows .row {
padding: 5rem 0 0;
}
@media screen and (min-width: 1024px) {
.project-content-rows .row {
padding: 9rem 0 0;
}
}
.project-content-rows .row .dividing-line {
margin-top: 5rem;
}
@media screen and (min-width: 1024px) {
.project-content-rows .row .dividing-line {
margin-top: 9rem;
}
}
.project-content-rows .row .subheading {
grid-column: span 2;
}
.project-content-rows .row .row-content {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.project-content-rows .row .row-content {
grid-column: 3/11;
}
}
.single .related-articles {
padding-top: 0;
}
.single .related-articles .dividing-line:not(.top-line) {
display: none;
}
.single .related-articles .dividing-line.top-line {
margin: -12rem;
}
.related-projects .wrap {
position: relative;
}
.related-projects .swiper {
width: 100%;
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.related-projects .swiper {
grid-column: 3/13;
}
}
.related-projects .swiper:hover {
cursor: url(//casanainteriors.co.uk/wp-content/themes/casana/library/images/black-carousel-drag-cursor.png) 35 35, auto;
}
.related-projects .carousel-nav {
position: absolute;
grid-column: 1/3;
left: 50%;
transform: translateX(-50%);
bottom: -7rem;
z-index: 5;
}
@media screen and (min-width: 1024px) {
.related-projects .carousel-nav {
grid-column: 3/13;
bottom: -1.8rem;
left: -1.3rem;
transform: none;
}
}
.related-projects .related-project-card {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
width: 100%;
}
@media screen and (min-width: 1024px) {
.related-projects .related-project-card {
display: grid;
grid-template-columns: repeat(10, 1fr);
gap: 2rem;
}
}
.related-projects .related-project-card .project-description {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: flex-start;
grid-column: span 4;
padding-bottom: 8rem;
}
@media screen and (max-width: 1023px) {
.related-projects .related-project-card .project-description {
padding-bottom: 0;
order: 2;
}
}
.related-projects .related-project-card h3, .related-projects .related-project-card .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .related-projects .related-project-card h1, .related-projects .related-project-card .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .content footer .related-projects .related-project-card h3, .related-projects .related-project-card footer .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .content .related-projects .related-project-card h3, .related-projects .related-project-card .legal-page .intro-content h1, .legal-page .intro-content .related-projects .related-project-card h1 {
margin-bottom: 4rem;
}
@media screen and (min-width: 1024px) {
.related-projects .related-project-card h3, .related-projects .related-project-card .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .related-projects .related-project-card h1, .related-projects .related-project-card .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .content footer .related-projects .related-project-card h3, .related-projects .related-project-card footer .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .content .related-projects .related-project-card h3, .related-projects .related-project-card .legal-page .intro-content h1, .legal-page .intro-content .related-projects .related-project-card h1 {
margin-bottom: 7rem;
}
}
.related-projects .related-project-card p {
margin-bottom: 3rem;
}
.related-projects .related-project-card h3, .related-projects .related-project-card .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .related-projects .related-project-card h1, .related-projects .related-project-card .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .content footer .related-projects .related-project-card h3, .related-projects .related-project-card footer .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .content .related-projects .related-project-card h3, .related-projects .related-project-card .legal-page .intro-content h1, .legal-page .intro-content .related-projects .related-project-card h1, .related-projects .related-project-card p {
opacity: 1;
}
.related-projects .related-project-card h3 .line, .related-projects .related-project-card .single-post .inner-masthead .content h1 .line, .single-post .inner-masthead .content .related-projects .related-project-card h1 .line, .related-projects .related-project-card .legal-page .intro-content h1 .line, .legal-page .intro-content .related-projects .related-project-card h1 .line, .related-projects .related-project-card p .line {
overflow: hidden;
}
.related-projects .related-project-card h3 .word, .related-projects .related-project-card .single-post .inner-masthead .content h1 .word, .single-post .inner-masthead .content .related-projects .related-project-card h1 .word, .related-projects .related-project-card .legal-page .intro-content h1 .word, .legal-page .intro-content .related-projects .related-project-card h1 .word, .related-projects .related-project-card p .word {
transition: 0.2s transform linear;
will-change: transform;
transform: translate3d(0px, 120%, 0.01px) rotate(10deg);
}
.related-projects .related-project-card .btn, .related-projects .related-project-card .cc-btn.cc-dismiss {
opacity: 0;
will-change: transform;
transform: translate3d(0px, 20%, 0.01px);
}
.related-projects .related-project-card .project-details {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
gap: 1rem;
margin-bottom: 3.8rem;
}
.related-projects .related-project-card .btn, .related-projects .related-project-card .cc-btn.cc-dismiss {
margin-top: auto;
}
.related-projects .related-project-card .image {
grid-column: span 6;
min-height: 45rem;
width: 100%;
transition: 1.4s 1s ease-in-out;
}
.related-projects .related-project-card .image img {
transition: 1.4s 1s ease-in-out;
width: 100%;
height: 100%;
}
@media screen and (max-width: 1023px) {
.related-projects .related-project-card .image {
order: 1;
min-height: auto;
aspect-ratio: 1/0.6;
margin-bottom: 5rem;
}
}
.related-projects .related-project-card.swiper-slide-active .image {
transition-delay: 1s;
opacity: 1;
transform: translate(0) scale(1);
}
.related-projects .related-project-card.swiper-slide-active .image img {
transition-delay: 1s;
transform: none;
}
.related-projects .related-project-card.swiper-slide-active .btn, .related-projects .related-project-card.swiper-slide-active .cc-btn.cc-dismiss {
transition: 0.25s all ease-in-out;
transition-delay: 2s;
opacity: 1;
transform: none;
}
.related-projects .related-project-card.swiper-slide-active h3 .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .word {
transform: translate3d(0px, 0, 0) rotate(0);
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(1) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(1) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(1) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(1) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(1) .word {
transition-delay: 1s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(2) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(2) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(2) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(2) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(2) .word {
transition-delay: 1.1s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(3) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(3) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(3) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(3) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(3) .word {
transition-delay: 1.2s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(4) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(4) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(4) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(4) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(4) .word {
transition-delay: 1.3s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(5) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(5) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(5) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(5) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(5) .word {
transition-delay: 1.4s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(6) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(6) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(6) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(6) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(6) .word {
transition-delay: 1.5s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(7) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(7) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(7) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(7) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(7) .word {
transition-delay: 1.6s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(8) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(8) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(8) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(8) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(8) .word {
transition-delay: 1.7s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(9) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(9) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(9) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(9) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(9) .word {
transition-delay: 1.8s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(10) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(10) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(10) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(10) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(10) .word {
transition-delay: 1.9s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(11) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(11) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(11) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(11) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(11) .word {
transition-delay: 2s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(12) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(12) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(12) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(12) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(12) .word {
transition-delay: 2.1s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(13) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(13) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(13) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(13) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(13) .word {
transition-delay: 2.2s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(14) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(14) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(14) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(14) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(14) .word {
transition-delay: 2.3s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(15) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(15) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(15) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(15) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(15) .word {
transition-delay: 2.4s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(16) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(16) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(16) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(16) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(16) .word {
transition-delay: 2.5s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(17) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(17) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(17) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(17) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(17) .word {
transition-delay: 2.6s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(18) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(18) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(18) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(18) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(18) .word {
transition-delay: 2.7s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(19) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(19) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(19) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(19) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(19) .word {
transition-delay: 2.8s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(20) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(20) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(20) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(20) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(20) .word {
transition-delay: 2.9s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(21) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(21) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(21) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(21) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(21) .word {
transition-delay: 3s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(22) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(22) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(22) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(22) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(22) .word {
transition-delay: 3.1s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(23) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(23) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(23) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(23) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(23) .word {
transition-delay: 3.2s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(24) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(24) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(24) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(24) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(24) .word {
transition-delay: 3.3s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(25) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(25) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(25) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(25) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(25) .word {
transition-delay: 3.4s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(26) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(26) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(26) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(26) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(26) .word {
transition-delay: 3.5s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(27) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(27) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(27) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(27) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(27) .word {
transition-delay: 3.6s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(28) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(28) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(28) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(28) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(28) .word {
transition-delay: 3.7s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(29) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(29) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(29) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(29) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(29) .word {
transition-delay: 3.8s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(30) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(30) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(30) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(30) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(30) .word {
transition-delay: 3.9s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(31) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(31) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(31) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(31) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(31) .word {
transition-delay: 4s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(32) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(32) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(32) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(32) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(32) .word {
transition-delay: 4.1s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(33) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(33) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(33) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(33) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(33) .word {
transition-delay: 4.2s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(34) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(34) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(34) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(34) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(34) .word {
transition-delay: 4.3s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(35) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(35) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(35) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(35) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(35) .word {
transition-delay: 4.4s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(36) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(36) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(36) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(36) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(36) .word {
transition-delay: 4.5s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(37) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(37) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(37) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(37) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(37) .word {
transition-delay: 4.6s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(38) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(38) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(38) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(38) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(38) .word {
transition-delay: 4.7s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(39) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(39) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(39) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(39) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(39) .word {
transition-delay: 4.8s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(40) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(40) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(40) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(40) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(40) .word {
transition-delay: 4.9s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(41) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(41) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(41) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(41) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(41) .word {
transition-delay: 5s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(42) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(42) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(42) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(42) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(42) .word {
transition-delay: 5.1s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(43) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(43) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(43) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(43) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(43) .word {
transition-delay: 5.2s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(44) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(44) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(44) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(44) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(44) .word {
transition-delay: 5.3s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(45) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(45) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(45) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(45) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(45) .word {
transition-delay: 5.4s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(46) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(46) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(46) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(46) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(46) .word {
transition-delay: 5.5s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(47) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(47) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(47) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(47) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(47) .word {
transition-delay: 5.6s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(48) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(48) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(48) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(48) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(48) .word {
transition-delay: 5.7s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(49) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(49) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(49) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(49) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(49) .word {
transition-delay: 5.8s;
}
.related-projects .related-project-card.swiper-slide-active h3 .line:nth-of-type(50) .word, .related-projects .related-project-card.swiper-slide-active .single-post .inner-masthead .content h1 .line:nth-of-type(50) .word, .single-post .inner-masthead .content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(50) .word, .related-projects .related-project-card.swiper-slide-active .legal-page .intro-content h1 .line:nth-of-type(50) .word, .legal-page .intro-content .related-projects .related-project-card.swiper-slide-active h1 .line:nth-of-type(50) .word {
transition-delay: 5.9s;
}
.related-projects .related-project-card.swiper-slide-active p .word {
transform: translate3d(0px, 0, 0) rotate(0);
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(1) .word {
transition-delay: 1.5s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(2) .word {
transition-delay: 1.6s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(3) .word {
transition-delay: 1.7s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(4) .word {
transition-delay: 1.8s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(5) .word {
transition-delay: 1.9s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(6) .word {
transition-delay: 2s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(7) .word {
transition-delay: 2.1s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(8) .word {
transition-delay: 2.2s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(9) .word {
transition-delay: 2.3s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(10) .word {
transition-delay: 2.4s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(11) .word {
transition-delay: 2.5s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(12) .word {
transition-delay: 2.6s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(13) .word {
transition-delay: 2.7s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(14) .word {
transition-delay: 2.8s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(15) .word {
transition-delay: 2.9s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(16) .word {
transition-delay: 3s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(17) .word {
transition-delay: 3.1s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(18) .word {
transition-delay: 3.2s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(19) .word {
transition-delay: 3.3s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(20) .word {
transition-delay: 3.4s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(21) .word {
transition-delay: 3.5s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(22) .word {
transition-delay: 3.6s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(23) .word {
transition-delay: 3.7s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(24) .word {
transition-delay: 3.8s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(25) .word {
transition-delay: 3.9s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(26) .word {
transition-delay: 4s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(27) .word {
transition-delay: 4.1s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(28) .word {
transition-delay: 4.2s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(29) .word {
transition-delay: 4.3s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(30) .word {
transition-delay: 4.4s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(31) .word {
transition-delay: 4.5s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(32) .word {
transition-delay: 4.6s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(33) .word {
transition-delay: 4.7s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(34) .word {
transition-delay: 4.8s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(35) .word {
transition-delay: 4.9s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(36) .word {
transition-delay: 5s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(37) .word {
transition-delay: 5.1s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(38) .word {
transition-delay: 5.2s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(39) .word {
transition-delay: 5.3s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(40) .word {
transition-delay: 5.4s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(41) .word {
transition-delay: 5.5s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(42) .word {
transition-delay: 5.6s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(43) .word {
transition-delay: 5.7s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(44) .word {
transition-delay: 5.8s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(45) .word {
transition-delay: 5.9s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(46) .word {
transition-delay: 6s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(47) .word {
transition-delay: 6.1s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(48) .word {
transition-delay: 6.2s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(49) .word {
transition-delay: 6.3s;
}
.related-projects .related-project-card.swiper-slide-active p .line:nth-of-type(50) .word {
transition-delay: 6.4s;
}
.tabbed-content {
overflow: hidden;
padding-top: 0;
}
.tabbed-content .wrap {
position: relative;
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.tabbed-content .subheading {
grid-column: 1/4;
}
}
.tabbed-content .dividing-line.top-line {
margin-bottom: 10rem;
}
@media screen and (min-width: 1024px) {
.tabbed-content .dividing-line.top-line {
margin-bottom: 12rem;
}
}
.tabbed-content .dividing-line.top-line.l-r {
position: relative;
left: -3rem;
grid-column: span 2;
}
@media screen and (min-width: 1024px) {
.tabbed-content .dividing-line.top-line.l-r {
grid-column: span 7;
}
}
.tabbed-content .dividing-line.top-line.r-l {
grid-column: span 2;
}
@media screen and (min-width: 1024px) {
.tabbed-content .dividing-line.top-line.r-l {
grid-column: 3/13;
}
}
.tabbed-content .dividing-line.lower-line {
margin-top: 12rem;
grid-column: span 2;
}
@media screen and (min-width: 1024px) {
.tabbed-content .dividing-line.lower-line {
grid-column: 3/13;
}
}
.tabbed-content .images {
position: relative;
grid-column: 1/8;
height: var(--image_height);
}
@media screen and (min-width: 1280px) {
.tabbed-content .images {
grid-column: 3/8;
}
}
.tabbed-content .images .tab-image {
transition: all 0.5s ease-in-out;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
height: 100%;
width: calc(100% - 3rem);
opacity: 0;
}
.tabbed-content .images .tab-image.active {
opacity: 1;
}
.tabbed-content .images img {
transition: all 0.5s ease-in-out;
width: 100%;
height: 100%;
}
@media screen and (max-width: 1023px) {
.tabbed-content .images {
display: none;
}
}
.tabbed-content .content-container {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.tabbed-content .content-container {
grid-column: 8/13;
}
}
.tabbed-content .content-container .tab-content {
transition: all 0.5s ease-in-out;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 3rem;
flex: 1;
padding: 5rem 0;
padding-bottom: 2rem;
}
.tabbed-content .content-container .tab-content h3, .tabbed-content .content-container .tab-content .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .tabbed-content .content-container .tab-content h1, .tabbed-content .content-container .tab-content .legal-page .intro-content h1, .legal-page .intro-content .tabbed-content .content-container .tab-content h1 {
transition: all 0.5s ease-in-out;
color: #A5AAAA;
}
@media screen and (max-width: 1023px) {
.tabbed-content .content-container .tab-content h3, .tabbed-content .content-container .tab-content .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .tabbed-content .content-container .tab-content h1, .tabbed-content .content-container .tab-content .legal-page .intro-content h1, .legal-page .intro-content .tabbed-content .content-container .tab-content h1 {
font-size: 4.7rem;
}
}
.tabbed-content .content-container .tab-content.active {
flex: 2;
padding-bottom: 5rem;
}
.tabbed-content .content-container .tab-content.active h3, .tabbed-content .content-container .tab-content.active .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .tabbed-content .content-container .tab-content.active h1, .tabbed-content .content-container .tab-content.active .legal-page .intro-content h1, .legal-page .intro-content .tabbed-content .content-container .tab-content.active h1 {
color: #131615;
}
.tabbed-content .content-container .tab-content.active .expanding-content {
transition: 1s max-height ease-in-out;
max-height: 120rem;
}
@media screen and (min-width: 1024px) {
.tabbed-content .content-container .tab-content.active .expanding-content {
max-height: 60rem;
}
}
.tabbed-content .content-container .tab-content:hover h3, .tabbed-content .content-container .tab-content:hover .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .tabbed-content .content-container .tab-content:hover h1, .tabbed-content .content-container .tab-content:hover .legal-page .intro-content h1, .legal-page .intro-content .tabbed-content .content-container .tab-content:hover h1 {
color: #131615;
}
.tabbed-content .content-container .tab-content .expanding-content {
max-height: 0px;
overflow: hidden;
}
.tabbed-content .content-container .tab-content .expanding-content img {
display: none;
}
@media screen and (max-width: 1023px) {
.tabbed-content .content-container .tab-content .expanding-content img {
display: block;
width: 100%;
height: auto;
margin-top: 2.4rem;
aspect-ratio: 1/0.9;
}
}
.tabbed-content .content-container .tab-content .btn, .tabbed-content .content-container .tab-content .cc-btn.cc-dismiss {
margin-top: 3rem;
}
.tabbed-content .content-container .tab-content .dividing-line {
position: absolute;
bottom: 0;
width: 100%;
background: #A5AAAA;
left: 0;
}
.tabbed-content .content-container .tab-content .dividing-line.top {
bottom: auto;
top: 0;
display: none;
}
.tabbed-content .content-container .tab-content:not(.active) {
cursor: pointer;
}
.tabbed-content .content-container .tab-content:first-of-type .dividing-line {
display: block;
}
.team {
position: relative;
}
.team .content {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.team .content {
grid-column: span 4;
}
.team .content p {
max-width: 36rem;
}
}
.team .swiper-container {
position: relative;
grid-column: 1/3;
margin-right: -2.4rem;
margin-top: 3rem;
}
@media screen and (min-width: 1024px) {
.team .swiper-container {
margin-top: 0;
grid-column: 7/13;
}
}
@media screen and (min-width: 1440px) {
.team .swiper-container {
margin-right: calc((100vw - 1340px) / 2 * -1);
}
}
.team .swiper {
width: 100%;
padding-right: 2rem;
}
@media screen and (min-width: 1024px) {
.team .swiper:hover {
cursor: url(//casanainteriors.co.uk/wp-content/themes/casana/library/images/black-carousel-drag-cursor.png) 35 35, auto;
}
}
.team .swiper .image-container {
aspect-ratio: 1;
width: 100%;
margin-bottom: 2.2rem;
}
.team .swiper img {
width: 100%;
height: 100%;
}
.team .swiper p span {
display: block;
margin-bottom: 1.6rem;
}
@media screen and (max-width: 1023px) {
.team .swiper p {
font-size: 1.4rem;
}
.team .swiper p span {
margin-bottom: 0.6rem;
}
}
.team .pagination {
display: none;
}
@media screen and (min-width: 1024px) {
.team .pagination {
display: flex;
margin-top: 4.4rem;
grid-column: 7/13;
}
}
.testimonial-carousel {
position: relative;
padding: 5.6rem 0;
}
@media screen and (min-width: 1024px) {
.testimonial-carousel {
padding: 11rem 0;
}
}
.testimonial-carousel .background-image-container {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.testimonial-carousel .background-image-container.active {
opacity: 1;
}
.testimonial-carousel .background-image-container img {
height: 100%;
width: 100%;
}
.testimonial-carousel .testimonials-container {
grid-column: 1/3;
position: relative;
z-index: 2;
background: rgba(255, 255, 255, 0.7);
-webkit-backdrop-filter: blur(18px);
backdrop-filter: blur(18px);
padding: 2.8rem 2.4rem 10rem 2.8rem;
}
@media screen and (min-width: 1024px) {
.testimonial-carousel .testimonials-container {
grid-column: 2/12;
padding: 6rem;
}
}
.testimonial-carousel .testimonials-container h4 {
margin-bottom: 3rem;
}
@media screen and (min-width: 1024px) {
.testimonial-carousel .testimonials-container h4 {
margin-bottom: 3.8rem;
}
}
.testimonial-carousel .testimonials-container .testimonial {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: stretch;
gap: 3.6rem;
}
@media screen and (min-width: 1024px) {
.testimonial-carousel .testimonials-container .testimonial {
flex-direction: row;
}
}
.testimonial-carousel .testimonials-container .testimonial .content {
width: 100%;
}
@media screen and (min-width: 1280px) {
.testimonial-carousel .testimonials-container .testimonial .content {
max-width: 47rem;
}
}
.testimonial-carousel .testimonials-container .testimonial p {
width: 100%;
font-size: 1.8rem;
}
@media screen and (min-width: 1024px) {
.testimonial-carousel .testimonials-container .testimonial p {
font-size: 2rem;
line-height: 2.5rem;
}
}
.testimonial-carousel .testimonials-container .testimonial p.testimonial-source {
margin-top: auto;
font-size: 2.2rem;
line-height: 2.6rem;
}
@media screen and (min-width: 1024px) {
.testimonial-carousel .testimonials-container .testimonial p.testimonial-source {
font-size: 2.5rem;
line-height: 3rem;
padding-right: 12rem;
}
}
.testimonial-carousel .testimonials-container .testimonial p.testimonial-source span {
display: block;
font-size: 1.6rem;
}
.testimonial-carousel .testimonials-container .testimonial .image-container {
transition: 1.4s 1s ease-in-out;
flex-shrink: 0;
width: 100%;
height: auto;
aspect-ratio: 1/0.8;
max-height: 40rem;
}
@media screen and (min-width: 1024px) {
.testimonial-carousel .testimonials-container .testimonial .image-container {
aspect-ratio: auto;
height: auto;
max-width: 25rem;
}
}
@media screen and (min-width: 1280px) {
.testimonial-carousel .testimonials-container .testimonial .image-container {
max-width: 49rem;
min-height: 40rem;
}
}
.testimonial-carousel .testimonials-container .testimonial img {
transition: 1.4s 1s ease-in-out;
width: 100%;
height: 100%;
}
.testimonial-carousel .testimonials-container .testimonial p {
opacity: 1;
}
.testimonial-carousel .testimonials-container .testimonial p .line {
overflow: hidden;
}
.testimonial-carousel .testimonials-container .testimonial p .word {
transition: 0.2s transform linear;
will-change: transform;
transform: translate3d(0px, 120%, 0.01px) rotate(10deg);
}
.testimonial-carousel .testimonials-container .testimonial.swiper-slide-active .image-container {
opacity: 1;
transform: translate(0) scale(1);
}
.testimonial-carousel .testimonials-container .testimonial.swiper-slide-active .image-container img {
transform: none;
}
.testimonial-carousel .testimonials-container .testimonial.swiper-slide-active .image-container.image-one {
transition-delay: 1s;
}
.testimonial-carousel .testimonials-container .testimonial.swiper-slide-active .image-container.image-one img {
transition-delay: 1s;
}
.testimonial-carousel .testimonials-container .testimonial.swiper-slide-active .image-container.image-two {
transition-delay: 1.5s;
}
.testimonial-carousel .testimonials-container .testimonial.swiper-slide-active .image-container.image-two img {
transition-delay: 1.5s;
}
.testimonial-carousel .testimonials-container .testimonial.swiper-slide-active .btn, .testimonial-carousel .testimonials-container .testimonial.swiper-slide-active .cc-btn.cc-dismiss {
transition: 0.25s all ease-in-out;
transition-delay: 2s;
opacity: 1;
transform: none;
}
.testimonial-carousel .testimonials-container .testimonial.swiper-slide-active p .word {
transition-delay: 1s;
transform: translate3d(0px, 0, 0) rotate(0);
}
.testimonial-carousel .testimonials-container .carousel-nav {
position: absolute;
bottom: 2rem;
left: 50%;
transform: translateX(-50%);
}
@media screen and (min-width: 1024px) {
.testimonial-carousel .testimonials-container .carousel-nav {
bottom: 6rem;
right: 6rem;
transform: none;
left: auto;
}
}
.values {
overflow: hidden;
padding: 0;
}
.values .dividing-line {
grid-column: 1/3;
margin-bottom: 8rem;
}
@media screen and (min-width: 1024px) {
.values .dividing-line {
margin-bottom: 12rem;
grid-column: 3/13;
}
}
.values .dividing-line.bottom {
grid-column: 1/3;
margin-bottom: 0;
margin-top: 8rem;
}
@media screen and (min-width: 1024px) {
.values .dividing-line.bottom {
margin-top: 12rem;
grid-column: span 10;
}
}
.values .values-container {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.values .values-container {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
grid-column: 3/11;
}
}
.values .values-container .value {
transition: all 0.5s ease-in-out;
cursor: pointer;
position: relative;
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: flex-start;
padding: 5rem 0 5rem 0;
gap: 2rem;
border-bottom: 1px solid #A5AAAA;
}
.values .values-container .value:first-of-type {
padding-top: 0;
}
@media screen and (max-width: 1023px) {
.values .values-container .value {
pointer-events: none;
}
}
@media screen and (min-width: 1024px) {
.values .values-container .value {
padding: 0 3rem;
border-bottom: 0;
border-right: 1px solid #A5AAAA;
height: 48rem;
}
.values .values-container .value:first-of-type {
border-left: 1px solid #A5AAAA;
}
}
.values .values-container .value h3, .values .values-container .value .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .values .values-container .value h1, .values .values-container .value .legal-page .intro-content h1, .legal-page .intro-content .values .values-container .value h1 {
transition: all 0.5s ease-in-out;
color: #A5AAAA;
display: block;
flex-shrink: 0;
writing-mode: vertical-rl;
transform: scale(-1);
}
@media screen and (max-width: 1023px) {
.values .values-container .value h3, .values .values-container .value .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .values .values-container .value h1, .values .values-container .value .legal-page .intro-content h1, .legal-page .intro-content .values .values-container .value h1 {
color: #131615;
font-size: 4.7rem;
line-height: 1;
margin: 0;
white-space: nowrap;
overflow: visible;
}
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
.values .values-container .value h3, .values .values-container .value .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .values .values-container .value h1, .values .values-container .value .legal-page .intro-content h1, .legal-page .intro-content .values .values-container .value h1 {
padding-left: 5rem;
}
}
@media screen and (min-width: 1024px) {
.values .values-container .value.active {
flex: 2;
}
.values .values-container .value.active h3, .values .values-container .value.active .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .values .values-container .value.active h1, .values .values-container .value.active .legal-page .intro-content h1, .legal-page .intro-content .values .values-container .value.active h1 {
color: #131615;
}
.values .values-container .value.active .inner-content {
transition: 0.5s max-width ease-in-out, 0.5s 0.4s opacity ease-in-out;
max-width: 600rem;
opacity: 1;
}
.values .values-container .value:hover h3, .values .values-container .value:hover .single-post .inner-masthead .content h1, .single-post .inner-masthead .content .values .values-container .value:hover h1, .values .values-container .value:hover .legal-page .intro-content h1, .legal-page .intro-content .values .values-container .value:hover h1 {
color: #131615;
}
.values .values-container .value:not(.active) {
cursor: pointer;
}
}
@media screen and (min-width: 1024px) {
.values .values-container .inner-content {
max-width: 0;
overflow: hidden;
position: absolute;
opacity: 0;
left: 14rem;
width: calc(100% - 20rem);
}
}
.blog-post-content .intro-content {
grid-column: 1/3;
margin-bottom: 2.4rem;
}
@media screen and (min-width: 1024px) {
.blog-post-content .intro-content {
grid-column: 4/10;
}
}
.blog-post-content .main-content {
grid-column: 1/3;
}
@media screen and (min-width: 1024px) {
.blog-post-content .main-content {
grid-column: 5/10;
}
}
.blog-post-content .main-content img.alignright, .blog-post-content .main-content img.alignleft, .blog-post-content .main-content img.aligncenter, .blog-post-content .main-content img.alignnone {
display: block;
max-width: 100%;
height: auto;
margin: 4rem 0;
}
@media screen and (min-width: 1024px) {
.blog-post-content .main-content img.alignright {
margin: 8rem 0;
}
.blog-post-content .main-content img.alignleft {
margin: 8rem 0;
}
.blog-post-content .main-content img.alignnone {
margin: 8rem 0;
}
.blog-post-content .main-content img.aligncenter {
display: block;
margin: 8rem auto;
}
.blog-post-content .main-content a img.alignright {
float: right;
margin: 0 0 8rem 8rem;
}
.blog-post-content .main-content a img.alignleft {
float: left;
margin: 0 8rem 8rem 0;
}
.blog-post-content .main-content a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
}
.blog-post-content .main-content img:last-child {
margin-bottom: 0;
}
.blog-post-content .dividing-line {
grid-column: 1/3;
margin-top: 8rem;
}
@media screen and (min-width: 1024px) {
.blog-post-content .dividing-line {
grid-column: 3/13;
margin-top: 12rem;
}
}
.content-block {
overflow: hidden;
}
.content-block .yellow-h3 {
color: #f9ffbe;
}
.content-block .inner-content {
grid-column: 1/3;
margin-bottom: 2.5rem;
}
.content-block .inner-content p {
margin-bottom: 2.2rem;
}
@media screen and (min-width: 1024px) {
.content-block .inner-content {
margin-bottom: 0;
grid-column: 3/13;
}
}
.content-block .inner-content:last-child {
margin-bottom: 0;
}
@media screen and (min-width: 768px) {
.content-block .top-level-btn {
grid-column: 11/13;
align-self: flex-start;
margin-left: auto;
}
}
.content-block .dividing-line {
margin-top: 4rem;
margin-bottom: 4rem;
}
@media screen and (min-width: 1024px) {
.content-block .dividing-line {
margin-top: 8rem;
margin-bottom: 8rem;
}
}
.content-block .dividing-line:last-child {
margin-bottom: 0;
}
.content-block .col {
display: contents;
}
@media screen and (min-width: 1024px) {
.content-block.two-cols .col {
width: 50%;
display: block;
}
.content-block.two-cols .inner-content {
display: flex;
flex-direction: row;
justify-content: stretch;
align-items: stretch;
gap: 6.5rem;
}
.content-block:not(.two-cols) p {
max-width: 66rem;
}
}
.content-block .feature-rows {
margin-top: 6rem;
}
@media screen and (min-width: 1024px) {
.content-block .feature-rows {
margin-top: 9rem;
}
}
.content-block .feature-rows .feature {
color: #A5AAAA;
padding: 2rem 0;
width: 100%;
border-bottom: 1px solid #A5AAAA;
}
.content-block .feature-rows .feature:first-of-type {
border-top: 1px solid #A5AAAA;
}
.content-block .btn:not(.top-level-btn), .content-block .cc-btn.cc-dismiss:not(.top-level-btn) {
margin-top: 2.2rem;
}
.content-block.black-background {
background: #131615;
color: #FFF;
}
.content-block.black-background .dividing-line {
background: #FFF;
}
.content-block.extra-large-padding-top {
padding-top: 18rem;
}
@media screen and (min-width: 1024px) {
.content-block.extra-large-padding-top {
padding-top: 52rem;
}
}
.content-block.image-count-2 .image-container {
width: 100%;
grid-column: 1/3;
aspect-ratio: 1/0.9;
}
.content-block.image-count-2 .image-container img {
width: 100%;
height: 100%;
}
.content-block.image-count-2 .image-container.image-1 {
aspect-ratio: 1/0.7;
}
@media screen and (min-width: 768px) {
.content-block.image-count-2 .image-container {
grid-column: 1;
aspect-ratio: auto;
height: 39rem;
}
.content-block.image-count-2 .image-container.image-1 {
grid-column: 2;
}
}
@media screen and (min-width: 1024px) {
.content-block.image-count-2 .image-container {
margin-top: 8rem;
}
.content-block.image-count-2 .image-container.image-0 {
grid-column: 3/7;
}
.content-block.image-count-2 .image-container.image-1 {
grid-column: span 6;
}
}
.content-block.image-count-3 .image-container {
width: 100%;
grid-column: 1/3;
aspect-ratio: 1/0.9;
}
.content-block.image-count-3 .image-container img {
width: 100%;
height: 100%;
}
.content-block.image-count-3 .image-container.image-1 {
aspect-ratio: 1/1;
}
.content-block.image-count-3 .image-container.image-2 {
aspect-ratio: 1/1.2;
}
@media screen and (min-width: 768px) {
.content-block.image-count-3 .image-container {
height: 50rem;
}
.content-block.image-count-3 .image-container.image-0 {
margin-top: 12rem;
height: 60rem;
}
.content-block.image-count-3 .image-container.image-1 {
height: auto;
aspect-ratio: 1/0.8;
grid-column: 1;
}
.content-block.image-count-3 .image-container.image-2 {
height: auto;
aspect-ratio: 1/0.8;
grid-column: 2;
}
}
@media screen and (min-width: 1024px) {
.content-block.image-count-3 .image-container {
grid-column: span 6;
height: 50rem;
aspect-ratio: auto !important;
}
.content-block.image-count-3 .image-container.image-0 {
margin-top: 12rem;
grid-column: 3/13;
height: 74rem;
}
.content-block.image-count-3 .image-container.image-1 {
grid-column: 3/10;
}
.content-block.image-count-3 .image-container.image-2 {
grid-column: 10/13;
}
}
@media screen and (min-width: 1024px) {
.content-block.custom-content-width .inner-content {
grid-column: 3/var(--column_span);
}
}
.content-block.reduce-content-width p {
max-width: 49rem;
}
@media screen and (max-width: 1023px) {
.content-block.desktop-button-only .btn, .content-block.desktop-button-only .cc-btn.cc-dismiss {
display: none;
}
}
@media screen and (min-width: 1024px) {
.content-block.mobile-button-only .btn, .content-block.mobile-button-only .cc-btn.cc-dismiss {
display: none;
}
}
.full-image .img-div {
display: flex;
justify-content: center;
padding: 0 2.4rem;
}
.full-image .img {
max-width: 100%; height: auto; display: block; } .error404__content {
padding: 100px 0 150px;
text-align: center;
}
.error404__content h1, .error404__content footer h3, footer .error404__content h3, .error404__content footer .single-post .inner-masthead .content h1, footer .single-post .inner-masthead .content .error404__content h1, .error404__content .single-post .inner-masthead .content footer h1, .single-post .inner-masthead .content footer .error404__content h1, .error404__content .single-post .inner-masthead .content footer h3, .single-post .inner-masthead .content footer .error404__content h3, .error404__content footer .single-post .inner-masthead .content h3, footer .single-post .inner-masthead .content .error404__content h3, .error404__content footer .legal-page .intro-content h1, footer .legal-page .intro-content .error404__content h1, .error404__content .legal-page .intro-content footer h1, .legal-page .intro-content footer .error404__content h1, .error404__content .legal-page .intro-content footer h3, .legal-page .intro-content footer .error404__content h3, .error404__content footer .legal-page .intro-content h3, footer .legal-page .intro-content .error404__content h3 {
font-size: 7em;
color: #FF6A14;
line-height: 170px;
margin-bottom: 30px;
}