/*
 Theme Name:   mulroy
 Theme URI:    http://example.com/my-theme
 Description:  A brief description of the theme
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         responsive, custom-background, custom-logo, custom-menu
 Text Domain:  bhukman
*/
@font-face {
  font-family: "UntitledSans-Light";
  src: url("assets/fonts/UntitledSans-Light.otf") format("opentype");
}
@font-face {
  font-family: "UntitledSans-Medium";
  src: url("assets/fonts/UntitledSans-Medium.otf") format("opentype");
}
@font-face {
  font-family: "UntitledSans-Bold";
  src: url("assets/fonts/UntitledSans-Bold.otf") format("opentype");
}

@font-face {
  font-family: "UntitledSans-Regular";
  src: url("assets/fonts/Sans.woff2") format("woff2");
}
/* Variables */
:root {
  /* Colors */
  --color-primary: #b17341;
  --color-secondary: #00a7e1;
  --color-accent: #bd9a5f;
  --bg: #f7ede5;
  --color-light: #d9d8d6;
  --color-orange: #db5a34;
/*   --color-blue: #004da9; */
  --color-blue:#2A739F;
	
  --color-black: #000000;
  --color-white: #ffffff;
  --color-gray: rgba(0, 0, 0, 0.2);
  /* Font Families */
  --font-primary: "UntitledSans-Regular", sans-serif;
  --font-primary-light: "UntitledSans-Light", sans-serif;
  --font-primary-bold: "UntitledSans-Bold", sans-serif;
  --font-primary-medium: "UntitledSans-Medium", sans-serif;
  --font-secondary: "Palatino", serif;

  /* Custom Font Sizes */
  --fs-xs: clamp(0.75rem, 0.7vw, 0.7vw);
  --fs-sm: clamp(0.875rem, 0.8vw, 0.8vw);
  --fs-base: clamp(1rem, 1.2rem, 1.05vw);
  --fs-lg: clamp(1.125rem, 1.2vw, 1.2vw);
  --fs-xl: clamp(1.25rem, 1.5vw, 1.5rem);
  --fs-2xl: clamp(1.5rem, 1.9vw, 1.9vw);
  --fs-3xl: clamp(2rem, 3.385vw, 3.385vw);
  --fs-4xl: clamp(2.5rem, 17.5vw, 17.5vw);

  /* Container Widths */
  --container-max-width: 100%;
  --container-padding: clamp(1rem, 2rem, 2rem);
  --container-pt: clamp(3rem, 3vw, 3vw);
  --container-pb: clamp(3rem, 3vw, 3vw);
  /*line height*/
  --line-normal: 1;
  /*Padding*/
  --section-padding: 1vw;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  line-height: 1.1;
  letter-spacing:1.1;
  font-family: var(--font-primary);
  color: #000;
  font-size: var(--fs-base);
}
body {
  background-color: var(--bg);
}
/* Container Classes */
.site-container {
  width: 100%;
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}
.container-py {
  padding-top: var(--container-pt);
  padding-bottom: var(--container-pb) !important;
}


.design__page__section__padding{
    padding-top:0 !important;
    padding-bottom: 115px !important;
}
.inside__design{
    row-gap:115px !important;
}
@media screen and (max-width:1024px){
 .design__page__section__padding{
    padding-top:0 !important;
    padding-bottom: 70px !important;
}
.inside__design{
    row-gap: 70px !important;
}   
	.hero-content{
		height:100svh !important;
	}
	.design__header{
		height:100svh !important;
	}
}
.hero-section-height{
	height: 100vh;
  height: 100svh; 
	 overflow: hidden;
	padding-left:40px !important;
	padding-right:40px !important;
	padding-bottom:0 !important;
	cursor:none;
	position:relative;
}
.home-atrium-post__mobile{
	display:none;
}

@media screen and (max-width:1024px){
	.new__design__home__atrium{
		display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
	}
	.home-atrium-post{
		display:none;
	}
	.home-atrium-post__mobile{
	display:block;
		    transform: translateY(25%) !important;
}
	.home-atrium-post-desc{
		font-size:24px;
		top: 20% !important;
	}
    .menu-content{
            padding-top: 5rem !important;
    padding-bottom: 40px !important;
    }
    .hero-section-height{
        padding-left: var(--container-padding) !important;
        padding-right: var(--container-padding) !important;
	    padding-bottom:40px !important;
    }
    .custom-cursor{
        display:none !important;
    }
    .hero-content{
        padding:0 !important;
        padding-top: 5rem !important;
    }
	.hero__content__single__design{
		padding-top:0 !important;
	}
}


.video-hero{
	padding:0 !important;
}
.custom-cursor{
  position: fixed;
  top: 0;
  left: 0;
	opacity:0;
  width: 24px;   /* adjust size */
  height: 24px;
  pointer-events: none; /* so clicks pass through */
  background: url('https://mulroy.signalovernoise.co.uk/wp-content/themes/mulroy/assets/media/Arrow_white.svg') center/contain no-repeat;
  z-index: 9999;
}


/* Font Size Utility Classes */
.fs-xs {
  font-size: var(--fs-xs);
}
.fs-sm {
  font-size: var(--fs-sm);
}
.fs-base {
  font-size: var(--fs-base);
}
.fs-lg {
  font-size: var(--fs-lg);
}
.fs-xl {
  font-size: var(--fs-xl);
}
.fs-2xl {
  font-size: var(--fs-2xl);
	line-height: 1.1; /* 105% */
letter-spacing: -2px;
}
.fs-3xl {
  font-size: var(--fs-3xl);
	line-height: 70px; 
letter-spacing: -3.25px;
}
.fs-4xl {
  font-size: var(--fs-4xl);
  line-height: 1.1;
}
.letter-spacing {
  letter-spacing: 8px;
}
.bg-no-repeat {
  background-repeat: no-repeat !important;
}
.bg-center {
  background-position: center !important;
}
.text-orange {
  color: var(--color-orange);
}
.text-primary {
  color: var(--color-primary);
}
.text-white {
  color: var(--color-white) !important;
}
.text-bg {
  color: var(--bg) !important;
}
.text-black {
  color: var(--color-black) !important;
}
/* Font Family Utility Classes */
.font-primary {
  font-family: var(--font-primary);
}
.font-primary-light {
  font-family: var(--font-primary-light);
  font-weight: 300;
}
.font-primary-bold {
  font-family: var(--font-primary-bold);
  font-weight: 500;
}
.font-secondary {
  font-family: var(--font-secondary);
}
/*Custom Background*/
.bg-primary {
  background-color: var(--color-primary);
}
.bg-secondary {
  background-color: var(--color-secondary);
}
.bg-accent {
  background-color: var(--color-accent);
}
.bg-dark {
  background-color: var(--color-dark);
}
.bg-light {
  background-color: var(--color-light);
}
.bg-blue {
  background-color: var(--color-blue);
}
.bg-site {
  background-color: var(--bg);
}
.bg-orange {
  background-color: var(--color-orange);
}
/* Spacing utilities */
.gap-sm {
  gap: clamp(0.5rem, 1vw, 1rem);
}
.gap-md {
  gap: clamp(1rem, 2vw, 2rem);
}
.gap-lg {
  gap: clamp(2rem, 4vw, 4rem);
}

