/*
Theme Name: Bamboo Nine - Knowledge Base Starter
Author: Bamboo Nine
Author URI: https://www.davidgreenwald.com
*/

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");

:root {
  --max-width: 1400px;
  --color-text: #49484b;
  --gap-s: 20px;
  --gap-m: 40px;
  --gap-xl: 120px;
  --gap-xxl: 160px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  font-family: "Roboto";
  color: var(--color-text);
}

body {
  margin: 0; /* Reset */
}

body p,
body li {
  line-height: 1.6;
}

/* Reset headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 60px;
  font-weight: 600;
}

h3 {
  margin-bottom: var(--gap-s);
}

a { color: var(--color-primary); }

.header_top {
  background: var(--color-primary);
}

.home .header_top {
  background: var(--color-secondary);
}

header.header_top {
  height: 90px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

header.main__content {
  background: var(--color-primary);
  position: relative;
  padding-top: var(--gap-xxl);
}

body:not(.home) header.main__content p {
  color: white;
  text-align: left;
  max-width: var(--max-width) !important;
  display: grid;
  grid-template-columns: auto 440px;
}

@media screen and (max-width: 1024px) {
  body:not(.home) header.main__content p {
    grid-template-columns: 1fr;
    padding-right: var(--gap-s);
  }

  .the_content__container {
    display: block !important;
    padding-right: var(--gap-s);
  }

  .toc {
    display: none;
  }
}

body:not(.home) header.main__content h1 {
  color: white;
  text-align: left;
}

body.home header.main__content {
  background: var(--color-secondary);
}

@media screen and (max-width: 1440px) {
  .the_content__container,
  header.main__content {
    padding-left: var(--gap-s);
    padding-right: var(--gap-s);
  }

  .section__child_pages {
    padding-left: var(--gap-s);
    padding-right: var(--gap-s);
  }
}

body:not(.home) .the_content__container .the_content {
  margin-top: var(--gap-s);
  /* margin-bottom: var(--gap-xl); */
}

/* body:not(.home) .the_content > h2:first-of-type {
    font-size: 2rem;
} */
body:not(.home) .the_content > h2 {
  margin-top: 30px;
}

body:not(.home) .the_content > h2:first-of-type {
  margin-top: 0;
}

.wp-block-columns + div[class="wp-block-columns"] {
  margin-top: var(--gap-s) !important;
}

header.main__content > *:not(.home__categories) {
  text-align: center;
}

header.main__content > p {
  font-size: 24px;
  max-width: 68ch !important;
}

header.header_top ul {
  list-style: none;
  display: flex;
  gap: var(--gap-s);
  margin: 0;
  padding: 0;
}

header.header_top li:not(.menu--support-helpdesk):not(.menu--get-a-quote) {
  margin-right: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
}

header.header_top ul li {
  display: flex;
  place-items: center;
}

header.header_top ul a {
  text-decoration: none;
  color: var(--color-text);
  font-size: 16px;
  font-weight: 600;
  display: flex;
  gap: 10px;
  place-items: center;
}

/* Hide menu children */
header.header_top ul.sub-menu {
  display: none;
  z-index: 3;
}

.menu--get-a-quote {
  border-radius: 9px;
  border: 1px solid var(--color-primary);
  padding: calc(var(--gap-s) / 2) var(--gap-s);
}

body:not(.home) .header_top:not(.open) .menu--get-a-quote {
  border: 1px solid white;
}

.menu--get-a-quote a {
  color: var(--color-primary) !important;
}

body:not(.home) .header_top:not(.open) .menu--get-a-quote a {
  color: white !important;
}

.menu--support-helpdesk {
  background: var(--color-primary);
  border-radius: 9px;
  padding: calc(var(--gap-s) / 2) var(--gap-s);
}

body:not(.home) .header_top:not(.open) .menu--support-helpdesk {
  background: white;
}

.menu--support-helpdesk a {
  color: var(--color-secondary) !important;
}

body:not(.home) .header_top:not(.open) .menu--support-helpdesk a {
  color: var(--color-primary) !important;
}

