/*
Theme Name: Real Estate Vital
Template: real-estate-salient
Author: Ponvendhan
Description: Real Estate Vital is a powerful and efficient WordPress theme designed for Real Estate Companies, Real Estate Agents, marketers and anyone who are creating a Real Estate Website. It provides a complete solution to create and maintain a Real estate business. Built with powerful platform allows to add unlimited Properties. Theme comes with bunch of customize options to tweak your website with few clicks. Intall demo content with just one click and your site is ready to go. Check out demo here https://www.ammuthemes.com/real-estate-vital/
Version: 1.3
Requires at least: 5.0
Tested up to: 6.6
Requires PHP: 5.6
Tags: custom-menu, custom-logo, custom-background, right-sidebar, featured-images, theme-options, threaded-comments, footer-widgets, blog, e-commerce
Text Domain: real-estate-vital
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
*/


:root {
  --theme-primary-color: #003F7D;
  --theme-secondary-color: #FF8E00;
}
body {
  position: relative;
}

* {
  font-family: "Poppins", sans-serif;
}

a {
  text-decoration: none !important;
  color: #555;
}
a:hover {
  color: inherit !important;
  text-decoration: none !important;
}
img {
  max-width: 100%;
}

header {
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #e6eff2;
  z-index: 9999;
}

header.transparent {
  background: transparent;
  border-bottom: none;
  z-index: 99;
  top: 25px;
}

.fixed {
  position: absolute;
  color: #fff;
}

.fixed a{
  color: #fff;
}

/**
====================================================================
  Top Bar
====================================================================
*/
.top-bar-vital {
  background-color: var(--theme-primary-color);
  line-height: 45px;
  color: #fff;
  
}
.top-bar-vital .align-items-center {
  
}
.top-bar-text {
  font-size: 13px;
  letter-spacing: 0.275px;
  margin-bottom: 0;
}
.top-bar-text i, .top-bar-text p{
  margin-bottom: 0;
  display: inline-block;
  padding-left: 8px;
  font-size: 16px;
  line-height: 45px;
  color: var(--theme-secondary-color);
}
.top-bar-text p {
  font-size: 13px;
  padding-right: 20px;
  color: #fff;
}
.top-bar-navigation {
  margin: 0;
  padding: 0;
}
.top-bar-navigation ul{
  margin: 0;
}
.top-bar-navigation li{
  list-style: none;
  display: inline-block;
}
.top-bar-navigation a{
  color: var(--header-link-colour);
  font-size: 14px;
  padding-right: 12px;
  padding-left: 2px;
  letter-spacing: 1px;
  line-height: 45px;
}
.social-links {
  border-left: 1px solid #eeeeee4a;
}
.social-links a{
  color: var(--header-link-colour);
  display: inline-block;
  padding-left: 8px;
  font-size: 17px;
  line-height: 45px;
}
.logo-area-vital {
  padding-top: 20px;
  padding-bottom: 20px;
  background: var(--second-colour);
}

.logo h2 {
  font-weight: 800;
  font-size: 30px;
  margin-bottom: 0;
  color: var(--header-link-colour);
}
.logo p {
  margin: 0;
  font-size: 12px;
  color: var(--header-link-colour);
}
.logo img{
  max-width: 100%;
  height: auto;
}
.site-title a{
  font-size: 27px;
  color: var(--header-link-colour);

}


/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  z-index: 99999;
  display: block;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}

.main-navigation ul ul a {
  background-color: var(--background-color-white);
  color: var(--text-color-main);
  opacity: 1;
  padding: 10px 15px;
  border-bottom: 1px solid #f1f1f1;
  text-transform: capitalize;
  color: #333 !important;
  font-size: 12px;
}

.main-navigation ul ul a:focus, .main-navigation ul ul a:hover {
  color: var(--primary-color);
}

.main-navigation ul li:hover > ul,
.main-navigation ul li:focus > ul {
  left: auto;
}

.main-navigation li {
  position: relative;
}

.main-navigation a {
  padding: 17px 20px;
  font-size: 13px;
  color: #333;
  text-transform: uppercase;
  display: block;
  text-decoration: none;
  opacity: 0.9;
  letter-spacing: 0.5px;
  font-weight: 500;
}

