/*
Theme Name:     Airnord
Theme URI:      http://supertusch.dk/theme/airnord/
Description:    The wordpress theme for Airnord
Author:         Supertusch
Version:        1.0
Author URI:     Supertusch
Template:       basically-bootstrap-5
Version:        1.0.0
Domain Path:    /languages/
Text Domain:    Airnord
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


:root{
  --orange: #F26649;
  --orange-80: #F5856D;
  --primary-blue:#16193D;
  --primary-blue-80: #454764;
  --lilac: #A3A2C3;
  --pale-blue: #ABE1FA;
  --green: #C2D9B0;
  --dark-grey: #404151;
  --pale-grey: #9A9A9A;
  --off-white: #F3F3F5;
  --dark-lilac: #444F7D;
 --pale-green: #E6F0EF;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}

h1,h2,h3,h4,h5,h6 {
  margin-bottom: 0;
}

.hero-statement {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 2.5rem;
}

h1.h2{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 2.25rem;
  text-transform: uppercase;
}

h2{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 2.25rem;
  text-transform: uppercase;
}

h3{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.75rem;
  text-transform: uppercase;
}

h4{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 1.5rem;
}

h5{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  line-height: normal;
}

h6{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.125rem;
}

p{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 0.9375rem;
  line-height: 1.4rem;
}

p.small {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  line-height: auto;
}

a{
  color: black;
}

a:hover{
  color: var(--orange);
}

video{
  max-width:100%;
  width:100%;
}

img{
  width:100%;
}

.black-text{
  color: black;
}

.white-text{
  color: white;
}

.orange{
  background-color: #F26649;
  fill: var(--orange);
}

.orange h2{
  color: white;
}

.lilac h2{
  color: white;
}

.lilac{
  background-color: #a3a2c3;
  fill: var(--lilac);
}

.blue{
  background-color: #ABE1FA;
  fill: var(--pale-blue);
}

.grey{
  background-color: #E6F0EF;
  fill:var(--pale-green);
}

.primary_blue{
  background-color: #16193D;
  fill: var(--primary-blue);
}

.light_blue{
  background:var(--pale-blue);
  fill:var(--pale-blue);
}

.cta-buttons{
  display:flex;
  gap:30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 10px;

}

.cta{
    border-radius: 8px;
    display: inline-flex;
    padding: 14px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color:#ffffff;
    text-decoration: none;
    width:fit-content;
    font-weight: 600;
    min-width: 160px;
}

.cta:hover{
  color:#ffffff;
}

.cta-orange{
  background: var(--orange, #F26649);
  transition: 0.2s ease-in-out;
}

.cta-orange:hover{
  background: var(--orange-80);
}

.cta-blue{
  background:  var(--primary-blue, #16193D);
  transition: 0.2s ease-in-out;
}

.cta-blue:hover{
  background:  var(--primary-blue-80);
}

.cta-blue svg path {
  stroke:white;
}


/* Global Media Queries*/
@media screen and (max-width:767px){
  h2, h1.h2{
    font-size:1.75rem;
  }
}

@media (min-width: 1680px) {
    .container, 
    .container-sm, 
    .container-md, .container-lg, 
    .container-xl, .container-xxl, 
    .container-xxxl {
        max-width: 1320px;
    }
}


/* Header */

header{
  position: fixed;
  top:0;
  width:100%;
  z-index: 999;
}

header .container{
  display: flex;
  justify-content: space-between;
  align-items:flex-start;
}


.nav-bar{
  width:100%;
}

#menu-header-menu{
  display: flex;
  justify-content: space-between;
  margin:0;
  width:100%;
  padding-left: 14%;
  align-items: center;
}

#menu-header-menu li{
  list-style: none;
}

#menu-header-menu li a{
  text-decoration: none;
  color: #FFF;
  font-family: Inter;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.04rem;
}

#menu-header-menu li .sub-menu li a{
font-weight: 500!important;
}

#menu-header-menu li a:hover,
#menu-header-menu li.current-menu-item a{
  text-decoration: underline;
}

#menu-header-menu li.current-menu-item .sub-menu li a{
text-decoration: none;
font-weight: 500!important;
}

#menu-header-menu li.current-menu-item .sub-menu li:hover a{
text-decoration: underline;
}

.navbar{
  padding:10px 0;
}

.navbar-toggler{
  margin-left:auto;
  margin-bottom:0;
}

.navbar-toggler span{
  background: white;
}

