/*
Theme Name: Adigi Base Framework - Child Theme
Text Domain: adigi-child
Template: adigi
Version: 3.0
Description: Adigi Base Framework, version 3
Author: Adigi Ltd
Author URI: https://www.adigi.co.uk
*/

/* Override CSS here */

@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap');

#wpadminbar {
	display: none;
}


/* Custom Body Scrollbar */

body::-webkit-scrollbar {
  width: 8px;
}

body::-webkit-scrollbar-track {
  background: var(--color-secondary);
}

body::-webkit-scrollbar-thumb {
  background: var(--color-primary);
}


/* Navbar Menu */

.body-overlay {
  background-color: transparent;
  z-index: 1028;
}

.navbar-menu {
  bottom: auto;
  padding: 42px 32px;
  z-index: 1029;
}

.navbar-menu.left {
  transform: translateX(0) translateY(calc(-100% - 100%));
}

.navbar-menu-inner {
  max-width: 1920px;
  overflow-y: unset;
}

.col-navbar-menu-left {
  max-width: 790px;
}

.col-navbar-menu-right {
  max-width: 850px;
}


.navbar-menu .sub-menu {
  margin-bottom: -0.5rem;
}


.navbar-menu .sub-menu > div {
  line-height: 1;
}

.navbar-menu .sub-menu > div:not(:last-child) {
  margin-bottom: 0.75rem;
}

.navbar-menu .sub-menu a {
  font-family: var(--font-family-primary);
  letter-spacing: 0;
  padding-bottom: 0.375rem;
  text-transform: none;
}

.navbar-menu .sub-menu a:after {
  height: 1px;
}

.menu-open .hamburger span:nth-child(1) {
  top: 10px;
  transform: rotate(135deg);
}

.menu-open .hamburger span:nth-child(2) {
  opacity: 0;
  left: -25px;
}

.menu-open .hamburger span:nth-child(3) {
  top: 10px;
  transform: rotate(-135deg);
}


/* Typography */

h6 {
	margin-bottom: 1rem;
}


/* Buttons */

.btn-underline {
  border-bottom: 1px solid var(--color-primary)!important;
  padding-bottom: 0.35rem;
}

.navbar-right .btn {
	background-color: transparent!important;
  box-shadow: inset 0px 0px 0px var(--button-outline-border-width) #8D8E8B!important;
}

.navbar-right .btn:hover {
	background-color: var(--color-primary)!important;
	box-shadow: inset 0px 0px 0px var(--button-outline-border-width) transparent!important;
}


/* Forms */

.contact-form .col-xl-8 .padding-wrapper {
	background-color: #fff!important;
}

.form-check-input:checked {
    background-color: var(--color-primary) !important;
}


/* Navbar */

.navbar {box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);}


/* Homepage Banner */

.homepage-banner {
	height: calc(100% - 40px)!important;
}
@media (max-width: 767px) {.homepage-banner {height: calc(100% - 33px)!important;}}


/* Accordion */

.accordion-toggle h4 {
	font-size: var(--font-size-h2);
}
@media (max-width: 767px) {.accordion-toggle h4 {font-size: var(--font-size-h2-mobile);}}

.accordion-toggle h6 {margin-bottom: 0.5rem!important;}

.accordion-toggle-icon .subtitle {
	transform: translateY(2px);
}

.accordion .accordion-collapse > div {
  padding-bottom: 4rem;
}


/* Sliders */

.sectors-slider .carousel-cell > div,
.sectors-columns > .container > .row > div {
  position: relative;
}

.sectors-slider .carousel-cell > div .column-img,
.sectors-columns .carousel-item .column-img {
  outline: 5px solid transparent;
  outline-offset: -5px;
  transition: 0.2s ease-out;
}

.sectors-slider .carousel-cell > div:hover .column-img,
.sectors-columns > .container > .row > div:hover .column-img {
  outline: 5px solid var(--color-primary);
}

