/*======================================
Theme Name: Divi Real Estate Child Theme
Theme URI: https://realestate.divifoxx.com/
Description: Attractive, feature-rich child theme that's designed for real estate business or real estate agency.
Version: 1.0
Author: Mayank Singh Yadav
Author URI: https://divifoxx.com/
Template: Divi
License:  GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
======================================*/

/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */


/**** 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: #FF5A5F;
    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 #ff5a5f;
   padding: 20px;
   border-radius:5px;
   color: #ffffff!important;
   background-color: #FF5A5F;
}
  
.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 #FF5A5F;
    border-radius: 3px;
    background-color: #FF5A5F;
    box-shadow: 0px 2px 12px -6px #FF5A5F;
  }
  
@media only screen and (max-width: 360px) {
  .et_pb_accordion .et_pb_toggle_title:before{
    right:5px;
    border: 4px solid #FF5A5F;
  }
}

/**** 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: #FF5A5F !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: #FF5A5F;
    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: #FF5A5F;
    color: #fff;
}

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

/**** gallery Page Pagination ****/
.et_pb_gallery_pagination .active{
	color:#ffffff!important;
	background-color:#FF5A5F!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: #FF5A5F !important;
  border-radius: 100px;
}


/*To styles the numbers when hovering*/

.wp-pagenavi a:hover {
  color: #ffffff!important;
  background: #FF5A5F!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: #FF5A5F;
}