/*undo bootstrap toggler*/
.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus{
  box-shadow:none;
}
.navbar-toggler span{
  margin:0;
  padding:0;
}
.navbar-toggler span::after, .navbar-toggler span::before{
  content:none;
}
.toggler-icon {
  display:block;
  position:absolute;
  height:2px!important;
  width:18px;
  opacity:1;
  left:0;
  transform:rotate(0deg);
  transition: .25s ease-in-out;
  border-radius: 8px!important;
}
.middle-bar{
  margin-top:0px;
}
/*when nav is clicked*/
.navbar-toggler .top-bar{
  margin-top:0px;
  transform:rotate(135deg);
}
.navbar-toggler .middle-bar{
  opacity:0;
  filter: alpha(opacity=0);
}
.navbar-toggler .bottom-bar{
margin-top:0px;
transform:rotate(-135deg);
}
/*when nav is collapsed*/
.navbar-toggler.collapsed .top-bar{
  margin-top:-6px;
  transform:rotate(0deg);
}
.navbar-toggler.collapsed .middle-bar{
  opacity:1;
  filter: alpha(opacity=100);
}
.navbar-toggler.collapsed .bottom-bar{
  margin-top:6px;
  transform:rotate(0deg);
}

.dropdown-item.active, .dropdown-item:active {
  background-color: transparent;
}


.right .navbar-toggler {
  align-self: center;
}

header .dropdown-menu{
  background-color: transparent;
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: .5rem 0;
  margin: 0;
  font-size: 1rem;
  color: white;
  text-align: left;
  list-style: none;
  border: none;
}

#menu-item-65 {
  border-radius: 8px!important;
  padding: 14px 24px!important;
  text-align: center;
  gap: 10px!important;
  color:#ffffff!important;
  text-decoration: none!important;
  width:fit-content!important;
  font-weight: 600!important;
  min-width: 111px!important;
}

#menu-item-65 a{
  color:#ffffff!important;
}

#menu-item-65:hover a{
  color:#ffffff!important;
}

#menu-item-65{
  background:  var(--primary-blue, #16193D)!important;
  transition: 0.2s ease-in-out!important;
}

#menu-item-65:hover{
  background:  var(--primary-blue-80)!important;
}

#header-menu{
  width:100%;
}

#main-menu .sub-menu{
  position: absolute;
  display:none;
}

#main-menu .menu-item-has-children::after{
content:"";
background: url('./assets/images/sub-menu.svg');
display:inline-block;
height: 10px;
width:17px;
background-repeat: no-repeat;
background-position: center;
}

#main-menu .menu-item-has-children.blue-arrow::after{
content:"";
background: url('./assets/images/sub-menu-blue.svg');
display:inline-block;
height: 10px;
width:17px;
background-repeat: no-repeat;
background-position: center;
}

#main-menu .menu-item-has-children:hover::after{
  transform: rotate(180deg);
}

#main-menu .menu-item-has-children:hover .sub-menu{
display: flex;
flex-direction: column;
gap: 8px;
background-color: white;
padding: 13px 9px 9px 9px;
border-radius: 4px;

}

#main-menu .menu-item-has-children .sub-menu li a{
color: var(--primary-blue);
}

.logo-home-wrapper {
width:198px;
}

.logo-home-wrapper svg{
transform-Origin:left;

  }

#menu-mobile-menu{
  display:none;
}






@media screen and (max-width:1024px){
#menu-header-menu{
  padding-left:35px;
}
}



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

  .navbar {
    padding: 8px 0;
  }

  header{
    padding-top:0;
  }

  .logo-home-wrapper{
    width:120px;
  }

 .logo-home-wrapper svg {
  width:100%;
 }

 #menu-header-menu{
  padding-bottom:48px;
 }

 #menu-header-menu li a{
  font-size: 0.95rem;
 }

  .show #menu-header-menu, 
  .collapsing #menu-header-menu{
    background-color: #ffffff;
  }

  .show #menu-header-menu li a, 
  .collapsing #menu-header-menu li a{
    color: #000000;
  }

  header.mobile-header-open{
    background-color: white!important;
  }

  header.mobile-header-open .navbar-brand svg path{
    fill: var(--primary-blue)!important;
 }

 header.mobile-header-open .navbar-toggler span{
    background-color: var(--primary-blue)!important;
 }

 header.mobile-header-open #menu-header-menu{
    padding-left:0;
    align-items:flex-start;
    gap:30px;
    padding-top:36px;
  }

  header.mobile-header-open #menu-header-menu li,
  header.mobile-header-open #menu-header-menu li a
    {
      width:100%!important;
  }

  .show #menu-mobile-menu{
    display:flex;
    flex-wrap: wrap;
    padding-left:0;
    padding-bottom: 16px;
    row-gap:12px;
  }

  #menu-mobile-menu  li{
    list-style: none;
    width:50%;
  }

  #menu-mobile-menu  li a{
    font-size: 0.75rem;
    text-decoration: none;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    line-height: 1.5rem;
  }

  #main-menu .sub-menu{
    position: relative;
    display: flex;