.sectors-slider .carousel-cell .column-btn, 
.sectors-columns .btn-row {
  margin-top: 0!important;
}

.sectors-columns .btn-row .col-auto {
  margin-bottom: 0!important;
}

.sectors-slider .carousel-cell .btn,
.sectors-columns .btn {
	height: 0;
  line-height: 0;
  padding: 0;
  border-bottom: none!important;
	position: static;
}

.sectors-slider .carousel-cell .btn::after,
.sectors-columns .btn::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}


/* Columns */

.justify-start > div > .row {
  justify-content: start;
}

.video-letterbox .column-video-wrapper {
  aspect-ratio: 16/9!important;
}


/* Video Zoom on Hover */

.img-hover-zoom {
  backface-visibility: hidden;
  filter: blur(0px); 
  transform: translateZ(0) scale(1);
  transition: transform 0.3s ease-in;
}

.img-hover-zoom-wrapper:hover .img-hover-zoom {
  transform: translateZ(0) scale(1.04);
}


/* Casestudies */

.casestudy-snippet-image {
  box-shadow: none;
  transition: 0.2s ease-out;
}

.casestudy-snippet-inner:hover .casestudy-snippet-image {
  box-shadow: inset 0px 0px 0px 5px var(--color-primary);
}

.casestudy-filter-nav span:after {
  background-color: transparent;
  content: '';
  height: 1px;
  position: absolute;
  right: 0; bottom: -4px; left: 0;
  transition: 0.2s ease-out;
}

.casestudy-filter-nav span.is-checked:after {
  background-color: var(--color-primary);
}

.featured-casestudies .row-casestudy-grid.filtered-all .col-casestudy-grid-item:not(.featured-main),
.featured-casestudies .row-casestudy-grid.filtered-ecommerce .col-casestudy-grid-item:not(.feat-ecommerce),
.featured-casestudies .row-casestudy-grid.filtered-interiors .col-casestudy-grid-item:not(.feat-interiors),
.featured-casestudies .row-casestudy-grid.filtered-hospitality .col-casestudy-grid-item:not(.feat-hospitality),
.featured-casestudies .row-casestudy-grid.filtered-food-drink .col-casestudy-grid-item:not(.feat-food-drink),
.featured-casestudies .row-casestudy-grid.filtered-b2b .col-casestudy-grid-item:not(.feat-b2b), 
.featured-casestudies .row-casestudy-grid.filtered-jewellery .col-casestudy-grid-item:not(.feat-jewellery) {
  display: none!important;
  opacity: 0!important;
  visibility: hidden;
}

.grid-casestudies .filtered-all .featured-main {display: none!important;}
.grid-casestudies .filtered-b2b .feat-b2b {display: none!important;}
.grid-casestudies .filtered-ecommerce .feat-ecommerce {display: none!important;}
.grid-casestudies .filtered-food-drink .feat-food-drink {display: none!important;}
.grid-casestudies .filtered-hospitality .feat-hospitality {display: none!important;}
.grid-casestudies .filtered-interiors .feat-interiors {display: none!important;}
.grid-casestudies .filtered-jewellery .feat-jewellery {display: none!important;}
.grid-casestudies .filtered-non-profit .feat-non-profit {display: none!important;}

.sector-cta-wrapper .filtered-all .col-casestudy-grid-item {display: none!important;}

.sector-cta-wrapper .filtered-non-profit {
  display: none!important;
}



/* Shadow on Slider */

.slider-shadow .carousel-cell {
  padding: 0.5rem 0;
}

.slider-shadow .carousel-cell img {
  box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
}


/* Blog */

.post-cat-filter > div a.active {
    border-color: var(--color-primary);
}

/*body.blog .navbar-menu + .section,
body.archive .navbar-menu + .section {
  background-color: var(--color-secondary)!important;
  color: #fff;
  margin-bottom: var(--section-padding);
  padding-top: 3rem;
  padding-bottom: 3rem;
}*/

body.blog .navbar-menu + .section h1,
body.archive .navbar-menu + .section h1 {
  display: none;
}