/* Max-width containers */
.content-sm {
  max-width: clamp(20rem, 85%, 40rem);
}
.content-md {
  max-width: clamp(40rem, 85%, 60rem);
}
.content-lg {
  max-width: clamp(60rem, 85%, 80rem);
}

/* Line heights */
.lh-tight {
  line-height: 1.1;
}
.lh-normal {
  line-height: 1.5;
}
.lh-loose {
  line-height: 1.8;
}
.anchor-second {
  color: var(--color-white);
  transition: all ease 0.2s;
}
.anchor-second:hover {
  color: #D9D8D6;
}
.anchor {
  transition: color ease 0.2s;
}
.anchor:hover {
  color: var(--color-white);
  cursor: pointer;
}
/* Add this to your parent container */
[data-barba="container"] {
  position: relative;
  overflow: hidden;
}
.scroll-container {
}
.scroll-section {
  /*min-height: 100vh;*/
  position: relative;
  display: flex;
  flex-direction: column;
padding-bottom:2vw;
}

.border-none {
  border-bottom: none;
}
.border-bottom {
  border-bottom: 1px solid var(--color-black);
}
.page-sect-content {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  padding-left: 2rem;
  padding-right: 2rem;
  height: 100%;
  grid-auto-rows: min-content 1fr;
}
.section__copy__content {
	margin: 2.5vw 0;
}
.section-container-grid-two-row {
display: grid;
  grid-template-columns: repeat(12, 1fr);
  padding-left: 2rem;
  padding-right: 2rem;
  height: 100%;
  grid-auto-rows: 1fr 1fr;
}
.image-container-wrapper {
  width: 100%;
  height: 100%;
}
.image-container {
  width: 100%;
}
.image-container img {
	width:100%;
	height:100%;
}
.page-sect-info {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.news-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}

.transition-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  pointer-events: none;
  z-index: 80; /* Just below your incoming container (which is z-index: 99) */
  transition: opacity 0.3s ease;
}

.contact-page-grid{
	display:grid;
	min-height:100vh;
	grid-template-columns:repeat(12,1fr);
	column-gap:20px;
	padding:40px;
}

.contact-page-subtitle{
	grid-column:1/6;
/* 	margin-top: 6rem; */
}
.address{
	grid-column: 3 / 6;
    grid-row: 1;
}
.contact-social{
/* 		margin-top:6rem; */
	grid-column:1/4;
	grid-row:1;
}
/****************---Menu---**************/
.header {
  position: fixed;
  top: 3px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999999;
  background-color: transparent;
  padding: 0.5rem;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	
}

@media (max-width:1024px){
	.header{
		top:12px;
	}
}

.menu-animation {
	width:160px;
  position: absolute;
  top: -35%;
	display:none;
	justify-content:center;
	align-items:center;
	
}
#menu-animation-div{
	width:100%;
		display:flex;
	justify-content:center;
	align-items:center;
}
/*menu*/
.burger-menu {
  background-color: rgba(204, 204, 204);
  width: 40px;
  height: 40px;
  border-radius: 50px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  transition: all ease 0.2s;
  position: relative;
  justify-content: center;
  align-items: center;
}
.burger-menu:hover {
  background-color: var(--color-white);
}
.menu-line {
  display: block;
  width: 18px;
  height:1.5px;
	border-radius:15px;
  background: var(--color-black);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.burger-menu.active .menu-line:nth-child(1) {
  transform: translateY(6px) rotate(45deg);
}

.burger-menu.active .menu-line:nth-child(2) {
  opacity: 0;
}

.design__header{
	position:relative;
	cursor:none;
}
.design__cursor{
	  position: fixed;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  pointer-events: none;
  background: url('https://mulroy.signalovernoise.co.uk/wp-content/themes/mulroy/assets/media/Arrow_white.svg') center/contain no-repeat;
  z-index: 9999;
  display: none;
}
.burger-menu.active .menu-line:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}
nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.15); /* Currently at 15% opacity */
  -webkit-backdrop-filter: blur(50px); /* Safari support */
  backdrop-filter: blur(50px);
  transition: all 0.3s ease-in-out; /* Fixed spacing issue */
  display: flex;
  visibility: hidden;
  opacity: 0;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}

nav.open {
  visibility: visible;
  opacity: 1;
  transition: all ease 0.5s;
}
.menu-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
	align-items:center;
}
.menu-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 3vw;
  padding-bottom: 2rem;
}
.menu-contact-content {
  position: absolute;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 3vw 0;
  right: 25%;
  transform: translate(50%);
  color: var(--color-white);
	padding-bottom: 2vw;
}
.menu-social-content {
  min-height: 6vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/***********--home page--*************/
.hero-background {
  position: absolute;
  background-size: cover;
  background-position: 50% 85%;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  z-index: -1;
}
.hero-content {
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 9;
  padding-top: 65px;
  padding-bottom: 40px !important;
}
.page-bar-padding {
	padding-top:1vw;
	padding-bottom:1vw;
}
.design-post-atrium-content {
  display: flex;
  justify-content: space-between;
  height: 100%;
}
.content-sect {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.page-desc {
  font-size: var(--fs-2xl);
  width: 26vw;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
	color:white;
  letter-spacing:-2px;
}
.page-title,
.menu-letter {
  display: flex;
  width: 12vw;
	height:12vw;
  opacity: 1;
  font-size: 20vw;
  color: #fff;
}
.page-title svg{
	width:auto !important;
	height:100%;
}
.menu-letter svg{
	width:auto !important;
	height:100%;
}
@media (max-width:1024px){
	.page-title,
	.menu-letter {
  		width: 100px;
		height:100px;
	}
}
.hero-letter {
  display: none;
}
.home-hero .content-sect .page-title svg {
  fill: #fff;
	width:100%;
	height:100%;
}
.page-title.title-start {
  justify-content: start;
}
.page-title.title-center {
  justify-content: center;
}
.page-title.title-end {
  justify-content: end;
}
.hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.2);
}
.page-bar {
  cursor: pointer;
  transition: all ease 0.2s;
  width: 100%;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}
