/*
 * Theme Name:  uksg
 * Theme URI: https://uksg.org/
 * Author: Third Sector Design and friends
 * Author URI: https://thirdsectordesign.org
 * Version: 1.0.0
 * License: GNU General Public License v2 or later
 * License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 */
html {
  scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
.logo {
  padding: 1rem 0;
  width: 136px;
}

.uksg-byline {
  width: 200px;
  color: var(--wp--preset--color--base);
  text-transform: uppercase;
}

.wp-element-button {
  transition: background-color 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

form.wp-block-search {
  margin: 0 0 0 auto;
}

.wp-block-search__input {
  width: 220px;
  border: 3px solid #4e80c0;
  border-right: none;
  padding: 5px;
  height: 36px;
  border-radius: 5px 0 0 5px;
  color: var(--wp--preset--color--base);
  outline: none;
  font-family: "Rubik", sans-serif;
  font-size: 18px;
  background: #4e80c0;
}
.wp-block-search__input::placeholder {
  color: #efefef;
}
.wp-block-search__input:focus {
  color: var(--wp--preset--color--base);
}
.wp-block-search__input:focus::placeholder {
  color: transparent;
}

.wp-block-search__button {
  height: 36px;
  width: 40px;
  display: inline-block;
  background: none;
  text-align: center;
  color: var(--wp--preset--color--base);
  border-radius: 0 5px 5px 0;
  margin-left: 0;
  padding: 0;
  cursor: pointer;
  font-size: 20px;
  text-indent: -9999px;
}

.wp-block-search__button.wp-element-button {
  background: no-repeat #4e80c0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 22 22'%3E%3Cpath d='m19.62 17.783-4.178-4.176c2.46-3.346 2.18-8.074-.85-11.1A8.521 8.521 0 0 0 8.545 0a8.538 8.538 0 0 0-6.52 3.015c-2.699 3.16-2.699 7.909 0 11.069a8.539 8.539 0 0 0 6.52 3.015c1.78 0 3.56-.553 5.06-1.654l4.177 4.175a1.3 1.3 0 0 0 1.838-1.837ZM4.333 12.758a5.955 5.955 0 0 1 0-8.417 5.913 5.913 0 0 1 4.212-1.744c1.593 0 3.086.618 4.213 1.744a5.907 5.907 0 0 1 1.745 4.21 5.907 5.907 0 0 1-1.745 4.21 5.913 5.913 0 0 1-4.213 1.744 5.913 5.913 0 0 1-4.212-1.744v-.003Z'/%3E%3C/svg%3E");
  background-size: 80% 80%;
  background-position: right 0.1em bottom 30%;
}

.wp-block-search__button.wp-element-button:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ED8100' viewBox='0 0 22 22'%3E%3Cpath d='m19.62 17.783-4.178-4.176c2.46-3.346 2.18-8.074-.85-11.1A8.521 8.521 0 0 0 8.545 0a8.538 8.538 0 0 0-6.52 3.015c-2.699 3.16-2.699 7.909 0 11.069a8.539 8.539 0 0 0 6.52 3.015c1.78 0 3.56-.553 5.06-1.654l4.177 4.175a1.3 1.3 0 0 0 1.838-1.837ZM4.333 12.758a5.955 5.955 0 0 1 0-8.417 5.913 5.913 0 0 1 4.212-1.744c1.593 0 3.086.618 4.213 1.744a5.907 5.907 0 0 1 1.745 4.21 5.907 5.907 0 0 1-1.745 4.21 5.913 5.913 0 0 1-4.213 1.744 5.913 5.913 0 0 1-4.212-1.744v-.003Z'/%3E%3C/svg%3E");
  background-color: var(--wp--preset--color--base);
}

.wp-block-search__label {
  display: none;
}

header {
  margin-bottom: -30px;
}
header .wp-block-navigation {
  font-size: 1rem;
  height: 3.5rem;
}
header .wp-block-navigation li {
  vertical-align: middle;
  display: inline-block;
  list-style: none;
  padding: 0 1rem 0 0;
}
header .wp-block-navigation-item__content:hover {
  text-decoration: none;
}
header .wp-block-navigation-link span {
  color: var(--wp--preset--color--contrast);
  line-height: 1.4;
  border-bottom: solid 3px var(--wp--preset--color--base);
  transition: border-bottom 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
header .wp-block-navigation-link span:hover {
  border-bottom: solid 3px var(--wp--preset--color--primary);
}
header .wp-block-navigation-link.current-menu-item span {
  border-bottom: solid 3px var(--wp--preset--color--primary);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
  display: block;
  margin-bottom: 1.4em;
  text-align: center;
  width: 100%;
}

.wp-block-cover {
  aspect-ratio: 16/9;
  padding: clamp(1.6875rem, 1.4049rem + 1.413vw, 2.5rem);
}
.wp-block-cover .wp-block-buttons .wp-block-button .wp-element-button {
  border: none;
}
.wp-block-cover .wp-block-buttons .wp-block-button:nth-child(2) .wp-element-button {
  border: 10px;
  transition: all 0.3s ease;
  background: none;
}
.wp-block-cover .wp-block-buttons .wp-block-button:nth-child(2) .wp-element-button:hover {
  background: transparent;
}
.wp-block-cover .wp-block-buttons .wp-block-button:nth-child(2) .wp-element-button::after {
  mask-image: url("assets/svg/chevron-right.svg");
  -webkit-mask-image: url("assets/svg/chevron-right.svg");
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background-color: var(--wp--preset--color--base);
  content: " ";
  height: 16px;
  width: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  margin-top: -0.22em;
  transition: all 0.3s ease;
}
.wp-block-cover .wp-block-buttons .wp-block-button:nth-child(2) .wp-element-button:hover::after {
  margin-left: 16px;
}

.wp-block-post-content .wp-block-cover {
  aspect-ratio: 21/9;
}

/* Mobile First Styles */
.wp-block-latest-posts__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.wp-block-latest-posts__list li {
  position: relative;
  margin-bottom: 20px;
  border: 1px solid #e6e6e6;
  overflow: hidden;
  font-family: "Rubik", sans-serif;
}
.wp-block-latest-posts__list li:hover {
  border-color: #4e80c0;
}

@media (prefers-reduced-motion: no-preference) {
  .wp-block-latest-posts__list li {
    transition: box-shadow 0.3s ease;
  }
  .wp-block-latest-posts__list li:hover {
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2);
    border-color: #e6e6e6;
  }
}
.wp-block-latest-posts__featured-image {
  position: relative;
  width: 100%;
  height: 50%;
  aspect-ratio: 16/9;
  background-color: var(--wp--preset--color--secondary);
}

.wp-block-latest-posts__featured-image img {
  object-fit: fill;
  object-position: bottom center;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  filter: grayscale(80%);
}

.wp-block-latest-posts__list li a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px;
  color: var(--wp--preset--color--base);
  text-align: left;
  text-decoration: none;
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  display: flex;
  align-items: flex-start;
  bottom: 50%;
  justify-content: center;
}