@media (min-width: 992px) {
  .main-navigation a {
    
  }
}

.main-navigation a:focus, .main-navigation a:hover {
  opacity: 1;
  color: var(--primary-color);
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
  position: relative;
  opacity: 1;
  color: var(--primary-color);
}

@media (min-width: 1024px) {
  .menu-toggle {
    display: none !important;
  }
  .main-navigation ul.menu li .children,
  .main-navigation ul.menu li .sub-menu {
    left: -999em;
    padding: 0;
    position: absolute;
    top: 100%;
    z-index: 999;
    margin: 30px 0 0;
    width: 230px;
    background: #fff;
    border-top: 3px solid green;
  }
  .main-navigation ul.menu li .children > li .children,
  .main-navigation ul.menu li .children > li .sub-menu,
  .main-navigation ul.menu li .sub-menu > li .children,
  .main-navigation ul.menu li .sub-menu > li .sub-menu {
    left: -999em;
    top: 0;
    margin-top: 0;
    margin-left: 30px;
  }
  .main-navigation ul.menu li.menu-item-has-children > a::after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    line-height: inherit;
    vertical-align: baseline;
    content: "\f107";
    display: inline-block;
    margin-left: 10px;
  }
  .main-navigation ul.menu > li:not(:nth-last-child(1)):not(:nth-last-child(2)):not(:nth-last-child(3)):hover > .children,
  .main-navigation ul.menu > li:not(:nth-last-child(1)):not(:nth-last-child(2)):not(:nth-last-child(3)):hover > .sub-menu {
    margin: 0;
    margin-top: 0px;
    left: 0;
  }
  .main-navigation ul.menu > li:not(:nth-last-child(1)):not(:nth-last-child(2)):not(:nth-last-child(3)):focus-within > .children,
  .main-navigation ul.menu > li:not(:nth-last-child(1)):not(:nth-last-child(2)):not(:nth-last-child(3)):focus-within > .sub-menu {
    margin: 0;
    margin-top: 0px;
    left: 0;
  }
  .main-navigation ul.menu > li:nth-last-child(1):hover > .children,
  .main-navigation ul.menu > li:nth-last-child(1):hover > .sub-menu,
  .main-navigation ul.menu > li:nth-last-child(2):hover > .children,
  .main-navigation ul.menu > li:nth-last-child(2):hover > .sub-menu,
  .main-navigation ul.menu > li:nth-last-child(3):hover > .children,
  .main-navigation ul.menu > li:nth-last-child(3):hover > .sub-menu {
    margin: 0;
    margin-top: 0px;
    right: 0;
    left: unset;
  }
  .main-navigation ul.menu > li:nth-last-child(1):focus-within > .children,
  .main-navigation ul.menu > li:nth-last-child(1):focus-within > .sub-menu,
  .main-navigation ul.menu > li:nth-last-child(2):focus-within > .children,
  .main-navigation ul.menu > li:nth-last-child(2):focus-within > .sub-menu,
  .main-navigation ul.menu > li:nth-last-child(3):focus-within > .children,
  .main-navigation ul.menu > li:nth-last-child(3):focus-within > .sub-menu {
    margin: 0;
    margin-top: 0px;
    right: 0;
    left: unset;
  }
  .main-navigation ul.menu .children,
  .main-navigation ul.menu .sub-menu {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  }
  .main-navigation ul.menu .children li.menu-item-has-children > a,
  .main-navigation ul.menu .sub-menu li.menu-item-has-children > a {
    padding-right: 25px;
  }
  .main-navigation ul.menu .children li.menu-item-has-children > a::after,
  .main-navigation ul.menu .sub-menu li.menu-item-has-children > a::after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    line-height: inherit;
    vertical-align: baseline;
    content: "\f105";
    display: inline-block;
    margin-left: 10px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  .main-navigation ul.menu .children > li:hover > .children,
  .main-navigation ul.menu .children > li:hover > .sub-menu,
  .main-navigation ul.menu .sub-menu > li:hover > .children,
  .main-navigation ul.menu .sub-menu > li:hover > .sub-menu {
    left: 100%;
    margin-left: 0px;
    margin-top: 0px;
  }
  .main-navigation ul.menu .children > li:focus-within > .children,
  .main-navigation ul.menu .children > li:focus-within > .sub-menu,
  .main-navigation ul.menu .sub-menu > li:focus-within > .children,
  .main-navigation ul.menu .sub-menu > li:focus-within > .sub-menu {
    left: 100%;
    margin-left: 0px;
    margin-top: 0px;
  }
  .main-navigation ul.menu > li:nth-last-child(1) li.menu-item-has-children > a,
  .main-navigation ul.menu > li:nth-last-child(2) li.menu-item-has-children > a,
  .main-navigation ul.menu > li:nth-last-child(3) li.menu-item-has-children > a {
    padding-left: 25px;
    padding-right: 20px;
  }
  .main-navigation ul.menu > li:nth-last-child(1) li.menu-item-has-children > a::after,
  .main-navigation ul.menu > li:nth-last-child(2) li.menu-item-has-children > a::after,
  .main-navigation ul.menu > li:nth-last-child(3) li.menu-item-has-children > a::after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    line-height: inherit;
    vertical-align: baseline;
    content: "\f104";
    display: inline-block;
    margin-right: 10px;
    margin-left: 0;
    position: absolute;
    left: 10px;
    right: unset;
    top: 50%;
    transform: translateY(-50%);
  }
  .main-navigation ul.menu > li:nth-last-child(1) .children > li:hover > .children,
  .main-navigation ul.menu > li:nth-last-child(1) .children > li:hover > .sub-menu,
  .main-navigation ul.menu > li:nth-last-child(1) .sub-menu > li:hover > .children,
  .main-navigation ul.menu > li:nth-last-child(1) .sub-menu > li:hover > .sub-menu,
  .main-navigation ul.menu > li:nth-last-child(2) .children > li:hover > .children,
  .main-navigation ul.menu > li:nth-last-child(2) .children > li:hover > .sub-menu,
  .main-navigation ul.menu > li:nth-last-child(2) .sub-menu > li:hover > .children,
  .main-navigation ul.menu > li:nth-last-child(2) .sub-menu > li:hover > .sub-menu,
  .main-navigation ul.menu > li:nth-last-child(3) .children > li:hover > .children,
  .main-navigation ul.menu > li:nth-last-child(3) .children > li:hover > .sub-menu,
  .main-navigation ul.menu > li:nth-last-child(3) .sub-menu > li:hover > .children,
  .main-navigation ul.menu > li:nth-last-child(3) .sub-menu > li:hover > .sub-menu {
    right: 100%;
    left: unset;
    margin-left: 0px;
    margin-top: 0px;
  }
  .main-navigation ul.menu > li:nth-last-child(1) .children > li:focus-within > .children,
  .main-navigation ul.menu > li:nth-last-child(1) .children > li:focus-within > .sub-menu,
  .main-navigation ul.menu > li:nth-last-child(1) .sub-menu > li:focus-within > .children,
  .main-navigation ul.menu > li:nth-last-child(1) .sub-menu > li:focus-within > .sub-menu,
  .main-navigation ul.menu > li:nth-last-child(2) .children > li:focus-within > .children,
  .main-navigation ul.menu > li:nth-last-child(2) .children > li:focus-within > .sub-menu,
  .main-navigation ul.menu > li:nth-last-child(2) .sub-menu > li:focus-within > .children,
  .main-navigation ul.menu > li:nth-last-child(2) .sub-menu > li:focus-within > .sub-menu,
  .main-navigation ul.menu > li:nth-last-child(3) .children > li:focus-within > .children,
  .main-navigation ul.menu > li:nth-last-child(3) .children > li:focus-within > .sub-menu,
  .main-navigation ul.menu > li:nth-last-child(3) .sub-menu > li:focus-within > .children,
  .main-navigation ul.menu > li:nth-last-child(3) .sub-menu > li:focus-within > .sub-menu {
    right: 100%;
    left: unset;
    margin-left: 0px;
    margin-top: 0px;
  }
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}
@media (max-width: 1199.98px) {
  .main-navigation .main-menu {
    position: fixed;
    right: -130%;
    height: 100%;
    top: 0;
    background-color: #fff;
    min-width: 300px;
    padding-top: 60px;
    width: 50%;
    transition: all 400ms ease;
    display: block;
    border-right: 1px solid #fff;
    z-index: 13;
    box-shadow: 2px 0 18px 0 rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
  }
  .main-navigation .main-menu ul {
    left: auto;
  }
}