.page-bar .page-bar-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  transition: all ease 0.2s;
}
.hover-blue:hover {
  background-color: var(--color-secondary);
}
.hover-dark-blue:hover {
  background-color: var(--color-blue);
}
.page-bar a .content {
  font-size: var(--fs-3xl);
  text-transform: uppercase;
	line-height: 70px; /* 107.692% */
letter-spacing: -3.25px;
}
.arrow-content {
  transition: all ease 0.2s;
  opacity: 0;
}
.arrow-content img {
  padding: 0.1rem;
}
.page-bar:hover .arrow-content {
  opacity: 1;
}
.page-heading {
  font-size: var(--fs-3xl);
}
.page-sect-desc {
  	font-size: var(--fs-2xl);
	line-height: 1.2;
	letter-spacing: -2px;
}
.page-info {
}
.design-project-item {
  padding: 2vw 0;
}
.image-container img {
  max-width: 100%;
  max-height: 100%;
}
.menu-items {
  width: 100%;
  height: fit-content;
  left: 0;
  transform: translateY(45%);
  z-index: 2;
}
.home-atrium-post {
  width: 100%;
  height: 100%;
  left: 0;

  transform: translateY(35%);
  z-index: 2;
  position: absolute;
}
.menu-items a {
  font-size: var(--fs-3xl);
  color: var(--color-white);
  letter-spacing:-2px;
}
.menu-items a:hover {
  color: #D9D8D6;
}
.project-sect-title {
	margin-top:0.3vw;
  opacity: 0;
  transition: all ease 0.2s;
}
.project-sect-title span {
  opacity: 1;
  transition: all ease 0.2s;
}
.home-project-section {
  cursor: pointer;
}
.home-project-section:hover .project-sect-title {
  opacity: 1;
}
.home-project-section:hover .project-sect-title span {
  opacity: 1;
}
.design-project-item:hover .project-sect-title {
  opacity: 1;
}
.news-post-image {
/*   transition: background-image 0.3s ease-in-out; */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hover-image-section {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.hover-image-section.visible {
  opacity: 1 !important;
}

.news-post-image {
  background-size: cover;
  background-position: center;
/*   transition: background-image 0.3s ease-in-out; */
}
/*Global classes*/
#three-column-left-image-center-text-right-text {
	padding-top:3rem;
	padding-bottom:3rem;
}
/**--Archive--**/
.archive-table {
}
.data-row {
  border-top: 1px solid var(--color-black);
}
.data-row:last-child {
  border-bottom: 1px solid var(--color-black);
}

.table__single__design .data-row td,
.head-row th {
  padding: 1vw 0;
	width:auto;
}

.data-row td,
.head-row th {
  padding: 1vw 0;
	width:100%;
}
.design__archive__section .data-row td,
.head-row th {
  padding: 1vw 0;
	width:auto;
}

.design__archive__section .data-row a
{
	display:flex;
	align-items:center;
	gap:0.5rem;
}

.design__archive__section .data-row a svg
{
	opacity:0;
	transition:opacity 0.3s ease;
}
.design__archive__section .data-row:hover a svg
{
	opacity:1;
}
.design__archive__hover__image__container{
	    grid-column: 1 / 7;
    grid-row: 3;
	padding-left: 2vw;
	padding-top: 3vw;
	padding-right: 2rem;
}
.design__archive__hover__image__container img{
	display:none;
	width:100%;
}
.table__desgin__archive{
	grid-row: 3;
}
.design__archive__section th {
  cursor: pointer;
  user-select: none;
	   
}
.design__archive__section .inner__th{
	display: flex;
    align-items: center;
    gap: 0.5rem;
}
.design__archive__section th svg{
	transform: rotate(90deg);
	opacity:0;
}

.design__archive__section th.asc svg{
	transform: rotate(-90deg);
	opacity:1;
}

.design__archive__section th.desc svg{
	transform: rotate(90deg);
	opacity:1;
}


/**********---Design Page---***********/
.carousel-container {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  top: 0;
  left: 0;
}

.wpcf7-response-output{
    border: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.class-thanks-message{
	font-size: 2rem;
	width: 30vw !important; 
	padding-right: 12rem;
}

.carousel-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

.slide {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1;
  visibility: hidden;
  transition: all ease 0.5s;
}
.slider__item_img {
	filter: brightness(0.8);
}
.slider-title-link h2 span {
	color:white;
}
.slider-title-link .site__arrow {
	opacity:0;
	width:1.3rem;
	transition:all ease-in 0.2s;
	margin-left:1rem;
}
.slider-title-link:hover .site__arrow {
	opacity:1;
}

@keyframes slideOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.slide.active {
  opacity: 1;
  visibility: visible;
  transition: all ease 0.4s;
  z-index: 1;
  animation: slideOut 0.5s ease forwards;
}

.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slide-content {
  position: absolute;
  bottom: 40px;
  left: 40px;
  color: white;
}
.slide.active .slide-content h2 {
  color: var(--color-white);
  font-size: var(--fs-2xl);
	position:absolute;
	bottom:0%;
	z-index:9;
	    left: 0;
}
.slide-content h2 {
  color: var(--color-white);
  font-size: var(--fs-2xl);
		z-index:9;
}
.nav-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) !important;
  border: none;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  color: white;
	display:none;
  font-size: 24px;
}

.nav-button.prev{
  left: 2rem;
  width:40px;
}
.nav-button.prev img {
 transform:rotate(180deg);
}

.nav-button.prev img, .nav-button.next img {
	transition:all ease-in 0.2s;
}
.nav-button.prev:hover img, .nav-button.next:hover img {
	opacity:0.8;
}
.nav-button.next {
  right:2rem;
	width:40px;
}


	