.wp-block-latest-posts__post-excerpt {
  position: relative;
  aspect-ratio: 16/9;
  padding: 30px;
  background-color: #efefef;
  color: #111111;
  line-height: 1.5em;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
}

.wp-block-latest-posts__list li .wp-block-latest-posts__post-excerpt a,
.wp-block-latest-posts__list li .wp-block-latest-posts__read-more {
  position: relative;
  display: block;
  left: 0;
  text-transform: uppercase;
  background-color: transparent;
  font-family: "Rubik", sans-serif;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #4e80c0;
  text-decoration: none;
  margin-top: 20px;
  padding: 0;
  transition: all 0.3s ease;
}
.wp-block-latest-posts__list li .wp-block-latest-posts__post-excerpt a:after,
.wp-block-latest-posts__list li .wp-block-latest-posts__read-more:after {
  mask-image: url("assets/svg/chevron-right.svg");
  -webkit-mask-image: url("assets/svg/chevron-right.svg");
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background-color: #4e80c0;
  content: " ";
  height: 16px;
  width: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  margin-top: -0.22em;
  transition: all 0.3s ease;
}
.wp-block-latest-posts__list li .wp-block-latest-posts__post-excerpt a:hover:after,
.wp-block-latest-posts__list li .wp-block-latest-posts__read-more:hover:after {
  margin-left: 16px;
}

