@font-face {
  font-family: "DM sans";
  src: url("../fonts/DMSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: "DM sans";
  src: url("../fonts/DMSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: "DM sans";
  src: url("../fonts/DMSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

.full-width {
  width: 100% !important; }

.full-width > img {
  width: 100% !important; }

.full-height {
  height: 100% !important; }

.full-height > img {
  height: 100% !important; }

.wp-block-site-logo img {
  height: auto;
  width: 180px !important; }

.wp-block-button__link:hover {
  background: #011230 !important;
  color: #ffffff; }

.wp-block-button__link {
  transition: 0.3s all; }

.wp-block-button__link img {
  transition: 0.3s all; }

.wp-block-button__link:hover img {
  transition: 0.3s all;
  translate: 4px -4px; }

.btn-second-style .wp-block-button__link {
  background: transparent !important;
  border: solid 1px black; }

.btn-second-style .wp-block-button__link:hover {
  background-color: #011230 !important;
  color: #ffffff !important;
  border: solid 1px #011230; }

.btn-second-style .wp-block-button__link:hover img {
  translate: 0 0 !important; }

.no-animation .wp-block-button__link:hover img {
  translate: 0px 0px !important; }

.img-full-width img {
  width: 100% !important; }

.img-full-width {
  width: 100% !important; }

.wp-block-button__link,
.inline-img {
  display: flex !important;
  align-items: center;
  gap: 0.5rem; }

.text-link-inline-img a {
  display: flex !important;
  align-items: center;
  gap: 0.5rem; }

.display-flex {
  display: flex !important; }

.display-flex a {
  display: flex !important;
  gap: 5px; }

.fastighetList li figure img {
  transition: 0.4s; }

.fastighetList li:hover figure img {
  translate: 5px -5px; }

.fastighetList.adjustWidth {
  grid-template-columns: repeat(100, 1%); }

.shadow-element {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: inset 0 -200px 200px -100px black; }

.aspect-ratio-3-1 > img {
  aspect-ratio: 3/1 !important;
  -o-object-fit: cover;
     object-fit: cover; }

.flex-col {
  display: flex;
  flex-direction: column; }

.flex-col > div {
  flex-grow: 1 !important; }

.relative {
  position: relative; }

.phone-img {
  position: absolute;
  bottom: 1.88rem;
  right: -1rem; }

.house-img {
  position: absolute !important;
  right: 0;
  bottom: 0; }

.develot-img {
  position: absolute;
  left: 1.88rem;
  top: 1.88rem; }

.solar-img {
  position: absolute;
  left: 1.88rem;
  top: 0rem; }

.phone-contact-img {
  position: absolute;
  right: 40px;
  top: 40px; }

.contact-container {
  position: relative;
  overflow: hidden; }

footer {
  transition: 0.4s opacity; }

a {
  text-decoration: none !important; }

.tag {
  transition: 0.6s; }

.visible {
  opacity: 1 !important;
  scale: 1 !important;
  translate: 0 0 !important; }

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

@media only screen and (max-width: 700px) {
  .lessPaddingMobile {
    padding-left: 1rem !important;
    padding-right: 1rem !important; }
  .font-mobile-35 {
    font-size: 35px !important; } }

@media only screen and (max-width: 1200px) {
  .stackMobileV2 {
    display: flex !important;
    flex-direction: column !important; }
  .col-reverse {
    display: flex !important;
    flex-direction: column-reverse !important; }
  .grid-4 {
    display: grid !important;
    grid-template-columns: 1fr 1fr; } }

@media only screen and (max-width: 900px) {
  .stackMobileV1 {
    display: flex !important;
    flex-direction: column !important; }
  .fastighetList > li {
    padding: 0 !important;
    margin: 0 !important; }
  .fastighetList {
    gap: 1rem !important; }
  .grid-4 {
    display: grid !important;
    grid-template-columns: 100%; } }

@media only screen and (min-width: 799px) {
  .menu-btn {
    display: none !important; }
  .nav-btn > a > span {
    background-color: #011230 !important;
    color: #ffff !important;
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important;
    border-radius: 6px;
    transition: all 0.2s; }
  .nav-btn > a > span:hover {
    background-color: #f6aa01 !important;
    color: #010101 !important;
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
    padding-right: 1.25rem !important;
    padding-left: 1.25rem !important; }
  .nav-btn > a:hover {
    background-color: #f6aa01 !important;
    color: #010101 !important; }
  .content-container {
    opacity: 1 !important; }
  footer {
    opacity: 1 !important; } }

@media only screen and (max-width: 799px) {
  header nav {
    opacity: 0 !important;
    transition: 0.4s opacity; }
  header nav {
    position: fixed !important;
    left: 50%;
    display: block !important;
    translate: -50% -50%;
    top: -100%; }
  header nav ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 4rem !important;
    font-size: 8rem !important; }
  header nav li a {
    font-family: social-gothic, sans-serif;
    font-size: 3rem !important; }
  .menu-btn {
    z-index: 1; }
  .wp-block-site-logo {
    z-index: 1; } }

/* Burger menu */
.menu-btn {
  width: 60px;
  height: 45px;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
  scale: 0.5;
  margin-right: -15px !important; }

.menu-btn span {
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: #111111;
  border-radius: 5px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out; }

.menu-btn span:nth-child(1) {
  top: 0px; }

.menu-btn span:nth-child(2),
.menu-btn span:nth-child(3) {
  top: 18px; }

.menu-btn span:nth-child(4) {
  top: 36px; }

.menu-btn.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%; }

.menu-btn.open span:nth-child(2) {
  transform: rotate(45deg); }

.menu-btn.open span:nth-child(3) {
  transform: rotate(-45deg); }

.menu-btn.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%; }

.content-container {
  transition: 0.4s opacity; }

.content-container.display {
  opacity: 0; }

footer.display {
  opacity: 0; }

header nav.display {
  opacity: 1 !important;
  top: 50%;
  height: 100vh;
  width: 100vw;
  display: flex !important; }

.flex-bottom {
  display: flex !important;
  justify-content: end; }

.caseArchiveUl {
  width: calc(100vw - 128px) !important;
  gap: 0;
  max-width: 1440px;
  row-gap: 20px; }

.swiperContainerColumns {
  width: calc(100vw - 128px) !important;
  max-width: 1440px !important; }

@media (max-width: 699px) {
  .swiperContainerColumns {
    width: calc(100vw - 2rem) !important; }
  .caseArchiveUl {
    width: calc(100vw - 2rem) !important; } }

@media (max-width: 899px) {
  .swiperContainerColumns {
    flex-wrap: wrap !important; }
  .swiperContainerColumns > div {
    flex-grow: 1 !important; } }

.left-fastighet {
  margin-right: 0.6rem !important; }

.right-fastighet {
  margin-left: 0.6rem !important; }

.middle-fastighet {
  margin-right: 0.6rem !important;
  margin-left: 0.6rem !important; }

:where(.wp-site-blocks :focus) {
  outline: none !important; }