/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/*HOME CATEGORY BLOCK*/
.cat_container {
    display: flex;
    justify-content: center;
    position: relative;
    height: 800px;
    text-transform: capitalize;
}

.cat_container h2, .cat_container ul, .cat_container li{
    color: white;
    padding: 0;
    margin: 0;
    list-style: none;
}

.cat_container .wrap {
    width: 100%;
    display: flex;
}

.cat_container .section-one {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 70%;
}

.cat_container .section-two {
    display: flex;
    flex-basis: 30%;
}

.cat_container .box {
    position: relative;
    background-size: cover;
    color: white;
}

.cat_container .box.one {
    flex-basis: 100%;
}

.cat_container .box.two {
    flex-basis: 50%;
}

.cat_container .box.three {
    flex-basis: 50%;
}

.cat_container .box:hover .content {
    background: rgba(0, 0, 0, .8);
    opacity: 1;
    transform: scale(1);

}

.cat_container .content {
    box-sizing: border-box;
    padding: 50px 50px;
    opacity: 0;
    background: rgba(0, 0, 0, 0);
    height: 100%;
    transition: all .2s ease-in-out;
    transform: scale(.1);
    transform-origin: 0 0;
}

.cat_container .content ul{
    margin-top: 70px;
}
.cat_container .content ul li{
    margin-bottom: 20px;
    font-size: 1.2em;
    color: #c9c9c9;
    line-height: 25px;
}

.cat_container h2 {
    position: absolute;
    top: 50px;
    left: 50px
}

.cat_container img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    filter: brightness(75%) ;
}

@media only screen and (max-width: 1024px) {
    .cat_container .box.one,
    .cat_container .box.two,
    .cat_container .box.three,
    .cat_container .section-one,
    .cat_container .section-two {
        flex-basis: 100%;
    }
    .cat_container .wrap {
        flex-wrap: wrap;
    }

}

@media only screen and (max-width: 767px) {
    .cat_container .wrap {
        flex-wrap: wrap;
    }

    .cat_container .box {
        height: 300px;
    }

    .cat_container .content ul li{
        margin-bottom: 10px;
        font-size: 1em;
    }
}

/*SUB PAGE CATEGORY BLOCK*/
.subpage_cat_section .nav_list, .subpage_cat_section .arrow{
    opacity: 0;
    transition: opacity .5s ease-in-out;
}
.subpage_cat_section .cat_block:hover .nav_list,
.subpage_cat_section .cat_block:hover .arrow{
    opacity: 1;
}

/*TIMELINE*/
.splide h3{
    margin-bottom: 50px;
    font-family: "Neue Haas Grotesk Display Pro", Arial;
    font-weight: 500;
    font-size: 2em;
}
.splide h4{
    margin-top: 50px;
    font-family: "Neue Haas Grotesk Display Pro", Arial;
    font-weight: 500;
    font-size: 1.5em;
}
.splide .divider {
    height: 1px;
    background-color: #cecece;
    position: relative;
}

.splide .divider .circle {
    width: 14px;
    height: 14px;
    background-color: black;
    position: absolute;
    top: -7px;
    border-radius: 10px;
}

.splide .splide__slide p {
    padding-right: 130px;
    line-height: 1.5em;
}
.splide .splide__pagination{
    bottom: -50px;
}

.splide .splide__pagination__page{
    background-color: #d9d9d9;
    padding: unset;
    border-radius: 10px;
}
.splide .splide__pagination__page.is-active{
    background-color: #949494;
    border: unset;
}
.splide .splide__pagination__page.is-active:focus{
    outline: none;
}
.splide:hover{
    cursor: url("https://hihotest.co.nz/cameronlawyers/wp-content/uploads/2022/06/cursor.svg"), auto;
}

@media only screen and (max-width: 767px) {
    .splide .splide__slide p {
        padding-right: 80px;
    }
}

/* STICKY HEADER */
header.sticky-header.elementor-sticky--effects {
    background-color: black;
    box-shadow: 0 2px 15px 5px rgba(0, 0, 0, 0.3);
}

/*PRICE BLOCK*/
.price_block .elementor-price-table{
    height: 500px;
    overflow: hidden;
    background-color: white;
}

/*CLICKABLE COLUMN*/
/*.click-child{*/
/*    cursor: pointer;*/
/*}*/

.click-child a, .click-child .elementor-icon-box-description{
    transition: color .5s ease-in-out;
}

.click-child:hover a, .click-child:hover .elementor-icon-box-description{
    color: #C2B697!important;
}

.services_block .jet-listing-grid__item:last-child .service_divider{
    visibility: hidden;
}