flex-direction: column;
gap: 18px;
background-color: white;
padding: 13px 9px 9px 9px;
border-radius: 4px;
  }

  #main-menu .menu-item-has-children:hover .sub-menu{
    gap: 18px;
  }

  #main-menu .menu-item-has-children::after{
content: none;

}

#main-menu .menu-item-has-children.blue-arrow::after{
  content: none;
}

}


/* HERO */

.hero{
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  width:100%;
  min-height:629px;
  background-position: center;
}

.video-wrapper{
  height: 100%;
}

.hero video{
  object-fit: cover;
  height: 100%;
  width:100%;
}

.empty-hero{
  height: 229px;
}

.hero-statement{
  text-transform: uppercase;
  margin-top:117px;
  z-index: 1;
}

.arrow{
  /* position: absolute;
  top:50%;
  right:50%;
  transform: translate(50%, -50%); */
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 18px;
  z-index: 1;
}

.arrow.down{
  transform: rotate(180deg);
}

.top-triangle{
  position: absolute;
  top:0;
  left:0;
  width:33vw;
   max-width:437px;
}

.bottom-triangle{
  position: absolute;
  bottom:0;
  right:0;
  width:33vw;
  max-width:412.5px;
}

.hero .cta-buttons{
  position: absolute;
  bottom:44px;
  right:0;
  left:0;
  z-index: 1;
}

.hero .embed-wrapper{
 position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}

.hero .embed-wrapper > * {
    position: absolute;
    inset: 0px 0px 0px -424.556px;
    width: 2087.11px;
    height: 1174px;
}

@media screen and (max-width:1024px){
  .top-triangle, .bottom-triangle{
    width:32.66vw;
  }
  .arrow svg{
    width:30.4%;
  }
}

@media screen and (max-width:991px){
  .top-triangle, .bottom-triangle{
    width:32.66vw;
  }
  .hero-statement{
  font-size: 2.18rem;
}
  .arrow svg{
    width:33.4%;
  }
}


@media screen and (max-width:768px){
    .hero-statement{
  font-size: 2rem;
}
}

@media screen and (max-width:767px){
  .arrow svg{
    width:54.5%;
    height:auto;
  }

}


@media screen and (max-width:590px){
.breadcrumbs-wrapper{
  margin-top:20px;
}
}

@media screen and (max-width:590px){
  .top-triangle, .bottom-triangle{
    width:60.54vw;
  }

    .hero{
      min-height: 650px;
    }

  .hero-statement{
    font-size: 1.75rem;
  }


  .hero .cta-buttons {
    bottom:92px;
  }

  .hero-content .cta-buttons{
    margin-top: 50px;
  }

  .cta-buttons{
    flex-wrap:wrap;
  }
}

/********** BLOCKS **********/
section.content_block{
  padding: 70px 0;
}

.breadcrumbs-wrapper{
  position: absolute;
  width:100%;
  margin-top:40px;
}

.breadcrumbs-wrapper a{
  color: var(--primary-blue);
  text-decoration: underline;
}

@media screen and (max-width:590px){
  section.content_block{
  padding: 64px 0;
}
}

@media screen and (max-width:767px){
 section.content .row{
  gap:40px;
 }
}


/* intro*/

section.intro.content_block{
  padding: 100px 0;
}

section.intro h2,
section.intro h1.h2{
text-transform: uppercase;
}

section.intro .font-\#000000 strong{
color: white;
font-weight: 700;
}

section.intro .font-\#FFFFFF strong{
color: black;
font-weight: 700;
}

@media screen and (max-width:767px){
section.intro .row{
  display:flex;
  flex-direction: column;
  gap:32px;
}
}

@media screen and (max-width:590px){
section.intro.content_block{
  padding: 64px 0;
}
}


/* facts */

section.facts{
  text-align: center;
  display:flex;
  justify-content: center;
  align-items: center;
}

section.facts .row{
  gap:20px;
}

section.facts .stats-wrapper{
  display:flex;
  justify-content: space-around;
  padding-top:20px;
  padding-bottom:20px;

}

section.facts h2.stats-heading{
  padding: 20px;
  text-transform: uppercase;
}

section.facts .stat-number h2{
  font-size: 3.25rem;
}

section.facts .stat-text{
  text-transform: uppercase;
}

section.facts .stats-card{
  display: flex;
  flex-direction: column;
}

.text-orange{
  color: var(--orange)!important;
}

