/*
Theme Name:   Production Service Scandinavia
Theme URI:    productionse.demo.supertusch.com
Description:  Basically Bootstrap 5 Child Theme created for Production Service Scandinavia
Author:       Supertusch
Author URI:   http://supertusch.dk
Template:     basically-bootstrap-5
Version:      1.0.0
Domain Path: /languages/
Text Domain:  productionse
*/

/****************** Global **********************/

*{
  -moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
@font-face{
  font-family: 'Francy';
  src:url('/wp-content/themes/production-service/fonts/Francy.ttf');
  font-weight: regular;
}
@font-face{
  font-family: 'helvetica_now_var';
  src:url('/wp-content/themes/production-service/fonts/HelveticaNowVar.ttf');
  font-weight: regular;
}
@font-face{
  font-family: 'helvetica_now_display';
  src:url('/wp-content/themes/production-service/fonts/HelveticaNowDisplayMedium.otf');
  font-weight: regular;
}

:root {
  /* Colors*/
    --almost-grey: #606060;
    --light-grey: #C1C0C0;
    --almost-black: #1B1E22;
    --almost-white: #F1F6F7;
    --white: #FFFFFF;
/* font-size */
    --h1-size: 100px;
    --h2-size: 86px;
    --h3-size: 30px;
    --h3-strong-size: 39px;
    --p-size: 18px;
  /* font-variable*/
    --text-medium:'wght' 500, 'wdth' 100, 'opsz' 12;
    --text-light:'wght' 300, 'wdth' 100, 'opsz' 12;
}

/* @media (min-width: 1400px){
  .container
  {max-width: 1400px;}
} */


body{
margin:0;
padding:0;
font-family: 'helvetica_now_var';
color: var(--almost-black);
background:black;
overflow: auto;
z-index: 1;
position: relative;
}

main{
  /* background-color: white; */
}
.text-field{
  padding-top: 5rem;
}

.white{
  background-color: var(--white);
  color: var(--almost-black)!important;
}
.almost-white{
  background-color: var(--almost-white);
  color: var(--almost-black)!important;
}
.almost-black{
  background-color: var(--almost-black);
  color: var(--almost-white)!important;
}
.black{
  background-color: black;
  color: var(--almost-white)!important;
}
.content-block {
  padding-top:100px;
  padding-bottom:100px;
  position:relative;;

}
.hide{
  display:none!important;
}
@media screen and (max-width: 991px) {
  .content-block {
    padding-top:40px;
    padding-bottom:40px;
  }
}

/************************** NAVIGATION **************************/
.dropdown-toggle::after{
  display: inline-block;
  font-family: "Material Icons";
  content: "arrow_forward_ios";
  border:none;
  font-size: 18px;
  font-weight: 200;
  vertical-align: middle;
   transform: rotate(90deg);
   margin-bottom:2px;
   margin-top:0;
   transition: transform 0.6s;
}
.menu-item-has-children:hover .dropdown-toggle::after{
   transform: rotate(-90deg);
}



.navbar-toggler:focus{
  box-shadow:none;
}

.navbar-toggler span:before, .navbar-toggler span:after{
  content: none;
}

.toggler-icon {
    display: block;
    position: absolute;
    height: 2px !important;
    width: 100%;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out;
    border-radius: 2px !important;
    background-color: white;
}
.navbar-toggler .top-bar {
    margin-top: 0px;
    transform: rotate(135deg);
}
.navbar-toggler.collapsed .top-bar {
    margin-top: -8px;
    transform: rotate(0deg);
    background-color: white;
}
.navbar-toggler .middle-bar {
    opacity: 0;
}
.navbar-toggler .bottom-bar {
    margin-top: 0px;
    transform: rotate(-135deg);
}
.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
}
.navbar-toggler.collapsed .bottom-bar {
    margin-top: 8px;
    transform: rotate(0deg);
}

