/*
Theme Name: Wildman
Version: 1.0
Author: Wildman Web Solutions
Template: wildman
License:  GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
/* This file was modified 2024-04-23 by WP Zone to customize metadata in header comment */

/* You can add your own CSS styles here. Use !important to overwrite sty
/**** Slider Testimonial Testimonials  ****/

/*manually add the image url to the slide controller*/
.df-slider-testimonial .et-pb-controllers a:nth-child(1) {
    content: url('https://realestate.divifoxx.com/wp-content/uploads/2021/08/circle-cropped-11-1-1.png');
}

.df-slider-testimonial .et-pb-controllers a:nth-child(2) {
    content: url('https://realestate.divifoxx.com/wp-content/uploads/2021/08/circle-cropped-10-1-1-1.png');
}

.df-slider-testimonial .et-pb-controllers a:nth-child(3) {
    content: url('https://dev.peeayecreative.com/wp-content/uploads/2019/08/Mrs.-Divi.jpg');
}

.df-slider-testimonial .et-pb-controllers a:nth-child(4) {
    content: url('https://dev.peeayecreative.com/wp-content/uploads/2019/08/Uncle-Divi.jpg');
}
/*size and position of images*/
.df-slider-testimonial .et-pb-controllers a {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    margin: 0 15px;
}
    /*change opacity on hover*/
    .df-slider-testimonial .et-pb-controllers a:hover {
        opacity: 1;
    }
/*make the active slide slightly bigger*/
.df-slider-testimonial .et-pb-controllers .et-pb-active-control {
    width: 80px;
    height: 80px;
    margin-bottom: -5px;
}

/*force off the text shadows*/
.df-slider-testimonial .et_pb_slide_description {
    text-shadow: none !important;
    margin-bottom: 20px !important;
}
/*change the slide description animation*/
.df-slider-testimonial .et-pb-active-slide .et_pb_slide_description {
    animation-name: fadeIn;
}


@media (max-width: 980px) {
    /*size and position of images - mobile*/
    .df-slider-testimonial .et-pb-controllers a {
        width: 50px;
        height: 50px;
        border-radius: 100%;
        margin: 0 10px;
    }
    /*make the active slide slightly bigger - mobile*/
    .df-slider-testimonial .et-pb-controllers .et-pb-active-control {
        width: 60px;
        height: 60px;
        margin-bottom: -5px;
    }
    /*adjust image position - mobile*/
    .df-slider-testimonial .et-pb-controllers {
        bottom: 10%;
    }
}

/*position the images - mobile*/
@media (max-width: 767px) {
    .df-slider-testimonial .et-pb-controllers {
        bottom: 20%;
    }
    /*position the images - mobile*/
    .df-slider-testimonial .et_pb_slide_description {
        margin-bottom: 50px !important;
    }
}

/* Testimonial Slider Arrows */
.et_pb_bg_layout_light .et-pb-arrow-next, .et_pb_bg_layout_light .et-pb-arrow-prev {
    color: #fff;
    background-color: #7FB6A1;
    font-size: 35px;
    border-radius: 55px;
    padding: 10px;
}


/**** Gallery CSS ****/
/* Custom Css for Gallery Page */

/* To Make Gallery Gutterless */
.et_pb_gallery_item {
    margin: 0px !important;
    width: 25% !important;
}


/* To Add Border in Images  */
.et_pb_gallery_item {
    border: 1px solid transparent;
}


/* To Remove Overlay  */
.et_overlay {
    display: none;
}