.text-primary_blue{
  color: var(--primary-blue)!important;
}

.text-light_blue{
  color: var(--pale-blue)!important;
}

.text-lilac{
  color: var(--lilac)!important;
}

.text-grey{
  color: var(--pale-green)!important;
}

.text-white{
  color:white!important;
}

@media screen and (max-width:991px){
.stats-wrapper{
  gap:20px;
}
}

@media screen and (max-width:577px){
.stats-wrapper{
  flex-direction: column;
  gap:64px;
}
}

/* Content */
section.content{
  position:relative;
}

section.content .content-text
{
    display:flex;
    flex-direction: column;
    /* justify-self: center; */
    gap:40px;
  }


section.content h2{
  text-transform: uppercase;
}

section.content .content-text .body-text{
width: 80.5%;
}

section.content .bottom-triangle path{
opacity: 15%;
}

section.content .bottom-triangle .white{
fill: rgb(163, 162, 195, 0.15);
}

.text_right, 
.text_left{
  z-index: 100;
  position: relative;
}

@media screen and (max-width:991px){
  section.content .content-text .body-text{
    width:100%;
  }
}

@media screen and (max-width:767px){
section.content .row{
  flex-direction: column;
  gap:40px;
}
}

/* Cards */
section.cards{
  position: relative;
}

section.cards h2.cards-heading{
  text-align: center;
  padding-bottom: 70px;
  text-transform: uppercase;
}

section.cards .deck-card.small-card,
.deck-card.small-card
{
  width:304px;
  height:auto;
}

section.cards .deck-card{
  margin-top:11px;
  margin-bottom:11px;
}

section.cards .deck-card .card-inner{
  display: flex;
  flex-direction: column;
  flex: 1;
}

section.cards .deck-card .label{
  background-color: white;
}

section.cards .deck-card.shadow-1,
.deck-card.shadow-1{
  box-shadow: 0 4px 15px 7px rgba(0, 0, 0, 0.10);
}

section.cards .cards-wrapper:has(.small-card),
.cards-wrapper:has(.small-card){
display:flex;
gap:40px;
justify-content: center;
}

section.cards .small-card.deck-card,
.small-card.deck-card
{
  background-color: #fff;
  padding:0;
}

section.cards .small-card.deck-card .card-text h6.not-contact,
section.cards .small-card.deck-card .card-text p.not-contact{
margin-bottom: 30px;
}

section.cards .deck-card .label h5,
.deck-card .label h5 {
padding: 20px;
font-size: 0.875rem;
color: rgba(0, 0, 0, 0.5);
}

.deck.card h6{
  text-transform: uppercase;
}

section.cards .deck-card .image-wrapper,
.deck-card .image-wrapper{
  position: relative;
}

section.cards .deck-card .image-wrapper svg,
.deck-card .image-wrapper svg{
  position:absolute;
  top:0;
  left:0;
  height: 100%;
  width: auto;
}

section.cards .deck-card .card-text p,
.deck-card .card-text p{
font-size: 0.937rem;
margin-bottom: 10px;
}

section.cards .deck-card.wide-card .card-text p{
  margin-bottom: 0;
}

section.cards .deck-card .card-text p strong,
.deck-card .card-text p strong{
  color: var(--orange);
}

section.cards .deck-card .card-text,
.deck-card .card-text{
  padding:20px;
}

section.cards .deck-card .card-text h2,
.deck-card .card-text h2{
  color: #000!important;
  text-transform: uppercase;
}

section.cards .deck-card.wide-card .card-text{
  background-color: #ffffff;
  padding-top:40px;
  display: flex;
  flex-direction: column;
  gap:30px;
  z-index: 1;;
}

section.cards .deck-card .card-text .contact-details,
.deck-card .card-text .contact-details{
  display:flex;
  flex-direction: column;
  padding: 20px 0 20px 0;
}

section.cards .bottom-triangle{
opacity:15%;
}

.row.cards-wrapper{
  align-items: stretch;
  row-gap:23px;
}

.row.cards-wrapper .deck-card {
  display: flex;
  flex-direction: column;
  height:100%;
}

.row.cards-wrapper .deck-card .card-text {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto; 
}

.row.cards-wrapper .deck-card .card-text .cta {
  margin-top: auto;
}




@media screen and (max-width:1399px){
  .row.cards-wrapper:has(.deck-card.wide-card){
    max-width:896px;
    margin:auto;
  }
    }

  @media screen and (max-width:991px){
  .row.cards-wrapper:has(.deck-card.wide-card){
    max-width:unset;
    margin:unset;
  }
  }
  
  

/* Quote */
section.quote{
padding-top:50px;
}