#menu-header{
  width:100%;
  justify-content: space-between;
}
header{
background-color: rgb(0,0,0,0.6);
position: fixed;
width:100%;
top: 0;
z-index: 990;
padding: 6px 0;
}
.logo-position{
  position: relative;
}
.logo{
  position: absolute;
  width:100%;
  top:0;
}
.logo img{
  width:130px;
}
.blank-home-link .home-logo{
  display: block;
  width:100%;
  height: 100%;
  z-index: 990;
}
.home-logo{
  height: 100%;
  display: block;
}
.navbar {
  width:100%;
}
.nav-link{
  font-size:18px;
  color: white;
}

.navbar-nav .nav-link:hover {
    color: var(--almost-white);
}
.dropdown-menu {
  background-color: rgb(0,0,0,0.6);
  border: none;
  text-align: left;
  padding: 0 8px;
}
.dropdown-item{
  display:contents;
  background-color: none;
  color: var(--almost-white);
}
.dropdown-item:hover{
  color: rgb(255,255,255,0.8);
  text-align: right;
}
.dropdown-menu .menu-item{
  color:red;
}

/************* 404 PAGE **************/
section.error-404 {
  padding-top: 60px;
display: flex;
align-content: center;
justify-content: center;
flex-direction: column;
width: 100%;
flex-wrap: wrap;
height:100vh;
}
section.error-404 header{
  position: relative;
}

/**************Mobile navigation*********************/
.navbar-toggler span, .navbar-toggler span:before, .navbar-toggler span:after {
  background:#ffffff;
}
.navbar {
  justify-content: end
}
@media screen and (max-width: 991px) {
  .nav-link{
    font-size:24px;
  }
  .navbar-nav{
    align-items: end;
    padding-top:1rem;
  }
  .dropdown-menu{
    display:block;
    background-color: transparent;
  }
  .dropdown-menu, .nav-link{
    text-align: right;
  }
  .dropdown-toggle::after{
    display:none;
  }
  .logo{
    top:-10px;
    z-index: 99999;
  }
  .logo img{
    width:40px;
  }
  .navbar-toggler{
    margin-bottom:0;
  }
  header{
    padding:20px 0;
  }
}

/************************* HEADING *************************/

h1,h2 {
    font-family: 'Francy', fallback, sans-serif;
}
h1{
  text-align: right;
  /* font-size: 6.25rem; */
font-size: var(--h1-size);
font-style: normal;
font-weight: 400;
line-height: 90px;
color: var(--almost-white);
}
h2{
font-size: var(--h2-size);
line-height: 80px;
font-style: normal;
font-weight: 400;
}
h3{
    font-family: 'helvetica_now_display';
font-size: var(--h3-size);
font-style: normal;
line-height: normal;
font-variation-settings:'wght' 500, 'wdth' 100, 'opsz' 30;

}

p{
  font-family: 'helvetica_now_var';
  font-size: var(--p-size);
  font-variation-settings:'wght' 300, 'wdth' 100, 'opsz' 12;
  line-height:26px;
}
h1{
    margin-bottom: 5rem;
}
h2{
  margin-bottom: 5rem;
}
h3{
  margin-bottom: 2.5rem;
}
a{
  font-family: 'helvetica_now_var';
  font-size: var(--p-size);
  color: black;
  text-decoration: none;
}
a:hover{
  color: var(--almost-black);
  cursor: pointer;
}
a.nav-link {
  font-family: 'Francy';
  letter-spacing: 1px;
}
a.dropdown-item {
  font-family: 'Francy';
  letter-spacing: 1px;
}

@media screen and (max-width: 768px) {
  h1{
    font-size: 6rem;
    margin-bottom: 3rem;
    line-height: 6.5rem;
    letter-spacing: 2px;
  }
  h2{
    font-size:4rem;
    line-height: 4.5rem;
  }
}

@media screen and (max-width: 575px) {
  h1{
    font-size: 3.5rem;
    margin-bottom: 2rem;
    line-height: 4rem;
    letter-spacing: 1px;
  }
  h2{
    font-size:3rem;
    line-height: 3.5rem;
  }
  h3{
    font-size: 1.5rem;
  }
  .hero-text {
    margin-bottom:0;
  }
}