@media (max-width: 1199.98px) {
  .main-navigation.toggled .main-menu {
    right: 0;
    left: auto;
    overflow-x: auto;
    opacity: 1;
    visibility: visible;
  }
}

@media (max-width: 991px) {
  .main-navigation ul a {
    color: #000;
  }
}

@media (max-width: 1199.98px) {
  .main-navigation ul ul {
    position: relative;
    position: unset;
    float: none;
    padding-left: 5px;
  }
}

.main-navigation li.menu-item-has-children > a::after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-family: Font Awesome\ 5 Free;
  font-weight: 900;
  line-height: inherit;
  vertical-align: baseline;
  content: "\f107";
  display: inline-block;
  margin-left: 10px;
}

@media (max-width: 991px) {
  .main-navigation li.menu-item-has-children > ul {
    height: auto;
      transform: none;
    transform-origin: top left;
    overflow: hidden;
    transition: all 0.5s ease-in-out;
  }
}

@media (max-width: 1199.98px) {
  .main-navigation li.menu-item-has-children:hover > ul, .main-navigation li.menu-item-has-children.focus > ul {
    height: auto;
    transform: scaleY(1);
  }
}

@media screen and (min-width: 1024px) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
    margin-inline-end: -20px;
    float: right;
  }
}

@media (max-width: 1024px) {
  body.admin-bar #site-navigation.toggled .main-navigation-links {
    padding-top: 120px;
  }
  body.admin-bar #site-navigation button.menu-toggle.open {
    top: 55px;
  }
  #site-navigation button.menu-toggle {
    width: 35px;
    height: 35px;
    position: relative;
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    cursor: pointer;
    padding: 0;
    background: none;
    border: none;
    margin: 9px 5px 9px auto;
  }
  #site-navigation button.menu-toggle span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #ef002b;
    border-radius: 3px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
  }
  #site-navigation button.menu-toggle span:nth-child(1) {
    top: calc(50% - 15px);
  }
  #site-navigation button.menu-toggle span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
  }
  #site-navigation button.menu-toggle span:nth-child(3) {
    bottom: calc(50% - 15px);
  }
  #site-navigation button.menu-toggle.open {
    z-index: 18;
    position: fixed !important;
    right: 20px;
    top: 20px;
  }
  #site-navigation button.menu-toggle.open span {
    background-color: #ff385c;
  }
  #site-navigation button.menu-toggle.open span:nth-child(1) {
    top: 14px;
    width: 0%;
    left: 50%;
  }
  #site-navigation button.menu-toggle.open span:nth-child(2) {
    transform: rotate(45deg);
  }
  #site-navigation button.menu-toggle.open span:nth-child(3) {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
  }
  #site-navigation button.menu-toggle:focus {
    outline: 1px dashed #000;
    outline-offset: 2px;
    border-radius: 0;
  }
  #site-navigation .main-navigation-links {
    position: fixed;
    right: -130%;
    height: 100%;
    top: 0;
    background-color: #fff;
    min-width: 300px;
    padding-top: 60px;
    padding-right: 10px;
    width: 60%;
    transition: all 400ms ease;
    display: block;
    border-right: 1px solid #fff;
    z-index: 13;
    box-shadow: 2px 0 18px 0 rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
  }
  #site-navigation.toggled .main-navigation-links {
    right: 0;
    left: auto;
    overflow-x: auto;
    opacity: 1;
    visibility: visible;
  }
  #site-navigation.toggled .main-navigation-links li.current_page_item > a,
  #site-navigation.toggled .main-navigation-links li.current-menu-item > a {
    color: var(--primary-color);
    font-weight: bold;
  }
}