section.quote .quotemarks h2{
color: #FFF;
font-size: 200px;
font-weight: 500;
text-transform: uppercase;
}

section.quote .quote-wrapper{
  display: flex;
  justify-content: center;
  gap:43px;
}

section.quote .quote-wrapper .quote p{
  font-size: 1.5rem;
  line-height: 2.7rem;
  max-width: 672px;
  margin-top: 75px;
}

section.quote .quote-wrapper .quoter-details{
  display:flex;
  flex-direction: column;
}

section.quote .quote-wrapper .quoter-details p{
  color: #fff;
  font-weight: 700;
  margin-bottom:0;
}

section.quote .quote-button{
  margin-top:25px;
  display: flex;
  justify-content: center;
}

@media screen and (max-width:577px){
section.quote .quote-wrapper{
  gap:20px;
}
}

/* Contact and office */
section.contact,
section.office{
  position: relative;
}

section.office{
  padding:80px 0 40px 0;
}


section.contact .contact-text{
  display: flex;
  flex-direction: column;
  justify-self: center;
  gap: 40px;
  max-width:84%;
}

section.contact .deck-card,
section.office .deck-card{
  /* margin-top:11px; */
  margin-bottom:11px;
  width:304px;
}

section.contact .cards-wrapper{
display:flex;
flex-wrap: wrap;
gap:56px;
justify-content: center;
}

section.office .cards-wrapper{
  display:flex;
flex-wrap: wrap;
gap:42px;
justify-content: flex-start;
}


section.contact .deck-card,
section.office .deck-card
{
  background-color: #fff;
  padding:0;
  box-shadow: 0 4px 15px 7px rgba(0, 0, 0, 0.10);
}

section.contact .deck-card .label h5, 
section.office .deck-card .label h5,
.deck-card .label h5 {
padding: 20px;
font-size: 0.875rem;
color: rgba(0, 0, 0, 0.5);
}

section.contact .deck-card .image-wrapper,
section.office .deck-card .image-wrapper,
.deck-card .image-wrapper{
  position: relative;
}

section.contact .deck-card .image-wrapper svg,
section.office .deck-card .image-wrapper svg,
.deck-card .image-wrapper svg{
  position:absolute;
  top:0;
  left:0;
  height: 100%;
  width: auto;
}

section.contact .deck-card .card-text p,
section.office .deck-card .card-text p{
font-size: 0.937rem;
margin-bottom: 0.937rem;
}

section.contact .deck-card.wide-card .card-text p,
section.office .deck-card.wide-card .card-text p{
  margin-bottom: 0;
}

section.contact .deck-card .card-text p strong,
section.office .deck-card .card-text p strong,
.deck-card .card-text p strong{
  color: var(--orange);
}

section.contact .deck-card .card-text,
section.office .deck-card .card-text,
.deck-card .card-text{
  padding:20px;
}

section.contact .deck-card .card-text h2,
section.office .deck-card .card-text h2,
.deck-card .card-text h2{
  color: #000!important;
  text-transform: uppercase;
}


section.contact .deck-card .card-text .contact-details,
section.office .deck-card .card-text .contact-details,
.deck-card .card-text .contact-details{
  display:flex;
  flex-direction: column;
  padding: 20px 0 0 0;
}

.cta.contact-button{
  margin-top:16px;
}

section.office .office-heading{
  padding-bottom:28px;
  position: relative;
}

section.office .office-heading::before{
  content: "";
  position: absolute;
  top:-40px;
  right:0;
  width:100%;
  height:2px;
  background-color: #D9D9D9;
}


section.office .underline-full{
  width:100%;
  height: 2px;
  background-color: #d9d9d9;
}

section.office .text-content{
  padding-top:35px;
  max-width:84%;
}

section.office .text-content p strong{
  font-weight: 700;
}

section.office .text-content .body-content p{
font-weight: 500;
}

section.office .office-subheading::after{
content: "";
display: block;
height:2px;
width:98%;
background-color: #d9d9d9;
margin-top:4px;
}

@media screen and (max-width:1399px) {
  section.contact .contact-text{
    max-width:100%;
  }

  section.contact .deck-card,
section.office .deck-card{
  width:45%;
}
}

@media screen and (max-width:1199px) {
  section.contact .deck-card,
  section.office .deck-card{
  width:304px;
}

  section.contact .row,
  section.office .row{
  gap:40px;
}
}

 @media screen and (max-width:991px){
  section.office .cards-wrapper{
    justify-self: center;
  }
 }

/* boost */
section.boost{
  position: relative;
}

section.boost .content{
  display:flex;
  flex-direction: column;
  gap:31px;
}

section.boost .content-text{
  padding-right:32px;
}