.menu--support-helpdesk a::before {
  /* content: ""; */
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.954' height='15.947' viewBox='0 0 15.954 15.947'%3E%3Cg id='Group_21' data-name='Group 21' transform='translate(-3.068 -3.074)'%3E%3Cpath id='Path_14' data-name='Path 14' d='M14.886,12.924a1.5,1.5,0,0,0-2.123,0l-1.1,1.1c-.221-.028-.9-.219-2.139-1.46-1.269-1.269-1.438-1.946-1.468-2.131L9.163,9.327a1.5,1.5,0,0,0,0-2.123L6.888,4.927a1.51,1.51,0,0,0-2.115-.009A4.942,4.942,0,0,0,3.25,7.188c-.672,2.591.547,5.842,3.178,8.473a10.389,10.389,0,0,0,7,3.36,5.891,5.891,0,0,0,1.47-.18,4.94,4.94,0,0,0,2.27-1.523,1.511,1.511,0,0,0-.009-2.115Zm1.678,3.8a4.08,4.08,0,0,1-1.875,1.3c-2.307.592-5.245-.539-7.664-2.961S3.472,9.7,4.065,7.4a4.08,4.08,0,0,1,1.3-1.873.665.665,0,0,1,.465-.189.647.647,0,0,1,.461.19L8.566,7.8a.657.657,0,0,1,0,.926L7.354,9.939a.429.429,0,0,0-.1.157c-.085.241-.22,1.173,1.673,3.065s2.825,1.76,3.066,1.673a.439.439,0,0,0,.156-.1l1.211-1.211a.658.658,0,0,1,.931,0L16.567,15.8a.662.662,0,0,1,0,.926ZM15.047,3.077A3.837,3.837,0,0,0,11.07,6.749a3.542,3.542,0,0,0,1.444,2.826,1.335,1.335,0,0,1-.6.408.423.423,0,0,0,.031.805,5.1,5.1,0,0,0,1.254.162,2.48,2.48,0,0,0,1.692-.538h.159a3.837,3.837,0,0,0,3.976-3.667,3.84,3.84,0,0,0-3.975-3.669Zm0,6.493a2.458,2.458,0,0,1-.277-.015.407.407,0,0,0-.377.152,1.58,1.58,0,0,1-1.219.4,1.963,1.963,0,0,0,.3-.508.423.423,0,0,0-.173-.519,2.744,2.744,0,0,1-1.378-2.334,2.992,2.992,0,0,1,3.13-2.827,3,3,0,0,1,3.13,2.827A2.993,2.993,0,0,1,15.047,9.57Zm.508-1.433v.047a.423.423,0,0,1-.846,0,.444.444,0,0,1,.423-.447.4.4,0,0,1,.426.4Zm0-2.689V6.784a.423.423,0,1,1-.846,0V5.448a.423.423,0,0,1,.846,0Z' transform='translate(0 0)' fill='%23ece9f2'/%3E%3C/g%3E%3C/svg%3E%0A");
}

body:not(.home) .menu--support-helpdesk a::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.954' height='15.947' viewBox='0 0 15.954 15.947'%3E%3Cg id='Group_21' data-name='Group 21' transform='translate(-3.068 -3.074)'%3E%3Cpath id='Path_14' data-name='Path 14' d='M14.886,12.924a1.5,1.5,0,0,0-2.123,0l-1.1,1.1c-.221-.028-.9-.219-2.139-1.46-1.269-1.269-1.438-1.946-1.468-2.131L9.163,9.327a1.5,1.5,0,0,0,0-2.123L6.888,4.927a1.51,1.51,0,0,0-2.115-.009A4.942,4.942,0,0,0,3.25,7.188c-.672,2.591.547,5.842,3.178,8.473a10.389,10.389,0,0,0,7,3.36,5.891,5.891,0,0,0,1.47-.18,4.94,4.94,0,0,0,2.27-1.523,1.511,1.511,0,0,0-.009-2.115Zm1.678,3.8a4.08,4.08,0,0,1-1.875,1.3c-2.307.592-5.245-.539-7.664-2.961S3.472,9.7,4.065,7.4a4.08,4.08,0,0,1,1.3-1.873.665.665,0,0,1,.465-.189.647.647,0,0,1,.461.19L8.566,7.8a.657.657,0,0,1,0,.926L7.354,9.939a.429.429,0,0,0-.1.157c-.085.241-.22,1.173,1.673,3.065s2.825,1.76,3.066,1.673a.439.439,0,0,0,.156-.1l1.211-1.211a.658.658,0,0,1,.931,0L16.567,15.8a.662.662,0,0,1,0,.926ZM15.047,3.077A3.837,3.837,0,0,0,11.07,6.749a3.542,3.542,0,0,0,1.444,2.826,1.335,1.335,0,0,1-.6.408.423.423,0,0,0,.031.805,5.1,5.1,0,0,0,1.254.162,2.48,2.48,0,0,0,1.692-.538h.159a3.837,3.837,0,0,0,3.976-3.667,3.84,3.84,0,0,0-3.975-3.669Zm0,6.493a2.458,2.458,0,0,1-.277-.015.407.407,0,0,0-.377.152,1.58,1.58,0,0,1-1.219.4,1.963,1.963,0,0,0,.3-.508.423.423,0,0,0-.173-.519,2.744,2.744,0,0,1-1.378-2.334,2.992,2.992,0,0,1,3.13-2.827,3,3,0,0,1,3.13,2.827A2.993,2.993,0,0,1,15.047,9.57Zm.508-1.433v.047a.423.423,0,0,1-.846,0,.444.444,0,0,1,.423-.447.4.4,0,0,1,.426.4Zm0-2.689V6.784a.423.423,0,1,1-.846,0V5.448a.423.423,0,0,1,.846,0Z' transform='translate(0 0)' fill='%2305336e'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.menu-header-container {
  display: flex;
  margin-right: calc(var(--gap-s) + 10px);
  place-items: center;
}

