:root {
  --animate-duration: 800ms;
  --animate-delay: 0.4s;
  --bs-link-color: #212529;
  --bs-link-hover-color: #212529;
  --mandarin: #E16717;
 }


@font-face {
    font-family: 'Sofia Pro';
    src: url('/wp-content/themes/oxygenam/fonts/SofiaProRegular.eot');
    src: local('Sofia Pro Regular'), local('SofiaProRegular'),
        url('/wp-content/themes/oxygenam/fonts/SofiaProRegular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/oxygenam/fonts/SofiaProRegular.woff2') format('woff2'),
        url('/wp-content/themes/oxygenam/fonts/SofiaProRegular.woff') format('woff'),
        url('/wp-content/themes/oxygenam/fonts/SofiaProRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'Sofia Pro';
    src: url('/wp-content/themes/oxygenam/fonts/SofiaProRegular-Italic.eot');
    src: local('Sofia Pro Regular Italic'), local('SofiaProRegular-Italic'),
        url('/wp-content/themes/oxygenam/fonts/SofiaProRegular-Italic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/oxygenam/fonts/SofiaProRegular-Italic.woff2') format('woff2'),
        url('/wp-content/themes/oxygenam/fonts/SofiaProRegular-Italic.woff') format('woff'),
        url('/wp-content/themes/oxygenam/fonts/SofiaProRegular-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Sofia Pro';
    src: url('/wp-content/themes/oxygenam/fonts/SofiaProBold.eot');
    src: local('Sofia Pro Bold'), local('SofiaProBold'),
        url('/wp-content/themes/oxygenam/fonts/SofiaProBold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/oxygenam/fonts/SofiaProBold.woff2') format('woff2'),
        url('/wp-content/themes/oxygenam/fonts/SofiaProBold.woff') format('woff'),
        url('/wp-content/themes/oxygenam/fonts/SofiaProBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

 
 
body { font-family: "sofia-pro",sans-serif; font-size:18px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.wrapper { padding-top:0; padding-bottom:0 }
#wrapper-footer { padding-top:40px; padding-bottom:40px; }
.bg-primary { background-color:transparent; }
#wrapper-footer { background-color:#000; color:#fff; }
#npad { padding-left:0; padding-right:0; }
.home #single-wrapper { padding-bottom:0 }
.social{ margin-bottom:20px; text-align:center;  }
.site-footer p { text-align:center; }
.social li{ display:inline-block; margin:0 9px }
.social li a{ display:block; color:transparent; font:0/0 a }
.tiny-screen{ display:inline-block }
body.home { background-color:#000; }

a { text-decoration:underline; }
a:focus,a:hover { color: var(--bs-link-hover-color); text-decoration:underline; }
p { font-size:16px; line-height:1.4; }

.format-standard { padding-top:30px }
.blog h2.entry-title a { text-decoration:none;  }
.container-fluid { overflow:hidden; }
/*header { position:fixed; padding:0;  }*/

.navbar-toggler:focus { box-shadow:none; }
header .navbar-brand{ background:url(/wp-content/themes/oxygenam/img/Oxygen-Logo_Asset_Management_black.svg) 0 0/100% auto no-repeat; height:27px; margin:15px 0 0 15px; width:115px; z-index:1; color:transparent; font:0/0 a }

.navbar-toggler { display: block !important; margin-right:15px; border:none; position: fixed; top: 15px; right: 15px; }
.navbar-collapse { display: none !important; }
.navbar-toggler.collapsed + .navbar-collapse { display: block !important; }
.offcanvas-header .btn-close, .btn-close:hover { opacity:1; }
.navbar-toggler-icon { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
.home .navbar-toggler-icon { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.offcanvas { visibility:hidden; }
.offcanvas.offcanvas-end { box-shadow:none; border-width:0; }
.offcanvas.offcanvas-end::before, .offcanvas.offcanvas-end::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; content: ''; transform-origin: left top; transform: scale(0, 1); transition: transform .3s; }
.offcanvas.offcanvas-end.close::before, .offcanvas.offcanvas-end.close::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; content: ''; transform-origin: left top; transform: scale(0, 1); transition: transform .2s; }
.offcanvas.offcanvas-end::before { background: rgba(255, 255, 255, 0.3); }
.offcanvas.offcanvas-end::after { background: #fff; }
.offcanvas.offcanvas-end.show::before, .offcanvas.offcanvas-end.show::after { transform-origin: right top; transform: scale(1, 1); }
.offcanvas.offcanvas-end.show::after { transition-delay: .3s; }
.offcanvas-body { padding-top:45px }
.offcanvas-body li { text-align:right; padding-top:10px;  }
.offcanvas-body .nav-link { font-size:38px; font-weight:700; color:#000; display:inline-block; border-bottom:3px solid #fff; line-height:38px; text-decoration:none; }
.offcanvas-body .nav-link:hover, .offcanvas-body .nav-link:focus { border-bottom:3px solid #000 }
.btn.btn-secondary.understrap-read-more-link { color:var(--bs-link-color); background:#fff; border:2px solid var(--bs-link-color); }
.btn.btn-secondary.understrap-read-more-link:hover, .btn.btn-secondary.understrap-read-more-link:focus { background:var(--bs-link-color); color:#fff;  text-decoration:none;  }
.madarinbg { background-color:var(--mandarin); }
.blackbg { background-color:#000; }

.oamhero { min-height:50px;  position:relative; }
.oamhero .header__intro{ color:#fff; font-size:40px; font-weight:700; margin-bottom:0px; position:absolute; top:50%; left:50%; max-width:270px; text-align:center; transform:translate(-50%, -50%); width:92%; z-index:99; }
.oamhero .header__caption { color:#fff; font-size:12px; position:absolute; margin-bottom:0px; bottom:20px; right:20px; width:auto; z-index:99; }
.flow-root { display:flow-root; }
img.float-md-start.mb-3 { margin-right:25px }
.header__jump{ background:url(/wp-content/themes/oxygenam/img/Larger_arrow.svg) 0 0/100% auto no-repeat; width:42px; height:26px; position:absolute; left:50%; margin-left:-21px; bottom:40px }
.layout__inner { max-width:1368px; margin:0 auto; width:100% }
.content { padding:30px 20px; margin:0 auto 30px; text-align:center; width:100% }
.content p { margin:0 auto; max-width:542px }
.title { display:inline-block; font-size:22px; font-weight:700; margin-bottom:30px; line-height:1.3 }
.stats { overflow:hidden; padding-bottom:100px; box-sizing:border-box;}
.stats p { margin-bottom:40px; text-align:center; width:100%; line-height:1.4; }
.stats p strong { display:inline-block; font-size:30px; margin-bottom:20px; padding-bottom:20px; position:relative; width:100%; line-height:1.4em; }
.stats p strong:after { background:#000; content:""; height:1px; max-width:248px; position:absolute; bottom:0px; left:50%; transform:translateX(-50%); width:100% }
.stats p span{ font-size:20px }
.section-title { font-size:30px; font-weight:700; margin-bottom:42px; text-align:center; width:100% }

.grid { overflow:hidden }
.grid--team { margin-bottom:70px }
.grid--team .grid__item { cursor:pointer }
.grid--team .grid__item .plus { background:url(/wp-content/themes/oxygenam/img/Bio_Add_Cross.svg); position:absolute; top:20px; right:30px; height:35px; width:35px; z-index:15; color:transparent; font:0/0 a; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out }
.grid--team .grid__item .plus.open { background:url(/wp-content/themes/oxygenam/img/Bio_Add_Cross-white.svg); transform:rotate(-45deg) }
.grid--team .grid__item:hover .plus { background:url(/wp-content/themes/oxygenam/img/Bio_Add_Cross-white.svg) }
.grid__item { overflow:hidden; position:relative; height:100vw; width:100% }
.grid__item img { display:block; margin:0; width:100%; height: 100%;  transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; object-fit: cover; object-position: center; }


.grid__item:hover .grid__overlay { bottom:0px }
.grid__item:hover img { transform: scale(1.2); }
.grid__overlay { background:rgba(0,0,0,0.6); display:flex; width:100%; height:100%; position:absolute; bottom:-100vw; left:0; text-align:center; align-items:center; justify-content:center }
.grid__overlay h2 { color:#fff; font-size:30px; font-weight:700; margin-bottom:15px }
.grid__overlay p { color:#fff; font-size:22px }
.grid__content { background:#000; display:none; width:100%; height:100%; padding:20px; flex-direction: column; align-items: flex-start; justify-content: flex-start; overflow: auto; width: 100%; height: 100%; padding: 20px; position: absolute; bottom: 0; left: 0; text-align: center; z-index:9 }
.grid__content p a { color: #fff; font-weight: 700; text-decoration:none; }
.grid__content h3{ color:#fff; font-size:16px; font-weight:700; margin-bottom:15px }
.grid__content p{ color:#fff; font-size:11px; margin-bottom:10px }
.grid.projects .grid__item a { width:100%; height:100%; display:block; }
/* Customizes the scrollbar track (background) */
.grid__content::-webkit-scrollbar-track {
    background: #000; /* Light background for the track */
}

/* Customizes the scrollbar handle */
.grid__content::-webkit-scrollbar-thumb {
    background: #222; /* Black scrollbar handle */ ;
}

/* Sets the width of the scrollbar */
.grid__content::-webkit-scrollbar {
    width: 14px; /* Adjust the width as needed */
}
.position-relative { position: relative; }
.logos{ overflow:hidden; display:flex; flex-wrap:wrap; align-items:center ; list-style: none;}
.logos .logo{ float:left; margin-bottom:70px; text-align:center; width:50% }
.logos .logo img{ max-width:80% }
.logos .logo:nth-child(2n+1){ clear:both }
.logos .logo.logo--1 img{ width:181px }
.logos .logo.logo--2 img{ width:164px }
.logos .logo.logo--3 img{ width:211px }
.logos .logo.logo--4 img{ width:238px }
.logos .logo.logo--5 img{ width:189px }
.logos .logo.logo--6 img{ width:221px }
.logos .logo.logo--7 img{ width:174px }
.logos .logo.logo--8 img{ width:243px }
.logos .logo.logo--9 img{ width:221px }
.logos .logo.logo--10 img{ width:119px }
.logos .logo.logo--11 img{ width:261px }
.logos .logo.logo--12 img{ width:162px }
.columns { overflow:hidden; }
.columns--full { text-align:center; padding:50px 0; position:relative; }
.columns--full img { max-width:100%; }
.columns__col img { display:block; max-width:100%; }
.columns__col img.not-block{ display:inline-block; }
.columns__text{ padding:60px 30px; text-align:center; }
.columns__text>div{ width:100%; }
.columns__text p { max-width:430px; margin:0 auto 20px }
#specification .columns__text { padding:60px 5px }
.slick-slider{ position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; touch-action:pan-y; -webkit-tap-highlight-color:transparent }
.slick-slider *{ outline:none }
.slick-list{ position:relative; display:block; overflow:hidden; margin:0; padding:0 }
.slick-list:focus{ outline:none }
.slick-list.dragging{ cursor:pointer; cursor:hand }
.slick-slider .slick-track,.slick-slider .slick-list{ transform:translate3d(0, 0, 0) }
.slick-track{ position:relative; top:0; left:0; display:block }
.slick-track:before,.slick-track:after{ display:table; content:'' }
.slick-track:after{ clear:both }
.slick-loading .slick-track{ visibility:hidden }
.slick-slide{ display:none; float:left; height:100%; min-height:1px; position:relative }
[dir='rtl'] .slick-slide{ float:right }
.slick-slide img{ display:block }
.slick-slide.slick-loading img{ display:none }
.slick-slide.dragging img{ pointer-events:none }
.slick-initialized .slick-slide{ display:block }
.slick-loading .slick-slide{ visibility:hidden }
.slick-vertical .slick-slide{ display:block; height:auto; border:1px solid transparent }
.slick-arrow.slick-hidden{ display:none }
.large-screen,.medium-screen,.large-screen-inline,.medium-screen-inline{ display:none }
.tiny-screen{ display:inline-block }
.carousel__wrapper{ position:relative }
.carousel{ position:relative; max-width:100%; width:100% }
.carousel img{ width:100% }
.carousel ul.slick-dots{ bottom:20px; right:20px; position:absolute; width:auto; z-index:1; list-style-type:none; }
.carousel ul.slick-dots li{ float:left; margin:0 8px 0 0 }
.carousel ul.slick-dots li button{ background:transparent; border:2px solid #fff; border-radius:100%; height:13px; padding:0px; width:13px; color:transparent; font:0/0 a }
.carousel ul.slick-dots li.slick-active button{ background:#fff }
.carousel p{ font-size:14px; color:#000; margin-top:14px; text-align:center; position:absolute; bottom:20px; left:20px; margin-bottom:0px }
.carousel p.light{ color:#fff }
.active>.page-link, .page-link.active { background-color:#212529; border-color:#212529; }
.oamhero img { z-index:1; }
.daproject h1, .daproject h2 { padding-left:34%; font-size: 2.6rem; }
.daproject h1 { font-weight:700; }
.daproject h2 { padding-bottom:2rem; }

.project-navigation { width:100%; padding:0 20px 20px }
.project-navigation a { text-decoration:none; }
.project-navigation a:hover, .project-navigation a:focus { color:var(--mandarin); }
/*.oprevious { position:absolute; right:40px; }*/
.onext { position:absolute; right:40px; }


@media only screen and (min-width: 768px){ 
   .grid__content{ padding:50px }
   .grid__content p{ font-size:15px }
   .tiny-screen{ display:none !important }
    .medium-screen{ display:block }
    .medium-screen-inline{ display:inline-block !important }
    .oamhero { min-height:475px; height:100vh }
    .oamhero .header__intro{  font-size:40px;  top:50%; left:50%; text-align:center; transform:translate(-50%, -50%); width:92%; z-index:99; }
    .oamhero .header__caption {  font-size:12px; bottom:20px; right:20px;  z-index:99; }
}
@media only screen and (min-width: 1024px){
    .grid__content{ padding:10px }
    .grid__content p{ font-size:13px }
    .small-screen{ display:none !important }
    .large-screen{ display:block }
    .large-screen-inline{ display:inline-block !important }
    .no-tablet{ display:none }
}
@media only screen and (min-width: 1200px){
    .grid__content{ padding:50px }
    .grid__content p{ font-size:15px }
}

@media only screen and (min-width: 1024px){
   .margin-l-10{ margin-left:10px; max-width:calc(100% - 20px) !important }
   header .navbar-brand { height:34px; top:27px; left:40px; width:149px }
   .oamhero .header__intro { font-size:60px; max-width:380px }
   .oamhero .header__caption{ font-size:16px }
   .header-about { background:url(/wp-content/uploads/about-header-80-2.jpg) center top/cover no-repeat; }
   .header-services { background:url(/wp-content/uploads/services-header.jpg) center center/cover no-repeat; }
   .header-portfolio { background:url(/wp-content/uploads/portfolio-header.jpg) center center/cover no-repeat; }
   .oamhero img { display:none }
   .header__jump { width:62px; height:38px; margin-left:-31px } 
   .layout__inner { padding:0 60px }
   .content { padding:80px 20px }
   .title { font-size:38px; margin-bottom:70px; max-width:700px }
   .stats p { float:left; width:33.33% }
   .stats p strong { font-size:60px; margin-bottom:25px; padding-bottom:40px }
   .stats p span { font-size:26px }
   .section-title{ font-size:60px; margin-bottom:100px }
   .grid__item { float:left; height:33.33vw; width:33.33% }
   .grid__item:nth-child(3n+1){ clear:both }
   .grid__overlay{ bottom:calc(-100vw / 3) } 
   .grid__overlay h2{ font-size:38px }
   .logos .logo{ width:25% } 
   .logos .logo:nth-child(2n+1){ clear:none }
   .logos .logo:nth-child(4n+1){ clear:both }
   .columns { display:flex }
   .columns.columns--flipped { flex-direction:row-reverse }
   .column--flex{ display:flex }
   .columns__col{ width:50%; }
   .columns__col.columns__col--right { float:right; }
   .columns__col.columns__col--left{ float:left; }
   .columns__col img.not-block{ margin-bottom:-50px; }
   .columns__text{ display:flex; align-items:center; padding:0px }
   .carousel ul.slick-dots li button{ height:13px; width:13px; }
   .carousel.carousel--flipped ul.slick-dots{ left:20px; right:auto }
}

@media only screen and (min-width: 1024px) and (min-width: 768px){ .carousel.carousel--flipped p{     left:auto;     right:20px } }

.home header .navbar-brand { background:url(/wp-content/themes/oxygenam/img/Oxygen-Logo_Asset_Management_white.svg) 0 0/100% auto no-repeat }


@media only screen and (min-width: 768px){
    
    .tiny-screen{ display:none !important }
    .medium-screen{ display:block }
    .medium-screen-inline{ display:inline-block !important }
}

.social__instagram{ background:url(/wp-content/themes/oxygenam/img/Instagram_logo_footer.svg) 0 0 no-repeat; height:27px; width:27px; }
.social__linkedin{ background:url(/wp-content/themes/oxygenam/img/Linkedin_logo_footer.svg) 0 0 no-repeat; height:28px; width:32px; }
.social--content .social__instagram{ background:url(/wp-content/themes/oxygenam/img/Instagram_logo_contact_page.svg) 0 0 no-repeat; height:47px; width:47px; }
.social--content .social__linkedin{ background:url(/wp-content/themes/oxygenam/img/LinkedIn_logo_contact_page.svg) 0 0 no-repeat; height:49px; width:54px; }
.video--background { width: 100vw; height: 100vh; -o-object-fit: cover; object-fit: cover; top: 0; left: 0; z-index: -1; }


.grid-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px; width: 100%; }
.grid-item {
    display: flex;
    align-items: flex-start; 
    color:var(--mandarin); 
    background-size: cover;
    background-position: center;
    aspect-ratio: 1 / 1; 
    padding:10%
}

.text-center-custom {
    display: flex; /* Enables flexbox layout */
    flex-direction: column; /* Stacks child elements vertically */
    align-items: flex-start; /* Aligns the items to the left */
    justify-content: center; /* Centers the items vertically */
    padding: 10%; /* Adds padding inside the container */
    width: 100%; /* Full width of the parent element */
    text-align: left; /* Ensures text within children is aligned to the left */
}
  


.text-top-custom {
    display: flex; 
    flex-direction: column; 
    align-items: flex-start; 
    justify-content: flex-start; 
    text-align: left; 
    padding: 10%;
    & p { width:100%; margin-bottom:0 }
}

.solid-color { background-color:var(--mandarin); }
.sqfttxt { line-height:1.1em; font-size:6em; font-weight:700; width:100%; transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out }
h4.sqft { font-size:2.4rem; font-weight:700; clear:both; width:100%; }






@media (max-width: 1490px) {
.sqfttxt { font-size:5em; font-weight:700; width:100%; }
}
@media (max-width: 1200px) {
.sqfttxt { font-size:4em; font-weight:700; width:100%; }
}

@media (max-width: 998px) {
.sqfttxt { font-size:3.4em; font-weight:700; width:100%; }
}


/* iPad responsiveness */
@media (max-width: 768px) {
    .grid-container { grid-template-columns: repeat(2, 1fr); }
    .sqfttxt { font-size:3em; font-weight:700; width:100%; }
    .
  
}

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

}

/* Mobile responsiveness */
@media (max-width: 480px) {
    .grid-container { grid-template-columns: 1fr; }
  
}


.gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columns for desktop */
    grid-auto-rows: calc(100vw / 3); /* The minimum row height */
    gap: 0px; /* Adjust the gap as needed */
    margin-bottom:0;
    background-color: #E16717;
}

.gallery-item {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Landscape items spanning two columns and one row */
.gallery-item.landscape {
    grid-column: span 2;
    grid-row: span 1;
}

/* Portrait items spanning one column and two rows */
.gallery-item.portrait {
    grid-column: span 1;
    grid-row: span 2;
}

/* Square items spanning one column and one row */
.gallery-item.square {
    grid-column: span 1;
    grid-row: span 1;
}

@media (max-width: 768px) {
.daproject h1, .daproject h2 { padding-left:10px; padding-right:10px; width:100%; text-align:center;  }
.daproject h1 { margin-top:60px }
    .gallery {
        grid-template-columns: repeat(2, 1fr); /* 2 columns for tablets and below */
        grid-auto-rows: calc(100vw / 2); /* The minimum row height */
    }
    
    .gallery-item.landscape {
        grid-column: span 2; /* Landscape takes two columns on small screens */
    }
}