/*
Theme Name: LYF Real Estate Block Theme
Author: Rogue Web Design
Author URI: https://roguewebdesign.ca
Description: A custom block theme for Real Estate websites.
Version: 1.3.6
Requires at least: 5.9.0
Tested up to: 6.4.3
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: block theme, rogue
Text Domain: rogue-themes
*/


* {
    outline: none !important;
}

html {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

a {
    text-decoration: none;
}

ul {

}

ul li {

}

p {
    margin: 1.5rem 0 0 0;
    text-rendering: optimizeLegibility;
}

img {
    max-width: 100%;
    height: auto;
}

.border-box {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

blockquote {
    font-style: italic;
}

address {
    margin: 10px 0;
}

.mrp-listing-result {
    z-index: 5;
}

.video-wrapper, .wp-block-embed__wrapper {
	position: relative;
    height: 0;
    margin: 0 auto;
    max-width: 1280px;
    max-height: 720px;
    width: 100%;
    padding-bottom: 56.25%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    overflow: hidden;
}

.video-wrapper iframe,
.video-wrapper object,
.video-wrapper video,
.video-wrapper embed,
.wp-block-embed__wrapper iframe,
.wp-block-embed__wrapper object,
.wp-block-embed__wrapper video,
.wp-block-embed__wrapper embed
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

body {
    width: 100%;
    overflow-x: hidden;
    margin: 0 !important;
    padding: 0;
}

h1,h2,h3,h4,h5,h6 {
    margin: 0 0 1.5rem 0;
}

.wp-site-blocks .entry-content {
    margin-block-start: 0;
}

.wp-element-button, .wp-block-button__link {
    display: inline-block;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    border: none;
    z-index: 100;
}

.wp-block-navigation ul.wp-block-navigation__submenu-container li {
    margin: 0;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
    width: 100%;
}

li.wp-social-link {
    margin: 0 1rem;
}

.wp-block-navigation .is-menu-open ul li {
    margin: 0;
    width: 100%;
}

.wp-block-navigation .is-menu-open ul {
    width: 100%;
}

.wp-block-navigation__responsive-container-close {
    position: fixed;
    top: 20px;
    right: 20px;
}

.wp-block-navigation__responsive-container.is-menu-open {
    padding: 20px;
    justify-content: center;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
    padding-left: 0;
    padding-right: 0;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
    padding: 15px;
    display: inline-block;
    box-sizing: border-box;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content:hover {
    opacity: 0.7;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
    padding-top: 0;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container.show {
    display: flex;
}

.wp-block-navigation .has-child .wp-block-navigation__submenu-container.show li {
    opacity: 0.6;
}

.wp-block-navigation__responsive-container li.open-on-click .wp-block-navigation-submenu__toggle {
    position: relative;
}

.fixed-header {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
}

.fixed-header.hide-background {
    background-color: transparent !important;
}


@media screen and (max-width: 600px) {



}

@media screen and (min-width: 768px) {



}

@media screen and (min-width: 960px) {


}

@media screen and (min-width: 1200px) {



}

@media screen and (min-width: 1600px) {


}