@media (max-width: 480px) {
  #site-navigation .main-navigation-links {
    width: 80%;
  }
}

nav.navigation.pagination .nav-links {
  display: flex;
  gap: 5px;
  margin: 10px 0 20px;
}

nav.navigation.pagination .nav-links span,
nav.navigation.pagination .nav-links a {
  text-decoration: none;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  color: var(--color-text-main);
  border: 1px solid var(--color-text-main);
}

nav.navigation.pagination .nav-links span.prev, nav.navigation.pagination .nav-links span.next,
nav.navigation.pagination .nav-links a.prev,
nav.navigation.pagination .nav-links a.next {
  font-size: 0;
}

nav.navigation.pagination .nav-links span.prev::after, nav.navigation.pagination .nav-links span.next::after,
nav.navigation.pagination .nav-links a.prev::after,
nav.navigation.pagination .nav-links a.next::after {
  content: "\f30a";
  font-size: 1rem;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  font-weight: 900;
  line-height: inherit;
  vertical-align: baseline;
  font-family: Font Awesome\ 5 Free;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

nav.navigation.pagination .nav-links span.next::after,
nav.navigation.pagination .nav-links a.next::after {
  content: "\f30b";
}

nav.navigation.pagination .nav-links span:hover, nav.navigation.pagination .nav-links span:focus,
nav.navigation.pagination .nav-links a:hover,
nav.navigation.pagination .nav-links a:focus {
  color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

nav.navigation.pagination .nav-links span.current {
  color: var(--color-text-white);
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
}

nav.navigation.pagination .nav-links span.dots {
  border: none;
}

nav.navigation.pagination .nav-links span.dots:hover, nav.navigation.pagination .nav-links span.dots:focus {
  color: var(--color-text-main);
  border: none;
}

.transparent .main-navigation a {
  color: #fff;
  opacity: 1;
}

.menu-toggle:focus,
.close-mobile-menu:focus {
  outline: 1px dashed #000;
  outline-offset: 2px;
  border-radius: 0;
}
/* -------------------------------------- */
/* Sidr/Mobile menu
/* -------------------------------------- */

.sidr{
  display:block;
  position:fixed;
  top:0;
  height:100%;
  z-index:999999;
  width:260px;
  overflow-x:hidden;
  overflow-y:auto;
  font-size:12px;
  background:#fff;
  color:#fff;
  box-shadow: 0 0 50px rgba(70, 70, 70, 0.15);
}
.sidr .sidr-inner{
  padding: 30px;
  clear: both;
}

.sidr .sidr-inner>p{
  margin-left:15px;
  margin-right:15px;
}
.sidr.right{
  left:auto;
  right:-260px;
}
.sidr.left{
  left:-260px;
  right:auto;
}
.sidr h1,
.sidr h2,
.sidr h3,
.sidr h4,
.sidr h5,
.sidr h6{
  background-size:100%;
  background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d),color-stop(100%, #1a1a1a));
  background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);
  background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);
  background-image:linear-gradient(#4d4d4d,#1a1a1a);
  font-size:11px;
  font-weight:normal;
  padding:0 15px;
  margin:0 0 5px;
  color:#fff;
  line-height:24px;
  box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);
}
.sidr p{
  font-size:13px;
  margin:0 0 12px;
}
.sidr p a{
color:rgba(255,255,255,0.9);
}
.sidr>p{
margin-left:15px;
margin-right:15px;
}
.sidr ul{
  display:block;
  margin:0 0 15px;
  padding:0;
}
.sidr ul li{
  display:block;
  margin:0;
  line-height: 20px;
}
.sidr ul li:hover,
.sidr ul li.active,
.sidr ul li.sidr-class-active{
  border-top:0;
  line-height:20px;
}

