/*
Theme Name:   Sitings Child
Theme URI:    https://sitings.ca
Description:  Sitings Child theme
Author:       Hope Media house
Author URI:   hopemediahouse.com/
Template:     sitings
Version:      0.1.0
Text Domain:  sitingschild
*/

:root {
    --subheading-size: 18px;
    --clr-accent: #db4433;
    --clr-red-dark: #930300;
    --clr-grey: #e9e9e9;
    --clr-grey-dark: #a2a2a2;
    --clr-grey-black: #424143;
    --clr-blue: #00578C;
    --gap-small: 8px;
    --header-gap-desktop: 100px;
    --header-height-desktop: 105px;

    --header-gap-mobile: 64px;

    /* archive page variables */
    --map-height: calc(100vh - var(--header-height-desktop));
    --side-padding: 2.5vw;
    --map-control-radius: 8px;
}

/* .single_advisor { height: 100% !important; }  We can't attach this to #main.*/

#main,
.content-below-header {
    margin-top: var(--header-gap-desktop);
}

html {
    scroll-behavior: smooth;
}

header#header {
    z-index: 21 !important;
}

.single_property,
.single_advisor {

    p,
    a {
        font-size: 14px;
        margin: 0;
    }
}

h1.normal {
    font-size: 1.5rem;
    font-weight: 900;
    font-family: sans-serif;
    color: black;
    text-transform: none;
    margin: 0;
}

p.title,
a.title {
    font-size: var(--subheading-size);
    font-weight: 700;
    color: black;
}

.text-black {
    color: black !important;
}

.flex-center-all {
    display: flex;
    align-items: center;
    justify-content: center;
}

a.title:hover {
    color: var(--clr-accent);
}

.m-right-auto {
    margin: 0 auto 0 0 !important;
}

.m-right-20 {
    margin-right: 20px !important;
}

.m-btm-10 {
    margin-bottom: 10px !important;
}

.border-1 {
    border: 1px solid black !important;
}

.m-btm-14 {
    margin-bottom: 14px !important;
}

.space_between {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
}

.bg-grey {
    background-color: var(--clr-grey);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

/* Firefox */

@media only screen and (max-width: 767px) {
    #header {
        border: none !important;
    }

    #main,
    .content-below-header {
        margin-top: var(--header-gap-mobile) !important;
    }

    .single_property {
        margin-top: 50px;
    }
}

@media print {

    /* print.css */
    header,
    footer,
    aside,
    nav,
    form,
    iframe,
    .nav_items_container,
    .buttons,
    .inquiry_btn_wrapper {
        display: none !important;
    }

    /* Initially hide all images in the slider */
    .flickity-slider img {
        display: none;
    }

    /* Display and center only the first image */
    .flickity-slider img:first-of-type {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        height: auto;
        left: auto !important;
    }

    /* Ensure the flickity-slider itself is displayed */
    .flickity-slider {
        display: block;
        width: 100%;
        max-width: 800px;
        margin: 0 auto;
        transform: none !important;
        position: unset !important;
    }

    .property_content {
        display: block !important;
    }

    body {
        font-size: 12pt;
        color: black;
    }

    .content {
        width: 100%;
        margin: 0;
        padding: 0;
    }
}