.menu--support-helpdesk a::before {
  /* content: ""; */
  width: 16px;
  height: 16px;
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.954' height='15.947' viewBox='0 0 15.954 15.947'%3E%3Cg id='Group_21' data-name='Group 21' transform='translate(-3.068 -3.074)'%3E%3Cpath id='Path_14' data-name='Path 14' d='M14.886,12.924a1.5,1.5,0,0,0-2.123,0l-1.1,1.1c-.221-.028-.9-.219-2.139-1.46-1.269-1.269-1.438-1.946-1.468-2.131L9.163,9.327a1.5,1.5,0,0,0,0-2.123L6.888,4.927a1.51,1.51,0,0,0-2.115-.009A4.942,4.942,0,0,0,3.25,7.188c-.672,2.591.547,5.842,3.178,8.473a10.389,10.389,0,0,0,7,3.36,5.891,5.891,0,0,0,1.47-.18,4.94,4.94,0,0,0,2.27-1.523,1.511,1.511,0,0,0-.009-2.115Zm1.678,3.8a4.08,4.08,0,0,1-1.875,1.3c-2.307.592-5.245-.539-7.664-2.961S3.472,9.7,4.065,7.4a4.08,4.08,0,0,1,1.3-1.873.665.665,0,0,1,.465-.189.647.647,0,0,1,.461.19L8.566,7.8a.657.657,0,0,1,0,.926L7.354,9.939a.429.429,0,0,0-.1.157c-.085.241-.22,1.173,1.673,3.065s2.825,1.76,3.066,1.673a.439.439,0,0,0,.156-.1l1.211-1.211a.658.658,0,0,1,.931,0L16.567,15.8a.662.662,0,0,1,0,.926ZM15.047,3.077A3.837,3.837,0,0,0,11.07,6.749a3.542,3.542,0,0,0,1.444,2.826,1.335,1.335,0,0,1-.6.408.423.423,0,0,0,.031.805,5.1,5.1,0,0,0,1.254.162,2.48,2.48,0,0,0,1.692-.538h.159a3.837,3.837,0,0,0,3.976-3.667,3.84,3.84,0,0,0-3.975-3.669Zm0,6.493a2.458,2.458,0,0,1-.277-.015.407.407,0,0,0-.377.152,1.58,1.58,0,0,1-1.219.4,1.963,1.963,0,0,0,.3-.508.423.423,0,0,0-.173-.519,2.744,2.744,0,0,1-1.378-2.334,2.992,2.992,0,0,1,3.13-2.827,3,3,0,0,1,3.13,2.827A2.993,2.993,0,0,1,15.047,9.57Zm.508-1.433v.047a.423.423,0,0,1-.846,0,.444.444,0,0,1,.423-.447.4.4,0,0,1,.426.4Zm0-2.689V6.784a.423.423,0,1,1-.846,0V5.448a.423.423,0,0,1,.846,0Z' transform='translate(0 0)' fill='%23ece9f2'/%3E%3C/g%3E%3C/svg%3E%0A");
}

ul:not(.sub-menu) > li.current-menu-item {
  margin-top: 1px;
  border-bottom: 1px solid var(--color-primary);
}

body:not(.home) .header_top:not(.open) ul:not(.sub-menu) > li.current-menu-item {
  border-color: var(--color-secondary);
}

body:not(.home) header.header_top nav > ul > li > a {
  color: white;
}

.menu-item-has-children {
  gap: 10px;
  position: relative;
  z-index: 2;
}

.menu-item-has-children::before {
  content: "";
  margin-bottom: 10px;
  width: 100%;
  display: block;
  height: 60px;
  position: absolute;
  bottom: -30px;
  z-index: -1;
}

.menu-item-has-children::after {
  margin-top: -3px;
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  transform: rotate(-45deg);
  border-bottom: 1px solid var(--color-primary);
  border-left: 1px solid var(--color-primary);
}

body:not(.home) .menu-item-has-children::after {
  border-color: white;
}

.header_top:not(.open) .menu-item-has-children:hover .sub-menu {
  display: block;
  position: absolute;
  top: 60px;
  width: 200%;
  background: white;
  padding: var(--gap-s);
  box-sizing: border-box;
  border-radius: 9px;
  box-shadow: 0 0 20px rgb(5 51 110 / 13%);
}

main > article > *:not(.align-wide) {
  max-width: var(--max-width);
  margin-left: auto !important;
  margin-right: auto !important;
}