.nav-button:hover {
  /* background: rgba(255, 255, 255, 0.5); */
}
.contact-form-submit {
  background-color: var(--color-white);
  border-radius: 50%;
  padding: 0.5rem;
  transition: all ease 0.2s;
}
.contact-form-submit:hover {
  background-color: var(--color-gray);
}
.contact-form {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
.input-field-contact {
  border: none;
  outline: none;
  border-bottom: 1px solid var(--color-black);
  background-color: var(--color-light);
  padding: 0.5rem 0;
  width: 100%;
}
.input-field-contact::placeholder {
  color: var(--color-black);
}
.contact-social-content {
/*   min-height: 8vw; */
  display: flex;
  flex-direction: column;
  justify-content: center;
/* 	row-gap:1rem; */
}
.site__arrow {
  width: 1.3rem;
}
.project-sect-title {
  align-items: center;
  column-gap: 1rem;
}
.hover-orange:hover {
  background: var(--color-orange);
}
.news-post__item:hover .news-heading-icon {
	opacity:1;
}
.news-post__item:hover .news-page-post-overlay {
	opacity:0;
}
.news-post__items {
  border-top: 1px solid var(--color-black);
  padding: 1.5vw 0;
}
.home-news-post-item {
  display: inline-flex;
  column-gap: 2rem;
  align-items: center;
  width: 100%;
}
.news-post__items:last-child {
  border-bottom: 1px solid var(--color-black);
}
.news-post__items .home-news-post-item{
	display: grid !important;
    column-gap: 20px !important;
    align-items: center;
    width: 100%;
    grid-template-columns: repeat(7, 1fr);
}
.home-news-post-item .news-post-title {
  font-size: var(--fs-2xl);
	    grid-column: 2 / -1;
  display: inline-flex;
  column-gap: 1rem;
  display: inline-flex;
  column-gap: 1rem;
  align-items: center;
	line-height: 42px; /* 105% */
letter-spacing: -2px;
}
.home-news-post-item span {
  font-size: var(--fs-2xl);
  display: inline-flex;
  column-gap: 1rem;
  display: inline-flex;
  column-gap: 1rem;
  align-items: center;
  letter-spacing:-2px;
}
.home-news-post-item:hover .home-news-post-arrow {
  opacity: 1;
}
.home-news-post-arrow {
  opacity: 0;
  transition: all ease 0.2s;
}
.bg-contain {
  background-size: contain !important;
}
.atrium-hero-content h3 {
	font-family:var(--font-primary) !important;
}
.home-atrium-post-desc {
  position: absolute;
  left: 19.8vw;
  width: 12vw;
  top: 2vw;
}
.home-atrium-post-overlay{
	opacity: 1;
  transition: all ease 0.2s;
}
.home-atrium-post-icon {
  opacity: 0;
  transition: all ease 0.2s;
}
.home-atrium-post-anchor:hover .home-atrium-post-overlay{
	opacity: 0;
}
.home-atrium-post-anchor:hover .home-atrium-post-icon {
  opacity: 1;
}
.news-post-hero-content {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(1%, -50%);
}
.atrium-hero-content {
     display: flex
;
    flex-direction: column;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(1%, -50%);
}
.news-post-hero-content h3 {
  font-family: var(--font-primary);
 line-height: 26px; 
letter-spacing: 3.6px;
  color: white;
  text-transform: uppercase;
}
.news-post-hero-contentt h3,
.news-post-hero-content h2 {
  color: white;
	line-height:1.2;
}

		.slider-dots {
	display:none;	
}


.atrium-hero-content h3 {
  font-family: var(--font-primary);
  line-height: 26px; 
letter-spacing: 3.6px;
}
.atrium-hero-content h3,
.atrium-hero-content h2 {
  color: white;
	line-height:1.2;
}
.atrium-post-desc-text {
}
.post-caption,
.news-date {
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 0.5rem;
}
.post-caption {
  letter-spacing: 2px;
  margin-top: 16px;
}
.news-date {
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 0.5rem;
  letter-spacing: 2px;
  font-weight: bold;
}
.atrium-date {
  letter-spacing: 5px;
  font-weight: bold;
  text-transform: uppercase;
  font-weight:400;
}
.post__arrow {
  width: 3rem;
}
.news-heading {
  display: inline-flex;
  align-items: center;
  column-gap: 1rem;
}
.news-heading-icon {
  opacity: 0;
  transition: all ease 0.2s;
}
.news-post__item {
/*   cursor: pointer; */
}
.news-page-post-overlay {
  opacity: 1;
  transition: all ease 0.2s;
}

.news-post__item:has(.news-heading:hover) .news-page-post-overlay,
.news-post__item:has(.news-content:hover) .news-page-post-overlay {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.news-heading:hover .news-heading-icon {
  opacity: 1;
}
.cross-anchor {
  background-color: var(--color-light);
  padding: 1rem;
  border-radius: 50px;
  position: relative;
  transition: all ease 0.2s;
}
.corss-anchor:hover {
  background-color: var(--color-white);
}
.cross-line {
  height: 2px;
  width: 15px;
  display: block;
  background-color: var(--color-black);
}
.cross-line:first-child {
  transform: rotate(90deg);
}
.project-caption {
  letter-spacing: 2px;
  margin-top: 0.5rem;
	font-size:0.75vw;
}
.project-center {
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:100%;
}
.go-to-page-contetn {
  text-transform: uppercase;
}
.person-card {
  cursor: pointer;
}
.person-card:hover .img-1 {
  opacity: 0;
  transition: all ease 0.2s;
}
.person-name {
  display: inline-flex;
  align-items: center;
  column-gap: 1rem;
}
.person-icon {
  opacity: 0;
  transition: all ease 0.2s;
}
.person-card:hover .person-icon {
  opacity: 1;
}
.contact-page-title{
	    margin-top: 0rem;
	    margin-bottom: 7rem;
	display: flex;
    align-items: end;
}
.contact-form-container{
/* 	margin: 15% 0; */
	padding-top: 1rem;
	grid-row:2;
	grid-column:8/12;
}
.subtitle__address_contact{
	    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 20px;
	margin-top:6rem;
}
.hs-form-field input[type=text], .hs-form-field input[type=email], .hs-form-field input[type=phone], .hs-form-field input[type=number], .hs-form-field input[type=tel], .hs-form-field input[type=date], .hs-form-field select, .hs-form-field textarea {
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid black !important;
}

.person-position {
  font-size: 14px;
  font-family: var(--font-primary);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 0.5rem;
  opacity: 0;
  transition: all ease 0.2s;
}
.person-card:hover .person-position {
  opacity: 1;
}
.section-inner-container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  height: 100%;
}
.design-post-atrium-text {
  font-size: 9vw;
}
.design-atrium-post-link {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
  width: 100%;
}
.design-atrium-post-overlay {
  opacity: 1;
  transition: all ease 0.2s;
}
.post-icon {
  opacity: 0;
  transition: all ease 0.2s;
}
.atrium-post-at-design-post-page:hover .design-atrium-post-overlay {
  opacity: 0;
}
.atrium-post-at-design-post-page:hover .post-icon {
  opacity: 1;
}

.person-desc p{
  font-size: var(--fs-xl) !important;
}
.person-page-position {
  letter-spacing: 3px;
  font-family: var(--font-primary);
  margin-top: 0.5vw;
}
.gray-hover-icon span {
	 transition: all ease 0.2s;
}
.gray-hover-icon:hover span {
  opacity: 0.5;
}
.person-profile-cross span {
  transition: all ease 0.2s;
}
.person-profile-cross:hover span {
  opacity: 0.5;
}
/*--Footer--*/
.footer-content {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.atrium-title-home {
	width:54%;
	font-size:3vw;
	line-height: 70px; /* 107.692% */
letter-spacing: -3.25px;
}

.my-custom-grid {
  grid-template-rows: min-content min-content 1fr;
}
.archive-desc p, .news-sect-description p{
              font-size: var(--fs-2xl);
}
.footer-hidden {
	display:none;
}
button.burger-menu.menu-btn.contact-menu-btn {
    background: white;
}
button.burger-menu.menu-btn.contact-menu-btn:hover {
	background-color: rgba(204, 204, 204);
}
img.site__arrow.post__arrow.arrow__up {
    transform: rotate(-90deg);
}
img.site__arrow.post__arrow.arrow__right {
    transform: rotate(-180deg);
}
.portrait-img {
/* 	height:45vw !important; */
	object-fit:cover;
}
.news-hero-letter {
	font-size: 20vw !important;
    display: block;
    color: #F7EDE5;
    line-height: 0.7;
	
}
#load-more {
	width:40px;
}
#load-more:hover .plus_icon_news {
	background:white;
}
img.plus_icon_news {
    background: var(--color-gray);
    padding: 0.5rem;
    border-radius: 50%;
	transition:all ease-in 0.2s;
}