/************************************** HERO *******************************/
.hero{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100vh;
  margin-bottom:40px;
}
/* .hero-text{
position: absolute;
  bottom:0;
  right:0;
} */
.fade-in-text{
  opacity:0;
}
.fade-in-sub{
  opacity: 0;
}
.hero h1{
  margin-bottom: 0;
}
.hero-bottom h2{
  color:var(--almost-white);
  margin-bottom:2.5rem;
  font-family: 'helvetica_now_display';
  font-size: var(--h3-size);
  font-style: normal;
  line-height: normal;
  font-variation-settings:'wght' 500, 'wdth' 100, 'opsz' 30;
}

.hero-video-wrapper{
  position: fixed;
  top: 0;
  bottom:0;
  overflow: hidden;
  width: 100%;
  height:100%;
  z-index: -2;
}
.hero-video{
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.box {
    /* width: 100%;
    height: 442px; */

    z-index: 1;
    padding-bottom:100px;
    margin-bottom:100px;
    /* display: flex;
   flex-direction: column;
   justify-content: center; */
}
.box h2{
  color: var(--almost-white);
}

.cta{
color:var(--almost-white);
display: flex;
gap:15px;
/* color: #F4F8F9; */
mix-blend-mode:difference;
font-size: 18px;
font-weight: 500;
letter-spacing: 0.54px;
word-wrap: break-word;
text-decoration: none;

}

.cta:hover{
  color: #F4F8F9;
}

.cta-arrows{
  display:flex;
  align-items: center;
}

.cta.large-text{
  font-size: var(--h3-size);
}

.arrow1 {
  transform: translateX(0px);
  transition: transform 1s ease;
}
.arrow2 {
  transform: translateX(0px);
  transition: transform 0.6s ease;
}

.cta:hover .arrow1 {
  transform: translateX(6px);
}
.cta:hover .arrow2 {
  transform: translateX(6px);
}
.black-filter{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background: linear-gradient(0deg, #1B1E22 0%, #1B1E22 2%, rgba(27, 30, 34, 0) 30%);
  opacity: 0;
  z-index: -1;
}
.black-filter-full{
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background: black;
  z-index: -1;
  opacity: 1;
}

/*******************  Text field  *********************/

.text-field-heading {
  text-align: right;
}
.text-field-text-and-link-box{
  margin-bottom:30px;
}

/*******************  Text banner  *********************/

@media screen and (max-width: 768px){
.text-banner.black a[href^=tel] {
  color: white;
  text-decoration: none;
  font-size: 4rem;
    line-height: 4.5rem;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
    font-family: 'Francy', fallback, sans-serif;
    text-decoration: none!important;
}
.text-banner.almost-black a[href^=tel] {
  color: white;
  text-decoration: none;
  font-size: 4rem;
    line-height: 4.5rem;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
    font-family: 'Francy', fallback, sans-serif;
    text-decoration: none!important;
}
.text-banner.white a[href^=tel] {
  color: black;
  text-decoration: none;
  font-size: 4rem;
    line-height: 4.5rem;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
    font-family: 'Francy', fallback, sans-serif;
    text-decoration: none!important;
}
.text-banner.almost-white a[href^=tel] {
  color: black;
  text-decoration: none;
  font-size: 4rem;
    line-height: 4.5rem;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
    font-family: 'Francy', fallback, sans-serif;
    text-decoration: none!important;
}

}

@media screen and (max-width: 575px){
  .text-banner.black a[href^=tel], .text-banner.white a[href^=tel] {
    font-size: 3rem;
    line-height: 3.5rem;
  }
  .text-banner.almost-black a[href^=tel], .text-banner.white a[href^=tel] {
    font-size: 3rem;
    line-height: 3.5rem;
  }
  .text-banner.almost-white a[href^=tel], .text-banner.white a[href^=tel] {
    font-size: 3rem;
    line-height: 3.5rem;
  }
  .text-banner.white a[href^=tel], .text-banner.white a[href^=tel] {
    font-size: 3rem;
    line-height: 3.5rem;
  }
}

.text-banner-right-text{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
justify-content: end;
h2{
  text-align: right;
  margin-bottom:0;
  padding-top:8px;
}
}

.text-banner-left-text{
  h2{
    margin-bottom:0;
    padding-top:8px;
  }

}

.text-banner {
  .cta{
    margin-top:30px;
  }
}
@media screen and (max-width:991px) {
  .text-banner {
    overflow-wrap: break-word;
  }
}
/******************* Image and text banner ***********/



.image-and-text-banner.content-block{
  padding-top:0;
}

.page-id-376  .image-and-text-banner.content-block{
  padding-top:100px;
}


.image-and-text-banner-image-wrapper a{
  display:flex;
  justify-content: center;
}

.image-and-text-banner-text {
  display:flex;
  flex-direction: column;
  justify-content:  center;
}

.image-and-text-banner-image{
  width:50%;
}

/******************* Locations ***********************/

.locations .locations-intro-heading{
  text-align: right;
}

.locations .locations-cards{
  display: flex;
  flex-direction: row;
  align-items: end;
  padding-right:25px;
  padding-left:25px;
  gap:10px;
}

.locations .location-card{
  position: relative;
  height:60vh;
  overflow: hidden;
}

.locations .location-card.card-1{
  height:51vh;
}

.locations .location-card.card-3{
  height:54vh;
}

.location-card .country-name{
  position:absolute;
  bottom:0;
  width:100%;
}

.locations .location-card video{
object-fit: cover;
height:100%;
max-width:100%;
transition: height 0.8s ease-in-out ;
}

.locations .location-card .locations-image{
  object-fit:cover;
  max-width: unset;
  height:100%;
  width:100%;
  object-position: bottom;
}

.locations .location-page-link{
  width: calc(25% - 10px);
}

.locations .location-page-link.three-links{
  width: calc(33% - 10px);
}

.locations  .location-card:has(.locations-image){
  position: relative;
  height: 21vh;
}

.locations .location-card.card-1:has(.locations-image){
  height:23vh;
}

.locations .location-card.card-2:has(.locations-image){
  height:20vh;
}

.locations .location-card.card-3:has(.locations-image){
  height:22vh;
}

.locations .location-page-link:hover .location-card video{
  height:120%;
}

.location-card .country-name h2{
  color:var(--almost-white);

  font-size: 4rem;
  margin-bottom:0;
  text-align:center;
}



@media screen and (max-width:1380px){
  .location-card .country-name h2{
    font-size:3rem;
  }
}
@media screen and (max-width:1040px){
  .location-card .country-name h2{
    font-size:2rem;
  }
}
@media screen and (max-width:768px){
  .locations .locations-cards{
    flex-wrap: wrap;
    row-gap: 30px;
  }
  .locations .location-page-link{
    width: calc(50% - 5px);
  }
  .locations .location-card.card-2{
    height:41vh;
  }
  .locations .location-card.card-2:has(.locations-image){
    height:21vh;
  }
  .location-card .country-name h2{
    font-size:3rem;
  }
}

@media screen and (max-width:575px){
  .locations .locations-cards{
    padding-right:12px;
    padding-left:12px;
  }
  .locations .location-card{
    height:40vh;
  }
  .locations .location-card.card-1{
        height:35vh;
  }
  .locations .location-card.card-2{
        height:33vh;
  }
  .locations .location-card.card-3{
        height:36vh;
  }
  .location-card .country-name h2{
    font-size:2rem;
  }
  .locations .location-page-link.three-links{
    width: calc(100% - 5px);
  }
  .locations .location-card.card-3:has(.locations-image), .locations .location-card.card-1:has(.locations-image) {
    height: 21vh;
}
}

/****************** Article links ********************/

.article-link-image-wrapper{
  overflow:hidden;
  width:100%;
}

.article-link-image-wrapper img{
  width:100%;
  height:100%;
  object-fit: cover;
  transition: height 1s;
}

.article-link-image-wrapper:hover img{
  height: 102%;
}

.article-links-intro-text-box{
  margin-bottom:30px;
}

.article-links .article-links-intro-heading{
  text-align: right;
}

.article-links .article-links-grid-wrapper{
  padding-left:25px;
  padding-right:25px;
}

.article-links-grid{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.article-links .article-links-grid-item{
  width:calc(25% - 10px);
  display: flex;
  flex-direction: column;
  gap:10px;
  margin-bottom:10px;
  img{
    width:100%;
  }
  h3{
    font-family: 'Francy';
    margin-bottom:0;
  }
}

 @media screen and (max-width:1440px){
   .article-links .article-links-grid-item{
     width: calc(33% - 10px);
   }
 }

 @media screen and (max-width:768px){
   .article-links .article-links-grid-item{
     width: calc(50% - 10px);
   }
 }
 @media screen and (max-width:590px){
   .article-links .article-links-grid-item{
     width: 100%;
   }
 }


/*******************  Accordion  *********************/

.accordion.content-block{
  padding-top:0!important;
}

.accordion{
  position:relative;
}
.accordion .map-container{
  position: absolute;
  top:0%;
  bottom:0;
  right:0;
  width:90%;
}
.accordion .map-container .map-image{
  width:100%;
}


.accordion .accordion-button {
  font-family: 'helvetica_now_var';
  font-size: var(--h3-size);
  font-weight: 500;
  align-items:flex-end;
  padding-left: 0;
  padding-bottom: 0;
  background: transparent;
  border-radius: 0!important;
  position:relative;
}
.accordion-item:last-of-type{
  border-radius: 0!important;
}

.accordion-item {
  border: none;
    border-bottom: 1px solid black;
    color:black;
    background-color: transparent;
}
.accordion-button::after {
  background-image: url('assets/image/plus.svg');
  position: absolute;
  display: block;
  text-align: center;
    /* height: 1.75em; */
  content: '';
  transition: none;
  top:50%;
  right:16px;
}

.accordion-button:not(.collapsed)::after {
    background-image: url('assets/image/minus.svg');
    display: block;
    text-align: center;
    height: 1.75em;
    background-repeat: no-repeat;
    transform: none;
}
.accordion-button:not(.collapsed){
  color: black;
  box-shadow:none;
  background-color:unset;
}
.accordion-button:focus {
box-shadow:none;
}

.accordion-body{
  font-size: var(--p-size);
  padding-bottom: 20px;
  font-variation-settings:'wght' 300, 'wdth' 100, 'opsz' 12;

}
.accordion-h3{
  word-wrap: break-word;
}
.accordion-h2{
  margin-bottom: 0;
}

/*********************************** Statistics *******************************/

.statistics.content-block{
  padding-top:0;
}

.statistic-h3{
    font-size:var(--h3-strong-size);
    font-weight: 700;
    text-align: center;
}

.statistics-line{
  background-color: black;
  height:2px;
  width:12%;
}
 .statistic-block p{
   margin-bottom:5px;
 }

 .statistics-line{
   margin-bottom:12px;
 }

/******************************** Featured Projects **************************/

.project-video{
  cursor: pointer;
}

.project-video-fullwidth{
  width:100%;
  height:100vh;
  position:fixed;
  top: 0;
  left:0;
  display:none;
  z-index: 999999;
  background-color: black;
}

.project-video-fullwidth.show{
  display:flex;
}

.project-video-fullwidth video{
width:100%;
max-height:100%;
}

.client-color{
  color: var(--almost-grey);
}


.project-video video {
    width: 100%;
    height: auto;
}
.credits-wrapper p{
  margin: 0;
}
.credit-colored{
  color: var(--almost-grey);
}
.project-h2{
  margin-bottom: 5rem;
  z-index: 1;
  position: relative;
}
.project-content{
  z-index: 1;
}
.project-video{
  z-index: 1;
  margin-bottom:2rem;
}
.featured-project h3{
  margin-bottom: 0;
}
.featured-project p{
  word-wrap: break-word;
}
.project-description{
  text-align: right;
}
.project-description p strong{
  font-variation-settings: 'wght' 600;
}
.big-lenses{
  max-width:100%;
}

/******************************** Featured StillsProjects **************************/


.stills-project-description{
  text-align: left;
}
.stills-project-grid{
  display:flex;
  flex-wrap: wrap;
  gap:10px;
  margin-bottom:2rem;
}
.featured-stills-project-image-wrapper{
  width:calc(25% - 8px);
  overflow:hidden;
  aspect-ratio:3/4;
  cursor: pointer;
}
.featured-stills-project-image{
  object-fit: cover;
  width:100%;
  height:100%;
}
.full-width-featured-stills-project-image-wrapper{
display:none;
}
.full-width-featured-stills-project-image-wrapper.show{
display:block;
position:fixed;
background:rgb(255,255,255,0.9);
top:0;
bottom:0;
right:0;
left:0;
z-index: 9999;
}
.full-width-featured-stills-project-image{
position:absolute;
max-height:90%;
top:50%;
left:50%;
transform: translate(-50%, -50%);
}

.featured-stills-project .add-more p{
  padding-top:0px;
  text-align: left;
}

.featured-stills-project .add-more-stills p{
  cursor: pointer;
  padding-top:0px;
  text-align: left;
  font-family:'Francy';
}

.add-more-stills.no-more{
  opacity: 0.1;
}

@media screen and (max-width:575px){
  .featured-stills-project-image-wrapper{
    width:calc(50% - 10px);
  }
}

/************************************ Gallery *********************************/

.category-list .category.active p{
  text-decoration: underline;
}

.gallery-heading{
  color:var(--almost-white);
}

.gallery-grid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  width:100%;
  padding-left: 25px;
  padding-right:25px;
  position: relative;
}
.gallery-image-wrapper{
width: calc(25% - 8px);
  height:450px;
  overflow:hidden;
  cursor: pointer;
  transition: width 1s;
  position: relative;

}
.gallery-image-wrapper .client-director-info{
  position:absolute;
  top:8px;
  left:8px;
  opacity:0;
  transition: opacity ease-in-out 0.5s;
  color: var(--almost-white);
}
.gallery-image-wrapper.grow .client-director-info{
  opacity:1;
  color: var(--almost-white);
}
.gallery-image-wrapper .client-director-info p{
  font-family:'helvetica_now_display';
  font-variation-settings: 'wght' 600, 'wdth' 100, 'opsz' 30;
}

.gallery-image-wrapper.grow{
  width:calc(52% - 8px );
}
.gallery-image-wrapper.shrink{
    width:calc(16% - 8px );
}
.gallery-image{
  width:100%;
  height:100%;
  max-height:100%;
  object-fit: cover;
}

.full-size-gallery-image-background{
  position: fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color: #3c3c3cf5;
    z-index: 9999;
    display:none;
}
.full-size-gallery-image-background.show{
display:block;
}



.full-size-gallery-image-wrapper{
  width:100%;
  height:100%;
  position: relative;
}

.full-size-gallery-image{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  width:auto;
  mix-blend-mode:none;
}



.gallery-image-credits{
  position: absolute;
  top:5%;
  left:10%;
  color: white;
}
.gallery-image-credits p{
  margin-bottom: 0;
}
.gallery-image-credits .credit-contributor{
  display:flex;
  gap:3px;
}
.credit{
  color: var(--light-grey);
}
.close-icon, .close-and-return-to-work{
  position: absolute;
  top:5%;
  right:10%;
  transform:rotate(90deg);
  mix-blend-mode:difference;
}
.close-icon:hover, close-and-return-to-work:hover{
  cursor: pointer;
}
 .category-list{
   display: flex;
   justify-content: space-between;
   padding-bottom:40px;
  color:white;
}
.category-list p a, .category-list p{
  font-family: 'Francy';
  letter-spacing: 1px;
}
.category, .all{
  cursor: pointer;
}

.add-more{
  color: white;
  padding-top:0;
  text-align: center;
  cursor:pointer;
}

.add-more p{
  margin-bottom: 0;
  padding-top:60px;
  font-family:'Francy';
}

.add-more-work p{
  background-color: var(--almost-white);
  margin-bottom: 0;
  padding-top:60px;
  font-family: 'Francy';
}

.add-more.no-more{
  opacity: 0.1;
}

.add-more-work{
  /* color: white; */
  color: black;
  background-color: var(--almost-white);
  text-align: center;
  cursor:pointer;
}

.add-more-work #load-more.no-more{
  opacity: 0.1;
}

@media screen and (max-width: 1200px) {
  .gallery-image-wrapper{
    height:350px;
}

}
@media screen and (max-width: 991px) {
  .gallery-grid{
    display:grid;
    grid-template-columns: repeat(3,1fr)
  }
  .gallery-image-wrapper{
    width:100%;
  }
}
@media screen and (max-width: 576px) {
  .gallery-grid{
      padding-right:12px;
    padding-left:12px;}
    }
@media screen and (max-width: 560px) {
  .gallery-grid{
      grid-template-columns: repeat(2,1fr)}
    }
/********************************* Offices *************************/
.offices .contact-content-paragraph{
  margin-bottom: 80px;
}
.offices .main-office{
  margin-bottom:40px;
}
.offices p.country{
  font-variation-settings:var(--text-medium);
  text-transform: uppercase;
  padding-top:6px;
  padding-bottom:6px;
}
p.head-office{
  font-variation-settings:var(--text-medium);
  margin-bottom: 0;
}
.country.first-line::after{
  border-bottom: 2px solid black;
}
p.address{
  font-variation-settings:var(--text-light);
  margin-bottom: 0;
}
p.phone{
  font-variation-settings:var(--text-light);
  margin-bottom: 0;
}
p.email{
  font-size: 16px;
}
.other-countries-box{
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.other-countries-country{
  width:25%;
}
.other-countries-country p.phone, .other-countries-country p.phone a{
  font-size:15px;
  margin-bottom:0;
}
.other-countries-country p.email, .other-countries-country p.email a{
  font-size:16px;
  line-height: 16px;
  margin-bottom:0;
}

/********************************* Offices *************************/

.whatsapp-button svg{
  margin-top:8px;
}

.staff .staff-image-wrapper{
overflow: hidden;
  height:350px;
margin-bottom:10px;

}
.staff .staff-card{
  margin-bottom:40px;
}
.staff .staff-image{
  object-fit: cover;
  min-width:100%;
  min-height: 400px;
  transform:translateY(-12px);
}
.staff-undertext p{
  margin-bottom: 0;
}
.staff-undertext p.name{
  font-variation-settings: var(--text-medium);
}
.staff-undertext p.title{
  font-variation-settings: var(--text-light);
}
.staff-undertext p.phone, .staff-undertext p.email{
  font-variation-settings: var(--text-light);
  font-size:16px;
  line-height:24px;
}
.contact-content-paragraph{
  margin-bottom:3.75rem;
}

/********************************* Clients *************************/
/* .clients .clients-grid{
  display:flex;
  flex-wrap:wrap;
} */
 .client{
  position: relative;
  display: flex;
  opacity:0;
    transform: translateY(20px);
}
.client:hover{
  opacity: 1!important;
}
.clients .client.black-line::after{
/* content: ""; */
position: absolute;
right: 0;
bottom: 50%;
transform: translateY(50%);
height: 65px;
width: 2px;
background-color: rgb(158,158,158,0.7);
}
.clients .client.last-in-row::after{
  display:none;
}
.client-credits{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  left:0;
  width:100%;
opacity:0;
transition-property: opacity ;
transition-duration: 0.1s;
}
.client-credits-row{
  display: flex;
  width:100%;
  justify-content: center;
}
.client-credits-row p{
  color:rgb(158,158,158,0.7);
}
.clients .clients-grid .client-logo-wrapper{
  display:flex;
  justify-content: center;
  align-items: center;
  opacity:1;
  transition-delay: 0;
  transition-duration: 0.5s;
  margin-bottom:50px;
  height:100%;
}
.clients .clients-grid .client-logo-wrapper .client-logo{
width:80%;
}
.clients .clients-grid .client:hover{
  cursor:arrow1;
}

@media screen and (max-width:767px){
  .clients .clients-grid .client-logo-wrapper .client-logo {
    width: 100%;
}
}

/********************************* Work Archive *************************/

.work-results{
  background-color: white;
}

.cat-list .cat-list_item.active{
  text-decoration: underline;
}

.archive-category.content-block{
  padding-bottom:0;
  .gallery-grid{
    background-color: var(--almost-white);
  }
}
.work-content-block{
  padding-top:0!important;
  background-color: var(--almost-white);
}

.archive-category{
  /* background-color: black; */
  background-color: var(--almost-white);
}

.archive-category-container{
  /* color:white; */
  color: var(--almost-black);
}
.cat-list_item{
  /* color:white; */
  color: var(--almost-black);
}
.archive-category-container form ul{
  padding-left: 0;
}
.archive-category-container form ul ul{
  display:flex;
  padding-left:0;
  justify-content: space-between;
}


.sf-input-radio{
  display:none;
}
.search-filter-results{
  color: white;
}
label{
  padding-left:0!important;
}
label.sf-label-radio:hover{
  cursor: pointer;
  text-decoration: underline;
}
input[type="radio"]:checked+label,
    input[type="checkbox"]:checked+label {
      text-decoration: underline;
    }
.work-card a{
  color: white;
}
.work-card a:hover{
  color:var(--almost-white);
}

.full-size-work-video{
  width: 100%;
  max-width: 100%;
  max-height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.iframe-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.iframe-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border: none;
}

/* Work slider */

/*ADD THIS TOO SEE FULL HEIGHT OF IMAGES*/
/* .slick-slide img{
  max-height: 100vh;
}
.slick-initialized .slick-slide {
  display:flex;
  justify-content: space-around;
} */

/* .slick-track{
  width:800px;
} */
 .slick-arrow{
   position:absolute;
   top:50%;
   transform: translateY(-50%);
   z-index: 1;
   mix-blend-mode: difference;
 }
 .slide-next{
   right:0;
   transform: translateY(-50%) rotate(90deg);

 }
 .slide-prev{
   transform: translateY(-50%) rotate(-90deg);
 }

 /* .full-size-work-gallery-image {
    display: block;
    max-height: 100vh;
    max-width: 100vw;
    margin: auto;
} */
/*********************************** FOOTER ****************************/

footer{
  background-color:var(--almost-black);
  color: var(--almost-white)!important;
}

footer .text-field-subheading{
  z-index: 1;
}
footer .text-field-heading{
  z-index: 1;
}
footer p{
  margin-bottom:0;
  line-height:18px;
}
footer p.name{
  font-variation-settings: var(--text-medium);
  margin-bottom:4px;
}

.phone.text-light{
  padding-top:6px;
  padding-bottom:6px;
}

.email.text-light{
  padding-top:6px;
  padding-bottom:6px;
}

.title.text-light{
  padding-top:6px;
  padding-bottom:6px;
}

.main-office p.text-light{
  padding-top:6px;
  line-height: 28px;
}

footer .text-light, footer .text-light a {
  font-size: 15px;
  font-variation-settings: var(--text-light);
  color: var(--almost-white)!important;
}
footer .text-medium{
  font-size: 15px;
  font-variation-settings: var(--text-medium);
  color: var(--almost-white)!important;
  padding-top:6px;
  padding-bottom:6px;
}
footer a{
  color: var(--almost-white);
}
footer .footer-privacy{
  text-transform: uppercase;
  font-size: 15px;
  display: flex;
  height: 28px;
  align-items: center;
  line-height: 16px;
}
footer .footer-privacy-link{
  font-size: 15px;
}
.footer-big-lenses{
  max-width:100%;
}
.owner-card{
  margin-bottom:80px;
}
.main-office{
  margin-bottom: 80px;
}
.people-cards{
  margin-top:4rem;
  margin-bottom: 8rem;
}
.card-first-line {
  font-size: var(--p-size);
  color: white;
}
.card-remaining-lines {
  margin-top: 6px;
  line-height: 1.2;
}
footer p.first-line.name{
  position: relative;
  padding-bottom: 6px;
  margin-bottom: 15px;
}
footer .first-line::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 65px;
  border-bottom: 2px solid white;
  line-height: 1.2;
}
footer .country-card .name{
  text-transform: uppercase;
}
footer .country-card{
  margin-bottom:40px;
}
footer .company-credits p{
  text-transform: uppercase;
  font-size: 16px;
  font-variation-settings: var(--text-medium);
}

footer .partners{
  margin-bottom:40px;
}

footer .partners p{
  text-transform: uppercase;
  font-size: var(--p-size);
  font-variation-settings: var(--text-medium);
}

footer .partner-icon{
  width:90px;
}