section.boost .arrows-wrapper{
 display: grid;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  grid-template-areas:
        "a . ."
        ". . b";
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}

section.boost .arrow-down{
  grid-row: -2;
  grid-column: -3;
}

section.boost .bottom-triangle{
  opacity:15%;
}

section.boost .heading2 h2{
  opacity: 60%;
}

section.boost .heading2 p{
  opacity: 60%;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 2.25rem;
  text-transform: uppercase;
  line-height: normal;
}

@media screen and (max-width:1199px) and (min-width:767px){
section.boost .arrows-wrapper{
right:31%;
}
}

@media screen and (max-width:767px){
section.boost .arrows-wrapper{
  width:fit-content;
  position:revert;
  transform: translate(0, 0);
  padding-bottom:40px;
}
section.boost h2, section.boost p{
  font-size:2.25rem;
  line-height: normal;
}
}

@media (max-width: 991px) and (min-width: 768px) {
    section.boost .content-text {
        max-width: 50%;
    }
}

/* Legal text*/
section.content_block.text{
  padding:0;
}

/* SINGLE INSIGHT  */

/*header colours*/
body.single-insight header,
body.page-template-page-text header,
body.page-id-63 header {
  background-color: white;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

body.single-insight #menu-header-menu li a,
body.page-template-page-text #menu-header-menu li a,
body.page-id-63 #menu-header-menu li a {
  color: #16193d;
}

body.single-insight header svg path,
body.page-template-page-text header svg path,
body.page-id-63 header svg path {
  fill: #16193d;
}

body.single-insight header svg,
body.page-template-page-text header svg,
body.page-id-63 header svg {
  transform: scale(0.8);
  transform-origin: center;
}

body.single-insight .navbar-toggler span,
body.page-template-page-text .navbar-toggler span,
body.page-id-63 .navbar-toggler span {
  background: #16193d;
}

body.single-insight #main-menu .menu-item-has-children .sub-menu,
body.page-template-page-text #main-menu .menu-item-has-children .sub-menu,
body.page-id-63 #main-menu .menu-item-has-children .sub-menu {
  background: white;
}


/*rest of block*/

.single-insight .breadcrumbs-wrapper, 
.breadcrumbs-wrapper.legal,
.page-id-63 .breadcrumbs-wrapper{
  position: relative;
  margin-top:0;
  margin-bottom:40px;
}

.single-insight .single-case-content{
  margin-top:229px;
  padding-bottom: 144px;;
}

.single-insight .insight-type{
  margin-bottom: 80px;
  color: var(--pale-grey);
}

.single-insight .case-content h1{
  margin-bottom:80px;
}

.single-insight .case-content .content{
  margin-bottom:40px;
}

.single-insight .case-content h5{
  margin-bottom:46px;
  color: var(--pale-grey);
}

ul{
  margin-bottom: 0;
  padding-left:11px;
}

.single-insight .case-content li{
  list-style: disc;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-size: 0.9375rem;
  line-height: 1.4rem;
}

.single-insight .author-wrapper{
  display:flex;
  margin-top:40px;
  position: relative;
  padding-top:42px;
  justify-content: space-between;
  align-items: flex-start;
}

.single-insight .author-wrapper::before{
  content: "";
  position: absolute;
  top:0;
  width:100%;
  height:1px;
  background-color: #E9EAEB;

}

.single-insight .author-image{
border-radius: 100%;
height:56px;
width:56px;
overflow: hidden;
}

.single-insight .author-image img{
  object-fit: cover;
  width:100%;
  height: 100%;
}

.single-insight .author-wrapper .author-details{
  display: flex;
  gap:8px;
  min-width:calc(50% + 11px);
}

.single-insight .author-wrapper p{
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0;
}

.single-insight .author-wrapper li.tag-item{
list-style: none;
font-size: 0.875rem;
background-color: rgba(242, 102, 73, 0.20);
padding:2px 10px;
border-radius: 16px;
color: var(--orange);
}

.single-insight .author-wrapper .author-details-text{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap:10px;
}


