/*
Theme Name: R&F Theme Child
Theme URI: https://github.com/loemkhorn/my-theme-child
Description: A child theme for Custom WordPress Theme. Add your custom CSS and overrides here without modifying the parent theme.
Author: Development Team
Author URI: https://example.com
Template: randf
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
Text Domain: randf-child
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ============================================================
   Child theme custom styles go below this line.
   The parent theme's styles are loaded automatically.
   ============================================================ */
:root{
	--primary-color: #273d39;
	--secondary-color: #ad7d51;
}
/* header */
.header-main {
  padding: 0 5px !important;
}
.mt-header-btn {
  border-radius: 12px !important;
}
header{
	padding: 15px 0;
}
.header-main {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 15px;
  padding: 0 15px;
 transition: background-color 0.4s ease;
}
.site-header.is-scrolled .header-main{
	background: var(--primary-color);
	background: rgb(39 61 57 / 35%);
}
.site-header.is-scrolled {
  background: none;
  box-shadow: none;
}
.main-menu a{
	font-size: 15px;
}
.mt-header-btn {
  color: var(--primary);
  background: #fff;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
}
.pll-dropdown-arrow {
  color: #fff;
}
.pll-dropdown-toggle {
  color: #fff;
}
.header-vertical-line {
  opacity: 0.3;
}
.error404 .header-main,
.single-post .header-main,
.single-our-property .header-main{
	background: var(--primary-color);
	background: rgb(39 61 57 / 35%);
}
.ce-sp-page{
	padding: 120px 0 60px !important;
}
.ce-single-post-page{
  padding: 200px 0 60px !important;
}


/* footer */
footer .footer-content{
	display: flex;
}

footer .column,
footer .column.column-menu{
	width: 20%;
}

footer .column.column-about {
  width: 30%;
  padding-right: 40px;
	justify-content: inherit;
}
footer .column.column-contact{
	width: 30%;
}
footer .column.column-copyright{
	width: 100%;
	text-align: left;
}
@media (max-width: 879.89px) {
	header {
	  padding: 10px 0;
	}
	.header-main {
	  border-radius: 10px;
	  padding: 20px 15px;
	}
	.site-header.is-scrolled .menu-toggle .hamburger-bar {
	  background-color: #fff !important;
	}
}

.ce-cs-arrow {
    align-items: normal !important;
}