.sidr ul li a,
.sidr ul li span{
  padding:0 15px;
  display:block;
  text-decoration:none;
  color:#222;
  text-transform: uppercase;
  font-size: 12px;
}
.sidr ul li ul{
  border-bottom:0;
  margin:0;
}
.sidr ul li ul li{
  line-height: 20px;
  font-size:13px;
}
.sidr ul li ul li:last-child{
  border-bottom:0;
}
.sidr ul li ul li:hover,
.sidr ul li ul li.active,
.sidr ul li ul li.sidr-class-active{
  border-top:0;
  line-height: 20px;
}
.sidr ul li ul li:hover>a,
.sidr ul li ul li:hover>span,
.sidr ul li ul li.active>a,
.sidr ul li ul li.active>span,
.sidr ul li ul li.sidr-class-active>a,
.sidr ul li ul li.sidr-class-active>span{

}

.sidr ul li ul li a,
.sidr ul li ul li span{
  padding-left:30px;
}
.sidr form{
  margin:0 15px;
}
.sidr label{
  font-size:13px;
}
.sidr input[type="text"],
.sidr input[type="password"],
.sidr input[type="date"],
.sidr input[type="datetime"],
.sidr input[type="email"],
.sidr input[type="number"],
.sidr input[type="search"],
.sidr input[type="tel"],
.sidr input[type="time"],
.sidr input[type="url"],
.sidr textarea,
.sidr select{
  width:100%;
  font-size:13px;
  padding:5px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  margin:0 0 10px;
  border-radius:2px;
  border:0;
  background:rgba(0,0,0,0.1);
  color:rgba(255,255,255,0.6);
  display:block;
  clear:both;
}
.sidr input[type=checkbox]{
  width:auto;
  display:inline;
  clear:none;
}
.sidr input[type=button],
.sidr input[type=submit]{
  color:#333;
  background:#fff;
}
.sidr input[type=button]:hover,
.sidr input[type=submit]:hover{
  background:rgba(255,255,255,0.9);
}