.single-insight .author-wrapper .tags ul{
  display: flex;
  gap:8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.single-insight .right-panel{
  padding-left: 5%;
}

.single-insight .right-panel .portarit-image-wrapper{
overflow: hidden;
width:100%;
aspect-ratio: 9 / 10 ;
margin-bottom: 76px;
}

.single-insight .right-panel .portarit-image-wrapper img{
  object-fit: cover;
  background-repeat: no-repeat;
  width:100%;
  height: 100%;
}

.single-insight .right-panel .landscape-image-wrapper{
  margin-bottom: 76px;
}

.single-insight .right-panel .related-material-box{
  position: relative;
  padding:24px 0;
}

.single-insight .right-panel .related-material-box:before{
  content: "";
  position: absolute;
  top:0;
  width:100%;
  height:1px;
  background-color: var(--pale-grey);
}

.single-insight .right-panel .related-material-box:after{
  content: "";
  position: absolute;
  bottom:0;
  width:100%;
  height:1px;
  background-color: var(--pale-grey);
}

.single-insight .right-panel .related-heading,
.single-insight .right-panel .related-card-heading{
  color: var(--pale-grey);
}

.single-insight .right-panel ul.related-material{
  padding-left:0;
}

.single-insight .right-panel ul.related-material li{
  list-style: none;
}

.single-insight .right-panel ul.related-material li a {
  text-decoration:none;
  color: var(--orange);
}

.single-insight .right-panel ul.related-material li a:hover {
  text-decoration:underline;
}


.single-insight .right-panel .related-card-box{
padding-top:24px;
}

.single-insight .right-panel .related-card-heading{
  margin-bottom:24px;
}

.single-insight .mobile-post-heading{
  display:none;
}

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

  .single-insight .mobile-post-heading{
  display:block;
}
 .single-insight .mobile-image{
  margin-top:64px;
  } 

  .single-insight .desktop-image{
  display:none;
  } 

  .single-insight .desktop-header{
  display:none;
  } 
 }



/* Wide image video */
section.wide_image_video{
  position: relative;
}

section.wide_image_video h2{
margin-bottom:40px;
}

section.wide_image_video .left-column{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

section.wide_image_video .text-row{
  margin-bottom:80px;
}

.embed-wrapper-relative{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    /* z-index: -1; */
}

.embed-wrapper{
position: relative;
aspect-ratio: 16 / 9;
}

.embed-wrapper iframe{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


/* Double text*/

section.double_text{
  position:relative;
}

section.double_text .left-column,
section.double_text .right-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    position: relative;
    z-index: 1;
}

section.double_text h2 {
    margin-bottom: 40px;
}




/* CASE ARCHIVE */
.cases-archive{
  position: relative;
}

.cases-archive .filter-wrapper{
  display: grid;
  grid-template-columns: repeat(3, 304px);
  margin: auto;
  gap:32px;
}

section.cases-archive-filter{
  padding-top:79px;
  padding-bottom:90px;
  background:var(--lilac)
}

section.cases-archive-results{
  padding-top:79px;
  padding-bottom:90px;
  background-color: var(--pale-green);
}

section.cases-archive-results .card-inner .image_wrapper{
  overflow: hidden;
  aspect-ratio: 19 / 13;
  width:100%;
}

section.cases-archive-results .card-inner .image_wrapper img{
  object-fit: cover;
  width:100%;
  height: 100%;
}

section.cases-archive-filter .filter-section{
  display: grid;
  grid-template-columns: repeat(3, 304px);
  margin: auto;
  gap:32px;
  justify-content: center;
}

section.cases-archive-filter .filter-section h5{
grid-column: 1 / -1;
}

section.cases-archive-filter .search-filter-field{
  min-width:304px!important;
}


.cases-archive .cards-wrapper{
  display: grid;
  grid-template-columns: repeat(3, 304px);
  margin: auto;
  gap:32px;
}

.cases-archive .card-text{
  display: flex;
  flex-direction: column;
  gap:20px;
  justify-self: flex-end;
}

.cases-archive .card-text p{
  flex:1;
}

.cases-archive .card-inner{
    display: grid;
    height: 100%;
    grid-template-rows: 57px 204px 1fr;
}

 @media screen and (max-width:1400px){
section.cases-archive-filter .filter-section{
  display: flex;
  flex-direction: column;
}
}

 @media screen and (max-width:1199px){
.cases-archive .filter-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin:0;
}
section.cases-archive-filter .search-filter-field{
  min-width:unset;
}
.cases-archive .cards-wrapper{
  display: flex;
  flex-wrap:wrap;
  justify-content: center;

}
}

/* FORM */
label{
  width:100%;
}

label span, label span input, textarea{
width: 100%;
}


input{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-top:none;
  border-right: none;
  border-left: none;
  border-bottom:solid #D9D9D9 2px;
  margin-bottom: 22px;
}

select{
  -webkit-appearance: initial;
  -moz-appearance: initial;
  appearance: initial;
  border-color: #D9D9D9;
  border-width: 1px;
  margin-bottom: 18px;
  padding:10px;
  border-radius: 8px;
  width:100%;
}

textarea{
  border-radius: 12px;
  border-color: #D9D9D9;
  border-width: 1px;;
}

