/*
Theme Name: KANDA
Template: underpants-v3
*/

:root {
  --color-body-text: #111;
  --color-light: #ffffff;
  --color-dark: #062726;
  --color-primary: #d81159;
  --color-primary-shade: #b90f4c;
  --color-pink:#A83C7A;
  --dark-magenta:#922768;
  --color-link: #1c21d7;
  --color-link--hover: #633eba;
  --color-blue:#006EAA;
  --color-lavender:#856A97;
  --color-teal:#208082;
  --color-green:#009A52;
  --color-orange:#B54A36;
}


/*General layout*/

.holder{
  max-width:1250px !important;
  padding-left:15px;
  padding-right:15px;
}
@media screen and (max-width:768px){
  .holder{

    padding-left:20px !important;
    padding-right:15px !important;
  }
}
.block-content h1{
  max-width:700px;
}
.team-intro__title, .wp-block-columns h1, .block-content h1
{
  padding-right:50px !important;
  font-size:22px !important;
}
/*Header*/
.header-logo{
  max-width:130px !important;
  right:0 !important;
}
.page-title{
  padding:1.5rem 0 !important;
}
@media screen and (max-width:43.75rem) {
    html.home .video-banner-wrapper video {
        object-fit: contain!important;
    }

}

@media screen and (max-width:540px){
    .cky-button-wrapper .cky-btn:last-child{
        margin-left:70px;
        margin-top:5px;
    
    }
    .cky-classic .cky-button-wrapper{
        margin-top:10px !important;
    }
    .cky-detail-wrapper{
        margin-top:10px !important;
    }
    .cky-consent-bar.cky-classic{
        padding:10px !important;
    }
}
@media screen and (max-width:320px){
    .cky-button-wrapper .cky-btn:last-child{
        margin-left:0px;
        margin-top:5px;
        
    }
}

.type-person .wp-block-columns .wp-block-column .wp-post-image {
    padding-right:15px;
}

.holder .block-content .wp-container-3 {
    margin-top:15px;

}

@media screen and (max-width:781px) {
    .type-person .wp-block-columns .wp-block-column .wp-post-image {
        padding-right: 0px;
        padding-bottom: 15px;
    }
   
}
/* .masonry{
    columns:2 300px !important;
} */