main > article > .align-wide > * {
  max-width: var(--max-width);
  margin-right: auto;
  margin-left: auto;
}

.main__content > section > svg.slant {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 140px;
  left: 0;
}

body.page-parent svg.slant.align-wide {
  background: var(--color-secondary);
}

svg.slant.align-wide {
  margin-top: -24px;
  margin-bottom: -4px;
  height: 140px;
  width: 100%;
  z-index: 1;
  position: relative;
}

.home__categories {
  margin-top: var(--gap-xl);
  margin-bottom: var(--gap-xl);

  --auto-grid-min-size: 326px;

  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
  grid-gap: var(--gap-m);
}

.home__categories__category__icon {
  background-color: var(--color-primary);
  padding: var(--gap-m);
}

.home__categories__category {
  overflow: hidden;
  background-color: white;
  z-index: 2;
  box-shadow: 0 0 20px rgb(5 51 110 / 13%);
  border-radius: 30px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.home__categories__category a {
  display: block;
}

.home__categories__category > h2 {
  margin-top: calc(var(--gap-m) + 10px);
  font-size: 26px;
  font-weight: 600;
}

.home__categories__category > p {
  flex-grow: 1;
}

.home__categories__category > *:not(.home__categories__category__icon) {
  padding-left: calc(var(--gap-m) + 10px);
  padding-right: calc(var(--gap-m) + 10px);
}

.home__categories__category > *:not(.home__categories__category__icon):last-child {
  padding-bottom: calc(var(--gap-m) + 10px);
}

.home__categories__category__icon img {
  height: calc(var(--gap-m) * 2);
}

.section__child_pages__page a,
.home__categories__category a {
  color: var(--color-primary);
  text-decoration: none;
  font-weight: 600;
  margin-top: var(--gap-m);
}

.section__child_pages__page a::after,
.home__categories__category a::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.255' height='12.09' viewBox='0 0 7.255 12.09'%3E%3Cg id='chevron-right' transform='translate(-15.878 -7.395)'%3E%3Cpath id='Path_11' data-name='Path 11' d='M15.879,8.6,17.087,7.4l6.046,6.045-6.046,6.046-1.209-1.209,4.836-4.837L15.878,8.6Z' transform='translate(0 0)' fill='%23f60023'/%3E%3C/g%3E%3C/svg%3E%0A");
  width: 7px;
  height: 12px;
  margin-left: var(--gap-s);
  display: inline-block;
}

.section__child_pages__page a::before,
.home__categories__category a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.section__child_pages__page a:focus::before,
.home__categories__category a:focus::before {
  content: "";
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid black;
  border-radius: 30px;
}

.section__child_pages__page a:focus::before {
  margin-left: -44px;
  width: calc(100% + 40px);
  border-radius: 20px;
}

a:focus {
  outline: 2px solid black;
}

.section__child_pages__page a:focus,
.home__categories__category a:focus {
  outline: none;
}

.section__child_pages__page article,
.home__categories__category {
  transition: 0.25s ease-in-out;
}

.section__child_pages__page article:hover,
.home__categories__category:hover {
  transform: scale(102%);
}

.wp-block-media-text .wp-block-media-text__content {
  padding: var(--gap-m) !important;
}

