/* UI Elements */

.header-constraint {
  max-width: 500px !important;
}

.shadow-xxlarge {
  box-shadow: 0 32px 64px -12px rgba(16, 24, 40, 0.14);
  border-radius: 10px;
}

.shadow-xlarge {
  box-shadow: 0 24px 48px -12px rgba(16, 24, 40, 0.18);
  border-radius: 10px;
}

.shadow-large {
  box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.29), 0 0 20px 2px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
}

.shadow-medium, .testimonial {
  box-shadow: 0 3px 20px -1px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 10px;
}

.shadow-small {
  box-shadow: 0 4px 8px -2px rgba(16, 24, 40, 0.1), 0 2px 4px -2px rgba(16, 24, 40, 0.06);
  border-radius: 10px;
}

.shadow-xsmall {
  box-shadow: 0 1px 3px 0 rgba(16, 24, 40, 0.1), 0 1px 2px 0 rgba(16, 24, 40, 0.06);
  border-radius: 10px;
}

.shadow-xxsmall {
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  border-radius: 10px;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-bottom {
  padding-bottom: 0.25rem !important;
  margin-top: 0 !important;
}

.no-gap {
  row-gap: 0rem !important;
  column-gap: 0rem !important;
}

.small-gap {
  row-gap: 0.5rem !important;
  column-gap: 0.5rem !important;
}

.medium-gap {
  column-gap: 1rem !important;
}

.wp-site-blocks .button {
  z-index: 4;
  padding: 0.8rem 2rem;
  border-style: solid;
  border-width: 1px;
  border-color: var(--wp--preset--color--primary) !important;
  border-radius: 0.4em;
  background-color: var(--wp--preset--color--primary) !important;
  transition: opacity 200ms ease, box-shadow 200ms ease-in-out;
  cursor: pointer;
  color: var(--wp--preset--color--base);
}

.button.is-navigation {
  padding: 0.5rem !important;
}

.button-width-medium {
    min-width: 250px;
    box-sizing: content-box !important;;
}
@media screen and (max-width: 420px) {
    .button-width-medium {
        min-width: 200px;
    }
}

.box-stretch {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch !important;
}

.atop-icon {
  max-width: 280px;
}

.channel-icon {
	padding: 1rem !important;
  align-self: stretch !important;
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.app-icon {
	max-width: 100px !important;
}

ul.list-unstyled, ul.w-list-unstyled {
  list-style: none;
}

/* Positioning */

.position-relative {
	position: relative;
}

.position-absolute {
	position: absolute;
}


/* Tables */

.sideways {
  transform: rotate(-90deg);
  transform-origin: center;
  width: 120px;
  text-align: center;
  text-transform: uppercase;
  font-size: 8pt;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: var(--wp--preset--color--base);
  padding-top: 0.25rem;
  float: left;
  left: -73px;
  position: absolute;
}
.sideways p {
  color: var(--wp--preset--color--base) !important;
}

.table-row {
	border-left: 1px solid var(--wp--preset--color--tertiary);
  border-right: 1px solid var(--wp--preset--color--tertiary);
  border-bottom: 1px solid var(--wp--preset--color--tertiary);
}

.table-row-top {
	border: 1px solid var(--wp--preset--color--tertiary);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-top: 0;
}
/* Remove the top radius for small screens
   in case we have buttons that need to line up */
@media screen and (max-width: 420px) {
	.table-row-top {
		border-radius: 0;
	}
}

.table-row-bottom {
	border-left: 1px solid var(--wp--preset--color--tertiary);
  border-right: 1px solid var(--wp--preset--color--tertiary);
  border-bottom: 1px solid var(--wp--preset--color--tertiary);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.table-row-highlight {
	border-color: #F1FBFF; /*#FFF6F6;*/
	border-radius: 10px;
	margin: -0.5rem !important;
	background-color: #F1FBFF; /*#FFF6F6;*/
	padding-left: 2.5rem !important;
	padding-right: 2.5rem !important;
  z-index: 10;
  border-left: 1.5rem solid var(--wp--preset--color--primary);
  position: relative;
}

/* Set the width of the first column */
.column-width-200 {
	width: 230px !important;
}
.table-row-highlight .column-width-200 {
	margin-left: -20px
}

.table-header-button {
  border: 1px solid var(--wp--preset--color--tertiary);
  padding: 1.5rem 2rem !important;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  z-index: 10;
  margin-bottom: -1px !important;
  cursor: pointer;
}
.table-header-button a, .table-header-button a:visited {
  text-decoration: none;
}
.table-header-button.highlighted {
  font-weight: 600;
  border-bottom-color: #fff;
}

.table.hidden {
	display: none;
}

/* WordPress page elements */

.wp-block-cover {
  margin-block-start: 0 !important;
}

.wp-site-blocks {
  padding-bottom: 0 !important; /* Allows footer to sit close to main content */
}

footer.wp-block-template-part {
  margin-block-start: 0rem; /* Allows footer to sit close to main content */
}

footer .wp-block-heading {
	font-size: 1rem !important;
	color: var(--wp--preset--color--base) !important;
	font-weight:300 !important;
}
footer a, footer a:visited, footer a:hover {
    text-decoration: none;
    color: var(--wp--preset--color--base) !important;
    font-size: 0.8rem !important;
}

.wp-site-blocks a.has-primary-background-color:hover {
    background-color: var(--wp--preset--color--base) !important;
    color: var(--wp--preset--color--contrast) !important;
}