.sidr ul.sub-menu li a {
    padding-left: 15px;
    padding-right: 15px;
}
.sidr .menu li {
    width: 100%;
    float: left;
    border-bottom: 1px solid;
    border-color: #e8e8e8;
}

.sidr-class-menu a{
  border-bottom: 1px solid #e8e8e8;
}

/* -------------------------------------- */
/* 07. Sidr/Mobile menu
/* -------------------------------------- */
.sidr {
  display: block;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 340px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  box-shadow: 0 0 50px rgba(70, 70, 70, 0.15);
}
.sidr.right {
  left: auto;
  right: -440px;
}
.sidr.left {
  left: -440px;
  right: auto;
}
.sidr-inner {
  padding: 30px;
  clear: both;
}
.sidr .sidr-inner:first-child {
  padding: 40px 30px 20px;
}
.sidr .sidr-inner:last-child {
  padding-top: 0px;
}
#mobile-navigation {
  display: none;
}
#caeliora-mobile-header,
#caeliora-mobile-footer {
  display: none;
}
.close-mobile-menu {
  position: absolute;
  right: 20px;
  height: 22px;
  width: 32px;
  top: 40px;
}
.close-mobile-menu:before,
.close-mobile-menu:after {
  position: absolute;
  right: 20px;
  content: " ";
  height: 18px;
  width: 1px;
  background-color: #333;
}
.close-mobile-menu:before {
  transform: rotate(45deg);
}
.close-mobile-menu:after {
  transform: rotate(-45deg);
}
.sidr ul li .open-sidr {
  color: #000;
  float: right;
  font: var(--fa-font-solid);
  font-size: 16px;
  cursor: pointer;
  padding: 13px 10px;
}
.open-sidr:after {
  content: "\f107";
}
.open-sidr.close:after {
  content: "\f106";
}
.sidr .menu li {
  width: 100%;
  float: left;
  border-bottom: 1px solid;
  border-color: #e8e8e8;
}
.sidr .menu li:last-child {
  border-bottom: none;
}
.sidr .menu li a {
  display: block;
  padding: 11px 0;
  float: left;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  color: #000;
}
.sidr .sub-menu {
  display: none;
  clear: both;
  float: none;
  border-top: 1px solid;
  border-color: #e8e8e8;
  width: 100%;
}
.sidr ul.sub-menu li a {
  padding-left: 15px;
  padding-right: 15px;
}
.sidr-inner .header-social {
  float: left;
}
.sidr-inner .header-social a {
  margin-left: 0;
  margin-right: 12px;
  color: #000;
}
.sidr-inner .header-search-wrap {
  float: right;
  border-left: none;
  padding-left: 0;
  margin-left: 0;
}
.sidr-inner .header-search-wrap a {
  color: #000;
}
.sidr-inner .normal-logo img {
  max-width: 80%;
  height: auto;
}
.sidr-inner .dt-shopping-cart {
  float: right;
  margin-right: 14px;
}

.menu-icon {
    position: relative;
    float: right;
    cursor: pointer;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    color: #000;
}

.menu-toggle {
    border: none;
    outline: none;
    position: relative;
    display: inline-block;
    width: 20px;
    height: 14px;
    background: transparent;
    border-top: 2px solid;
    border-bottom: 2px solid;
    color: #000;
    font-size: 0;
    transition: all 0.15s ease-in-out;
    cursor: pointer;
    top: -5px;
}