/* Larger Screen Styles */
@media (min-width: 768px) {
  .wp-block-latest-posts__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .wp-block-latest-posts__list li {
    width: calc(33.3333% - 20px);
  }
}
.wp-block-latest-posts__list:first-child li {
  display: inline-block;
  background-color: var(--wp--preset--color--secondary);
}

.block-editor-block-list__block.wp-block-latest-posts {
  outline: red dashed 1px;
}
.block-editor-block-list__block.wp-block-latest-posts::before {
  content: "Latest posts non-editable content";
  display: inline-block;
  color: red;
  z-index: 99999;
  font-size: 1rem;
  font-weight: 700;
  position: absolute;
  padding: 10px;
  background: rgba(255, 255, 255, 0.9);
  top: 0;
  left: 0;
}

.wp-block-uksg-call-to-action {
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center;
}
.wp-block-uksg-call-to-action .wp-block-image {
  grid-row: 1/3;
  margin-bottom: 0;
}
.wp-block-uksg-call-to-action .wp-block-image img {
  width: 95%;
  height: 100%;
  object-fit: cover;
}
.wp-block-uksg-call-to-action .big {
  grid-column: 2;
  padding-left: 20px;
}
.wp-block-uksg-call-to-action .wp-block-buttons {
  grid-column: 2;
  padding-left: 0;
}

@media (max-width: 768px) {
  .wp-block-uksg-call-to-action {
    grid-template-columns: 1fr;
  }
  .wp-block-uksg-call-to-action .wp-block-image {
    grid-row: 1;
  }
  .wp-block-uksg-call-to-action .big,
  .wp-block-uksg-call-to-action .wp-block-buttons {
    grid-column: 1;
    padding-left: 0;
  }
}
.wp-block-uksg-call-to-action {
  margin-top: 40px;
  background-color: var(--wp--preset--color--primary);
  box-sizing: border-box;
}
.wp-block-uksg-call-to-action .big {
  color: var(--wp--preset--color--base);
  font-weight: 700;
  font-family: Poppins, sans-serif;
  font-size: 32px;
  line-height: 1.2em;
  margin: 0 20px 0 0;
  padding: 0;
}
.wp-block-uksg-call-to-action .wp-block-buttons {
  justify-content: left;
}
.wp-block-uksg-call-to-action .wp-block-button .wp-element-button {
  background: transparent;
  margin: 0;
  padding: 0;
}
.wp-block-uksg-call-to-action .wp-block-button .wp-element-button:hover {
  background: transparent;
}
.wp-block-uksg-call-to-action .wp-block-button .wp-element-button:after {
  mask-image: url("assets/svg/chevron-right.svg");
  -webkit-mask-image: url("assets/svg/chevron-right.svg");
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background-color: var(--wp--preset--color--base);
  content: " ";
  height: 16px;
  width: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
  margin-top: -0.22em;
  transition: all 0.3s ease;
}
.wp-block-uksg-call-to-action .wp-block-button .wp-element-button:hover:after {
  margin-left: 16px;
}

.block-editor-block-list__block.wp-block-uksg-call-to-action,
.block-editor-block-list__block.wp-block-uksg-call-to-action .block-editor-inner-blocks {
  display: inline-block;
}