input[type="submit"]{
    border-radius: 8px;
    display: inline-flex;
    padding: 14px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color:#ffffff;
    text-decoration: none;
    width:fit-content;
    font-weight: 600;
    min-width: 160px;
    background:  var(--primary-blue, #16193D);
    transition: 0.2s ease-in-out;
    margin-top: 32px;
    border:none;
}

select {
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: unset;
  color: var(--pale-grey);
  margin-top:30px;
}

input[type="submit"]:hover{
  color:#ffffff;
  background:  var(--primary-blue-80);
}

input::placeholder,
textarea,
.file-message{
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: unset;
  color: var(--pale-grey);
}

textarea{
  padding: 15px 16px;
  border-width: 2px;;
}

/* input[type="file"] {
 display: none;
} */

input[type="file"]{
  width:100%;
  border-bottom: none;
}

input[type="file"]::file-selector-button {
  border:solid;
  border-radius: 8px;
  border-color: #D9D9D9;
  border-width: 1px;
  padding: 20px;
  padding-left: 40px;
  cursor: pointer;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: unset;
  color: var(--pale-grey);
  line-height: normal!important;
  margin-bottom: 18px;
  text-align: center;
  background-image: url('/wp-content/themes/airnord/assets/images/upload-icon.png');
  background-repeat: no-repeat;
  background-position: center;
  background-position-x:33%;
  background-color: white;
  width:100%;
}

.wpcf7-list-item{
  margin-left:0px;
}

section.content_block.contact_form{
  padding:0;
}

.contact_form .content-text{
  display:flex;
  flex-direction: column;
  gap:80px;
}

input[type="checkbox"]{
  margin-bottom:0;
  border-bottom: none;
  position: relative;
}

input[type="checkbox"]::before{
  content:"";
  display: block;
  height:16px;
  width:16px;
  border: solid  #D9D9D9 1px;
  margin-bottom:0;
  border-radius: 1px;
}

input[type="checkbox"]:checked::after{
  content: "\2713";
  position:absolute;
  top: -2px;
  right: 0px;
  font-size: 19px;
}
/* footer */
footer{
  padding-top:100px;
  padding-bottom:100px;
  background-color: var(--primary-blue);
  color: white;
}

footer a{
  text-decoration: none;
}

footer a:hover{
  text-decoration: underline;
}

#menu-footer{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(var(--bs-gutter-x) + 12.5%);
}

footer .footer-col-1 ul{
padding-left: 0;
}

footer .footer-col-1 ul li{
list-style: none;
line-height: 1.75rem;
}

footer .footer-col-1 ul li a{
  color: white;
}


footer .bottom-footer{
  margin-top: 45px;
  display: flex;
  justify-content: space-between;
  padding-bottom:34px;
  border-bottom: 1px white solid;
}

footer .footer-col-header, 
.footer-nav .menu-item-has-children > a{
  font-weight: 700;
  margin-bottom: 1.75rem;
  display:block;
}

footer .footer-col-header, 
.footer-nav .menu-item-has-children > a:hover{
text-decoration: none;
cursor:default;
}

footer .footer-telephone a,
footer .footer-email a{
  color: var(--orange);
}

footer .social-icons{
  display: flex;
  gap: 20px;
  align-items: flex-end;
}

footer .social-link:hover svg path {
stroke: var(--orange);
}

footer .bottom-footer .footer-col-header{
  margin-bottom:14px;
}

footer .final-footer-links{
  display:flex;
  justify-content: space-between;
  margin-top:17px;
}

footer .final-footer-links a{
  color: white;
}

footer .final-footer-links a:hover{
  text-decoration: underline;
}



footer .final-footer-links .copyright-text{
  color: white;
  opacity: 40%;
}

.footer-mobile{
  display: none;
}

.to-top{
  position:fixed;
  bottom: 5%;
  right:5%;
  z-index: 9999;
}

.to-top:hover circle{
  fill: var(--primary-blue-80);
  cursor: pointer;
}

  @media screen and (max-width:991px){
  footer{
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .footer-mobile .row{
    gap:40px;
  }

  .desktop-footer{
    display:none;
  }

  .footer-mobile{
    display: block;
  }

  .footer-mobile .footer-logo{
    width:254px;
  }

  .footer-mobile .separator{
    width:100%;
    height:1px;
    background-color: white ;
  }

  .footer-mobile .final-footer-links{
    flex-direction: column;
    gap:20px;
  }
  }

  /*Bootsratp container editing*/

    @media (min-width: 768px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 760px;
    }
}
@media (min-width: 992px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 960px;
    }
}
  @media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1140px;
    }
}
  @media (min-width: 1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1345px;
    }
}