.menu-toggle:before, .menu-toggle:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    background: currentColor;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: -webkit-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}

.sidr-inner img{
  max-width: 100%;
  height: auto;
}
.transparent .menu-toggle {
  color: #fff;
}
/**
====================================================================
  Swiper Slider
====================================================================
*/

.font-page-slider {
  position: relative;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  font-size: 18px;
  background: #fff;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.autoplay-progress {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--swiper-theme-color);
}

.autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0px;
  z-index: 10;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: #ffffff;
  fill: none;
  stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
  stroke-dasharray: 125.6;
  transform: rotate(-90deg);
}
.swiper-slider-content img{
  position: relative;
}

.swiper-slider-content .overlay {
  position: absolute;
  left: 0;
  top: 0;
  background: #00000073;
  width: 100%;
  height: -webkit-fill-available;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  /* font-size: var(--swiper-navigation-size); */
  text-transform: none!important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  color: #fff;
  font-size: 23px;
  background-color: #005aff;
  padding: 10px 17px;
}

.swiper-pagination-bullet {
  background-color: #fff;
  display: block;
}
.swiper-pagination-bullet-active {
  
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 10px var(--swiper-pagination-bullet-horizontal-gap, 20px);
}
.swiper-horizontal>.swiper-pagination-bullets, 
.swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper-pagination-custom, 
.swiper-pagination-fraction { 
  bottom: 0;
  top: 50%;
  left: 0;
  width: 100%;  

}

.slider-headings {
  font-size: 1.75em;
  color: #fff;
  background-color: var(--theme-primary-color);
  max-width: fit-content;
  padding: 10px;
  margin-bottom: 0;
}

.slider-headings a{
  color: #fff;
}

.swiper-slider-text {
  display: flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  width: 100%;
}

.swiper-slider-text p{
  padding-top: 30px;
  color: #fff;
}

.swiper-slider-meta {
  background: #fff;
  max-width: fit-content;
  padding: 15px;
}

.swiper-slider-meta i{
  color: var(--theme-secondary-color);
}
.slider-meta-count {
  padding-right: 25px;
}
.swiper-slider-meta p {
  color: #333;
  font-size: 13px;
  padding-top: 10px;
  margin-bottom: 0;
}

.swiper-meta-address i{
  font-size: 18px;
  padding-right: 8px;
}

/**
====================================================================
  Home Properties Grid
====================================================================
*/

.home-rooms-grid {
  padding-top: 50px;
  padding-bottom: 50px;
}

.home-rooms-head {
  margin-bottom: 50px;
}

.home-room-grid-content {
  margin-bottom: 50px;
}
.home-room-grid-content img{
  max-width: 100%;
  border-radius: 5px 5px 0 0;
}

.home-rooms-head-left-content {
  position: relative;
  text-align: center;
}

.home-rooms-head-left-content h3{
  font-size: 25px;
  font-weight: 800;
}
.second-word-color {
  color: var(--theme-primary-color);
}
.home-rooms-head-left-content p{
  font-size: 13px;
  margin-bottom: 0;
  color: #777;
}


.home-rooms-head-right {
  flex-direction: row-reverse;
    display: flex;
}

.home-rooms-head-right a{
  border: 1px solid #ddd;
  padding: 15px 27px;
  color: #222;
  border-radius: 5px;
  position: relative;
}

.home-rooms-head-right a::before {
  background: var(--theme-primary-color);
  content: "";
  inset: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
  color: #fff;
}

.home-rooms-head-right a:hover::before {
  transform: scaleX(1);
  transform-origin: left;
  color: #fff;
}


.home-rooms-head-right a:hover{
  color: #fff;
}

.home-room-grid-title {
  background: #fff;
  box-shadow: 0px 2px 6px 0px #d6d6d6;
  padding: 20px;
  padding-top: 30px;
  position: relative;
  border-radius: 0px 0px 5px 5px;
}
.home-room-grid-title .price {
  background: var(--theme-primary-color);
  display: inline-flex;
  color: #fff;
  padding: 5px 12px;
  font-size: 13px;
  font-weight: 700;
  position: absolute;
  top: -18px;
}

