@import url("https://use.typekit.net/hep6vuj.css");

.uk-navbar-dropdown-nav > li.uk-active > a {
    font-weight: 500;
}

.uk-navbar .uk-logo {
    padding: 8px 0px !important;
}


.hero-heading-row {
    position: relative;
    margin-top: -220px;
}

.hero-heading-row .uk-tile {
    background: linear-gradient(180deg, #242424 70%, transparent 80%);
}


.is-visible .uk-heading-line>::after , .is-visible .uk-heading-line span::after  {
    animation: text-border-animation-2 8s 1;
    animation-play-state: running;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    top: calc(50% - (calc(2.6px)/ 2));
    width: 2000px;
    border-bottom: 0px !important;
    background-image: linear-gradient(to right, #ffffff 100%, #ffffff 100%), linear-gradient(to bottom, #ffffff 0, #ffffff 0), linear-gradient(to right, #ffffff 0, #ffffff 0), linear-gradient(to bottom, #ffffff 0, #ffffff 0);
    background-size: 1px 0, 1px 0, 60% 1px, 1px 0%;
    background-position: 0 0, 0 0, 0 100%, 0 100%;
    height: 1px;
}

.uk-heading-line>::before {
    display: none;
}

.news-grid-overlay .uk-panel {
    background: linear-gradient(0deg, black, transparent 90%);
    z-index: 1;
    pointer-events: none;
}

.news-grid-overlay .uk-position-bottom-left {
    width: 100%;
}
.news-grid-overlay .el-item .uk-panel > * {
    position: relative;
    z-index: 2;
}

.news-grid-overlay .el-item:hover .el-title::before {
    background: #151515;
    border-radius: 90px;
    margin: 0;
}

.news-grid-overlay .el-title::before {
    content: url(https://davidreidhomes.com.au/wp-content/uploads/2023/03/right.png);
    position: absolute;
    top: -110px;
    line-height: 0em;
    padding: 5px;
    transition: 0.2s;
    border-radius: 90px;
}

.buttons-equal-width .uk-button, .buttons-equal-width .el-item {
    min-width: 300px;
}

.is-visible .border-right-trace {
    animation: text-border-animation-left 5s 1;
    animation-play-state: running;
    width: 100%;
    height: 140px;
    background-repeat: no-repeat;
    background-image: linear-gradient(to right, #fff 100%, #fff 100%), linear-gradient(to bottom, #fff 0, #fff 0), linear-gradient(to right, #fff 0, #fff 0), linear-gradient(to bottom, #fff 0%, transparent 90%);
    background-size: 1px 0%, 1px 0px, 100% 1px, 1px 100%;
    background-position: 0 0, 0 0, 0 0%, 100% 0%;
}

.uk-button-text .uk-icon svg {
    overflow: visible;
}

.uk-button-text svg > line, .uk-button-text .uk-icon , .uk-button-text svg > polyline {
    transition: 0.7s;
}

.uk-button-text:hover .uk-icon line {
    transform: scaleX(3.5) translate(-2px, 0px);
}

.uk-button-text:hover svg polyline {
    transform: translate(30px, 0px);
}

.uk-section-secondary .uk-slidenav-container {
    margin: 0px;
    background: #242424;
    padding: 10px;
    bottom: -1px;
}

.uk-navbar-transparent {
    background: linear-gradient(180deg, black 0%, transparent);
}

.uk-navbar-item .uk-button-default {
    padding: 0px 18px;
    line-height: 2.5em;
    border: 1px solid #fff;
    color: #fff;
}

.uk-navbar-item .uk-button-default:hover {
    background: #fff;
    color: black;
}

.button-full-width .el-item {
    width: 100%;
}

.footer-grid .el-title {
    font-weight: 200;
    font-size: 27px;
    text-transform: none !important;
}

.uk-navbar-toggle {
    color: #fff;
}

.transition-delay {
    transition-duration: 1.8s;
    transition-delay: 0.1s;
}

.button-full-width .uk-grid-small {
    margin-left: 0px;
}


.uk-section-secondary:not(.uk-preserve-color) .uk-button-default {
    transition: 0.6s ease-in;
}

.uk-button-default:hover {
    box-shadow: inset 300px 0 0 0 #fff;
}

.partners-slider::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(90deg, #000000a8 0%, transparent 20%, transparent 80%, #000000a8 100%);
    top: 0;
    left: 0;
    pointer-events: none !important;
    top: 0px;
}

.partners-slider {
    position: relative;
}

.is-visible.running-border-left::before {
    animation: text-border-animation-down 5s 1;
    animation-play-state: running;
    width: 1px;
    height: 340px;
    background-repeat: no-repeat;
    background-image: linear-gradient(to right, #fff 100%, #fff 100%), linear-gradient(to bottom, #fff 0, #fff 0), linear-gradient(to right, #fff 0, #fff 0), linear-gradient(to bottom, #fff 0%, #fff 100%);
    background-size: 1px 0%, 1px 0px, 100% 1px, 1px 100%;
    background-position: 0 0, 0 0, 0 0%, 100% 0%;
    position: absolute;
    content: "";
    top: -30px;
    left: -30px;

}

.uk-light .uk-navbar-nav>li>a {
    color: #fff;
}



.gform_footer .gform_button {
    background-color: #303033;
    color: #fff;
    border: 2px solid transparent;
    background-image: linear-gradient(90deg,#1f1f1f,#4c4c4c);
    box-shadow: 1px 10px 15px 0 rgba(0,0,0,.22);
    padding: 15px 40px !important;
    font-family: 'Open Sans';
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 4em;
    transition: .1s ease-in-out;
    transition-property: color,background-color,background-position,background-size,border-color,box-shadow;
}
/*
.gform_footer .gform_button:hover {
    background-image: linear-gradient(0deg,#1f1f1f,#4c4c4c) !important;
}
*/
.gform_footer .gform_button:hover {
    background-image: none;
    color: black !important;
    background-color: white;
    border: 2px solid black;
}

.gform_footer .gform_button:focus {
    color: #848484 !important;
    border: solid !important;
}
/* not working? 
.ginput_container input:focus, .ginput_container textarea:focus, .ginput_container select:focus {
    border: 2px black solid !important;
}
*/

.ginput_container input {
    padding: 12px !important;
    font-style: italic;
    border: none !important;
    box-shadow: 0 2px 4px #00000030;
    margin-top: -2px !important;
    border: solid ;
}

.ginput_container textarea {
    padding: 12px !important;
    font-style: italic;
    border: none !important;
    box-shadow: 0 2px 4px #00000030;
    border: solid ;
}

.ginput_container select {
    padding: 12px !important;
    min-width: 270px !important;
    border: none !important;
    cursor: pointer;
    box-shadow: 0 2px 4px #00000030;
    border: solid ;
}


.uk-tile-muted {
    background: #f7f7f7;
    height: fit-content;
    min-height: 320px;
    border-radius: 20px;
    box-shadow: 0 4px 13px #0000001c;
}



@keyframes text-border-animation-2 {
    0% {
        background-size:    0% 1px;
    }

    100% {
        background-size:    100% 1px;

    }
}



.is-visible.running-right {
    animation: text-border-animation-2 8s 1;
    animation-play-state: running;
    height: 1px;
    border-top: 0px;
    background-image: linear-gradient(to right, #ffffff 100%, #ffffff 100%), linear-gradient(to bottom, #ffffff 0, #ffffff 0), linear-gradient(to right, #ffffff 0, #ffffff 0), linear-gradient(to bottom, #ffffff 0, #ffffff 0);
    background-size: 1px 0, 1px 0, 100% 1px, 1px 0%;
    background-position: 0 0, 0 0, 0 100%, 0 100%;
    background-repeat: no-repeat;
}


@keyframes text-border-animation-left {
    0% {
        background-size:    1px 0,
                            1px 0,
                            0% 1px,
                            1px 0%;
    }

    80% {
        background-size:    1px 0, 
                            1px 0, 
                            100% 1px, 
                            1px 0%;

    }
    100% {
        background-size:    1px 0, 
                            1px 0, 
                            100% 1px, 
                            1px 100%;

    }
} 

@keyframes text-border-animation-down {
    0% {
        background-size:    1px 0,
                            1px 0,
                            0% 1px,
                            1px 0%;
    }

    100% {
        background-size:    1px 0, 
                            1px 0, 
                            100% 1px, 
                            1px 100%;

    }
}


#footer\#0 .el-content {
    text-transform: initial !important;
    font-size: 16px;
    line-height: 2.5em;
    padding-top: 4px;
}


/* sticky phone button */
.floatingphone-mobile {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background: black;
    width: 50px;
    height: 43px;
    padding: 9px 9px 6px 1px;
    box-shadow: -4px 9px 10px #00000026;
    border: 4px solid #fff;
    z-index: 199999;
    border-radius: 100%;
    padding: 15px 3px 1px 8px;
}

.floatingphone-mobile img {
    transform: skewX(10deg);
    margin-right: 5px;
	margin-left: 10px;
}

.floatingphone-mobile a {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}


.padding-mobile > div {
    padding-left: 20px;
    padding-right: 20px;
}
    


@media (max-width: 1500px) and (min-width: 1200px){
    .news-grid-overlay .el-title {
        font-size: 20px;
    }
}


@media (max-width: 1200px) {
    .uk-navbar-container.uk-navbar-transparent.uk-light .uk-container.uk-container-expand {
        height: 100px !important;
    }
    .uk-navbar .uk-logo {
        margin-top: 40px !important;
    }
}


@media (max-width: 1000px) {
    p , a , .el-content , html {
        font-size:18px !important;
    }
    .border-right-trace {
        margin-bottom: -100px;
    }

    .logo-small-mobile {
        max-width: 145px;
        margin: auto;
    }

    .padding-mobile > div {
        padding-left: 20px;
        padding-right: 20px;
    }

    .hero-heading-row {
        position: relative;
        margin-top: -30px;
        margin-bottom: -30px !important;
    }

    .news-grid-overlay .el-title::before {
        top: -90px;
        transform: scale(0.6);
        left: -20px;
    }
    .services-grid .el-title {
        font-size:18px;
    }
    
    .uk-button {
    padding: 0px 10px !important;
        font-size:17px !important;
}
    .testimonial-slider .uk-slideshow em {
    font-size: 16px;
    line-height: 1em !important;
}
}

@media (max-width: 960px) and (min-width: 481px){
.uk-heading-medium {
    font-size: 40px;
    line-height: 1.1;
}
.uk-heading-small {
    font-size: 35px;
    line-height: 1.2;
}
}



@media (min-width: 481px) and (max-width: 767px) { 

    .uk-h1, h1 {
        font-size: 28px;
    }

    h2, .uk-h2 {
        font-size: 26px;
    }
    p {
        font-size: 15px;
    }


}

@media (max-width: 480px) { 

    .uk-h1, h1 {
        font-size: 28px;
    }

    h2, .uk-h2 {
        font-size: 26px;
    }
    .ginput_container input {
        margin-top: -2px !important;
    }
    h3 {
        font-size: 20px;
    }
    .uk-heading-medium {
        font-size: 30px;
        line-height: 1.1;
    }
    .uk-heading-small {
        font-size: 25px;
        line-height: 1.2;
    }
    .uk-button {
        padding: 0px 10px !important;
    }
}