.team-intro__title{
    font-size:24px !important;
}
/*this is update to the news section layout*/
.flex-container {
    display: flex;
    flex-wrap: nowrap;
    
  }
  
  .flex-container > div {
   
    max-width: 500px;
    width:100%;
    margin: 10px;
   

  }

  /*New membership logo section added to the homepage*/
  .member-logos{
    padding-top:60px;
    padding-bottom:60px;
    background-color:#e5e3e3;
  }
  .membership_logo_container{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
 
 
  .membership_logos {  
    display: flex;
    flex-direction: row;
    max-width:300px;
    justify-content: center;
    align-items: center;
  }
  .membership_logos img{
    max-width:170px;
    padding:15px;
    width:100%;
  }
  .member-logos h3{
    margin-bottom:30px;
    margin-left:15px;
  }


  @media screen and (max-width:800px){
    .masonry li{
        margin-bottom:0px !important;
    }
}
  @media screen and (max-width:600px){
    .flex-container {
     flex-direction: column;
        
      }
      .flex-container > div {
        max-width:100%;
      }
      .flex-container .grid-pad{
        padding-left:0px !important;
      }
      .membership_logo_container, .membership_logos{
        flex-direction:column;
      }
      .membership_logos{
        text-align: left;
        align-items:inherit;
        justify-content: inherit;
      }
  }

  /*News page title moved to the right*/

    /*News page*/
 
    .news-item__title{
      background-color:#ffffff !important;
    }
  
    .news-item__title a{
      color:#000000 !important;
    }
  
    .news-item__title{
      padding:0px !important;
    }

     /*Case Study page*/


  .project-terms{
    display:block !important;
    max-width:1000px ;
    text-align: right !important;
  }
  .project-terms li{
    display: block !important;
   
  }
  .project-terms li a{
    margin-bottom:3px !important;
  }
  
  .team-intro__title{
    padding-right:10px !important;
    font-size:22px !important;
  }

  /* test scss
  .featured-content__banner__caption{
    background-color:#006EAA73 ;
  } */

  
/*Homepage banner*/
.page-title-banner-wrapper{
  background-color:var(--color-6);
  position: relative;
  color:white;
}
.image-text-banner{
  display:flex;
  align-items: center;
  justify-content: right;

}
.image-text-banner img{
  max-width:700px;
  width:100%;

}
.image-text-banner .text{
  max-width:850px;
  padding-right:6%;
}
.image-text-banner h2, .image-text-banner p{
  color:white;
  padding-bottom:25px;
}

@media screen and (min-width:1000.5px) and (max-width:1150px){
  /* .image-text-banner{
    align-items: end;
    
  } */
  
  .image-text-banner h2{
    font-size:26px;
  }
  .image-text-banner img{
    max-width:450px;
    width:100%;
    margin-top:-20px;
  
  }
  .image-text-banner .text{
    max-width:750px;
    padding-right:5%;
    padding-left:25px;
  }
}
@media screen and (min-width:1150.5px) and (max-width:1600px){
  .image-text-banner{
    padding-left:20px;
  }
  
  
  .image-text-banner img{
    max-width:550px;
    width:100%;
   
    margin-top:-15px;
  }
  .image-text-banner .text{
    max-width:800px;

    padding-right:5%;
    
  }
  .image-text-banner .text p{
    max-width:550px;
  }
}
@media screen and (max-width:1000px){
  .image-text-banner{
    flex-direction: column;
    align-items: end;
    /* padding:20px; */

  }
 
 }
 @media screen and (max-width:768px){
  .image-text-banner .text{
   padding:20px;
  }
  .image-text-banner img{
    padding-left:10px;
    padding-bottom:10px;
  }
}

/* Other pages banners*/
.content_page_banner_wrapper img{
  width:100% !important;
  height:auto;
  }


  
/************************

WHO WE ARE BANNER ON THE HOMEPAGE


************************/

.who_we_are_prompt{
  color:white;
  background-color:var(--dark-magenta);
  background-image:url(../png/who_we_are_overlay.png);
  background-size:cover;
  background-repeat: no-repeat;
  width:100%;
  padding:6% 0;
 
  display: flex;
  align-items: center;
}
.who_we_are_prompt .button-container{
  align-self: end;
  text-align: right;
}
.button-container .btn{
  background-color:#fff;
  color:var(--color-body-text);
  font-weight:700;
  text-decoration: none;
  /* margin-bottom:40px; */
  margin-right:20px;
}
.who_we_are_holder{
  display: flex;
  
}
.who_we_are_holder .text_container{
  padding-right:90px;
}
.who_we_are_prompt h3{
  font-size:22px;
}
@media screen and (max-width:768px){
  .who_we_are_prompt h3{
    font-size:clamp(1.125rem,0.5rem + 2.4vw,1.625rem);
  }
  .who_we_are_prompt{
    padding-top:50px;
    padding-bottom:50px;
  }
}

/*************************

Our Expertise Prompt


**************************/


.our_expertise_prompt{
  background-color:var(--color-5);
  color:white;
  text-align: center;
  padding:7% 0;
}

.our_expertise_prompt p{
  max-width:800px;
  margin:auto;
}
@media screen and (max-width:768px){
  .our_expertise_prompt{
    padding-top:50px; 
    padding-bottom:50px;
  }
}

/**************************

Homepage regions

***************************/

.regions_homepage{
  
  display: flex;
  background-color:var(--color-5);
  color:white;
  
  
}
/* .regions{
  min-width:33.3%;
} */
.regions:hover{
  background-color:var(--dark-magenta);
  transition:all 0.3s ease;
}

.regions .img_container{
  background-size:cover;
  width:100%;
  height:400px;
  opacity:0.5;
}
.consult_london, .consult_regions, .strat_comms {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
}
.consult_london h3,.consult_regions h3, .strat_comms h3{
  position: absolute;
  z-index: 1;
  top:25%;
  padding:30px;
  text-align:center;
}
.regions .excerpt{
  padding:50px;
}
.regions_homepage .regions:first-of-type{
  border-right:1px solid white;
}

.regions_homepage .regions:nth-of-type(2){
  border-right:1px solid white;
}
.regions-link {

  color:white;
  margin-bottom:20px;
  text-decoration: underline white solid 1px;
  
}



.regions-link:hover{
  color:white;
  text-decoration: none;
}

.regions-link i {
transition: all 0.5s linear; /* vendorless fallback */
-o-transition: all 0.5s linear; /* opera */
-ms-transition: all 0.5s linear; /* IE 10 */
-moz-transition: all 0.5s linear; /* Firefox */
-webkit-transition: all 0.5s linear; /*safari and chrome */
}
.regions-link:hover i {
  transform: translate(10px) scale(1.5);
  transition: all 0.5s;
}
@media screen and (max-width:900px){
  .who_we_are_holder{
    flex-direction: column;
  }
  .who_we_are_prompt .button-container{
    text-align:left;
    align-self: start;
    margin-top:20px;
  }
  .regions_homepage{
    flex-direction: column;
  }
  .regions .excerpt{
    padding:30px;
  }
}



/************************

Our Services Home

*************************/
.our-services-home{
  background-color:var(--color-6);
  padding:6% 0;
  color:white;


}
.our-services-home-container{
  display: flex;
  flex-direction: column;
}
.our-services-home h1{
  margin-bottom:30px;
}
.our-services-home-wrapper{
  display:flex;
}
.our-services-home-wrapper .text_container{
  padding-right:90px;
}

.our-services-home-wrapper .button-container{
  text-align: right;
}

.our-services-home-wrapper .button-container .btn:hover{
  background-color: var(--dark-magenta);
}
.circle-container {
  display: flex;
  justify-content: space-between;
  margin-top:30px;
  flex-wrap:wrap;
}
@media screen and (max-width:1000px){
  .circle-container {
    justify-content: center !important;
  }
}
.circle-container a {
  text-decoration: none !important;
}
.circle-container a .circle{
  height:160px;
  width:160px;
  border-radius:50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color:white;
  padding:15px;
  margin:10px;
}

.circle-container .circle-1{
  /* background-color:var(--color-blue); */
  outline:0px solid #006EAA73;
  transition:all 0.3s ease;
  
}
.circle-container .circle-1:hover{
  outline:20px solid #006EAA73;
  transition:all 0.3s ease;

}
.circle-container .circle-2{
  /* background-color:var(--color-lavender); */
  outline:0px solid #856A9773;
  transition:all 0.3s ease;
}
.circle-container .circle-2:hover{
  outline:20px solid #856A9773;
  transition:all 0.3s ease;
}


.circle-container .circle-3{
  /* background-color:var(--dark-magenta); */
  outline:0px solid #92276873;
  transition:all 0.3s ease;
  
}
.circle-container .circle-3:hover{
  
  outline:20px solid #92276873;
  transition:all 0.3s ease;
  
}
.circle-container .circle-4{
  /* background-color:var(--color-teal); */
  outline:0px solid #20808273;
  transition:all 0.3s ease;
}
.circle-container .circle-4:hover{
  
  outline:20px solid #20808273;
  transition:all 0.3s ease;
}
.circle-container .circle-5{
  /* background-color:var(--color-green); */
  outline:0px solid #009A5273;
  transition:all 0.3s ease;
  
}
.circle-container .circle-5:hover{
  
  outline:20px solid #009A5273;
  transition:all 0.3s ease;
  
}
.circle-container .circle-6{
  /* background-color:var(--color-orange); */
  outline:0px solid #B54A3673;
  transition:all 0.3s ease;
  
}
.circle-container .circle-6:hover{

  outline:20px solid #B54A3673;
  transition:all 0.3s ease;
  
}



/*********************************

Experience section on the homepage

**********************************/

.experince_homepage{
 
  padding:6% 0 4% 0;

}

.experience_content{
  display: flex;
}

.experince_homepage h1{
  margin-bottom:30px;
}
.experience_content p{
  padding-right:90px;
}


.experience_content .button-container{
  align-self: end;
  text-align: right;
}
.experience_content .button-container .btn{
  background-color: var(--dark-magenta);
  color:white;
}
.experience_content .button-container .btn:hover{
  background:var(--color-5);
}
@media screen and (max-width:900px){
  .experience_content .button-container{
    align-self: start;
    text-align: left;
    padding-top:15px;
  }
  .our-services-home{
    padding-top:50px;
    padding-bottom:50px;
  }
  .our-services-home-wrapper, .experience_content{
    flex-direction: column;
  }
  .our-services-home-wrapper .button-container{
    text-align: left;
    margin-top:30px;
  }
  .who_we_are_holder .text_container, .our-services-home-wrapper .text_container, .experience_content .text_container{
    padding-right:0;
  }
}




/*****************************************************

Gravity Forms styles / Subscribe / Sign up / Register Area

******************************************************/
.register-user{
  width:100%;
  background-color:#e5e3e3;
  padding-top:70px;
  padding-bottom:70px;
  /* margin-top:70px; */
  

}
.pum-container{
  padding:70px !important;
}

.register-user .holder{
  display: flex;
  justify-content: center;
}


.subscribe_container{
  
  margin-left:75px;
  margin-top:30px;
}
.btn .gform_button span{
 display: none;
}
@media screen and (max-width:545px) {
  .register-user .holder{
    flex-direction: column;
    justify-content: left;
  }
  .subscribe_container{
    margin-left:0px;
  }
}
/*gravity form & pop up maker*/

.gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=email]{
  padding:20px !important;
  border:1px solid black;
 
}
.gform_wrapper.gravity-theme input[type=submit]{
  background-color: var(--dark-magenta);
  color:white;
  border:0px;
  
}
.gform_wrapper.gravity-theme select{
  border:1px solid black;
  padding:10px !important;
}
form{
  max-width:100% !important;
}
legend{
  color:#000 !important;
}
form input:focus, #popmake-2583 button:focus{
  outline:2px solid var(--color-dark);
}
.gform_heading h2{
  margin-bottom:40px !important;
  color:#000 !important;
}