/*body.blog .navbar-menu + .section a,
body.archive .navbar-menu + .section a {
  color: #fff;
}*/

.posts-nav-link.bg-body {
  background-color: var(--color-secondary)!important;
  padding-top: 3rem!important;
  padding-bottom: 3rem;
}

.posts-nav-link.bg-body .btn {
  color: #fff;
}


/* Contact CTA */

.contact-cta {
  animation: scale-in 1s forwards 3s;
  bottom: 1.5rem; right: 1.5rem;
  opacity: 0;
  z-index: 10;
}

@keyframes scale-in {
  0% {opacity: 0; transform: scale(0);}
  100% {opacity: 1; transform: scale(1)}
}

.contact-cta > div {
  background-color: var(--color-primary);
  border-radius: 50%;
  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.25);
  height: 5rem; width: 5rem;
  transition: 0.15s ease-out;
}

.contact-cta:hover > div {
  filter: brightness(0.95);
  transform: scale(1.05);
}

.contact-cta svg {
  -webkit-backface-visibility: hidden; 
  position: absolute;
  top: 50%; left: 50%;
  transform: translateY(-50%) translateX(-50%) translateZ(0);
  width: 2.5rem;
}


/* Team Grids */

.has-2 .team-grid-media:nth-child(1) {
  opacity: 1;
  transition: 0.4s ease-out;
}

.team-grid-item:hover .has-2 .team-grid-media:nth-child(1) {
  opacity: 0;
}

.team-grid-media:nth-child(2) {
  opacity: 0;
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  transform: scale(0);
  transform-origin: center;
}

.team-grid-item:hover .team-grid-media:nth-child(2) {
  opacity: 1;
  transform: scale(1);
}


/* Questionnaire File Input */

.questionnaire .custom-file-input + label {
    background-color: transparent;
    border: none;
    line-height: 1.33;
    padding: 1rem;
    font-size: var(--font-size-h3);
    color: #fff;
    font-family: var(--font-family-titles);
    font-weight: var(--font-weight-titles);
    letter-spacing: var(--letter-spacing-titles);
    text-transform: var(--text-transform-titles);
}

//JW
body.page-join-the-team-specialist .accordion.contain-text .accordion-collapse > div{
max-width:80%!important;
}


.mini-audit-form button.close {
  display: none!important;
}




/* Monday Form Embed */

/*body.page-id-2389 {
  overflow: hidden;
}*/


/* Media Queries */

/* 1200px */
@media (max-width: 1199px) { 
  .col-navbar-menu-left {max-width: 100%;}
}

/* 768px */
@media (max-width: 767px) { 
  .navbar-menu {bottom: 0; overflow-y: auto; padding: 32px 16px;}
  .navbar-menu::-webkit-scrollbar {width: 10px;}
  .navbar-menu::-webkit-scrollbar-track {background: #f8f5f0;}
  .navbar-menu::-webkit-scrollbar-thumb {background: var(--color-primary);}
  .navbar-menu-links > .row > div {margin-bottom: 2.5rem!important;}
  .contact-cta {bottom: 0.75rem; right: 0.75rem;}
  .contact-cta > div {height: 4rem; width: 4rem;}
  .contact-cta svg {width: 2rem;}
}

/* 576px */
@media (max-width: 575px) { 
  .navbar-menu {bottom: 0; overflow-y: auto; padding: 32px 16px;}
  .navbar-menu::-webkit-scrollbar {width: 10px;}
  .navbar-menu::-webkit-scrollbar-track {background: #f8f5f0;}
  .navbar-menu::-webkit-scrollbar-thumb {background: var(--color-primary);}
  .navbar-menu-links > .row > div {margin-bottom: 2.5rem!important;}
  .contact-cta {bottom: 0.75rem; right: 0.75rem;}
  .contact-cta > div {height: 4rem; width: 4rem;}
  .contact-cta svg {width: 2rem;}
  .slider-images .carousel-cell {height: 192px;}
}