/* To Give a Zoom Effect to Images */
.df-gallery img {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

    .df-gallery img:hover {
        transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }


/*  Overflowing The Zoom Effect */
.et_pb_gallery_items {
    overflow: visible !important;
}


/* To Avoid Overlaping of Images in Zoom Effect  */
.et_pb_gallery_image:hover {
    z-index: 999;
    box-shadow: 0px 16px 18px rgba(0, 0, 0, 0.2) !important;
}


/* To Make Gallery Module Repsonsive */
@media (max-width: 980px) {
    .et_pb_gallery_item.et_pb_grid_item {
        margin: 0px !important;
        width: 33% !important;
    }
}

@media (max-width: 780px) {
    .et_pb_gallery_item.et_pb_grid_item {
        margin: 0px !important;
        width: 50% !important;
    }
}

@media (max-width: 680px) {
    .et_pb_gallery_item.et_pb_grid_item {
        margin: 0px !important;
        width: 100% !important;
    }
}

/**** CSS for Blog Modules ****/
/* Blog Module Image Zoom */
.df-blog .et_pb_post img {
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.df-blog .et_pb_post:hover img {
    transform: scale(1.2) rotate(5deg);
    -moz-transform: scale(1.2) rotate(5deg);
    -webkit-transform: scale(1.2) rotate(5deg);
}

.df-blog a.entry-featured-image-url {
    overflow: hidden;
}

/**** Blog Module Elements Rearrage ****/
/* make the parts of the blog post flexible */
.et_pb_post {
    display: flex;
    flex-direction: column;
}

    /*blog post featured image*/
    .et_pb_post .et_pb_image_container, .et_pb_post .entry-featured-image-url {
        order: 1;
        margin-bottom: 15px;
    }


    /*blog post title*/
    .et_pb_post .entry-title {
        order: 3;
    }


    /*blog post meta*/
    .et_pb_post .post-meta {
        order: 2;
    }

    /*blog post excerpt and button*/
    .et_pb_post .post-content {
        order: 4;
        margin-bottom: 15px;
    }

/**** Equalise Blog Module Height ****/
/*Equalize Blog Columns*/

.df-blog .et_pb_salvattore_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.df-blog article {
    margin-bottom: 20px !important;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.df-blog .post-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.df-blog .column {
    margin-bottom: 20px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

/**** CSS for FAQ Accordion ****/
/* CSS to Style Accordion Modules */
.et_pb_toggle_open .et_pb_toggle_title, .et_pb_toggle_open h5.et_pb_toggle_title {
    box-shadow: 0px 12px 18px -6px #7FB6A1;
    padding: 20px;
    border-radius: 5px;
    color: #ffffff !important;
    background-color: #7FB6A1;
}

.et_pb_toggle_close .et_pb_toggle_title, .et_pb_toggle_close h5.et_pb_toggle_title {
    box-shadow: 0px 2px 18px 0px rgb(110 130 208 / 17%);
    padding: 20px;
    border-radius: 5px;
}

.et_pb_toggle_content {
    padding: 20px;
    position: relative;
}

.et_pb_accordion.et_pb_accordion .et_pb_accordion_item {
    padding: 0px;
}

.et_pb_accordion .et_pb_toggle_title:before {
    right: 20px;
    top: 23px;
    margin-left: 5px;
    color: #fff;
    border: 7px solid #7FB6A1;
    border-radius: 3px;
    background-color: #7FB6A1;
    box-shadow: 0px 2px 12px -6px #7FB6A1;
}

@media only screen and (max-width: 360px) {
    .et_pb_accordion .et_pb_toggle_title:before {
        right: 5px;
        border: 4px solid #7FB6A1;
    }
}

/**** Making Contact Form Inline in Hero Section of Home Page ****/
.hero-form p.et_pb_contact_field {
    padding: 0 0 0 1.5%;
    margin-bottom: 0;
}

.hero-form .et_pb_contact_form {
    margin-left: -1.5%;
}

@media only screen and (max-width: 768px) {
    .hero-form p.et_pb_contact_field {
        padding: 0 0 0 3%;
        margin-bottom: 3%;
    }

    .hero-form .et_pb_contact_form {
        margin-left: -3%;
    }
}

/**** Locations Card ****/
.property-cities-card {
    cursor: pointer;
    background-size: 100%;
    -webkit-transition: all 0.3s ease-in-out;
}

    .property-cities-card:hover {
        background-size: 110%;
    }

/**** Header Css ****/
/* Triangle above sub menu */
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul::after {
    content: ' ';
    position: absolute;
    left: 20px;
    top: -30px;
    display: block;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid transparent;
    border-bottom: 15px solid #24324A;
}

/* Hover effect on sub items */
.nav li li:hover {
    background-color: #7FB6A1 !important;
    border-radius: 5px;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
    border-radius: 5px;
    padding: 0;
    border: 0 !important;
}

.et_pb_menu.et_pb_text_align_right .menu-item {
    text-align: left;
}

.nav li li {
    padding: 7px 20px;
    margin: 0;
    border-bottom: 1px solid #32425cc4;
}

/**** Full Width Blog ****/
.df-full-blog .entry-title {
    padding: 0 30px;
}

.df-full-blog .post-meta {
    padding: 0 30px;
}

.df-full-blog .post-content {
    padding: 0 30px;
}

.df-blog article {
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.08);
    border-radius: 10px;
}


/**** Sidebar ****/
.et_pb_widget ul li {
    background-color: #7FB6A1;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0px 8px 18px -6px rgb(255 90 95 / 28%);
}

.et_pb_bg_layout_light .et_pb_widget li a {
    color: #fff;
}


.widget_search #searchsubmit, .et_pb_widget .wp-block-search__button {
    background-color: #7FB6A1;
    color: #fff;
}

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

/**** gallery Page Pagination ****/
.et_pb_gallery_pagination .active {
    color: #ffffff !important;
    background-color: #7FB6A1 !important;
    padding: 5px 10px;
    border-radius: 50px;
}

.et_pb_gallery .et_pb_gallery_pagination ul li a {
    color: #000;
    background-color: #f1f1f1;
    padding: 5px 10px;
    border-radius: 50px;
}

.et_pb_gallery .et_pb_gallery_pagination ul li {
    display: inline-block;
    padding: 25px 5px;
}

.et_pb_gallery .et_pb_gallery_pagination {
    border-top: 0px !important;
}


/**** Styling the Paginations using WP-PageNavi Plugin ****/

/*To styles the numbers*/

.wp-pagenavi a,
.wp-pagenavi span {
    color: #000000;
    background: #f1f3f5;
    font-size: 1em !important;
    line-height: 1em;
    font-weight: bold !important;
    padding: 0.45em 0.8em !important;
    border-radius: 100px;
    transition: all .5s;
}


    /*To styles the current page number*/

    .wp-pagenavi span.current {
        color: #ffffff !important;
        background: #7FB6A1 !important;
        border-radius: 100px;
    }


    /*To styles the numbers when hovering*/

    .wp-pagenavi a:hover {
        color: #ffffff !important;
        background: #7FB6A1 !important;
    }


/*To hides teh background around the pages*/

.wp-pagenavi .pages {
    background: none;
}


/*To removes the border and centers the entire pagination*/

.wp-pagenavi {
    border-top: none;
    text-align: right;
}

    .wp-pagenavi a:hover, .wp-pagenavi span.current {
        border-color: #7FB6A1;
    }