/* -------Legal Page Styles----- */

.border-bottom-legal {
  border-bottom: 1.5px solid var(--color-black);
}
.border-bottom-legal:last-child{
	border-bottom: none;
}
.legal__section {
  width: 100%;
}

.legal__text {
  grid-column: 1/3;
  margin-top: 1rem;
}

.legal__text h1 {
  font-size: var(--fs-3xl);
  line-height: 1.5;
  font-weight: 400;
	  letter-spacing:calc(-5 / 100 * var(--fs-3xl));
}

.legal__text__info {
  grid-column: 6 / -1;
  margin-top: 12rem;
  margin-bottom: 8rem;
}

.legal__text__info p {
  font-family: var(--font-primary);
  font-family: var();
  font-size: var(--fs-2xl);
  line-height: 1.3;
  font-weight: 400;
    letter-spacing:calc(-5 / 100 * var(--fs-2xl));
}

.company__info__section {
  width: 100%;
}

.company__info__heading {
  grid-column: 1/4;
  margin-top: 1rem;
}
.company__info__heading h1 {
  font-size: var(--fs-2xl);
  line-height: 1.5;
  font-weight: 400;
	  letter-spacing:calc(-5 / 100 * var(--fs-2xl));
}

.company__info__text__1 {
/*   grid-column: 6 / 8; */
/*   margin-top: 3rem; */
/*   margin-bottom: 8rem; */
}

.company__info__text__2 {
/*   grid-column: 8 / 10; */
/*   margin-top: 3rem; */
/*   margin-bottom: 8rem; */
}

.company__info__text__3 {
/*   grid-column: 10 / 12; */
/*   margin-top: 3rem; */
/*   margin-bottom: 8rem; */
}
.company__info__text__1,
.company__info__text__2,
.company__info__text__3,
p {
  font-family: var(--font-primary);
  font-size: var(--fs-base);
  line-height: 1.3;
  font-weight: 400;
    letter-spacing:calc(-5 / 100 * var(--fs-base));
}

.credits__section {
  width: 100%;
}

.credit__text {
  grid-column: 1/2;
  margin-top: 1rem;
}
.credit__text h1 {
  font-size: var(--fs-2xl);
  line-height: 1.5;
  font-weight: 400;
  letter-spacing:calc(-5 / 100 * var(--fs-2xl));
}

.website__holder {
  grid-column: 6/8;
  margin-top: 3rem;
  margin-bottom: 8rem;
}

.mullroy__team {
  grid-column: 8/10;
  margin-top: 3rem;
  margin-bottom: 8rem;
}

.photographers {
  grid-column: 10/12;
  margin-top: 3rem;
  margin-bottom: 8rem;
}
.credits__section p:nth-child(1) {
  margin-bottom: 1rem;
}
.credits__section p {
  font-family: var(--font-primary);
  font-size: var(--fs-base);
  line-height: 1.3;
  font-weight: 400;
  letter-spacing:calc(-5 / 100 * var(--fs-base));
}
.privacy__policy__section {
  width: 100%;
}
.privacy__policy__text {
  grid-column: 1/3;
  margin-top: 1rem;
}
.privacy__policy__text h1 {
  font-size: var(--fs-2xl);
  line-height: 1.5;
  font-weight: 400;
  letter-spacing:calc(-5 / 100 * var(--fs-2xl));
}
.info__section__privacy__policy {
  margin-top: 3rem;
  margin-bottom: 8rem;
  grid-column: 6/12;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 1.1rem;
  row-gap: 4rem;
}
.info__box p {
  font-family: var(--font-primary);
  font-size: var(--fs-base);
  line-height: 1.3;
  font-weight: 400;
    letter-spacing:calc(-5 / 100 * var(--fs-base));
}
.info__box p:nth-child(1) {
  margin-bottom: 1rem;
}

.environment__social__policy__text {
  grid-column: 1/3;
  margin-top: 1rem;
}
.environment__social__policy__text h1 {
  font-size: var(--fs-2xl);
  line-height: 1.2;
  font-weight: 400;
  letter-spacing:calc(-5 / 100 * var(--fs-2xl));
}