.block-editor-block-list__block.wp-block-uksg-call-to-action {
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-editor-block-list__block.wp-block-uksg-call-to-action .block-editor-block-list__layout {
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center;
}
.block-editor-block-list__block.wp-block-uksg-call-to-action .wp-element-button:after {
  display: none;
}

.wp-block-uksg-related {
  background: #ffffff;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
}
.wp-block-uksg-related .post-content {
  padding: 1.4rem;
}
.wp-block-uksg-related .post-content .post-title {
  font-family: var(--wp--preset--font-family--poppins);
}
.wp-block-uksg-related .post-content .post-title a {
  color: #003461;
  font-size: 1.25rem;
  font-weight: 700;
  text-decoration: none;
}
.wp-block-uksg-related .post-content .post-excerpt p {
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.wp-block-uksg-related .post-content .post-more-link {
  margin: 1rem auto;
  padding-top: 0.5rem;
}
.wp-block-uksg-related .post-content .post-more-link a {
  text-decoration: none;
  text-transform: uppercase;
  background: #4e80c0;
  padding: 0.5rem;
  border-radius: 0.3rem;
  color: #fff;
  font-weight: 500;
}
.wp-block-uksg-related .related-featured-image {
  width: 100%;
  aspect-ratio: 5/3;
  object-fit: cover;
}

h1,
h2 {
  font-size: 2rem;
  font-family: var(--wp--preset--font-family--poppins);
  color: var(--wp--preset--color--royal-blue);
}

h3 {
  color: var(--wp--preset--color--black);
  font-size: 1.625rem;
  font-family: var(--wp--preset--font-family--poppins);
}

h4 {
  color: var(--wp--preset--color--black);
  font-size: 1.25rem;
}

body {
  --tec-color-accent-primary: #343681;
  --tec-color-text-secondary: #003461;
  --tec-color-button-primary: #343681;
  --tec-color-text-primary: #343681;
  --tec-color-background-events-bar-submit-button: #343681;
  --tec-color-background-events-bar-submit-button-hover: #343681;
  --tec-color-text-event-date: #003461;
  --tec-font-family-sans-serif: "Poppins";
}

.tribe-events-calendar-list__event-description {
  --tec-color-text-primary: #000000;
  --tec-font-family-sans-serif: "Rubik";
  --tec-font-size-2: 1rem;
}

.tribe-events-calendar-list__event-title,
.tribe-events-widget-events-list__event-title {
  --tec-color-text-primary: #4e80c0;
  --tec-color-link-primary: transparent;
  --tec-font-size-4: var(--wp--preset--font-size--medium);
  --tec-font-size-7: var(--wp--preset--font-size--medium);
}

.wp-block-post-title {
  padding: 0 2rem;
}

.wp-block-post-terms {
  padding: 0 2rem;
  font-size: 24px;
  line-height: 36px;
}

@media (min-width: 1140px) {
  .wp-block-post-title {
    padding: 0;
  }
  .wp-block-post-terms {
    padding: 0 10rem;
  }
}
.wp-block-post-terms__separator {
  display: none;
}

.wp-block-post-terms {
  font-family: "Rubik", sans-serif;
  font-size: 1.25rem;
  margin-bottom: 4em;
  font-weight: 500;
}
.wp-block-post-terms::before {
  content: "Indexed under:";
  display: inline-block;
  color: #999;
  font-weight: bold;
  line-height: 2.25rem;
}
.wp-block-post-terms a {
  justify-content: center;
  align-items: center;
  border-radius: 0.3125rem;
  background: #999;
  color: #fff;
  text-decoration: none;
  line-height: 1.875rem;
  text-transform: uppercase;
  padding: 0.25rem 0.65rem;
  margin-left: 0.5rem;
}

.wp-block-quote {
  margin: 0;
}
.wp-block-quote p {
  border-left: 0.5rem solid #e6e6e6;
  padding: 0 0 0 1.5rem;
}

.wp-block-categories {
  margin: 0 0 24px 0;
  padding: 0;
  font-size: var(--wp--preset--font-size--medium);
  font-family: "Rubik", sans-serif;
  list-style: none;
}
.wp-block-categories::before {
  content: "Filter news:";
  display: inline-block;
  color: #999;
  font-weight: 600;
  line-height: 2.25rem;
}
.wp-block-categories li {
  display: inline-block;
  margin-right: 8px;
}
.wp-block-categories li a {
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #8a83b5;
}
.wp-block-categories li a:hover {
  background-color: var(--wp--preset--color--contrast);
}

.recent-news li {
  position: relative;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.recent-news figure {
  margin-bottom: 0px;
}
.recent-news .wp-block-post-excerpt {
  padding: 25px;
}
.recent-news .overlay-content {
  position: absolute;
  top: 0;
  left: 0;
  padding: 25px;
}
.recent-news .overlay-content a {
  color: var(--wp--preset--color--base);
  text-decoration: none;
}
.recent-news .overlay-content h2 {
  padding: 0px;
}

.recent-news-home li {
  position: relative;
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin-bottom: 15px;
}
.recent-news-home .wp-block-post-excerpt {
  padding: 15px;
}
.recent-news-home .overlay-content a {
  color: var(--wp--preset--color--base);
  text-decoration: none;
}
.recent-news-home .overlay-content h2 {
  padding: 0px;
  position: absolute;
  top: 0;
  left: 20px;
}

.crm-public .hiddenElement {
  display: none;
}
.crm-public [class^=crm-contribution-page-id-] legend,
.crm-public [class^=crm-event-id-] legend {
  margin-bottom: 1rem;
}
.crm-public [class^=crm-contribution-page-id-] fieldset,
.crm-public [class^=crm-event-id-] fieldset {
  border: none;
  padding: 0px;
}
.crm-public [class^=crm-contribution-page-id-] label,
.crm-public [class^=crm-event-id-] label {
  font-weight: 700;
}
.crm-public [class^=crm-contribution-page-id-] input[type=text],
.crm-public [class^=crm-contribution-page-id-] input[type=email],
.crm-public [class^=crm-event-id-] input[type=text],
.crm-public [class^=crm-event-id-] input[type=email] {
  width: 100%;
  box-sizing: border-box;
  padding: 0.5rem;
}
.crm-public [class^=crm-contribution-page-id-] .form-item,
.crm-public [class^=crm-event-id-] .form-item {
  margin-block: 1rem;
}
.crm-public [class^=crm-contribution-page-id-] button.crm-form-submit,
.crm-public [class^=crm-event-id-] button.crm-form-submit {
  display: block;
  padding: 1rem;
  border-radius: 0;
  border: 1px solid;
  background-color: #ddd;
}
.crm-public [class^=crm-contribution-page-id-] .select2-container,
.crm-public [class^=crm-event-id-] .select2-container {
  min-width: 100%;
}
.crm-public [class^=crm-contribution-page-id-] .credit_card_info-group,
.crm-public [class^=crm-event-id-] .credit_card_info-group {
  margin-bottom: 2.5rem;
}
.crm-public [class^=crm-contribution-page-id-] .contribution_amount-content,
.crm-public [class^=crm-event-id-] .contribution_amount-content {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-block: 1rem;
}
.crm-public [class^=crm-contribution-page-id-] .contribution_amount-content input[type=radio],
.crm-public [class^=crm-event-id-] .contribution_amount-content input[type=radio] {
  display: none;
}
.crm-public [class^=crm-contribution-page-id-] .contribution_amount-content input[type=radio] + label,
.crm-public [class^=crm-event-id-] .contribution_amount-content input[type=radio] + label {
  padding: 1rem;
  border: 1px solid;
  display: block;
  font-weight: 400;
}
.crm-public [class^=crm-contribution-page-id-] .contribution_amount-content input[type=radio]:checked + label,
.crm-public [class^=crm-event-id-] .contribution_amount-content input[type=radio]:checked + label {
  background-color: #ddd;
}
.crm-public [class^=crm-contribution-page-id-] .payment_processor-section .content,
.crm-public [class^=crm-event-id-] .payment_processor-section .content {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-block: 1rem;
}
.crm-public [class^=crm-contribution-page-id-] .payment_processor-section .content input[type=radio],
.crm-public [class^=crm-event-id-] .payment_processor-section .content input[type=radio] {
  display: none;
}
.crm-public [class^=crm-contribution-page-id-] .payment_processor-section .content input[type=radio] + label,
.crm-public [class^=crm-event-id-] .payment_processor-section .content input[type=radio] + label {
  padding: 1rem;
  border: 1px solid;
  display: block;
  font-weight: 400;
}
.crm-public [class^=crm-contribution-page-id-] .payment_processor-section .content input[type=radio]:checked + label,
.crm-public [class^=crm-event-id-] .payment_processor-section .content input[type=radio]:checked + label {
  background-color: #ddd;
}
.crm-public [class^=crm-contribution-page-id-] .crm-public-form-item,
.crm-public [class^=crm-event-id-] .crm-public-form-item {
  margin-bottom: 2.5rem;
}
.crm-public [class^=crm-contribution-page-id-] .crm-public-form-item + #billing-payment-block,
.crm-public [class^=crm-event-id-] .crm-public-form-item + #billing-payment-block {
  margin-top: -2.5rem;
  margin-bottom: 2.5rem;
}
.crm-public crm-angular-js legend {
  margin-bottom: 1rem;
}
.crm-public crm-angular-js fieldset {
  border: none;
  padding: 0px;
}
.crm-public crm-angular-js label {
  font-weight: 700;
}
.crm-public crm-angular-js input[type=text],
.crm-public crm-angular-js input[type=email] {
  width: 100%;
  box-sizing: border-box;
  padding: 0.5rem;
}
.crm-public crm-angular-js .form-item {
  margin-block: 1rem;
}
.crm-public crm-angular-js button.crm-form-submit {
  display: block;
  padding: 1rem;
  border-radius: 0;
  border: 1px solid;
  background-color: #ddd;
}
.crm-public crm-angular-js .select2-container {
  min-width: 100%;
}
.crm-public crm-angular-js .credit_card_info-group {
  margin-bottom: 2.5rem;
}
.crm-public crm-angular-js .crm-af-field {
  margin-bottom: 1rem;
}
.crm-public crm-angular-js af-field.af-field-type-check-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.crm-public crm-angular-js af-field.af-field-type-check-box label {
  width: calc(100% - 30px);
}
.crm-public crm-angular-js af-field.af-field-type-check-box .crm-af-field {
  order: -1;
}
.crm-public crm-angular-js .af-button {
  margin-top: 1rem;
}

.crm-public [class^=crm-contribution-page-id-],
.crm-public [class^=crm-event-id-],
.crm-public crm-angular-js {
  margin-bottom: 1rem;
}
.crm-public [class^=crm-contribution-page-id-] .payment_processor-section .content input[type=radio] + label,
.crm-public [class^=crm-event-id-] .payment_processor-section .content input[type=radio] + label,
.crm-public crm-angular-js .payment_processor-section .content input[type=radio] + label {
  border: 1px solid var(--wp--preset--color--royal-blue);
  cursor: pointer;
  color: var(--wp--preset--color--royal-blue);
}
.crm-public [class^=crm-contribution-page-id-] .payment_processor-section .content input[type=radio] + label:hover,
.crm-public [class^=crm-event-id-] .payment_processor-section .content input[type=radio] + label:hover,
.crm-public crm-angular-js .payment_processor-section .content input[type=radio] + label:hover {
  background-color: var(--wp--preset--color--royal-blue);
  color: var(--wp--preset--color--base);
}
.crm-public [class^=crm-contribution-page-id-] .payment_processor-section .content input[type=radio]:checked + label,
.crm-public [class^=crm-event-id-] .payment_processor-section .content input[type=radio]:checked + label,
.crm-public crm-angular-js .payment_processor-section .content input[type=radio]:checked + label {
  background-color: var(--wp--preset--color--royal-blue);
  color: var(--wp--preset--color--base);
}
.crm-public [class^=crm-contribution-page-id-] .crm-credit_card_type-icons,
.crm-public [class^=crm-event-id-] .crm-credit_card_type-icons,
.crm-public crm-angular-js .crm-credit_card_type-icons {
  display: none;
}
.crm-public [class^=crm-contribution-page-id-] .crm-marker,
.crm-public [class^=crm-event-id-] .crm-marker,
.crm-public crm-angular-js .crm-marker {
  color: var(--wp--preset--color--vivid-red);
}
.crm-public [class^=crm-contribution-page-id-] .price_set-section input,
.crm-public [class^=crm-event-id-] .price_set-section input,
.crm-public crm-angular-js .price_set-section input {
  vertical-align: middle;
}
.crm-public [class^=crm-contribution-page-id-] .price_set-section label,
.crm-public [class^=crm-event-id-] .price_set-section label,
.crm-public crm-angular-js .price_set-section label {
  vertical-align: middle;
  padding-left: 5px;
}
.crm-public [class^=crm-contribution-page-id-] label,
.crm-public [class^=crm-event-id-] label,
.crm-public crm-angular-js label {
  font-weight: 500;
}
.crm-public [class^=crm-contribution-page-id-] legend,
.crm-public [class^=crm-event-id-] legend,
.crm-public crm-angular-js legend {
  font-weight: 700;
}
.crm-public [class^=crm-contribution-page-id-] h3,
.crm-public [class^=crm-contribution-page-id-] .header-dark,
.crm-public [class^=crm-event-id-] h3,
.crm-public [class^=crm-event-id-] .header-dark,
.crm-public crm-angular-js h3,
.crm-public crm-angular-js .header-dark {
  background-color: var(--wp--preset--color--light-blue);
  color: var(--wp--preset--color--base);
  padding-left: 10px;
}
.crm-public [class^=crm-contribution-page-id-] input,
.crm-public [class^=crm-contribution-page-id-] button,
.crm-public [class^=crm-event-id-] input,
.crm-public [class^=crm-event-id-] button,
.crm-public crm-angular-js input,
.crm-public crm-angular-js button {
  border-radius: 0;
  border: 1px solid var(--wp--preset--color--royal-blue);
  font-size: 17.6px;
}
.crm-public [class^=crm-contribution-page-id-] input[type=text],
.crm-public [class^=crm-contribution-page-id-] input[type=email],
.crm-public [class^=crm-contribution-page-id-] .select2-choice,
.crm-public [class^=crm-contribution-page-id-] select,
.crm-public [class^=crm-event-id-] input[type=text],
.crm-public [class^=crm-event-id-] input[type=email],
.crm-public [class^=crm-event-id-] .select2-choice,
.crm-public [class^=crm-event-id-] select,
.crm-public crm-angular-js input[type=text],
.crm-public crm-angular-js input[type=email],
.crm-public crm-angular-js .select2-choice,
.crm-public crm-angular-js select {
  padding: 1rem;
}
.crm-public [class^=crm-contribution-page-id-] input[type=checkbox],
.crm-public [class^=crm-contribution-page-id-] input[type=radio],
.crm-public [class^=crm-event-id-] input[type=checkbox],
.crm-public [class^=crm-event-id-] input[type=radio],
.crm-public crm-angular-js input[type=checkbox],
.crm-public crm-angular-js input[type=radio] {
  width: 1rem;
  height: 1rem;
}
.crm-public [class^=crm-contribution-page-id-] button.crm-form-submit,
.crm-public [class^=crm-event-id-] button.crm-form-submit,
.crm-public crm-angular-js button.crm-form-submit {
  border: none;
  cursor: pointer;
  background-color: var(--wp--preset--color--royal-blue);
  color: var(--wp--preset--color--base);
  display: flex;
  align-items: center;
}
.crm-public [class^=crm-contribution-page-id-] button.crm-form-submit .crm-i,
.crm-public [class^=crm-event-id-] button.crm-form-submit .crm-i,
.crm-public crm-angular-js button.crm-form-submit .crm-i {
  display: none;
}

@media screen and (max-width: 768px) {
  #crm-container {
    padding: 0px 10px;
  }
  .select2-container {
    max-width: 100px;
  }
}

/*# sourceMappingURL=style.css.map */