/**
 * Theme Name:   Royal Cubit Calculator
 * Theme URI:    https://tvbclimate.headwall.tech/
 * Description:  Bespoke theme for the Royal Cubit Calculator
 * Author:       Headwall Hosting
 * Author URI:   https://headwall-hosting.com/
 * Template:     generatepress
 * Version:      1.2.5
 * Text Domain:  cubitcalculator
 */

.site-branding-container {
  flex-direction: column;
}

.site-branding-container .site-branding {
  text-align: center;
}

.share-to-socials {
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 40px;
}

.share-to-socials .sharing {
  opacity: 0.3;
}

[data-tvbcc-number-grid] input[type='number'] {
  color: #a20174;
}

[data-tvbcc-number-grid] .button-icon svg path {
  fill: var(--inverse-text);
}

[data-tvbcc-number-grid] .grid-tooltip {
  color: black;
}

#commentform #url {
  display: none;
}

/**
 * Coloured columns for the number grids
 */
figure [data-col-idx='0'] input,
figure [data-col-idx='0'] input:focus {
  background-color: #f5f1f5;
}

figure [data-col-idx='1'] input,
figure [data-col-idx='1'] input:focus,
figure [data-col-idx='2'] input,
figure [data-col-idx='2'] input:focus,
figure [data-col-idx='3'] input,
figure [data-col-idx='3'] input:focus {
  background-color: #f1f2f5;
}

figure [data-col-idx='4'] input,
figure [data-col-idx='4'] input:focus {
  background-color: #f3f5fa;
}

figure [data-col-idx='5'] input,
figure [data-col-idx='5'] input:focus {
  background-color: #f2f9f4;
}

figure [data-col-idx='6'] input,
figure [data-col-idx='6'] input:focus {
  background-color: #fff8f1;
}

figure [data-col-idx='7'] input,
figure [data-col-idx='7'] input:focus {
  background-color: #fdf4f2;
}

figure [data-col-idx='8'] input,
figure [data-col-idx='8'] input:focus,
figure [data-col-idx='9'] input,
figure [data-col-idx='9'] input:focus {
  background-color: #fff1f1;
}

/**
 * Secondary nav
 */
body .main-navigation .main-nav > ul {
  padding-top: 60px;
  gap: 40px;
}

body .main-navigation.slideout-navigation .main-nav ul {
  padding-top: 40px;
  /* margin-bottom: 30px; */
}

body .main-navigation.slideout-navigation .main-nav > ul > li > a {
  line-height: 1.3em;
}

@media (max-width: 1024px) {
  .desktop-convertor-buttons {
    display: none;
  }
}

#generate-slideout-menu .slideout-convertor-buttons a,
body .desktop-convertor-buttons a {
  color: var(--primary-accent-alt);
}

[data-tvbcc-unit-convertor] .convertor-title {
  display: none;
}

[data-tvbcc-unit-convertor] label {
  color: black;
  font-weight: bold;
}