.faq__text {
  grid-column: 1/3;
  margin-top: 1rem;
}
.faq__text h1 {
  font-size: var(--fs-2xl);
  line-height: 1.5;
  font-weight: 400;
  letter-spacing:calc(-5 / 100 * var(--fs-2xl));
}
.faq_accordion__container {
  margin-top: 3rem;
  margin-bottom: 8rem;
  grid-column: 6/12;
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}

.faq__question {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
  user-select: none;
  cursor: pointer;
}
.faq__question p{
  font-family: var(--font-primary-light);
  font-size: var(--fs-base);
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: calc(-5 / 100 * var(--fs-base));
}
.arrow_icon {
  width: 1.4rem;
  height: 1.4rem;
  transition: all ease 0.2s;
  background-image: url("./assets/media/arrow_right_2.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
.faq__question:hover .arrow_icon {
  transform: rotate(90deg);
  transition: all ease 0.2s;
}
.faq__answer{
  margin-top: 1rem;
  margin-left: 1.5rem;
  display: none;
}
.faq__answer p {
  font-family: var(--font-primary-light);
  font-size: var(--fs-base);
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: calc(-5 / 100 * var(--fs-base));
}
.checkbox:checked + .faq__answer {
  display: block;
  /* transition: all ease 0.2s; */
}


/* --------Careers Page Style----- */
.careers__hero {
  width: 100%;
}
.careers__text {
  grid-column: 1/3;
  margin-top: 1rem;
}
.careers__text h1 {
  font-size: var(--fs-3xl);
  line-height: 1.5;
  font-weight: 400;
  letter-spacing:calc(-5 / 100 * var(--fs-3xl));
}

.careers__info__text {
  grid-column: 6/12;
  margin-top: 8rem;
}

.careers__info__text p {
  font-family: var(--font-primary);
  font-size: var(--fs-2xl);
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: calc(-5 / 100 * var(--fs-2xl));
}

.careers__info__image {
  grid-column: 6/11;
  margin-top: 3rem;
  margin-bottom: 5rem;
}

.job__application__text {
  grid-column: 1/4;
  margin-top: 1rem;
}

.job__application__text h1 {
  font-size: var(--fs-2xl);
  line-height: 1.5;
  font-weight: 400;
  letter-spacing:calc(-5 / 100 * var(--fs-2xl));
}
.job__application__info {
  grid-column: 6/-1;
  margin-top: 3rem;
  margin-bottom: 8rem;
}
.job__application__info__text {
  margin-bottom: 2rem;
}
.job__application__info__text p {
  font-family: var(--font-primary);
  font-size: var(--fs-2xl);
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: calc(-5 / 100 * var(--fs-2xl));
}
.job__application__container {
  margin-top: 4rem;
}
.job__card {
  border-top: 1px solid var(--color-black);
  border-bottom: 1px solid var(--color-black);
  padding: 1rem 0;
  cursor: pointer;
  transition: all ease 0.2s;
}

.job__card label {
  user-select: none;
  cursor: pointer;
}

.job__card .checkbox:checked + .job__card__body {
  display: block;
  transition: all ease 0.2s;
}
.job__card:hover .arrow_icon {
  transform: rotate(90deg);
}

.job__card .checkbox:checked + .job__card > .heading__title > .arrow_icon {
  transform: rotate(90deg);
}

.checkbox {
  display: none;
}

.job__card__body {
  display: none;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.heading__title {
  display: flex;
  align-items: center;
  column-gap: 0.5rem;
}

.heading__title h2 {
  font-family: var(--font-primary);
  font-size: var(--fs-2xl);
  line-height: 1.3;
  font-weight: 400;
  letter-spacing:calc(-5 / 100 * var(--fs-2xl));
}

.info__text__bottom {
  margin-top: 3rem;
}
.info__text__bottom p {
  font-size: var(--fs-base);
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: -1px;
  letter-spacing:calc(-5 / 100 * var(--fs-base));
}

.job__card__box {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  column-gap: 1.1rem;
}
.info__text {
  grid-column: 1/7;
}


.job__requirements {
/*   grid-column: 1/3; */
  margin-top: 3rem;
}
.job__requirements ul {
  list-style: disc;
  margin-left: 1rem;
}

.job__requirements > p {
  font-size: var(--fs-base);
  line-height: 1.3;
	letter-spacing:calc(-5 / 100 * var(--fs-base));
  font-weight: 400;
  margin-bottom: 1rem;
}
.job__benefits> p {
  font-size: var(--fs-base);
  line-height: 1.3;
	letter-spacing:calc(-5 / 100 * var(--fs-base));
  font-weight: 400;
  margin-bottom: 1rem;
}

.job__benefits {
/*   grid-column: 3/5; */
  margin-top: 3rem;
}

.job__benefits ul {
  list-style: disc;
  margin-left: 1rem;
}

.job__apply {
/*   grid-column: 5/7; */
  margin-top: 3rem;
}

.job__apply p {
  font-size: var(--fs-base);
  line-height: 1.3;
  font-weight: 400;
	letter-spacing:calc(-5 / 100 * var(--fs-base));
  margin-bottom: 0;
}
.job__apply p:nth-child(1) {
  margin-bottom: 1rem;
}

.job__card__box ul li p{
  font-size: var(--fs-base);
  line-height: 1.4;
  font-weight: 400;
  letter-spacing:calc(-5 / 100 * var(--fs-base));
}

.job__email{
  text-decoration: underline;
}

.faq__card{
  padding-bottom: 1rem;
  border-bottom: 1.5px solid var(--color-black);
}

.company__block__container{
	    margin-top: 3rem;
    margin-bottom: 8rem;
    grid-column: 6 / 12;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1.1rem;
    row-gap: 4rem;
}
.footer-title{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
	row-gap: 2rem;
}
.legal_careers_links{
	display: flex;
    flex-direction: column;
    row-gap: 0.4rem;
	letter-spacing:calc(-5 / 100 * var(--fs-base));
}
.columns_container_application{
	display: grid;
    grid-column: 1 / 7;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 1.1rem;
}

@media screen and (max-width:1080px){
	
	.section__copy__content{
		margin:4rem 0 !important;
		margin-bottom:80px !important;
	}
	.consistent__space__single__project__mobile{
		padding-top:2rem !important;
		padding-bottom:3rem !important;
	}
	.subtitle__address_contact__mobile{
		flex-direction:column-reverse !important;
	}
	.subtitle__address_contact{
		display: flex
;
    flex-direction: column;
    row-gap: 2rem;
	}
		.no_min_height_mobile{
		min-height:unset !important;
	}
	.atrium__section__design__page{
		padding: 1rem 2rem;
	}
	.contact-page-title{
		    margin-top: 3rem;
    margin-bottom: 5rem;
	}
	.site__arrow {
          width: 1rem;
        /*margin-top: 0.8rem;*/
}
	.slide-content{
		max-width:65%;
		left:1rem;
	}
	
		.slider-dots {
  position: absolute;
  bottom: 40px;
			
  right: 40px;
  display: flex;
  gap: 8px;
		z-index:99;
}
	
	.home-news-post-item .news-post-title{
		line-height:26px;
	}

.slider-dots .dot {
  width: 10px;
  height: 10px;
  background: white;
	opacity:40%;
  border-radius: 50%;
  cursor: pointer;
  transition: opacity 0.3s;
}

.slider-dots .dot.active {
  opacity:1;
}


		.fs-xs {
	  font-size: var(--fs-xs);
			letter-spacing: -1px;
	}
	.fs-sm {
	  font-size: var(--fs-sm);
		letter-spacing: -1px;
	}
	.fs-base {
	  font-size: var(--fs-base);
		letter-spacing: -1px;
	}
	.fs-lg {
	  font-size: var(--fs-lg);
		letter-spacing: -1px;
	}
	.fs-xl {
	  font-size: var(--fs-xl);
		letter-spacing: -1px;
	}
	.fs-2xl {
		line-height: 1.1; /* 105% */
	letter-spacing: -1px;
	}
	.fs-3xl { 
	letter-spacing: normal;
	}
	.page-sect-desc{
		letter-spacing:-1px;
	}
	.news-post-title{
		letter-spacing:-1px !important;
	}
	.home-news-post-item span{
		letter-spacing:-1px !important;
	}
	.home-news-date{
		white-space:nowrap;
	}
	.page-bar a .content{
		letter-spacing:-1px;
	}
	.page-desc{
		letter-spacing:-1px;
	}
	.atrium-title-home{
		line-height:40px;
	}
	.design__cursor{
		display:none !important;
	}
	.slide.active .slide-content h2{
		display:flex;
		flex-direction:column;
		row-gap:1rem;
	}
}
.subtitle__address_contact__mobile{
	display:none;
}
/****************---Mobile media Query---******************/
@media screen and (max-width: 770px) {
	
	
	.contact-form-container{
		grid-column:1/-1;
		grid-row:3;
	}
	
	.contact-page-subtitle {
    grid-column: 1 / -1;
    grid-row: 2;
}
	
	.subtitle__address_contact{
		display:none;
	}
	
	.subtitle__address_contact__mobile{
		display: flex;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 20px;
    margin-top: 6rem;
		grid-column:1/-1;
		        flex-direction: column;
	}
	
	
	
	.company__info__text__1 {
    grid-column: 6/9;
    margin-bottom: 0;
  }
  .company__info__text__2 {
    grid-column: 9/12;
    margin-bottom: 0;
  }
  .company__info__text__3 {
    margin-top: 1rem;
    grid-column: 6/10;
  }
  .website__holder {
    grid-column: 5/8;
  }
  .privacy__policy__text {
    grid-column: 1/5;
  }
  .info__section__privacy__policy {
    grid-column: 6/-1;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 1.1rem;
    row-gap: 3rem;
  }
  .environment__social__policy__text {
    grid-column: 1/5;
    margin-top: 1rem;
  }

  .job__application__info{
    grid-column: 1/-1;
  }
  .job__application__text{
    grid-column: 1/5;
  }
  .job__card__box{
    grid-template-columns: repeat(6, 1fr);
  }
	
	.news-hero-letter {
	font-size: 25vw !important;
    display: block;
    color: #F7EDE5;
    line-height: 0.7;
	
}
	.menu-animation{
		width:150px;
	}
	
  .hero-content {
    padding: 8vh 0;
  }
  .menu-contact-content {
   		 padding: 19vh 0;
	  height:unset;
	  row-gap:2rem;
	  right:28%;
	  padding-right:2rem;
	  display:none;
  }
  .page-desc {
    width: 100%;
  }
  .contact-social-content {
    min-height: 15vh;
  }
  .news-post-image {
    display: none;
  }
  .post__arrow {
    width: 2rem;
  }
  .project-mobile-responsive {
    min-height: 28vh !important;
    background-size: contain !important;
  }
  .section-inner-container {
    display: flex;
    flex-direction: column;
    row-gap: 1rem;
  }
  .bg-contain-mb {
    background-size: contain !important;
	background-position: start;
  }
  .nav-button.next {
    right: 2rem;
  }
  .menu-icon {
    display: none;
  }
  .hero-letter {
    font-size: 15vw;
    color: #fff;
    display: block;
  }
	.home-page .hero-letter {
    font-size: 15vw;
    color: white;
		transition:color 0.3s ease;
    display: block;
  }
  .menu-items {
    width: 100%;
    height: 100%;
    left: 0;
	  justify-content: center;
	  text-align:center;
	  padding-top:8rem;
    transform: translateY(18%);
    z-index: 2;
    display: grid !important;
    grid-template-columns: 2 !important;
    grid-auto-rows: min-content;
    row-gap: 2rem;
  }
	.section-container-grid-two-row {
		display:flex;
		flex-direction:column;
		padding-top:2rem;
		row-gap:3rem;
	}
.home-atrium-post-desc {
    position: absolute;
    left: 0;
    width: unset;
    top: 25%;
	
}
	.project-caption {
	font-size:14px;
}
	.atrium-title-home {
	width:100%;
	font-size:2rem;
}
	/*section styling */
	.section__copy__content {
		margin:3rem 0;
	}
	.page-bar {
		padding-top:1rem;
		padding-bottom:1rem;
	}
	.scroll-section {
		padding-bottom:2rem;
	}
	.no_min_height_mobile{
		min-height:unset !important;
	}
	.page-bar-padding {
	padding-top:1rem;
	padding-bottom:1rem;
}
	.portrait-img {
/* 	height:50vh !important; */
	object-fit:cover;
}
	
	/* ----Legal Page Style--- */

  .legal__text__info {
    grid-column: 1 / -1;
    margin-top: 5rem;
  }

  .company__info__heading {
    grid-column: 1/-1;
    margin-top: 1rem;
  }
  .company__info__text__1 {
    margin: 1rem 0;
    grid-column: 1 / -1;
  }

  .company__info__text__2 {
    margin: 1rem 0;
    grid-column: 1 / -1;
  }

  .company__info__text__3 {
/*     margin: 1rem 0 4rem 0; */
    grid-column: 1 / -1;
  }

  .website__holder {
    grid-column: 1/-1;
    margin-top: 0rem;
    margin-bottom: 0rem;
  }

  .mullroy__team {
    grid-column: 1/4;
    margin-top: 1rem;
    margin-bottom: 3rem;
  }

  .photographers {
    grid-column: 5/-1;
    margin-top: 1rem;
    margin-bottom: 3rem;
  }

  .privacy__policy__text {
    grid-column: 1/-1;
  }
  .info__section__privacy__policy {
    grid-column: 1/-1;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 1.1rem;
    row-gap: 3rem;
  }

  .environment__social__policy__text {
    grid-column: 1/8;
    margin-top: 1rem;
  }

  .faq_accordion__container {
    grid-column: 1/-1;
  }

  .careers__info__image {
    grid-column: 1/-1;
    margin-top: 3rem;
    margin-bottom: 5rem;
  }
  .careers__info__text {
    grid-column: 1/-1;
    margin-top: 8rem;
  }

  .job__requirements{
    grid-column: 1/-1;
  }
  .job__benefits{
    grid-column: 1/-1;
  }
  .job__apply{
    grid-column: 1/-1;
  }
	
	.company__block__container {
    margin-top: 3rem;
    margin-bottom: 8rem;
    grid-column: 1 / -1;
    display: grid
;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 1.1rem;
    row-gap: 1rem;
}
	
.class-thanks-message{
	font-size: 1.4rem;
    padding-right: 8rem;
    width: 100vw !important;
}

}
input#firstname-32c0eab7-ab42-488e-b931-35b71d970c73 {
    border: 1px solid black;
}






/* Style HubSpot form fields */
#hubspot-form-container .hs-form input[type="text"],
#hubspot-form-container .hs-form input[type="email"],
#hubspot-form-container .hs-form input[type="tel"],
#hubspot-form-container .hs-form textarea,
#hubspot-form-container .hs-form select {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 16px;
  margin-bottom: 16px;
}

/* Style submit button */
#hubspot-form-container .hs-form input[type="submit"] {
  background-color: #000;
  color: #fff;
  padding: 12px 24px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}