/* Fix media-text elements. */
@media screen and (max-width: 1024px) {
  .wp-block-media-text {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media screen and (max-width: 768px) {
  .wp-block-media-text {
    grid-template-columns: 1fr !important;
  }

  .wp-block-media-text .wp-block-media-text__content {
    grid-row: 2 !important;
    grid-column: 1 !important;
  }
}

footer {
  /* height: 20px; */
  color:white;
  /* margin-top: var(--gap-xl); */
  background: var(--color-primary);
}

.section__child_pages {
  background: var(--color-secondary);
}

.section__child_pages__page {
  --auto-grid-min-size: 320px;

  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
  grid-gap: var(--gap-m);
}

.section__child_pages__page article {
  position: relative;
  background: white;
  border-radius: 20px;
  box-shadow: 0 0 20px rgb(5 51 110 / 13%);
  padding: calc(var(--gap-m) - 10px);
  border-left: 44px solid var(--color-primary);
}

.section__child_pages__page article p:not(:empty) {
  height: calc(3em * 1.6);
  overflow: hidden;
  margin-bottom: calc(var(--gap-m) + 10px);
  display: box;
  margin-bottom: calc(var(--gap-m) + 10px);
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.section__child_pages h2 {
  padding-top: var(--gap-m);
  font-size: 46px;
  padding-bottom: var(--gap-xl);
}

.section__child_pages {
  padding-bottom: var(--gap-xl);
  margin-bottom: var(--gap-xl);
}

/* Debug */
.header_top img {
  /* border-radius: 50%; */

  /* aspect-ratio: 1; */

  /* object-fit: cover; */
  /* padding: 10px; */
  padding-top: 6px;
    width: 100%;
    height: 100%;
  padding-left: var(--gap-s);
}

.size-full img {
  width: 100% !important;
  height: auto;
}

.the_content > .size-full {
  margin-top: var(--gap-m);
  margin-bottom: var(--gap-m);
}

.wp-block-columns .wp-block-column {
  margin: 0 !important;
}

.wp-block-columns {
  gap: var(--gap-m);
  margin: 0 !important;
}

.wp-block-column p:first-of-type {
  margin-top: 0;
}

.wp-block-columns.has-background,
.wp-block-group.has-background {
  padding: var(--gap-m) !important;
  margin-top: calc(var(--gap-m) + 10px) !important;
  margin-bottom: calc(var(--gap-m) + 10px) !important;
}

main > article .the_content > h2 {
  margin-bottom: var(--gap-m);
}

main > article .the_content > *:not(section) h2 {
  margin-bottom: var(--gap-m);
  margin-top: var(--gap-s);
}

.the_content__container {
  display: grid;
  grid-template-columns: auto 400px;
  gap: var(--gap-m);
}

.toc {
  grid-column: 2;
}

.the_content {
  grid-column: 1;
  grid-row: 1;
  padding-bottom: var(--gap-xl);
}

.toc {
  padding: var(--gap-m);
  padding-top: var(--gap-xxl);
  margin-top: calc(var(--gap-xl) * -1 + 20px);

  /* z-index: -1; */
  background: var(--color-secondary);
  position: relative;
}

.toc::after {
  content: "";
  top: 0;
  right: 100%;
  height: 100%;
  background: var(--color-secondary);
  position: absolute;
  left: 100%;
  width: 100vw;
}

article {
  overflow-x: hidden;
}

.toc ul {
  list-style: none;
  padding: 0;
}

li.toc__item--h2 {
  padding-left: 10px;
}

li.toc__item--h3 {
  padding-left: 20px;
}

li.toc__item--h4 {
  padding-left: 30px;
}

li.toc__item--h5 {
  padding-left: 40px;
}

li.toc__item--h6 {
  padding-left: 50px;
}

section.toc a {
  font-weight: 400;
  text-decoration: none;
  color: var(--color-text);
  padding-top: 4px;
  padding-bottom: 4px;
  display: block;
}

.toc__cta {
  margin-top: calc(var(--gap-m) + 10px);
  background: var(--color-primary);
  border-radius: 30px;
  padding: calc(var(--gap-m) - 10px);
  color: white;
}

.toc__cta a {
  margin-top: var(--gap-m);
  background: white !important;
  border-radius: 9px;
  padding: calc(var(--gap-s) / 2) var(--gap-s) !important;
  color: var(--color-primary) !important;
  display: inline-flex !important;
  font-weight: 600 !important;
  display: flex;
  gap: 10px;
  place-items: center;
}

.toc__cta a::before {
  /* content: ""; */
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.954' height='15.947' viewBox='0 0 15.954 15.947'%3E%3Cg id='Group_21' data-name='Group 21' transform='translate(-3.068 -3.074)'%3E%3Cpath id='Path_14' data-name='Path 14' d='M14.886,12.924a1.5,1.5,0,0,0-2.123,0l-1.1,1.1c-.221-.028-.9-.219-2.139-1.46-1.269-1.269-1.438-1.946-1.468-2.131L9.163,9.327a1.5,1.5,0,0,0,0-2.123L6.888,4.927a1.51,1.51,0,0,0-2.115-.009A4.942,4.942,0,0,0,3.25,7.188c-.672,2.591.547,5.842,3.178,8.473a10.389,10.389,0,0,0,7,3.36,5.891,5.891,0,0,0,1.47-.18,4.94,4.94,0,0,0,2.27-1.523,1.511,1.511,0,0,0-.009-2.115Zm1.678,3.8a4.08,4.08,0,0,1-1.875,1.3c-2.307.592-5.245-.539-7.664-2.961S3.472,9.7,4.065,7.4a4.08,4.08,0,0,1,1.3-1.873.665.665,0,0,1,.465-.189.647.647,0,0,1,.461.19L8.566,7.8a.657.657,0,0,1,0,.926L7.354,9.939a.429.429,0,0,0-.1.157c-.085.241-.22,1.173,1.673,3.065s2.825,1.76,3.066,1.673a.439.439,0,0,0,.156-.1l1.211-1.211a.658.658,0,0,1,.931,0L16.567,15.8a.662.662,0,0,1,0,.926ZM15.047,3.077A3.837,3.837,0,0,0,11.07,6.749a3.542,3.542,0,0,0,1.444,2.826,1.335,1.335,0,0,1-.6.408.423.423,0,0,0,.031.805,5.1,5.1,0,0,0,1.254.162,2.48,2.48,0,0,0,1.692-.538h.159a3.837,3.837,0,0,0,3.976-3.667,3.84,3.84,0,0,0-3.975-3.669Zm0,6.493a2.458,2.458,0,0,1-.277-.015.407.407,0,0,0-.377.152,1.58,1.58,0,0,1-1.219.4,1.963,1.963,0,0,0,.3-.508.423.423,0,0,0-.173-.519,2.744,2.744,0,0,1-1.378-2.334,2.992,2.992,0,0,1,3.13-2.827,3,3,0,0,1,3.13,2.827A2.993,2.993,0,0,1,15.047,9.57Zm.508-1.433v.047a.423.423,0,0,1-.846,0,.444.444,0,0,1,.423-.447.4.4,0,0,1,.426.4Zm0-2.689V6.784a.423.423,0,1,1-.846,0V5.448a.423.423,0,0,1,.846,0Z' transform='translate(0 0)' fill='%2305336e'/%3E%3C/g%3E%3C/svg%3E%0A");
}

/** Login page **/
.body__login_page {
  background: var(--color-secondary);
}

.swpm-pw-reset-widget-form,
.swpm-login-widget-form,
.swpm-registration-widget-form {
  position: relative;

  /* width: 100%; */
  border-radius: 30px;
  background: white;
  display: inline-block;
  padding: 80px;
  box-shadow: 0 0 20px rgb(5 51 110 / 13%);
  height: min-content;
}

html {
  height: 100%;
}

body.body__login_page {
  display: grid;
  grid-template-columns: minmax(0, 796px) auto;
  max-width: 1400px;
  margin: 0 auto;
  height: 100%;
  place-items: center;
}

@media screen and (max-width: 1440px) {
  body.body__login_page {
    grid-template-columns: 1fr;
    padding-left: var(--gap-s);
    padding-right: var(--gap-s);
    overflow-x: hidden;
  }

  .body__login_page__house {
    display: none;
  }

  .swpm-registration-widget-form tbody {
    display: block !important;
  }

  .swpm-registration-widget-form {
    margin-top: var(--gap-s);
  }

  .swpm-pw-reset-widget-form,
  .swpm-login-widget-form,
  .swpm-registration-widget-form {
    padding: 80px 60px !important;
  }
}

.body__login_page h1 {
  font-size: 40px;
  color: var(--color-primary);
  margin-bottom: 30px;
}

.body__login_page label {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}

.body__login_page input {
  border-radius: 6px;
  border-width: 1px;
  border-color: #adaaaf;
  border-style: solid;
  font-size: 16px;
  padding: 8px;
  margin-bottom: 20px;
}

.swpm-login-form-inner div[class$="-input"] {
  display: flex;
  flex-direction: column;
}

.swpm-remember-me,
.swpm-forgot-pass-link {
  font-size: 14px;
}

.swpm-forgot-pass-link {
  margin-top: 20px;
}

.body__login_page input.swpm-pw-reset-submit,
.body__login_page input.swpm-registration-submit,
.body__login_page input.swpm-login-form-submit {
  background: var(--color-primary);
  font-size: 16px;
  color: white;
  font-weight: 600;
  border: 0;
  border-radius: 9px;
  padding: calc(var(--gap-s) / 1.3) var(--gap-s);
  margin-bottom: 0;
  cursor: pointer;
}

.swpm-login-submit {
  margin-top: 20px !important;
  margin-bottom: 0 !important;
}

#swpm_password {
  margin-bottom: 0;
}

.swpm-login-widget-form::after,
.swpm-registration-widget-form::after,
.swpm-pw-reset-widget-form::after {
  content: "";
  display: block;
  height: 115px;
  width: 235px;
  position: absolute;
  right: -30px;
  bottom: -30px;
  z-index: -1;
  background-image: url("/wp-content/themes/bamboobase/src/dots.svg");
}

.swpm-pw-reset-widget-form::before,
.swpm-registration-widget-form::before,
.swpm-login-widget-form::before {
  content: "";
  display: block;
  height: 115px;
  width: 235px;
  position: absolute;
  left: -100px;
  top: 30px;
  transform: rotate(-90deg);
  z-index: -1;
  background-image: url("/wp-content/themes/bamboobase/src/dots.svg");
}

body.body__login_page::before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background: url(/wp-content/themes/bamboobase/src/back.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
  background-position-x: 50vw;
  z-index: -2;
}

.body__login_page__house {
  height: 58%;
}

.swpm-registration-widget-form tbody {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 40px;
}

.swpm-registration-widget-form tbody tr td {
  display: block;
}

.swpm-registration-membership-level-row {
  display: none;
}

.swpm-registration-widget-form input[type="text"],
.swpm-registration-widget-form input[type="password"] {
  width: 100% !important;
}

.swpm-registration-password-row {
  grid-row: 3;
  grid-column-start: 1;
  grid-column-end: 3;
}

.swpm-registration-password-retype-row {
  grid-row: 4;
  grid-column-end: 3;
  grid-column-start: 1;
}

.swpm-registration-submit-section {
  text-align: left !important;
  margin-top: 30px;
}

.hamburger::after {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background: white;
  top: calc(50% - 1px);
  position: absolute;
}

.hamburger {
  color: white;
  border-top: 2px solid;
  border-bottom: 2px solid;
  height: 27%;
  align-self: center;
  margin-right: var(--gap-s);
  display: block;
  width: var(--gap-m);
  position: relative;
  cursor: pointer;
  display: none;
}

body.home .hamburger {
  color: var(--color-primary);
}

body.home .hamburger::after {
  background: var(--color-primary);
}

@media screen and (max-width: 1700px) {
  .hamburger {
    display: block;
  }

  .menu-header-container {
    display: none;
  }
}

.header_top.open .menu-header-container {
  display: block;
  position: absolute;
  background: var(--color-secondary);
  width: 100%;
  top: 139px;
  z-index: 999;
}

.header_top.open .menu-header-container * {
  color: var(--color-primary);
}

.header_top.open #menu-header {
  flex-flow: column;
  padding: var(--gap-s);
}

.header_top.open ul.sub-menu {
  display: block;
}

.header_top.open ul li {
  display: flex;
  place-items: center;
  flex-flow: column;
  align-items: baseline;
}

.header_top.open .menu-item-has-children::after {
  display: none;
}

.header_top.open li:not(.menu--support-helpdesk):not(.menu--get-a-quote) {
  margin-right: 0;
}

.header_top.open .menu-header-container {
  padding-top: 20px;
  padding-bottom: 30px;
}

.header_top.open .menu-header-container::after {
  content: "";
  background: var(--color-primary);
  width: 100%;
  height: 500px;
  display: block;
  z-index: 999999;
}

.header_top.open ul.sub-menu {
  padding-left: 20px !important;
}

@media (min-width: 600px) and (max-width: 781px) {
  .wp-block-column:not(:only-child) {
    flex-grow: 1 !important;
  }
}

#swpm_message {
  grid-row: 2;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
  border-radius: 9px;
  padding: var(--gap-m);
}
.swpm-policy{
  grid-column-end: 3;
  grid-column-start: 1;
  position:relative;
}
.swpm-policy input {
  margin-bottom:0; 
  margin-right:10px;
}
.swpm-policy label{
  text-align: left;
  font-weight: 400;
  line-height: 1.6;
  font-size: 14px;
}
.swpm-login {
  margin-left:20px;
}
#accept_pp {
 font-weight:400;
}

