/*======================================
Theme Name: Sobha-DIVI-Child-Theme-by-RiseThemes
Theme URI: https://sobha.riselayouts.site/
Description: Best realestate & MLS Integration Theme for Realtors and Developers
Author: Hidayath Shaikh
Author URI: https://risethemes.net/
Author Email: getrisethemes@gmail.com
Template: Divi
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/

 
/* custom CSS below */




/** Custom style home 2 search form **/ 
.es-search--advanced, .widget .es-search--advanced {
    background: #f7f7f7;
    padding: 25px;
	  border-radius: 10px !important;
}

/** single listing title customization**/ 

.es-property-section .es-property-section__title {
    font-size: 2.2em;
    color: #000;
    line-height: 1.5em;
    font-weight: 500;
    letter-spacing: .2px;
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
}


/** call for price title customization**/ 

.es-listings.es-listings--grid .es-listing .es-listing__content .es-badges .call-for-price, .es-listings[class*=" es-listings--grid-"] .es-listing .es-listing__content .es-badges .call-for-price, .es-listings[class^=es-listings--grid-] .es-listing .es-listing__content .es-badges .call-for-price {
    margin: 0.8em 4px;
    font-size: 14px;
}

/** single list breadcrumbs title customization**/ 

.es-breadcrumbs {
    margin-bottom: 20px;
    display: inline-block;
    font-size: 13px;
}

/** svg icon customization**/ 

ul.es-listing__meta svg {
    margin-right: 5px;
    max-width: 20px;
    max-height: 20px;
    display: inline-block;
}

/** single entry title customization**/ 

h1, h2, h3, h4, h5, h6 {
    color: #000;
    padding-bottom: 13px;
    line-height: 1em;
    font-weight: 600;
	  font-size: 32px
}

/** Home 1 image rotate**/ 

.rotate { 
  animation: rotation 20s infinite linear; 
} 
@keyframes rotation { 
from { 
transform: rotate(0deg); 
}
 to { 
transform: rotate(359deg); 
} 
}

/** Divi Mobile Menu Fullwidth**/ 

.container.et_menu_container { 
     width: calc( 100% - 60px);
}

.et_mobile_menu {
     margin-left: -30px;
     padding: 5%;
     width: calc( 100% + 60px);
}


.et_pb_slider.sobha_slider_arrow .et-pb-arrow-prev {
opacity: 1;
left: 22px;
} 

.et_pb_slider.sobha_slider_arrow .et-pb-arrow-next {
opacity: 1;right: 22px;
} 

.et_pb_slider.sobha_slider_arrow .et-pb-arrow-prev:before{
content:"23";
} 

.et_pb_slider.sobha_slider_arrow .et-pb-arrow-next:before{
content:"24";
}

/** Adding blog search icon **/ 
.sobha-search-icon::after {
    content: '55';
    font-family: ETModules;
    font-size: 20px;
	  font-weight: bold;
    color: #000;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) scaleX(-1);
    pointer-events: none;
    z-index: 9999;
}

.sobha-search-icon .et_pb_searchsubmit {
    z-index: 100;
}


/** Customize Scroll to top Button **/ 
.et_pb_scroll_top:before {
    content: "21";/*select icon*/
} 
.et_pb_scroll_top.et-pb-icon {
    right: 20px; /*right space*/
    bottom: 20px; /*bottom space*/
    border-radius: 100px;/*border radius*/
    background: #7cda24;/*button background color*/
    padding: 20px;/*space around the icon*/
    font-size: 24px;/*icon size*/
    transition: all .1s ease-in-out; /*add transition*/
}
.et_pb_scroll_top.et-pb-icon:hover {
    background: #5f1cc9;/*background color on hover*/
    transition: all .1s ease-in-out; /*add transition*/
}


.es-powered {
    text-align: center;
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1.67em;
    color: #b0bec5;
    margin-top: 2.5em;
    display: none;
} 

/** Custom style home 2 search form **/ 
.es-search--advanced, .widget .es-search--advanced {
    background: #f7f7f7;
    padding: 25px;
	  border-radius: 10px !important;
}

/** single listing title customization**/ 

.es-property-section .es-property-section__title {
    font-size: 2.2em;
    color: #000;
    line-height: 1.5em;
    font-weight: 500;
    letter-spacing: .2px;
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
}


/** call for price title customization**/ 