@media screen and (max-width:768px){
  .gform_wrapper.gravity-theme .gfield input.medium, .gform_wrapper.gravity-theme .gfield select.medium{
    width:100% !important;
  }
  .pum-container{
    padding:25px !important;
  }
}

/*Footer content updated*/
footer .main-contact li{
  font-weight:300 !important;
  font-size:16px !important;
}
.footer-content-updated{
  
}
.footer-logo{
  max-width:130px !important;
  position: relative;
}

.footnotes{
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.social ul{
  display: flex !important;
  align-items: self-end;
  padding-top:14px !important;
}
.main-contact{
  margin-top:1rem !important;
}
.footer-col--2{
  flex-basis:500px !important;
}
.footer-col--2 .main-contact{
  display: flex !important;
}
.main-contact li+li{
  margin-top:0px !important;
}
@media screen and (max-width:768px){
  .footer-wrapper{
    flex-direction: column;
    
  }
  .footnotes{
    flex-direction: column;
  }
  .footer-col--2, .footer-col--1{
    flex-basis:auto !important;
  }
}
@media screen and (max-width:545px){
  .footer-col--2 .main-contact{
    flex-direction:column;
  }
  .footer-col--2{
    margin-top:30px;
  }
}

/*********

Homepage Carousel - Featured Content 


*****/

.featured-content__banner__caption{
  background-color:#922768F2 !important;
    top: 0 ;
    left: 0;
    
    max-width:500px;
    background-color: rgba(11, 14, 27, 0.7);
    color: #fff;
    padding: 40px !important;
}
.featured-content__banner__caption h2{
  color:white !important;
  font-size:28px !important;
  
}
.featured_case_link{
  color:white !important;
}
.slider--featured-content ul.slick-dots li button{
  background-color:transparent !important;
  border:1px solid white !important;
}

.slider--featured-content ul.slick-dots li.slick-active button{
  background-color:white !important;
}
/*new added*/


.slider--featured-content ul.slick-dots li+li{
  margin-top:0px !important;
}
.slider--featured-content ul.slick-dots{
  flex-direction: row !important;
  bottom:10% !important;
  top:auto !important;
  left:80px !important;
  right:auto !important;
  justify-content: flex-start !important;
}






@media screen and (max-width:1200px){
  .featured-content__banner__caption h2{
    color:white !important;
   font-size:18px !important;
    
  }
  .featured-content__banner__caption{
    
     position: relative !important;
      width:100%;
      max-width:100%;
      background-color: rgba(11, 14, 27, 0.7);
      color: #fff;
      padding:20px 20px 50px 20px!important;
  }
  .slider--featured-content ul.slick-dots{
    
    left:auto !important;
    right:50% !important;
   
  }
}
@media screen and (max-width:768px){
  .slider--featured-content ul.slick-dots{
    
    display: none !important;
   
  }
}
/*Slider image*/
.slider--clients .slick-slide img{
  max-width:200px !important;
}

.slider--clients  ul.slick-dots li button{
  width:10px !important;
  height:10px !important;
}
/*************************************************/
  /*Services page*/
/*************************************************/
.services_left {
  padding-left:8px;
  padding-right:50px;
 }

.span_container{
  display: inline-flex;
  width:100%;
 }
 .span_container h4{
  font-size: 18px;
 }
 .service_right_heading{
  color:var(--color-pink);
 }
 .services_right_spans{
  margin-top:10px !important;
 }
 .services_right_spans>div{
  padding-bottom:10px;
  padding-top:10px;
  vertical-align: middle;
  border-bottom:1px dashed var(--color-dark);
 }
 .services_right_spans>div:first-of-type{
  border-top:1px dashed var(--color-dark);

 }
 .services_right_spans i{
  font-size:32px;
  color:var(--color-pink);
 }
.child_pages {
    display: flex;
    margin-top:2rem !important;
    flex-wrap: wrap;
    padding:0px;
    justify-content: space-around;
    margin-bottom:3rem !important;
   
  }

  .child_pages > div {
   
    width:32%;
  
    margin-bottom:20px;
  }
  .services_blocks_grid li, .services_blocks_grid a, .services_blocks_grid p, .services_blocks_grid h4{
    color:white;
  }
  .services_blocks,.services_blocks_grid,.services_blocks_grid li{
    display: flex;
    
  }
  .child_cont_link h4{
    padding:40px 40px 26px 40px;
  }
  .services_blocks_grid li{
    list-style-type: none;
    
  }
  .child_cont_link{
    display: flex;
    flex-direction: column;
    color:white;
  }
  .child_excerpt{
    padding-left:40px;
    padding-right:30px;
  }
  .find_more{
    flex-grow:1;
    margin-top:15px;
    padding-left:40px;
    padding-bottom:30px;
  }
  .find_more a{
    text-decoration: underline;
    
  }
  .find_more a i{
    transition: all 0.5s linear; /* vendorless fallback */
   -o-transition: all 0.5s linear; /* opera */
   -ms-transition: all 0.5s linear; /* IE 10 */
   -moz-transition: all 0.5s linear; /* Firefox */
   -webkit-transition: all 0.5s linear; /*safari and chrome */
  }
  .find_more a:hover{
   color:white;
   text-decoration: none;
   
  }
  .find_more a:hover i{
    transform: translate(10px) scale(1.5);
    
    transition: all 0.5s;
  }
  .attach_image img{
    width:100% !important;
    margin-top:15px;
   
    
  }
 
  .child_pages .services_blocks:first-of-type{
    background-color:var(--color-blue);
    background-position: 100% 100%;
  
  }

  .child_pages .services_blocks:nth-of-type(2){
    background-color:var(--color-lavender);
  }

  .child_pages .services_blocks:nth-of-type(3){
    background-color:var(--color-pink);
  }
  .child_pages .services_blocks:nth-of-type(4){
    background-color:var(--color-teal);
  }
  .child_pages .services_blocks:nth-of-type(5){
    background-color:var(--color-green);
  }
  .child_pages .services_blocks:nth-of-type(6){
    background-color:var(--color-orange);
  }
  .child_pages .services_blocks:hover{
    background-color:var(--color-5); 
 
    transition: background-color 0.5s linear; 
  }
  @media screen and (max-width:800px){
   
      .child_pages > div {
   
        width:50%;
      
        padding:15px;
      }
  }

  @media screen and (max-width:600px){
   
    .child_pages > div {
 
      width:100%;
    
      padding:15px;
    }
}
.banner-circles{
  display: block !important;
}


/************************

Related case studies

/************************/

.related-case-studies{
  margin-top:80px;
}
.related-case-studies h5{
  color:var(--color-dark) !important;
}
.related_studies_button{
  margin-top:0px !important;
  background-color:white !important;
  color:var(--color-dark) !important;
  display: inline-flex !important;
  padding-left: 0px !important;
  text-decoration: underline !important;
  font-weight:700;
}
li.case-study--consult .case-study__title, li.case-study--shape .case-study__title, li.case-study--create .case-study__title{
  background-color:var(--color-5) !important;

}

.case-study__image:after{
  background-color:rgba(29, 41, 68, 0.7) !important;
}
/* li.case-study-- .case-study__title {
  background-color: #007941;
} */

/*Place - Teal*/

/* li.case-study--place .case-study__image:after {
  
  background-color:rgba(32, 128, 130, 0.6);
}

li.case-study--place .case-study__title{
  background-color: var(--color-teal) !important;
} */

/*Insight - Pink*/

/* li.case-study--insight .case-study__image:after {
  
  background-color:rgba(32, 128, 130, 0.6);
}

li.case-study--insight .case-study__title{
  background-color: var(--color-pink) !important;
} */
.related-case-studies-wrapper{
  background-color:white !important;
  margin-top:0px !important;
}

.page-id-3637 .sub-nav-wrapper, .page-id-3641 .sub-nav-wrapper,.page-id-3648 .sub-nav-wrapper, 
.page-id-3652 .sub-nav-wrapper, .page-id-3658 .sub-nav-wrapper, .page-id-3662 .sub-nav-wrapper , 
.page-id-3666 .sub-nav-wrapper {
  display:none;
}

.page-id-3641 .page-title{
  background-color:var(--color-blue) !important;
}
.page-id-3641 li::marker{
  color:var(--color-blue) ;
  font-size:18px;
}

.page-id-3648 .page-title{
  background-color: var(--color-lavender) !important;
}
.page-id-3648 li::marker{
  color:var(--color-lavender) ;
  font-size:18px;
}

.page-id-3652 .page-title{
  background-color: var(--dark-magenta) !important;
}
.page-id-3652 li::marker{
  color:var(--dark-magenta);
  font-size:18px;
}
.page-id-3658 .page-title{
  background-color: var(--color-teal) !important;
}

.page-id-3658 li::marker{
  color:var(--color-teal);
  font-size:18px;
}

.page-id-3662 .page-title{
  background-color: var(--color-green) !important;
}

.page-id-3662  li::marker{
  color:var(--color-green);
  font-size:18px;
}

.page-id-3666 .page-title{
  background-color: var(--color-orange) !important;
}

.page-id-3666 li::marker{
  color:var(--color-orange);
  font-size:18px;
}
@media screen and (max-width:768px){
  .has-huge-font-size, .has-large-font-size, .person__info h1, .team-intro__title, h1{
    font-size: 2rem  !important;
  }
  .site-title{
    font-size:1rem !important;
  }
}

/***************

Feature strip - Main Contact - Kanda London, Consult and Strat comms - our expertise children

*******************/
main{
  margin-top:0px !important;
}
.feature_strip_thumbnail{
  padding:10px;
}
.image-container-strip{
  display:flex;
  flex-direction: row;
  padding-right:20px;
  background-color:#e5e3e3;
  
}
.feature_strip_thumbnail img{
  max-width:200px;
  width:100%;
}
.feature-strip-text{
  display: flex;
  align-items: center;
  padding-left:40px;
  padding-right:40px;
}
.feature-strip-text p{
  font-weight:700;
}
.feature-strip-text-container{
  display: flex;
  align-items: center;
}
.feature-strip-text-container a{
  color:#1D2944;
  text-decoration: none;
}
.feature-strip-text-container i{
  padding-left:10px;
  }
@media screen and (max-width:1024px){
  .feature-strip-text{
    padding:15px;
  }
}

@media screen and (max-width:540px) {
  .image-container-strip{
    flex-direction: column;
    align-items: center;
  }
}






.facetwp-pager{
  max-width:400px !important;
  margin:30px auto !important;
}