.toc__cta.toc__cta--alt {
  background: unset;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
  margin-top: 30px;
}
.toc__cta.toc__cta--alt a {
  background: var(--color-primary)!important;
  color: white!important;
}


.branches{
  max-width: var(--max-width);
  margin: 0 auto;
   --auto-grid-min-size: 16rem;

  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
  grid-gap: var(--gap-m);
  margin-top:var(--gap-m);
  padding-bottom:var(--gap-m);

}

footer h2{
  max-width: var(--max-width);
  margin: 0 auto;
  font-size: 26px;
  font-weight: 600;
  padding-top: calc(var(--gap-m) + 10px);
}
.branch__address{
  line-height: 1.6;
  flex-grow:1;
}

@media screen and (max-width: 1440px) {
  .branches{
    padding-left: 20px;
    padding-right: 20px;
  }
  footer h2 {
    padding-left: 20px;
  }
}

.branch__phone a{
    color: #fff;
    border-radius:9px;
    border:1px solid white;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
    box-sizing: border-box;
    display:inline-flex;
    gap:10px;
    margin-top:20px;
}

.branch__phone a::before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.954' height='15.947' viewBox='0 0 15.954 15.947'%3E%3Cg id='Group_21' data-name='Group 21' transform='translate(-3.068 -3.074)'%3E%3Cpath id='Path_14' data-name='Path 14' d='M14.886,12.924a1.5,1.5,0,0,0-2.123,0l-1.1,1.1c-.221-.028-.9-.219-2.139-1.46-1.269-1.269-1.438-1.946-1.468-2.131L9.163,9.327a1.5,1.5,0,0,0,0-2.123L6.888,4.927a1.51,1.51,0,0,0-2.115-.009A4.942,4.942,0,0,0,3.25,7.188c-.672,2.591.547,5.842,3.178,8.473a10.389,10.389,0,0,0,7,3.36,5.891,5.891,0,0,0,1.47-.18,4.94,4.94,0,0,0,2.27-1.523,1.511,1.511,0,0,0-.009-2.115Zm1.678,3.8a4.08,4.08,0,0,1-1.875,1.3c-2.307.592-5.245-.539-7.664-2.961S3.472,9.7,4.065,7.4a4.08,4.08,0,0,1,1.3-1.873.665.665,0,0,1,.465-.189.647.647,0,0,1,.461.19L8.566,7.8a.657.657,0,0,1,0,.926L7.354,9.939a.429.429,0,0,0-.1.157c-.085.241-.22,1.173,1.673,3.065s2.825,1.76,3.066,1.673a.439.439,0,0,0,.156-.1l1.211-1.211a.658.658,0,0,1,.931,0L16.567,15.8a.662.662,0,0,1,0,.926ZM15.047,3.077A3.837,3.837,0,0,0,11.07,6.749a3.542,3.542,0,0,0,1.444,2.826,1.335,1.335,0,0,1-.6.408.423.423,0,0,0,.031.805,5.1,5.1,0,0,0,1.254.162,2.48,2.48,0,0,0,1.692-.538h.159a3.837,3.837,0,0,0,3.976-3.667,3.84,3.84,0,0,0-3.975-3.669Zm0,6.493a2.458,2.458,0,0,1-.277-.015.407.407,0,0,0-.377.152,1.58,1.58,0,0,1-1.219.4,1.963,1.963,0,0,0,.3-.508.423.423,0,0,0-.173-.519,2.744,2.744,0,0,1-1.378-2.334,2.992,2.992,0,0,1,3.13-2.827,3,3,0,0,1,3.13,2.827A2.993,2.993,0,0,1,15.047,9.57Zm.508-1.433v.047a.423.423,0,0,1-.846,0,.444.444,0,0,1,.423-.447.4.4,0,0,1,.426.4Zm0-2.689V6.784a.423.423,0,1,1-.846,0V5.448a.423.423,0,0,1,.846,0Z' transform='translate(0 0)' fill='%23ece9f2'/%3E%3C/g%3E%3C/svg%3E%0A");
    /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.954' height='15.947' viewBox='0 0 15.954 15.947'%3E%3Cg id='Group_21' data-name='Group 21' transform='translate(-3.068 -3.074)'%3E%3Cpath id='Path_14' data-name='Path 14' d='M14.886,12.924a1.5,1.5,0,0,0-2.123,0l-1.1,1.1c-.221-.028-.9-.219-2.139-1.46-1.269-1.269-1.438-1.946-1.468-2.131L9.163,9.327a1.5,1.5,0,0,0,0-2.123L6.888,4.927a1.51,1.51,0,0,0-2.115-.009A4.942,4.942,0,0,0,3.25,7.188c-.672,2.591.547,5.842,3.178,8.473a10.389,10.389,0,0,0,7,3.36,5.891,5.891,0,0,0,1.47-.18,4.94,4.94,0,0,0,2.27-1.523,1.511,1.511,0,0,0-.009-2.115Zm1.678,3.8a4.08,4.08,0,0,1-1.875,1.3c-2.307.592-5.245-.539-7.664-2.961S3.472,9.7,4.065,7.4a4.08,4.08,0,0,1,1.3-1.873.665.665,0,0,1,.465-.189.647.647,0,0,1,.461.19L8.566,7.8a.657.657,0,0,1,0,.926L7.354,9.939a.429.429,0,0,0-.1.157c-.085.241-.22,1.173,1.673,3.065s2.825,1.76,3.066,1.673a.439.439,0,0,0,.156-.1l1.211-1.211a.658.658,0,0,1,.931,0L16.567,15.8a.662.662,0,0,1,0,.926ZM15.047,3.077A3.837,3.837,0,0,0,11.07,6.749a3.542,3.542,0,0,0,1.444,2.826,1.335,1.335,0,0,1-.6.408.423.423,0,0,0,.031.805,5.1,5.1,0,0,0,1.254.162,2.48,2.48,0,0,0,1.692-.538h.159a3.837,3.837,0,0,0,3.976-3.667,3.84,3.84,0,0,0-3.975-3.669Zm0,6.493a2.458,2.458,0,0,1-.277-.015.407.407,0,0,0-.377.152,1.58,1.58,0,0,1-1.219.4,1.963,1.963,0,0,0,.3-.508.423.423,0,0,0-.173-.519,2.744,2.744,0,0,1-1.378-2.334,2.992,2.992,0,0,1,3.13-2.827,3,3,0,0,1,3.13,2.827A2.993,2.993,0,0,1,15.047,9.57Zm.508-1.433v.047a.423.423,0,0,1-.846,0,.444.444,0,0,1,.423-.447.4.4,0,0,1,.426.4Zm0-2.689V6.784a.423.423,0,1,1-.846,0V5.448a.423.423,0,0,1,.846,0Z' transform='translate(0 0)' fill='%2305336e'/%3E%3C/g%3E%3C/svg%3E%0A"); */

}

.branch{
  display:flex;
  flex-direction: column;
}