#hubspot-form-container .hs-form input[type="submit"]:hover {
  background-color: #444;
}


@media (min-width:1024px) and (max-width:1600px){
	.page-sect-desc{
		letter-spacing:0.02em !important;
	}
	.page-desc{
		letter-spacing:0.02em !important;
	}
	.page-bar a .content{
		letter-spacing:0.02em !important;
	}
	.fs-2xl{
		letter-spacing:0.02em !important;
	}
	.fs-3xl{
		letter-spacing:0.02em !important;
	}
	.home-news-post-item span{
		letter-spacing:0.02em !important;
	}
	.home-news-post-item .news-post-title{
		letter-spacing:0.02em !important;
	}
	.atrium-title-home{
		letter-spacing:0.02em !important;
		    line-height: 38px;
	}
	.menu-items a{
		letter-spacing:0.02em !important;
	}
	.company__info__text__1, .company__info__text__2, .company__info__text__3, p{
		letter-spacing:0.02em !important;
	}
}
.new_header_curosr{
	filter: brightness(0);
}

@media screen and (max-width:1024px){
	.locatoin__td{
		display:none;
	}
	.typorolog__td{
		display:none;
	}
	.location__column{
		display:none;
	}
	.topology__column{
		display:none;
	}
	.person-position{
		opacity:1;
	}
	.person-icon{
		display:none;
	}
/* 	.subtitle__address_contact__mobile{
		display:none;
	} */
	.person-card:hover .img-1{
		opacity:1 !important;
	}
	.design__archive__section .data-row td, .head-row th{
		width: 100%;
		padding:2vw 0;
	}
	.design__archive__section .data-row a svg{
		display:none;
	}
	.legal__text{
		margin-top:5rem;
	}
	.careers__text{
		margin-top:5rem;
	}
	.faq__question{
		display:grid;
		grid-template-columns: 2% 1fr;
		gap:2rem;
	}
    .project-sect-title{
        margin-top: 0.6rem;
        opacity:1 !important;
    }
    .menu-items{
        display: flex !important;
    flex-direction: column;
    padding: 0 !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: var(--container-padding);
    /* left: 0; */
    transform: none !important;
    row-gap: 2rem;
    margin: 0 !important;
    justify-content: center;
    align-items: start;
    }
	.atrium-section_home{
		height:100svh !important;
		
	}
	.home-atrium-post-desc{
		top: 23svh !important;
	}
	.atrium-section_hero{
		height:100svh !important;
	}
	    .home-atrium-post__mobile {
        transform: translateY(26svh) !important;
    }
}


.menu__icno__news__w{
	display:none;
}
.menu__icno__news__w__letter{
	display: block;
    font-size: 16vw;
    margin-top: -3vw;
}
@media (max-width:700px){
	.menu__icno__news__w__letter{
		margin-top:0 !important;
	}
}
@media (max-height:932px){
	.atruim__home__image__background__fit{
		width:100%;
		height:18rem;
		object-fit:cover;
	}
}

@media (max-height:667px){
	.atruim__home__image__background__fit{
		width:100%;
		height:8rem;
		object-fit:cover;
	}
}
.whats__like__mulroy__section__career{
	border-bottom: 1.5px solid var(--color-black);
}
    
.what__like__mulroy__right__text__container{
	    grid-column: 6 / -1;
		column-count:3;
	    font-size: var(--fs-base);
	    margin-top: 3rem;
    margin-bottom: 8rem;
    line-height: 1.3;
    font-weight: 400;
        letter-spacing: calc(-5 / 100 * var(--fs-base));
}

@media (max-width:1024px){
	.what__like__mulroy__right__text__container{
		grid-column:1/-1;	
	}
}
@media (max-width:600px){
	.what__like__mulroy__right__text__container{
		grid-column:1/-1;
		column-count:1;
	}
}
}