.es-listings.es-listings--grid .es-listing .es-listing__content .es-badges .call-for-price, .es-listings[class*=" es-listings--grid-"] .es-listing .es-listing__content .es-badges .call-for-price, .es-listings[class^=es-listings--grid-] .es-listing .es-listing__content .es-badges .call-for-price {
    margin: 0.8em 4px;
    font-size: 14px;
}

/** single list breadcrumbs title customization**/ 

.es-breadcrumbs {
    margin-bottom: 20px;
    display: inline-block;
    font-size: 13px;
}

/** svg icon customization**/ 

ul.es-listing__meta svg {
    margin-right: 5px;
    max-width: 20px;
    max-height: 20px;
    display: inline-block;
}

/** single entry title customization**/ 

h1, h2, h3, h4, h5, h6 {
    color: #000;
    padding-bottom: 13px;
    line-height: 1em;
    font-weight: 600;
	  font-size: 32px
}

/** Home 1 image rotate**/ 

.rotate { 
  animation: rotation 20s infinite linear; 
} 
@keyframes rotation { 
from { 
transform: rotate(0deg); 
}
 to { 
transform: rotate(359deg); 
} 
}

/** Divi Mobile Menu Fullwidth**/ 

.container.et_menu_container { 
     width: calc( 100% - 60px);
}

.et_mobile_menu {
     margin-left: -30px;
     padding: 5%;
     width: calc( 100% + 60px);
}


.et_pb_slider.sobha_slider_arrow .et-pb-arrow-prev {
opacity: 1;
left: 22px;
} 

.et_pb_slider.sobha_slider_arrow .et-pb-arrow-next {
opacity: 1;right: 22px;
} 

.et_pb_slider.sobha_slider_arrow .et-pb-arrow-prev:before{
content:"\23";
} 

.et_pb_slider.sobha_slider_arrow .et-pb-arrow-next:before{
content:"\24";
}


















    






/** Adding blog search icon **/ 
.sobha-search-icon::after {
    content: '\55';
    font-family: ETModules;
    font-size: 20px;
	  font-weight: bold;
    color: #000;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) scaleX(-1);
    pointer-events: none;
    z-index: 9999;
}

.sobha-search-icon .et_pb_searchsubmit {
    z-index: 100;
}


/** Customize Scroll to top Button **/ 
.et_pb_scroll_top:before {
    content: "\21";/*select icon*/
} 
.et_pb_scroll_top.et-pb-icon {
    right: 20px; /*right space*/
    bottom: 20px; /*bottom space*/
    border-radius: 100px;/*border radius*/
    background: #7cda24;/*button background color*/
    padding: 20px;/*space around the icon*/
    font-size: 24px;/*icon size*/
    transition: all .1s ease-in-out; /*add transition*/
}
.et_pb_scroll_top.et-pb-icon:hover {
    background: #5f1cc9;/*background color on hover*/
    transition: all .1s ease-in-out; /*add transition*/
}


.es-powered {
    text-align: center;
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1.67em;
    color: #b0bec5;
    margin-top: 2.5em;
    display: none;
}

.et_pb_menu .et_mobile_menu .menu-item-has-children > a,
#main-header .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
    position: relative;
}
.et_pb_menu .et_mobile_menu .menu-item-has-children > a:after, #main-header .et_mobile_menu .menu-item-has-children > a:after {
    font-family: 'ETmodules';
    text-align: center;
    speak: none;
    font-weight: 600;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    font-size: 18px;
    content: '\4c';
    top: 11px;
    right: 13px;
}
.et_pb_menu .et_mobile_menu .menu-item-has-children.visible > a:after,
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after {
    content: '\4d';
}
.et_pb_menu .et_mobile_menu ul.sub-menu,
#main-header .et_mobile_menu ul.sub-menu,
/* Hamburger menu wordt een kruisje */
.opened .mobile_menu_bar:before { content: '\4d' ; }

.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li ul.sub-menu {
    display: none !important;
    visibility: hidden !important;
    transition: all 1.5s ease-in-out;
}
.et_pb_menu .et_mobile_menu li.visible > ul.sub-menu,
#main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l #main-header .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_fullwidth_menu .et_mobile_menu li.visible > ul.sub-menu,
.et-db #et-boc .et-l .et_pb_menu .et_mobile_menu li.visible > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
}