.home-room-grid-title .price span.unit:before {
    content: "/";
}

.home-room-grid-title h4 a{
  font-size: 22px;
  font-weight: 700;
  color: #222;
}

.home-room-grid-title p{
  font-size: 13px;
  color: #666;
}

.home-room-grid-icons {
  padding-top: 15px;
  border-top: 1px solid #ddd;
}

.home-room-grid-icons i{
  color: var(--theme-primary-color);
  padding-right: 10px;
}
.home-room-grid-icons span {
  padding-right: 20px;
  font-size: 12px;
}

.home-room-grid-title br:after {
    border-bottom:1px dashed black;
    content: "";
    display: block;
}

/**
====================================================================
  Home offers Grid
====================================================================
*/

.home-service-grid-content {
  padding-bottom: 20px;
  
}
.home-service-grid-title {
  background: #fff;
  padding: 20px;
  padding-top: 30px;
  position: relative;
  border-radius: 5px;
  margin-top: 10px;
  border: 1px solid #ddd;
  position: relative;
}

.home-service-grid-title i {
  font-size: 60px;
  color: #1d1958;
}
.home-service-grind-number {
  font-size: 45px;
  font-weight: 600;
  position: absolute;
  color: #d9d9d9;
  right: 38px;
  line-height: 60px;
}

.home-service-grid-title h4 {
  margin-top: 20px;
  font-size: 23px;
  color: #111;
  font-weight: 700;
}
.home-service-grid-title p{
  font-size: 14px;
  color: #666;
  line-height: 25px;
  padding-top: 10px;
}

.home-service-grid-content img {
  padding-top: 10px;
}

.frontpage-gridposts img {
  height: auto;
}

.frontpage-latestposts h3 {
  font-size: 22px;
  font-weight: 600;
}
.frontpage-gridposts-icons {
  color: var(--theme-primary-color) !important;
}

.ere-property.property-carousel .owl-item:nth-child(2n-1) .property-info, 
.ere-property.property-grid .property-info, 
.ere-property.property-list .property-info {
    background-color: var(--theme-primary-color) !important;
}

.index-meta a {
  color: var(--theme-primary-color) !important;
}



.content-head {
  background: url('img/banner.jpg');
  position: relative;
}

.content-head::before {
  content: ""; 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(120deg, #0055a9, #003f7d);
  opacity: .8;
}

.content-head h1, .breadcrumb {
  position: relative;
  color: #fff;
}
.breadcrumb a, .breadcrumb i {
  color: #fff;
}

.single-postnav a{
  color: #666;
}

.single-post .single-content a,
.comment-text a{
    color: var(--theme-primary-color) !important;
    text-decoration: underline !important;
}
@media (max-width: 1200px) {
  .hotel-booking-search input, 
  .hotel-booking-search select, 
  .hotel-booking-search textarea, 
  .hotel-booking-search button {
    font-size: 12px;
  }

  .hb-form-field {
    margin-right: 10px;
  }
}

@media (max-width: 991px) {
  .hotel-booking-search input, 
  .hotel-booking-search select, 
  .hotel-booking-search textarea, 
  .hotel-booking-search button {
    font-size: 12px;
  }

  .hb-form-field {
    margin-right: 0px;
    margin-bottom: 10px;
    width: 50%;
  }

  .hb-form-table {
    width: 100%;
    float: none;
  } 

  .home-field-submit {
    float: none;
    width: 100%;
  }
}

@media (max-width: 768px) {
  .hotel-booking-search input, 
  .hotel-booking-search select, 
  .hotel-booking-search textarea, 
  .hotel-booking-search button {
    font-size: 12px;
  }

  .hb-form-field {
    margin-right: 0px;
    margin-bottom: 10px;
    width: 100%;
  }

  .hb-search-form {
    background-color: #fff;
  }

  .hb-form-table {
    width: 100%;
    float: none;
  } 
  .home-field-submit {
    float: none;
    width: 100%;
  }

  .slider-headings {
    font-size: 1.3em;
  }

  .slider-content p {
    font-size: 13px;
    padding-top: 10px;
  }
  .ere-tabs .card .nav-link {
    color: #444 !important;
  }
}

@media (max-width: 480px) {
  .slider-headings {
    font-size: 1.3em;
  }
}

