elements (form field wrappers) */
.mortgage-calculator > div,
.mortgage-calculator .result-wrapper > div {
width: 100%;
display: flex;
align-items: center; /* Vertically centers label and input within each div */
gap: 5px; /* Small gap between label and input */
flex-grow: 1; /* Allows these divs to grow and fill available space */
width: auto; /* Overrides previous 50% width, allowing flex-grow to manage */
padding: 0; /* Ensures no padding is present */
box-sizing: border-box;
margin: 0;
flex-wrap: wrap;
}
.mortgage-calculator .result-wrapper {
gap: 15px;
margin: 0 !important;
}
/* Specific styles for labels within these field wrappers */
.mortgage-calculator > div label {
margin: 0;
padding: 0;
box-sizing: border-box;
flex-shrink: 0; /* Prevents label from shrinking */
}
/* Specific styles for text inputs within these field wrappers */
.mortgage-calculator > div input[type="text"] {
padding: 0.688rem 0.438rem !important; /* Specific input padding */
margin: 0;
box-sizing: border-box;
display: inline-block;
flex-grow: 1; /* Allows input to grow and fill remaining space */
}
/* Styles for the action button container */
.mortgage-calculator .action-btn {
/* No width: 100% here anymore, as it's applied to the button inside */
/* No padding here anymore */
box-sizing: border-box;
margin-top: 10px; /* Space above the button */
display: flex; /* Assuming it's already display:flex for internal alignment */
align-items: center;
gap: 5px;
flex-grow: 1;
margin: 0; /* Override any other margins to ensure correct spacing */
}
/* Styles for the actual button element inside .action-btn */
.mortgage-calculator .action-btn button {
width: 100%; /* Makes the button itself full width within its parent */
/* Other button styles (padding, etc.) would go here or be inherited */
}
/* Styles for the main rental-affordability-calculator container */
.rental-affordability-calculator {
display: flex;
flex-wrap: wrap;
align-items: center; /* Vertically centers items in each row */
gap: 15px 10px; /* 15px row gap, 10px column gap */
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Styles for the direct child
elements (form field wrappers) */
.rental-affordability-calculator > div {
display: flex;
align-items: center; /* Vertically centers label and input within each div */
gap: 5px; /* Small gap between label and input */
flex-grow: 1; /* Allows these divs to grow and fill available space */
width: auto; /* Overrides previous 50% width, allowing flex-grow to manage */
padding: 0; /* Ensures no padding is present */
box-sizing: border-box;
margin: 0;
flex-wrap: wrap;
}
/* Specific styles for labels within these field wrappers */
.rental-affordability-calculator > div label {
margin: 0;
padding: 0;
box-sizing: border-box;
flex-shrink: 0; /* Prevents label from shrinking */
}
.rental-affordability-calculator select {
width: 100%;
height: 48px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-right: 40px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23666' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 14px center;
background-size: 12px 12px;
}
/* Specific styles for text inputs within these field wrappers */
.rental-affordability-calculator > div input[type="text"] {
padding: 0.688rem 0.438rem !important; /* Specific input padding */
margin: 0;
box-sizing: border-box;
display: inline-block; /* Allows input to grow and fill remaining space */
}
/* Styles for the action button container */
.rental-affordability-calculator button {
width: 100%;
box-sizing: border-box;
margin-top: 10px; /* Space above the button */
display: flex; /* Assuming it's already display:flex for internal alignment */
align-items: center;
gap: 5px;
flex-grow: 1;
margin: 0; /* Override any other margins to ensure correct spacing */
}
/*.et_pb_column.calculator_wrap{
margin: auto !important;
float: unset;
}*/
/*
** read more & read less css start
*/
.read-more,
.read-less {
border-bottom: 1px solid #000;
width: max-content;
margin-top: 1.5rem;
display: block;
}
/*
** read more & read less css end
*/
div.wpforms-field-container .wpforms-page.wpforms-page-3 .iti__selected-flag {
display: none !important;
}
body #wpforms-716 .wpforms-form .wpforms-field input[type="tel"] {
padding: 0.375rem 0.375rem 0.375rem 2.5rem !important;
}
span.radio-wrapper {
display: inline-block;
}
span.radio-wrapper input {
float: left;
margin: 0px;
}
.back-btn {
margin-top: 0.625rem;
display: inline-block;
cursor: pointer;
/* font-weight: 400 !important; */
}
.propertyhive-views li.grid {
display: block !important;
}
/*.propertyhive-views li.grid a:before {
top: 0.25rem;
}*/
.propertyhive-views.custom ul li a {
min-height: 42px;
padding: 0.313rem 1.25rem;
display: inline-flex;
align-items: center;
text-align: right;
}
/*.propertyhive-views li.list a:before{
top: 0.25rem;
}*/
.property-search-form-default select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
background-position: calc(100% - 0.313rem) center !important;
background: url("data:image/svg+xml,
")
no-repeat #f7f7f7;
}
body #wpforms-4867345 .wpforms-form .wpforms-field .wpforms-field-row {
max-width: 100%;
}
.wpforms-readonly input {
max-width: 100% !important;
}
.grid-view-module .propertyhive-recent-properties-shortcode .properties,
.custom-properties-sale-rent
.propertyhive-recent-properties-shortcode
.properties,
.propertyhive-similar-properties-shortcode ul.properties {
display: flex;
gap: 1.25rem;
padding: 0;
}
.grid-view-module .propertyhive-recent-properties-shortcode .properties:after,
.custom-properties-sale-rent
.propertyhive-recent-properties-shortcode
.properties:after,
.propertyhive-similar-properties-shortcode .properties:after {
display: none;
}
.propertyhive-recent-properties-shortcode ul.properties li,
.propertyhive-recent-properties-shortcode ul.properties.view-list li,
.propertyhive-similar-properties-shortcode ul.properties li,
.propertyhive-similar-properties-shortcode ul.properties.view-list li {
width: 100%;
}
@media screen and (min-width: 768px) {
.propertyhive-recent-properties-shortcode ul.properties li,
.propertyhive-recent-properties-shortcode ul.properties.view-list li,
.propertyhive-similar-properties-shortcode ul.properties li,
.propertyhive-similar-properties-shortcode ul.properties.view-list li {
width: calc((100% / 2) - (1.25rem / 2));
}
}
@media screen and (min-width: 1248px) {
.propertyhive-recent-properties-shortcode ul.properties li,
.propertyhive-recent-properties-shortcode ul.properties.view-list li,
.propertyhive-similar-properties-shortcode ul.properties li,
.propertyhive-similar-properties-shortcode ul.properties.view-list li {
width: calc((100% / 3) - ((2 * 1.25rem) / 3));
}
}
.grid-view-module .propertyhive ul.properties li .thumbnail a picture img,
.custom-properties-sale-rent
.propertyhive
ul.properties
li
.thumbnail
a
picture
img {
/* padding-top: 66.6%; */
aspect-ratio: 100 / 66;
}
.grid-view-module .propertyhive ul.properties li .details,
.custom-properties-sale-rent .propertyhive ul.properties li .details,
.propertyhive ul.properties.view-grid li .details {
padding: 1.25rem !important;
}
.grid-view-module .propertyhive ul.properties li .rooms,
.grid-view-module .propertyhive ul.properties li .actions,
.custom-properties-sale-rent .propertyhive ul.properties li .rooms,
.custom-properties-sale-rent .propertyhive ul.properties li .actions,
.propertyhive ul.properties.view-list li .actions,
.propertyhive ul.properties.view-grid li .rooms {
display: flex;
color: #120d2b;
}
.propertyhive ul.properties.view-grid li .actions {
display: block;
}
.grid-view-module .propertyhive ul.properties li .rooms .room,
.custom-properties-sale-rent .propertyhive ul.properties li .rooms .room,
.propertyhive ul.properties.view-grid li .rooms .room {
padding-right: 0.625rem;
margin-bottom: 0.625rem;
/* font-size: 0.75rem; */
}
.grid-view-module .propertyhive ul.properties .details .summary,
.custom-properties-sale-rent .propertyhive ul.properties .details .summary,
.propertyhive ul.properties.view-grid li .details .summary {
display: none;
}
.grid-view-module .properties .details .actions a,
.custom-properties-sale-rent .properties .details .actions a,
.propertyhive ul.properties.view-grid li .details .actions a {
margin: 0.625rem 0 0;
}
.propertyhive ul.properties.view-grid li {
background-color: transparent;
}
.propertyhive ul.properties.view-grid li .rooms {
display: flex;
}
/* .propertyhive ul.properties.view-grid li .details {
background-color: #f7f7f7;
} */
.propertyhive ul.properties.view-grid li,
.custom-properties-sale-rent ul.properties li {
position: relative;
}
.propertyhive ul.properties.view-grid li .availability,
.custom-properties-sale-rent ul.properties .availability {
display: block;
position: absolute;
top: 0.875rem;
left: 0.875rem;
}
.custom-properties-sale-rent ul.properties .availability,
.propertyhive ul.properties.view-grid li .availability {
top: 0;
left: 0;
}
li.parking:before,
li.outside-space:before,
li.council-tax-band:before {
font-family: "Font Awesome 7 Pro";
font-size: 1.25rem;
/* color: #ffae92; */
width: 1.25rem;
height: 1.25rem;
padding-right: 0.313rem;
display: inline-block;
background-repeat: no-repeat;
position: relative;
}
li.parking:before {
content: "\f615";
}
li.outside-space:before {
content: "\f800";
}
li.council-tax-band:before {
content: "\f154";
}
.bookaviewing-btn,
.pf-request-viewing-button,
.downloadthebrochurebutton {
padding-top: 0.938rem;
padding-right: 2.5rem;
padding-bottom: 0.938rem;
padding-left: 2.5rem;
margin-top: 1.875rem;
display: inline-block;
margin-bottom: 1.875rem;
box-shadow: none;
}
.single-property .property_meta li:before {
margin-top: -2px;
}
body.single-property .property-info-tab .et_pb_tab_2 .et_pb_tab_content,
body.single-property .property-info-tab .et_pb_tab_1 .et_pb_tab_content {
margin-top: 6.25rem;
}
.percent .percent-value,
.percent .percent-sign {
font-size: 2.5rem !important;
}
.single-property .flex-direction-nav {
width: 100%;
height: auto;
position: absolute;
z-index: 1;
top: 50%;
transform: translateY(-50%);
}
.single-property .flex-direction-nav a {
font-size: 0 !important;
cursor: pointer;
}
.single-property .flex-direction-nav a:before {
position: relative;
top: 4px;
}
/* responsive tweaks */
@media screen and (max-width: 650px) {
.propertyhive-similar-properties-shortcode ul li {
width: 100% !important;
padding: 0px !important;
}
}
@media screen and (max-width: 450px) {
.similar_properties h4 {
padding-left: 0px !important;
}
body.single-property .property-info-tab .et_pb_tabs_controls li {
/* background-color: #f7f7f7; */
border-bottom: 0.313rem solid #fff;
}
body.home .property-search-form input[type="submit"] {
border: none !important;
}
body .swap-content-order .et_pb_button_alignment_left {
display: block !important;
margin-right: 0px !important;
}
.custom-button-width {
width: 100%;
text-align: center;
}
}
@media screen and (min-width: 451px) {
.downloadthebrochuresmall {
background-image: none !important;
}
/* Property archive */
/* body.post-type-archive-property .details h3 a {
font-size: 1.563rem;
} */
/* body.post-type-archive-property .details .price {
font-size: 1.25rem !important;
} */
.mobilepaddingtweak {
width: 80% !important;
}
.sfsi_actvite_theme_flat .inerCnt .sficn,
.sfsi_wicons {
width: 1.875rem !important;
height: 1.875rem !important;
}
.sfsi_actvite_theme_flat .inerCnt .sfcm.sfsi_wicon {
width: 35% !important;
}
.sfsi_actvite_theme_flat .inerCnt .sficn,
.sfsi_wicons {
float: right;
}
body.single-property .et_pb_section_200 .entry-summary {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
/* Similar properties */
.similar_properties h4 {
padding-left: 1.25rem;
}
body.single-property .entry-summary h1.property_title {
/* font-size: 1.563rem; */
padding-bottom: 1.25rem !important;
}
body.single-property .property-info-tab .et_pb_tabs_controls li a {
width: 100%;
display: block;
box-shadow: none !important;
}
body.single-property .property-info-tab {
margin-top: 0px;
padding-top: 1.875rem;
}
body.single-property .property-info-tab .et_pb_tab_content {
padding-top: 0px;
}
body.single-property .et_pb_tab_content ul li {
width: 100%;
}
.bookaviewing {
margin-bottom: 1.875rem;
}
.custom-properties-sale-rent .et_pb_tabs_controls {
margin-bottom: 0px;
}
.vertical-align h2 {
padding-top: 1.875rem;
}
.et_slide_in_menu_container ul#mobile_menu_slide {
padding: 0px;
}
}
@media screen and (max-width: 479px) {
.tap-wapper {
margin-top: 0px;
}
}
@media screen and (max-width: 460px) {
body.single-property .et_pb_section_200 .entry-summary {
padding-left: 0;
padding-right: 0;
}
.rooms .room {
padding-right: 0.875rem;
/* font-size: 0.75rem; */
}
.mortgage_calculator_Wrapper,
.stamp_duty_calculator_Wrapper {
padding: 0.938rem;
}
body.single-property .property-info-tab {
padding-top: 0px;
}
}
@media screen and (min-width: 666px) {
/* .simplesearchbox{
background:none!important;
}
.simplesearchbox .et_pb_column {
margin-top: -35px;
} */
/* banner text center align with container */
/* #post-2 rs-slide rs-layer-wrap.rs-parallax-wrap{
max-width: 142.5rem;
margin: auto;
right: 0;
width: 90%;
min-width: auto !important;
left: 0 !important;
}*/
#post-2 rs-slide rs-sbg-px + rs-layer-wrap.rs-parallax-wrap {
max-width: 100%;
width: auto !important;
}
}
@media screen and (max-width: 680px) {
.et_pb_section_5.et_pb_section.simplesearchbox {
padding-top: 20%;
}
/* body.single-property .et_pb_all_tabs .et_pb_tab_content h4 {
font-size: 1.375rem;
line-height: 1.4;
letter-spacing: 0px;
} */
/* body.single-property .calculator-wrapper>h2,
.getintouch h4,
.downloadthebrochuresmall h4,
.mortgage_calculator_Wrapper h2,
.stamp_duty_calculator_Wrapper h2 {
font-size: 32px;
line-height: 1.2;
letter-spacing: -1px;
} */
.custom-properties-sale-rent .et_pb_tabs_controls:before {
font-size: 1.25rem;
width: 100%;
line-height: initial;
position: relative;
display: inline-block;
margin-bottom: 1.25rem;
}
.et_pb_section_14 .et_pb_tab.et-pb-active-slide,
.et_pb_section_13 .et_pb_tab.et-pb-active-slide,
.et_pb_section_15 .et_pb_tab.et-pb-active-slide,
.et_pb_section_16 .et_pb_tab.et-pb-active-slide,
.grid-view-module .propertyhive-recent-properties-shortcode .properties,
.propertyhive-similar-properties-shortcode .properties {
padding: 0;
}
.et_pb_section_14 .et_pb_tab.et-pb-active-slide .et_pb_tab_content p:empty,
.et_pb_section_13 .et_pb_tab.et-pb-active-slide .et_pb_tab_content p:empty,
.et_pb_section_15 .et_pb_tab.et-pb-active-slide .et_pb_tab_content p:empty,
.et_pb_section_16 .et_pb_tab.et-pb-active-slide .et_pb_tab_content p:empty {
display: none;
}
.et_pb_section_14 .et_pb_tabs .et_pb_all_tabs,
.et_pb_section_14 .et_pb_tab.et-pb-active-slide,
.et_pb_section_13 .et_pb_tabs .et_pb_all_tabs,
.et_pb_section_13 .et_pb_tab.et-pb-active-slide,
.et_pb_section_15 .et_pb_tabs .et_pb_all_tabs,
.et_pb_section_15 .et_pb_tab.et-pb-active-slide,
.et_pb_section_16 .et_pb_tabs .et_pb_all_tabs,
.et_pb_section_16 .et_pb_tab.et-pb-active-slide {
background: transparent !important;
}
.custom-properties-sale-rent .et_pb_tabs_controls li {
width: 50%;
}
}
@media screen and (min-width: 768px) {
/* Simple property search */
.property-search-form-simple_search .control {
display: inline-block;
}
.property-search-form-simple_search .control-department {
width: 30%;
}
.property-search-form-simple_search .control-address_keyword {
width: 42%;
}
.property-search-form-simple_search input[type="submit"] {
width: 25%;
}
/* Property archive search */
.property-search-form-default .control-address_keyword {
width: calc(65% - 0.125rem);
}
.property-search-form-default .control-radius {
width: calc(35% - 0.125rem);
}
.property-search-form-default .control-minimum_bedrooms,
.property-search-form-default .control-include-sold-stc,
.property-search-form-default .control-maximum_rent,
.property-search-form-default .control-maximum_price {
width: 25%;
}
.property-search-form-default input[type="submit"] {
width: calc(25% - 0.75rem);
}
}
@media screen and (min-width: 801px) {
header {
position: fixed !important;
z-index: 99999 !important;
width: 100% !important;
top: 0 !important;
}
.swap-content-order {
display: grid;
}
.swap-content-order .leftcol {
order: 2;
}
.swap-content-order .rightcol {
order: 1;
}
.floatingwhatsappbutton {
height: 3.75rem;
width: 3.75rem;
right: 0.313rem;
}
.floatingwhatsappbutton img {
margin: 0.375rem;
}
.vertical-align h3 {
padding-top: 1.25rem;
}
}
@media screen and (min-width: 982px) {
/* ::placeholder {
font-size: 1rem !important;
} */
body.et_pb_svg_logo .logo {
height: 75%;
}
}
@media screen and (min-width: 1024px) {
body.post-type-archive-property .propertyhive-views li {
display: block;
}
/* Simple property search */
.property-search-form-simple_search .control {
display: inline-block;
}
.property-search-form-simple_search .control-department {
width: 25%;
}
.property-search-form-simple_search .control-address_keyword {
width: 40%;
}
.property-search-form-simple_search input[type="submit"] {
width: 25%;
}
.propertyhive-views {
display: block;
}
}
@media screen and (max-width: 1024px) {
/* property container size */
body.post-type-archive-property #et-main-area #container {
width: 100%;
}
body.single-property .mobilepaddingtweak {
width: 90% !important;
}
.et_pb_section_5.et_pb_section.simplesearchbox {
padding-top: 17%;
}
/* responsive */
body.single-property .property-info-tab .et_pb_tabs_controls {
display: flex;
overflow: auto;
}
body.single-property
.property-info-tab
.et_pb_tabs_controls::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 0.375rem rgba(0, 0, 0, 0.3);
border-radius: 0.375rem;
background-color: #f5f5f5;
}
body.single-property
.property-info-tab
.et_pb_tabs_controls::-webkit-scrollbar {
width: 0.188rem;
height: 0.188rem;
background-color: #f5f5f5;
}
body.single-property
.property-info-tab
.et_pb_tabs_controls::-webkit-scrollbar-thumb {
border-radius: 0.375rem;
-webkit-box-shadow: inset 0 0 0.375rem rgba(0, 0, 0, 0.3);
background-color: #ffae92;
}
body.single-property .property-info-tab .et_pb_tabs_controls li {
min-width: fit-content;
}
body.single-property .property-info-tab .et_pb_tabs_controls li a {
white-space: nowrap;
/* font-size: 0.875rem; */
}
body.single-property .property-info-tab .et_pb_tabs_controls li:last-child {
margin-right: 1.25rem;
}
.summary.entry-summary:has(> .bookaviewing) a.bookaviewing {
margin-bottom: 3.75rem;
}
#post-2 rs-slide rs-layer-wrap.rs-parallax-wrap,
body #main-header > .container {
width: 90% !important;
}
body.post-type-archive-property ul.properties.view-list li {
display: flex;
flex-direction: column;
}
body.post-type-archive-property ul.properties.view-list li > div {
width: 100%;
}
#address_keyword {
border-left-width: 0.188rem;
border-right-width: 0.188rem;
}
.propertyhive ul.properties li .details {
padding: 4%;
}
.rooms .room {
padding-right: 1.25rem;
/* font-size: 0.75rem; */
}
#wpforms-form-4867345.wpforms-form {
padding: 0 !important;
}
body.single-property .property-info-tab .et_pb_tab_content {
padding-top: 0;
}
body.single-property .et_pb_tab_content hr {
margin: 1.875rem 0;
}
body.single-property .et_pb_tab_content ul.propertyfeatureslist {
list-style-type: none;
display: flex;
flex-direction: column;
}
body.single-property .et_pb_tab_content ul.propertyfeatureslist li {
width: 100%;
}
.grid-view-module .et_pb_row {
width: 85%;
}
body.single-property .property-info-tab {
margin-top: 0;
padding-top: 0px;
}
.tap-wapper {
margin-top: 0px;
}
}
@media screen and (max-width: 1200px) {
body.post-type-archive-property #et-main-area #container,
.container {
width: 90% !important;
}
.propertyhive ul.properties li .details {
padding: 2.5% 4%;
}
.property .actions a {
margin: 1.563rem 0px;
padding: 0.75rem 1.875rem;
/* font-size: 0.75rem; */
}
#post-2 rs-slide rs-layer-wrap.rs-parallax-wrap {
width: 90%;
}
}
@media screen and (min-width: 1400px) {
/* Property archive search */
.property-search-form-default {
display: flex;
}
.property-search-form-default .control-department {
display: inline-block !important;
width: 20%;
}
.property-search-form-default .control-address_keyword {
width: auto;
flex: 1;
}
.property-search-form-default .control-radius {
width: 15%;
}
.property-search-form-default .control-minimum_bedrooms,
.property-search-form-default .control-maximum_rent,
.property-search-form-default .control-maximum_price {
width: 11%;
}
.property-search-form-default .control-include-sold-stc {
width: 15%;
}
.property-search-form-default input[type="submit"] {
width: 11.5%;
}
}
@media screen and (max-width: 1441px) {
.grid-view-module ul.properties li .rooms,
.custom-properties-sale-rent ul.properties li .rooms {
flex-wrap: wrap;
}
.page.page-id-19 .et_pb_row,
.page.page-id-4866490 .et_pb_row {
width: 90%;
}
}
@media screen and (min-width: 1950px) {
.et_pb_slide_description {
padding-left: 0px !important;
}
}
.property-search-form-default select,
select.orderby {
background-size: 10px;
}
.display-flex {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.align-items-center {
align-items: center;
}
.align-items-stretch {
align-items: stretch;
}
.justify-content-center {
justify-content: center;
}
.justify-content-stretch {
justify-content: stretch;
}
.height-100 {
height: 100% !important;
}
.text-white {
color: #ffffff !important;
}
.padding-bottom-0 {
padding-bottom: 0 !important;
}
.margin-bottom-0 {
margin-bottom: 0 !important;
}
.padding-medium {
padding: 4% !important;
}
.view-grid .padding-medium {
padding: 2% !important;
}
.margin-medium {
margin: 4% !important;
}
.view-grid .margin-medium {
margin: 2% !important;
}
/* start custom css */
.single-property .flex-direction-nav a {
/* background: #fff; */
height: 40px !important;
opacity: 1 !important;
text-align: center;
/* line-height: 45px; */
}
.single-property .flex-direction-nav .flex-next {
right: 0 !important;
}
.single-property .flex-direction-nav .flex-prev {
left: 0 !important;
}
.single-property .flex-direction-nav a:before {
font-size: 34px;
}
.single-property .flex-viewport {
height: auto !important;
padding-top: 65%;
}
.single-property .flex-viewport .slides {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.single-property .flex-viewport .slides li,
.single-property .flex-viewport .slides li a {
height: 100%;
display: inline-block;
width: 100%;
}
.single-property .flex-viewport .slides li a img {
height: 100%;
object-fit: cover;
}
single-property .flex-viewport {
height: auto !important;
padding-top: 65%;
}
.single-property .flex-viewport .slides {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.single-property .flex-viewport .slides li,
.single-property .flex-viewport .slides li a {
height: 100%;
display: inline-block;
width: 100%;
}
.single-property .flex-viewport .slides li a img {
height: 100%;
object-fit: cover;
}
body .launcher-size-normal img {
height: 55px;
}
body .valuation-wrap-section .et_pb_button {
min-width: 284px;
}
@media only screen and (max-width: 575px) {
body.single-property .type-property .et_pb_row {
width: 90%;
}
body.single-property.sfsi_actvite_theme_flat .inerCnt .sficn,
body.single-property .sfsi_wicons {
width: 30px !important;
height: 30px !important;
float: right;
}
body.single-property.sfsi_actvite_theme_flat .inerCnt .sfcm.sfsi_wicon {
width: 35% !important;
}
body.single-property .mobilepaddingtweak > .vertical-align .images .flag {
/* font-size: 12px !important; */
padding: 7px 10px !important;
/* letter-spacing: .1rem !important; */
}
body.single-property .sfsi_shortcode_container {
right: 0;
top: 0;
}
body .valuation-wrap-section .et_pb_button {
min-width: 271px;
}
body.single-property .et_pb_section_200 .entry-summary {
padding-left: 0 !important;
padding-right: 0 !important;
}
body .propertyhive-map-canvas-wrapper {
margin-bottom: 2rem;
}
body .et_pb_text_8_tb_footer {
min-height: auto !important;
}
.single-property .flex-direction-nav a:before {
font-size: 16px;
}
.single-property .flex-direction-nav a {
width: 25px;
height: 25px;
/* line-height: 27px; */
}
}
@media screen and (min-width: 1025px) {
.padding-medium {
padding: 2.5% 4% !important;
}
.view-grid .padding-medium {
padding: 20px !important;
}
.view-grid .grid-padding-bottom-0-lg {
padding-bottom: 0 !important;
}
.margin-medium {
margin: 2.5% 4% !important;
}
}
@media screen and (min-width: 1201px) {
.padding-medium {
padding: 40px !important;
}
.view-grid .padding-medium {
padding: 20px !important;
}
.view-grid .grid-padding-bottom-0-lg {
padding-bottom: 0 !important;
}
.margin-medium {
margin: 40px !important;
}
}
/* -------
PROMOS
------- */
.property-promo {
width: 100%;
min-height: 320px;
position: relative;
align-items: center;
}
.property-promo .actions {
margin-top: 1rem;
flex-wrap: wrap;
gap: 1.25rem;
}
.property-promo .actions a {
margin: 1rem 0 0 0 !important;
}
.split {
width: 50%;
float: left;
}
.view-grid .split {
width: 100%;
}
@media screen and (max-width: 1024px) {
.split {
width: 100%;
}
}
/* -----------
END PROMOS
----------- */
/* -----------
PAGINATION
----------- */
.pagination,
.propertyhive-pagination {
margin-bottom: 3rem;
}
.propertyhive-pagination .page-numbers {
margin-bottom: 1rem;
}
.pagination,
.propertyhive-pagination,
.propertyhive-pagination .page-numbers {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.pagination .pagination-link,
.propertyhive-pagination ul li a,
.propertyhive-pagination ul li span {
width: 48px;
height: 48px;
margin: 0 0.25rem;
position: relative;
display: flex;
align-items: center;
justify-content: center;
/* background-color: #f2f2f2;
color: #1b202e; */
border-radius: 50%;
transition: all 0.3s ease-in-out;
}
/*
.pagination .pagination-link:hover,
.propertyhive-pagination ul li a:hover {
background-color: #1b202e;
color: #ffffff;
} */
.pagination .pagination-link.active,
.propertyhive-pagination ul li span.current {
/* background-color: #1b202e;
color: #ffffff; */
pointer-events: none;
cursor: not-allowed;
}
/* ---------------
END PAGINATION
--------------- */
@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
/* Safari 6.1+ */
flex-wrap: wrap;
}
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
#top-header > .container,
#main-header > .container,
#et_search_outer > .container,
body.single #main-content > .container,
body.page:not(.et-tb-has-template) div.et_pb_row,
body.page.et-tb-has-template .et-l--post div.et_pb_row,
body.single-project div.et_pb_row,
body.single-project div.et_pb_row.et_pb_row_fullwidth,
body .et_pb_row.et_pb_row_0_tb_footer,
body .et_pb_row.et_pb_row_1_tb_footer {
width: 90% !important;
}
body .slickwprev-list {
overflow: visible;
}
}
/* Font styles */
/* h1 {
font-size: 36px;
line-height: 1.1;
letter-spacing: -1px;
} */
/* h2 {
font-size: 32px;
line-height: 1.2;
letter-spacing: -1px;
} */
/* h3 {
font-size: 24px;
line-height: 1.4;
letter-spacing: 0px;
} */
/* h4 {
font-size: 18px;
line-height: 1.5;
letter-spacing: 0px;
} */
/* p {
font-size: inherit;
line-height: 1.7;
letter-spacing: 0px;
} */
/* psmall {
font-size: 11px;
line-height: 1.7;
letter-spacing: 0px;
} */
@media only screen and (max-width: 959px) {
div#content-wrap {
max-width: 50%;
}
}
@media (max-width: 980px) {
.reversecol {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse;
}
}
.et_pb_blog_grid .et_pb_image_container img {
aspect-ratio: 100 / 67;
object-fit: cover;
}
/* .wpforms-form .wpforms-title {
font-size: 60px !important;
} */
.wpforms-form {
background-color: #f2f2f2 !important;
padding: 30px 30px !important;
border: 20px solid #f2f2f2 !important;
border-radius: 30px !important;
}
.dtq-logo-carousel .slick-track {
display: flex;
align-items: center;
}
.dtq-logo-carousel-item img {
width: 100% !important;
max-width: 250px !important;
height: 100% !important;
max-height: 65px !important;
object-fit: contain !important;
}
.percent .percent-value,
.percent .percent-sign {
font-size: 3rem !important;
}
.error404 #left-area {
width: 100% !important;
padding: 0 !important;
}
.error404 #sidebar {
display: none !important;
}
/* =========================================
Currency prefix utilities
Apply to a container element.
Targets
inside by default.
========================================= */
.et_pb_circle_counter .percent p {
font-size: 3rem !important;
}
.prefix-gbp p::before {
content: "£";
}
.prefix-usd p::before {
content: "$";
}
.prefix-eur p::before {
content: "€";
}
/* Optional: support a space after currency symbol */
.prefix-space p::before {
content: attr(data-prefix) " ";
}
/* =========================================
Scale suffix utilities
========================================= */
.suffix-k p::after {
content: "k";
}
.suffix-m p::after {
content: "m";
}
.suffix-b p::after {
content: "b";
}
.suffix-t p::after {
content: "t";
}
/* Optional: add a space before suffix */
.suffix-space p::after {
content: " " attr(data-suffix);
}
/* =========================================
Time suffix utilities
Shorthand: day / month / year => d / m / yr
Long form (plural): days / months / years
========================================= */
/* Shorthand (no leading space) */
.suffix-day p::after {
content: "d";
}
.suffix-month p::after {
content: "m";
}
.suffix-year p::after {
content: "yr";
}
/* Long form plural (leading space) */
.suffix-days p::after {
content: " days";
}
.suffix-months p::after {
content: " months";
}
.suffix-years p::after {
content: " years";
}
/* =========================================
If you ever want explicit + / - or other common markers
========================================= */
.prefix-plus p::before {
content: "+";
}
.prefix-minus p::before {
content: "−";
} /* nicer minus */
.suffix-percent p::after {
content: "%";
}
/* =========================================
Safety: ensure pseudo elements don't wrap oddly
========================================= */
.prefix-gbp p::before,
.prefix-usd p::before,
.prefix-eur p::before,
.suffix-k p::after,
.suffix-m p::after,
.suffix-b p::after,
.suffix-t p::after,
.suffix-percent p::after,
.prefix-plus p::before,
.prefix-minus p::before,
.suffix-day p::after,
.suffix-month p::after,
.suffix-year p::after,
.suffix-days p::after,
.suffix-months p::after,
.suffix-years p::after {
display: inline;
}