/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.block-editor-block-list__block .block-editor-url-input input[type=text], .block-editor-url-input input[type=text], .components-popover .block-editor-url-input input[type=text] {
  width: 100% !important;
  max-width: 300px; }

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #2196F3; }

input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

.editor-btn-cta {
  border: 1px solid #2b2727;
  color: #ffffff;
  background-color: transparent;
  padding: 16px 30px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  display: inline-block;
  cursor: pointer;
  font-size: .8em;
  letter-spacing: 2px;
  line-height: 1;
  margin: 0;
  text-transform: uppercase; }

.editor-btn-cta:hover {
  color: #ffffff;
  background-color: #FF007C;
  text-decoration: none; }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.wa-button-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px; }

.wa-button-selector > button {
  margin: 1px; }

.wa-button-selector.no-m > button {
  margin: 1px; }

.btn-select {
  border: 1px solid #2b2727;
  color: #ffffff;
  background-color: #2b2727;
  padding: 10px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  display: inline-block;
  cursor: pointer;
  font-size: .8em;
  letter-spacing: 2px;
  line-height: 1;
  margin: 10px 0; }

.btn-select.active {
  background-color: #4E32A5;
  color: #ffffff;
  border-color: #4E32A5; }

.btn-select.btn-select-icon {
  min-width: 60px; }

.btn-select.btn-select-icon img {
  height: 30px; }

.container-align-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start; }

.container-align-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start; }

.container-align-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: start;
      align-items: flex-start; }

.margin-control {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 0; }

.margin-control span {
  width: 30px;
  margin-right: 15px; }

.margin-control input {
  width: 80px; }

.margin-control span svg {
  width: 100%; }

.margin-control button {
  margin-left: 10px;
  border-radius: 0;
  border: 1px solid #0a5b89;
  color: #0a5b89;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }

.margin-control button:hover {
  background-color: #0a5b89;
  color: #fff; }

.editor-btn-cta.active,
.btn-select:hover {
  color: #ffffff;
  background-color: #4E32A5;
  border-color: #4E32A5;
  text-decoration: none; }

.btn-cta-cross.active {
  background-color: #2b2727; }

.btn-cta-cross.active:before,
.btn-cta-cross.active:after {
  background-color: #ffffff; }

.wa-color-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.wa-color-selector > button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 5px;
  overflow: hidden;
  border: 2px solid transparent;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  outline: #0A246A;
  position: relative; }

.wa-color-selector > button.active {
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.8);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.8); }

.wa-color-selector > button:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 5px solid #ffea00; }

.inline-toggle {
  padding: 0 0 20px; }

.text-bold {
  font-weight: 700; }

.inline-toggle .switch {
  margin-left: 10px; }

.wa-button-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px; }

.wa-button-selector > button {
  margin: 1px; }

.wa-button-selector.no-m > button {
  margin: 1px; }

.wrapper {
  max-width: 1300px;
  margin: 0 auto;
  padding: 60px 15px; }

button.color-selector-white {
  background-color: #ffffff;
  border-color: #ffffff; }

button.color-selector-lightgrey {
  background-color: #F0EFF4;
  border-color: #F0EFF4; }

button.color-selector-blue {
  background-color: #5247F1;
  border-color: #5247F1; }

button.color-selector-babyblue {
  background-color: #4590F9;
  border-color: #4590F9; }

button.color-selector-violet {
  background-color: #4E32A5;
  border-color: #4E32A5; }

button.color-selector-purple {
  background-color: #8640B9;
  border-color: #8640B9; }

button.color-selector-pink {
  background-color: #FF007C;
  border-color: #FF007C; }

button.color-selector-white.inverse {
  background-color: rgba(0, 0, 0, 0.05) !important; }

button.inverse {
  background-color: #ffffff !important; }

.dashicons-ha-accordion,
.dashicons-ha-button,
.dashicons-ha-cta-container,
.dashicons-ha-cta-block,
.dashicons-ha-image-banner-header,
.dashicons-ha-information-container,
.dashicons-ha-information-item,
.dashicons-ha-information-column,
.dashicons-ha-information-content,
.dashicons-ha-custom-link {
  background-image: url("assets/logo.png");
  background-size: cover; }

.acc {
  margin-bottom: 10px; }

.acc-header {
  cursor: pointer; }

.acc-header {
  padding: 20px 5px 20px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  border-top: 1px solid #A5A5A5; }

.acc-header h4 {
  color: #8640B9;
  margin-bottom: 0;
  width: 80%; }

.acc-header.collapsed h4 {
  color: #4E32A5; }

.acc-header:hover h4 {
  color: #FF007C; }

.acc-body p {
  max-width: 1000px; }

.acc-body {
  padding-bottom: 30px; }

.faq-acc .acc-body {
  width: 80%; }

.acc-trigger {
  height: 20px;
  width: 20px;
  border-right: 6px solid #4E32A5;
  border-bottom: 6px solid #4E32A5;
  border-radius: 1px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
  margin-top: 5px; }

.acc-header.collapsed .acc-trigger {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-top: 0; }

.acc-header:hover .acc-trigger {
  border-color: #FF007C; }

@media all and (max-width: 992px) {
  .faq-acc .acc-body {
    width: 100%; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.block-editor-block-list__block .block-editor-url-input input[type=text], .block-editor-url-input input[type=text], .components-popover .block-editor-url-input input[type=text] {
  width: 100% !important;
  max-width: 300px; }

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #2196F3; }

input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

.editor-btn-cta {
  border: 1px solid #2b2727;
  color: #ffffff;
  background-color: transparent;
  padding: 16px 30px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  display: inline-block;
  cursor: pointer;
  font-size: .8em;
  letter-spacing: 2px;
  line-height: 1;
  margin: 0;
  text-transform: uppercase; }

.editor-btn-cta:hover {
  color: #ffffff;
  background-color: #FF007C;
  text-decoration: none; }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.wa-button-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px; }

.wa-button-selector > button {
  margin: 1px; }

.wa-button-selector.no-m > button {
  margin: 1px; }

.btn-select {
  border: 1px solid #2b2727;
  color: #ffffff;
  background-color: #2b2727;
  padding: 10px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  display: inline-block;
  cursor: pointer;
  font-size: .8em;
  letter-spacing: 2px;
  line-height: 1;
  margin: 10px 0; }

.btn-select.active {
  background-color: #4E32A5;
  color: #ffffff;
  border-color: #4E32A5; }

.btn-select.btn-select-icon {
  min-width: 60px; }

.btn-select.btn-select-icon img {
  height: 30px; }

.container-align-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start; }

.container-align-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start; }

.container-align-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: start;
      align-items: flex-start; }

.margin-control {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 0; }

.margin-control span {
  width: 30px;
  margin-right: 15px; }

.margin-control input {
  width: 80px; }

.margin-control span svg {
  width: 100%; }

.margin-control button {
  margin-left: 10px;
  border-radius: 0;
  border: 1px solid #0a5b89;
  color: #0a5b89;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }

.margin-control button:hover {
  background-color: #0a5b89;
  color: #fff; }

.editor-btn-cta.active,
.btn-select:hover {
  color: #ffffff;
  background-color: #4E32A5;
  border-color: #4E32A5;
  text-decoration: none; }

.btn-cta-cross.active {
  background-color: #2b2727; }

.btn-cta-cross.active:before,
.btn-cta-cross.active:after {
  background-color: #ffffff; }

.wa-color-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.wa-color-selector > button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 5px;
  overflow: hidden;
  border: 2px solid transparent;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  outline: #0A246A;
  position: relative; }

.wa-color-selector > button.active {
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.8);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.8); }

.wa-color-selector > button:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 5px solid #ffea00; }

.inline-toggle {
  padding: 0 0 20px; }

.text-bold {
  font-weight: 700; }

.inline-toggle .switch {
  margin-left: 10px; }

.wa-button-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px; }

.wa-button-selector > button {
  margin: 1px; }

.wa-button-selector.no-m > button {
  margin: 1px; }

.wrapper {
  max-width: 1300px;
  margin: 0 auto;
  padding: 60px 15px; }

button.color-selector-white {
  background-color: #ffffff;
  border-color: #ffffff; }

button.color-selector-lightgrey {
  background-color: #F0EFF4;
  border-color: #F0EFF4; }

button.color-selector-blue {
  background-color: #5247F1;
  border-color: #5247F1; }

button.color-selector-babyblue {
  background-color: #4590F9;
  border-color: #4590F9; }

button.color-selector-violet {
  background-color: #4E32A5;
  border-color: #4E32A5; }

button.color-selector-purple {
  background-color: #8640B9;
  border-color: #8640B9; }

button.color-selector-pink {
  background-color: #FF007C;
  border-color: #FF007C; }

button.color-selector-white.inverse {
  background-color: rgba(0, 0, 0, 0.05) !important; }

button.inverse {
  background-color: #ffffff !important; }

.dashicons-ha-accordion,
.dashicons-ha-button,
.dashicons-ha-cta-container,
.dashicons-ha-cta-block,
.dashicons-ha-image-banner-header,
.dashicons-ha-information-container,
.dashicons-ha-information-item,
.dashicons-ha-information-column,
.dashicons-ha-information-content,
.dashicons-ha-custom-link {
  background-image: url("assets/logo.png");
  background-size: cover; }

a.btn-cta {
  padding: 15px 25px;
  color: #ffffff;
  background-color: #FF007C;
  text-decoration: none;
  font-weight: 700;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  cursor: pointer;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s; }

a.btn-cta:hover {
  background-color: #2b2727;
  color: #fff;
  text-decoration: none; }

.container-align-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start; }

.container-align-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start; }

.container-align-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: start;
      align-items: flex-start; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.block-editor-block-list__block .block-editor-url-input input[type=text], .block-editor-url-input input[type=text], .components-popover .block-editor-url-input input[type=text] {
  width: 100% !important;
  max-width: 300px; }

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #2196F3; }

input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

.editor-btn-cta {
  border: 1px solid #2b2727;
  color: #ffffff;
  background-color: transparent;
  padding: 16px 30px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  display: inline-block;
  cursor: pointer;
  font-size: .8em;
  letter-spacing: 2px;
  line-height: 1;
  margin: 0;
  text-transform: uppercase; }

.editor-btn-cta:hover {
  color: #ffffff;
  background-color: #FF007C;
  text-decoration: none; }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.wa-button-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px; }

.wa-button-selector > button {
  margin: 1px; }

.wa-button-selector.no-m > button {
  margin: 1px; }

.btn-select {
  border: 1px solid #2b2727;
  color: #ffffff;
  background-color: #2b2727;
  padding: 10px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  display: inline-block;
  cursor: pointer;
  font-size: .8em;
  letter-spacing: 2px;
  line-height: 1;
  margin: 10px 0; }

.btn-select.active {
  background-color: #4E32A5;
  color: #ffffff;
  border-color: #4E32A5; }

.btn-select.btn-select-icon {
  min-width: 60px; }

.btn-select.btn-select-icon img {
  height: 30px; }

.container-align-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start; }

.container-align-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start; }

.container-align-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: start;
      align-items: flex-start; }

.margin-control {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 0; }

.margin-control span {
  width: 30px;
  margin-right: 15px; }

.margin-control input {
  width: 80px; }

.margin-control span svg {
  width: 100%; }

.margin-control button {
  margin-left: 10px;
  border-radius: 0;
  border: 1px solid #0a5b89;
  color: #0a5b89;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }

.margin-control button:hover {
  background-color: #0a5b89;
  color: #fff; }

.editor-btn-cta.active,
.btn-select:hover {
  color: #ffffff;
  background-color: #4E32A5;
  border-color: #4E32A5;
  text-decoration: none; }

.btn-cta-cross.active {
  background-color: #2b2727; }

.btn-cta-cross.active:before,
.btn-cta-cross.active:after {
  background-color: #ffffff; }

.wa-color-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.wa-color-selector > button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 5px;
  overflow: hidden;
  border: 2px solid transparent;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  outline: #0A246A;
  position: relative; }

.wa-color-selector > button.active {
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.8);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.8); }

.wa-color-selector > button:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 5px solid #ffea00; }

.inline-toggle {
  padding: 0 0 20px; }

.text-bold {
  font-weight: 700; }

.inline-toggle .switch {
  margin-left: 10px; }

.wa-button-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px; }

.wa-button-selector > button {
  margin: 1px; }

.wa-button-selector.no-m > button {
  margin: 1px; }

.wrapper {
  max-width: 1300px;
  margin: 0 auto;
  padding: 60px 15px; }

button.color-selector-white {
  background-color: #ffffff;
  border-color: #ffffff; }

button.color-selector-lightgrey {
  background-color: #F0EFF4;
  border-color: #F0EFF4; }

button.color-selector-blue {
  background-color: #5247F1;
  border-color: #5247F1; }

button.color-selector-babyblue {
  background-color: #4590F9;
  border-color: #4590F9; }

button.color-selector-violet {
  background-color: #4E32A5;
  border-color: #4E32A5; }

button.color-selector-purple {
  background-color: #8640B9;
  border-color: #8640B9; }

button.color-selector-pink {
  background-color: #FF007C;
  border-color: #FF007C; }

button.color-selector-white.inverse {
  background-color: rgba(0, 0, 0, 0.05) !important; }

button.inverse {
  background-color: #ffffff !important; }

.dashicons-ha-accordion,
.dashicons-ha-button,
.dashicons-ha-cta-container,
.dashicons-ha-cta-block,
.dashicons-ha-image-banner-header,
.dashicons-ha-information-container,
.dashicons-ha-information-item,
.dashicons-ha-information-column,
.dashicons-ha-information-content,
.dashicons-ha-custom-link {
  background-image: url("assets/logo.png");
  background-size: cover; }

.cta-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-positive: 1;
      flex-grow: 1; }

.cta-item {
  padding: 50px;
  color: #fff;
  background-color: #5247F1;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-positive: 1;
      flex-grow: 1;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  cursor: pointer;
  text-decoration: none; }

.cta-item:hover {
  text-decoration: none;
  color: #fff; }

.cta-item.cta-item-blue {
  background-color: #4590F9; }

.cta-item.cta-item-violet {
  background-color: #4E32A5; }

.cta-item.cta-item-purple {
  background-color: #8640B9; }

.cta-item .cta-item-inner {
  max-width: 400px;
  margin: 0 auto;
  position: relative; }

.cta-item .cta-item-inner img {
  height: 120px;
  margin-bottom: 30px; }

.cta-item .cta-item-inner:after {
  background-image: url("../../dist/assets/cta-arrow-pink.png");
  content: '';
  width: 50px;
  height: 50px;
  background-size: 100%;
  position: absolute;
  right: 0;
  top: 0; }

.cta-item:hover {
  background-color: #FF007C; }

.cta-item:hover .cta-item-inner:after {
  background-image: url("../../dist/assets/cta-arrow-pink.png"); }

.cta-item h3, .cta-item p {
  color: #fff; }

/*CTA SECTION*/
.cta-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-direction: column;
      flex-direction: column; }

.cta-section .cta-icon {
  height: 140px;
  margin-bottom: 20px; }

.cta-section h3 {
  color: #4E32A5;
  margin-bottom: 30px; }

.cta-section p {
  max-width: 600px;
  margin-bottom: 30px; }

.cta-section .arrow-img {
  margin-left: 0; }

@media all and (max-width: 992px) {
  .cta-item {
    width: 100%; }
  .cta-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.block-editor-block-list__block .block-editor-url-input input[type=text], .block-editor-url-input input[type=text], .components-popover .block-editor-url-input input[type=text] {
  width: 100% !important;
  max-width: 300px; }

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #2196F3; }

input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

.editor-btn-cta {
  border: 1px solid #2b2727;
  color: #ffffff;
  background-color: transparent;
  padding: 16px 30px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  display: inline-block;
  cursor: pointer;
  font-size: .8em;
  letter-spacing: 2px;
  line-height: 1;
  margin: 0;
  text-transform: uppercase; }

.editor-btn-cta:hover {
  color: #ffffff;
  background-color: #FF007C;
  text-decoration: none; }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.wa-button-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px; }

.wa-button-selector > button {
  margin: 1px; }

.wa-button-selector.no-m > button {
  margin: 1px; }

.btn-select {
  border: 1px solid #2b2727;
  color: #ffffff;
  background-color: #2b2727;
  padding: 10px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  display: inline-block;
  cursor: pointer;
  font-size: .8em;
  letter-spacing: 2px;
  line-height: 1;
  margin: 10px 0; }

.btn-select.active {
  background-color: #4E32A5;
  color: #ffffff;
  border-color: #4E32A5; }

.btn-select.btn-select-icon {
  min-width: 60px; }

.btn-select.btn-select-icon img {
  height: 30px; }

.container-align-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start; }

.container-align-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start; }

.container-align-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: start;
      align-items: flex-start; }

.margin-control {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 0; }

.margin-control span {
  width: 30px;
  margin-right: 15px; }

.margin-control input {
  width: 80px; }

.margin-control span svg {
  width: 100%; }

.margin-control button {
  margin-left: 10px;
  border-radius: 0;
  border: 1px solid #0a5b89;
  color: #0a5b89;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }

.margin-control button:hover {
  background-color: #0a5b89;
  color: #fff; }

.editor-btn-cta.active,
.btn-select:hover {
  color: #ffffff;
  background-color: #4E32A5;
  border-color: #4E32A5;
  text-decoration: none; }

.btn-cta-cross.active {
  background-color: #2b2727; }

.btn-cta-cross.active:before,
.btn-cta-cross.active:after {
  background-color: #ffffff; }

.wa-color-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.wa-color-selector > button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 5px;
  overflow: hidden;
  border: 2px solid transparent;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  outline: #0A246A;
  position: relative; }

.wa-color-selector > button.active {
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.8);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.8); }

.wa-color-selector > button:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 5px solid #ffea00; }

.inline-toggle {
  padding: 0 0 20px; }

.text-bold {
  font-weight: 700; }

.inline-toggle .switch {
  margin-left: 10px; }

.wa-button-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px; }

.wa-button-selector > button {
  margin: 1px; }

.wa-button-selector.no-m > button {
  margin: 1px; }

.wrapper {
  max-width: 1300px;
  margin: 0 auto;
  padding: 60px 15px; }

button.color-selector-white {
  background-color: #ffffff;
  border-color: #ffffff; }

button.color-selector-lightgrey {
  background-color: #F0EFF4;
  border-color: #F0EFF4; }

button.color-selector-blue {
  background-color: #5247F1;
  border-color: #5247F1; }

button.color-selector-babyblue {
  background-color: #4590F9;
  border-color: #4590F9; }

button.color-selector-violet {
  background-color: #4E32A5;
  border-color: #4E32A5; }

button.color-selector-purple {
  background-color: #8640B9;
  border-color: #8640B9; }

button.color-selector-pink {
  background-color: #FF007C;
  border-color: #FF007C; }

button.color-selector-white.inverse {
  background-color: rgba(0, 0, 0, 0.05) !important; }

button.inverse {
  background-color: #ffffff !important; }

.dashicons-ha-accordion,
.dashicons-ha-button,
.dashicons-ha-cta-container,
.dashicons-ha-cta-block,
.dashicons-ha-image-banner-header,
.dashicons-ha-information-container,
.dashicons-ha-information-item,
.dashicons-ha-information-column,
.dashicons-ha-information-content,
.dashicons-ha-custom-link {
  background-image: url("assets/logo.png");
  background-size: cover; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.block-editor-block-list__block .block-editor-url-input input[type=text], .block-editor-url-input input[type=text], .components-popover .block-editor-url-input input[type=text] {
  width: 100% !important;
  max-width: 300px; }

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #2196F3; }

input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

.editor-btn-cta {
  border: 1px solid #2b2727;
  color: #ffffff;
  background-color: transparent;
  padding: 16px 30px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  display: inline-block;
  cursor: pointer;
  font-size: .8em;
  letter-spacing: 2px;
  line-height: 1;
  margin: 0;
  text-transform: uppercase; }

.editor-btn-cta:hover {
  color: #ffffff;
  background-color: #FF007C;
  text-decoration: none; }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.wa-button-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px; }

.wa-button-selector > button {
  margin: 1px; }

.wa-button-selector.no-m > button {
  margin: 1px; }

.btn-select {
  border: 1px solid #2b2727;
  color: #ffffff;
  background-color: #2b2727;
  padding: 10px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  display: inline-block;
  cursor: pointer;
  font-size: .8em;
  letter-spacing: 2px;
  line-height: 1;
  margin: 10px 0; }

.btn-select.active {
  background-color: #4E32A5;
  color: #ffffff;
  border-color: #4E32A5; }

.btn-select.btn-select-icon {
  min-width: 60px; }

.btn-select.btn-select-icon img {
  height: 30px; }

.container-align-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start; }

.container-align-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start; }

.container-align-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: start;
      align-items: flex-start; }

.margin-control {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 0; }

.margin-control span {
  width: 30px;
  margin-right: 15px; }

.margin-control input {
  width: 80px; }

.margin-control span svg {
  width: 100%; }

.margin-control button {
  margin-left: 10px;
  border-radius: 0;
  border: 1px solid #0a5b89;
  color: #0a5b89;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }

.margin-control button:hover {
  background-color: #0a5b89;
  color: #fff; }

.editor-btn-cta.active,
.btn-select:hover {
  color: #ffffff;
  background-color: #4E32A5;
  border-color: #4E32A5;
  text-decoration: none; }

.btn-cta-cross.active {
  background-color: #2b2727; }

.btn-cta-cross.active:before,
.btn-cta-cross.active:after {
  background-color: #ffffff; }

.wa-color-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.wa-color-selector > button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 5px;
  overflow: hidden;
  border: 2px solid transparent;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  outline: #0A246A;
  position: relative; }

.wa-color-selector > button.active {
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.8);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.8); }

.wa-color-selector > button:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 5px solid #ffea00; }

.inline-toggle {
  padding: 0 0 20px; }

.text-bold {
  font-weight: 700; }

.inline-toggle .switch {
  margin-left: 10px; }

.wa-button-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px; }

.wa-button-selector > button {
  margin: 1px; }

.wa-button-selector.no-m > button {
  margin: 1px; }

.wrapper {
  max-width: 1300px;
  margin: 0 auto;
  padding: 60px 15px; }

button.color-selector-white {
  background-color: #ffffff;
  border-color: #ffffff; }

button.color-selector-lightgrey {
  background-color: #F0EFF4;
  border-color: #F0EFF4; }

button.color-selector-blue {
  background-color: #5247F1;
  border-color: #5247F1; }

button.color-selector-babyblue {
  background-color: #4590F9;
  border-color: #4590F9; }

button.color-selector-violet {
  background-color: #4E32A5;
  border-color: #4E32A5; }

button.color-selector-purple {
  background-color: #8640B9;
  border-color: #8640B9; }

button.color-selector-pink {
  background-color: #FF007C;
  border-color: #FF007C; }

button.color-selector-white.inverse {
  background-color: rgba(0, 0, 0, 0.05) !important; }

button.inverse {
  background-color: #ffffff !important; }

.dashicons-ha-accordion,
.dashicons-ha-button,
.dashicons-ha-cta-container,
.dashicons-ha-cta-block,
.dashicons-ha-image-banner-header,
.dashicons-ha-information-container,
.dashicons-ha-information-item,
.dashicons-ha-information-column,
.dashicons-ha-information-content,
.dashicons-ha-custom-link {
  background-image: url("assets/logo.png");
  background-size: cover; }

.information-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 21px;
  -ms-flex-direction: column;
      flex-direction: column; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.block-editor-block-list__block .block-editor-url-input input[type=text], .block-editor-url-input input[type=text], .components-popover .block-editor-url-input input[type=text] {
  width: 100% !important;
  max-width: 300px; }

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #2196F3; }

input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

.editor-btn-cta {
  border: 1px solid #2b2727;
  color: #ffffff;
  background-color: transparent;
  padding: 16px 30px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  display: inline-block;
  cursor: pointer;
  font-size: .8em;
  letter-spacing: 2px;
  line-height: 1;
  margin: 0;
  text-transform: uppercase; }

.editor-btn-cta:hover {
  color: #ffffff;
  background-color: #FF007C;
  text-decoration: none; }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.wa-button-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px; }

.wa-button-selector > button {
  margin: 1px; }

.wa-button-selector.no-m > button {
  margin: 1px; }

.btn-select {
  border: 1px solid #2b2727;
  color: #ffffff;
  background-color: #2b2727;
  padding: 10px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  display: inline-block;
  cursor: pointer;
  font-size: .8em;
  letter-spacing: 2px;
  line-height: 1;
  margin: 10px 0; }

.btn-select.active {
  background-color: #4E32A5;
  color: #ffffff;
  border-color: #4E32A5; }

.btn-select.btn-select-icon {
  min-width: 60px; }

.btn-select.btn-select-icon img {
  height: 30px; }

.container-align-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start; }

.container-align-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start; }

.container-align-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: start;
      align-items: flex-start; }

.margin-control {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 0; }

.margin-control span {
  width: 30px;
  margin-right: 15px; }

.margin-control input {
  width: 80px; }

.margin-control span svg {
  width: 100%; }

.margin-control button {
  margin-left: 10px;
  border-radius: 0;
  border: 1px solid #0a5b89;
  color: #0a5b89;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }

.margin-control button:hover {
  background-color: #0a5b89;
  color: #fff; }

.editor-btn-cta.active,
.btn-select:hover {
  color: #ffffff;
  background-color: #4E32A5;
  border-color: #4E32A5;
  text-decoration: none; }

.btn-cta-cross.active {
  background-color: #2b2727; }

.btn-cta-cross.active:before,
.btn-cta-cross.active:after {
  background-color: #ffffff; }

.wa-color-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.wa-color-selector > button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 5px;
  overflow: hidden;
  border: 2px solid transparent;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  outline: #0A246A;
  position: relative; }

.wa-color-selector > button.active {
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.8);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.8); }

.wa-color-selector > button:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 5px solid #ffea00; }

.inline-toggle {
  padding: 0 0 20px; }

.text-bold {
  font-weight: 700; }

.inline-toggle .switch {
  margin-left: 10px; }

.wa-button-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px; }

.wa-button-selector > button {
  margin: 1px; }

.wa-button-selector.no-m > button {
  margin: 1px; }

.wrapper {
  max-width: 1300px;
  margin: 0 auto;
  padding: 60px 15px; }

button.color-selector-white {
  background-color: #ffffff;
  border-color: #ffffff; }

button.color-selector-lightgrey {
  background-color: #F0EFF4;
  border-color: #F0EFF4; }

button.color-selector-blue {
  background-color: #5247F1;
  border-color: #5247F1; }

button.color-selector-babyblue {
  background-color: #4590F9;
  border-color: #4590F9; }

button.color-selector-violet {
  background-color: #4E32A5;
  border-color: #4E32A5; }

button.color-selector-purple {
  background-color: #8640B9;
  border-color: #8640B9; }

button.color-selector-pink {
  background-color: #FF007C;
  border-color: #FF007C; }

button.color-selector-white.inverse {
  background-color: rgba(0, 0, 0, 0.05) !important; }

button.inverse {
  background-color: #ffffff !important; }

.dashicons-ha-accordion,
.dashicons-ha-button,
.dashicons-ha-cta-container,
.dashicons-ha-cta-block,
.dashicons-ha-image-banner-header,
.dashicons-ha-information-container,
.dashicons-ha-information-item,
.dashicons-ha-information-column,
.dashicons-ha-information-content,
.dashicons-ha-custom-link {
  background-image: url("assets/logo.png");
  background-size: cover; }

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.information-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  max-width: 900px;
  margin: 0 auto 80px;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 100%;
  position: relative; }

.information-content {
  width: 100%;
  padding: 50px 5%;
  background-color: #fff;
  text-align: center;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-pack: center;
      justify-content: center; }

.information-content > div {
  -ms-flex: 1 1 0px;
      flex: 1 1 0px;
  padding: 0 50px;
  border-right: 1px solid #cdcdcd; }

.information-content > div:last-child {
  border-right: none; }

.information-content h4 {
  color: var(--purple); }

.information-content p {
  margin-bottom: 25px; }

.information-content .extra-tc {
  position: absolute;
  width: 70px;
  height: 70px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-item-align: center;
      align-self: center;
  padding: 0;
  -ms-flex-direction: column;
      flex-direction: column;
  border: 1px solid #cdcdcd;
  border-radius: 50%;
  background-color: #ffffff;
  z-index: 1; }

.information-content .extra-tc > div {
  width: 100%;
  height: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #cdcdcd;
  font-size: 12px; }

.information-content .extra-tc > div:first-child {
  border-bottom: 1px solid #cdcdcd; }

.information-image {
  width: 50px;
  height: 50px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.information-image img {
  height: 50px;
  z-index: 1; }

.information-image:before {
  content: '';
  width: 200%;
  height: 200%;
  border-radius: 50%;
  top: 10px;
  background-color: #ffffff;
  position: absolute;
  left: -25px;
  z-index: 0; }

.wp-block-ha-information-column {
  position: relative; }

.wp-block-ha-information-column:after {
  position: absolute;
  top: calc(100% + 50px);
  left: calc(50% - 40px);
  content: '';
  width: 0;
  height: 0;
  border-top: solid 40px #fff;
  border-left: solid 40px transparent;
  border-right: solid 40px transparent; }

.header-chatbot .wrapper-wide {
  padding-right: 0; }

.header-chatbot .header-content {
  display: -ms-flexbox;
  display: flex;
  padding: 0; }

@media all and (max-width: 992px) {
  .information-container {
    padding: 0; }
  .information-content {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .information-content > div {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    border-right: none;
    border-bottom: 1px solid #cdcdcd;
    margin-bottom: 50px;
    padding-bottom: 25px; }
  .information-content.ic-and-or > div:nth-child(2) {
    -ms-flex-order: 1;
        order: 1;
    border-bottom: none;
    margin-bottom: 0;
    position: relative; }
  .information-content.ic-and-or > div:last-child {
    -ms-flex-order: 3;
        order: 3; }
  .information-content > div:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0; }
  .information-content .extra-tc {
    margin-bottom: 25px;
    position: relative;
    -ms-flex: unset;
        flex: unset;
    -ms-flex-order: 2;
        order: 2; }
  .information-content.ic-and-or > div:nth-child(2):before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #cdcdcd;
    position: absolute;
    bottom: -35px;
    left: 0; }
  .information-content > div {
    padding: 0; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.block-editor-block-list__block .block-editor-url-input input[type=text], .block-editor-url-input input[type=text], .components-popover .block-editor-url-input input[type=text] {
  width: 100% !important;
  max-width: 300px; }

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #2196F3; }

input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

.editor-btn-cta {
  border: 1px solid #2b2727;
  color: #ffffff;
  background-color: transparent;
  padding: 16px 30px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  display: inline-block;
  cursor: pointer;
  font-size: .8em;
  letter-spacing: 2px;
  line-height: 1;
  margin: 0;
  text-transform: uppercase; }

.editor-btn-cta:hover {
  color: #ffffff;
  background-color: #FF007C;
  text-decoration: none; }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.wa-button-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px; }

.wa-button-selector > button {
  margin: 1px; }

.wa-button-selector.no-m > button {
  margin: 1px; }

.btn-select {
  border: 1px solid #2b2727;
  color: #ffffff;
  background-color: #2b2727;
  padding: 10px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  display: inline-block;
  cursor: pointer;
  font-size: .8em;
  letter-spacing: 2px;
  line-height: 1;
  margin: 10px 0; }

.btn-select.active {
  background-color: #4E32A5;
  color: #ffffff;
  border-color: #4E32A5; }

.btn-select.btn-select-icon {
  min-width: 60px; }

.btn-select.btn-select-icon img {
  height: 30px; }

.container-align-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start; }

.container-align-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start; }

.container-align-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: start;
      align-items: flex-start; }

.margin-control {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 0; }

.margin-control span {
  width: 30px;
  margin-right: 15px; }

.margin-control input {
  width: 80px; }

.margin-control span svg {
  width: 100%; }

.margin-control button {
  margin-left: 10px;
  border-radius: 0;
  border: 1px solid #0a5b89;
  color: #0a5b89;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }

.margin-control button:hover {
  background-color: #0a5b89;
  color: #fff; }

.editor-btn-cta.active,
.btn-select:hover {
  color: #ffffff;
  background-color: #4E32A5;
  border-color: #4E32A5;
  text-decoration: none; }

.btn-cta-cross.active {
  background-color: #2b2727; }

.btn-cta-cross.active:before,
.btn-cta-cross.active:after {
  background-color: #ffffff; }

.wa-color-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.wa-color-selector > button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 5px;
  overflow: hidden;
  border: 2px solid transparent;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  outline: #0A246A;
  position: relative; }

.wa-color-selector > button.active {
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.8);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.8); }

.wa-color-selector > button:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 5px solid #ffea00; }

.inline-toggle {
  padding: 0 0 20px; }

.text-bold {
  font-weight: 700; }

.inline-toggle .switch {
  margin-left: 10px; }

.wa-button-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px; }

.wa-button-selector > button {
  margin: 1px; }

.wa-button-selector.no-m > button {
  margin: 1px; }

.wrapper {
  max-width: 1300px;
  margin: 0 auto;
  padding: 60px 15px; }

button.color-selector-white {
  background-color: #ffffff;
  border-color: #ffffff; }

button.color-selector-lightgrey {
  background-color: #F0EFF4;
  border-color: #F0EFF4; }

button.color-selector-blue {
  background-color: #5247F1;
  border-color: #5247F1; }

button.color-selector-babyblue {
  background-color: #4590F9;
  border-color: #4590F9; }

button.color-selector-violet {
  background-color: #4E32A5;
  border-color: #4E32A5; }

button.color-selector-purple {
  background-color: #8640B9;
  border-color: #8640B9; }

button.color-selector-pink {
  background-color: #FF007C;
  border-color: #FF007C; }

button.color-selector-white.inverse {
  background-color: rgba(0, 0, 0, 0.05) !important; }

button.inverse {
  background-color: #ffffff !important; }

.dashicons-ha-accordion,
.dashicons-ha-button,
.dashicons-ha-cta-container,
.dashicons-ha-cta-block,
.dashicons-ha-image-banner-header,
.dashicons-ha-information-container,
.dashicons-ha-information-item,
.dashicons-ha-information-column,
.dashicons-ha-information-content,
.dashicons-ha-custom-link {
  background-image: url("assets/logo.png");
  background-size: cover; }

.reverse-row {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }

@media all and (max-width: 992px) {
  .col {
    max-width: 100% !important;
    -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
    padding: 50px 5%; }
  .row {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .container-fluid {
    padding: 0 !important; }
  .wp-block-ha-image-banner-header .wrapper-wide {
    padding: 0; }
  .col.hero-col {
    -ms-flex: 0 0 95% !important;
        flex: 0 0 95% !important;
    min-height: 500px;
    width: 95%;
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .wp-block-ha-image-banner-header .row {
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse; }
  .wp-block-ha-image-banner-header .row.reverse-row {
    -ms-flex-direction: column;
        flex-direction: column; }
  .row.reverse-row .col.hero-col {
    -ms-flex-item-align: start;
        align-self: flex-start; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.block-editor-block-list__block .block-editor-url-input input[type=text], .block-editor-url-input input[type=text], .components-popover .block-editor-url-input input[type=text] {
  width: 100% !important;
  max-width: 300px; }

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px; }

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #2196F3; }

input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3; }

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px); }

.editor-btn-cta {
  border: 1px solid #2b2727;
  color: #ffffff;
  background-color: transparent;
  padding: 16px 30px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  display: inline-block;
  cursor: pointer;
  font-size: .8em;
  letter-spacing: 2px;
  line-height: 1;
  margin: 0;
  text-transform: uppercase; }

.editor-btn-cta:hover {
  color: #ffffff;
  background-color: #FF007C;
  text-decoration: none; }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.wa-button-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px; }

.wa-button-selector > button {
  margin: 1px; }

.wa-button-selector.no-m > button {
  margin: 1px; }

.btn-select {
  border: 1px solid #2b2727;
  color: #ffffff;
  background-color: #2b2727;
  padding: 10px;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
  display: inline-block;
  cursor: pointer;
  font-size: .8em;
  letter-spacing: 2px;
  line-height: 1;
  margin: 10px 0; }

.btn-select.active {
  background-color: #4E32A5;
  color: #ffffff;
  border-color: #4E32A5; }

.btn-select.btn-select-icon {
  min-width: 60px; }

.btn-select.btn-select-icon img {
  height: 30px; }

.container-align-left {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: start;
      align-items: flex-start; }

.container-align-center {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: start;
      align-items: flex-start; }

.container-align-right {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: start;
      align-items: flex-start; }

.margin-control {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 10px 0; }

.margin-control span {
  width: 30px;
  margin-right: 15px; }

.margin-control input {
  width: 80px; }

.margin-control span svg {
  width: 100%; }

.margin-control button {
  margin-left: 10px;
  border-radius: 0;
  border: 1px solid #0a5b89;
  color: #0a5b89;
  background-color: #fff;
  cursor: pointer;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }

.margin-control button:hover {
  background-color: #0a5b89;
  color: #fff; }

.editor-btn-cta.active,
.btn-select:hover {
  color: #ffffff;
  background-color: #4E32A5;
  border-color: #4E32A5;
  text-decoration: none; }

.btn-cta-cross.active {
  background-color: #2b2727; }

.btn-cta-cross.active:before,
.btn-cta-cross.active:after {
  background-color: #ffffff; }

.wa-color-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.wa-color-selector > button {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin: 5px;
  overflow: hidden;
  border: 2px solid transparent;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  outline: #0A246A;
  position: relative; }

.wa-color-selector > button.active {
  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.8);
          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.8); }

.wa-color-selector > button:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border: 5px solid #ffea00; }

.inline-toggle {
  padding: 0 0 20px; }

.text-bold {
  font-weight: 700; }

.inline-toggle .switch {
  margin-left: 10px; }

.wa-button-selector {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 15px; }

.wa-button-selector > button {
  margin: 1px; }

.wa-button-selector.no-m > button {
  margin: 1px; }

.wrapper {
  max-width: 1300px;
  margin: 0 auto;
  padding: 60px 15px; }

button.color-selector-white {
  background-color: #ffffff;
  border-color: #ffffff; }

button.color-selector-lightgrey {
  background-color: #F0EFF4;
  border-color: #F0EFF4; }

button.color-selector-blue {
  background-color: #5247F1;
  border-color: #5247F1; }

button.color-selector-babyblue {
  background-color: #4590F9;
  border-color: #4590F9; }

button.color-selector-violet {
  background-color: #4E32A5;
  border-color: #4E32A5; }

button.color-selector-purple {
  background-color: #8640B9;
  border-color: #8640B9; }

button.color-selector-pink {
  background-color: #FF007C;
  border-color: #FF007C; }

button.color-selector-white.inverse {
  background-color: rgba(0, 0, 0, 0.05) !important; }

button.inverse {
  background-color: #ffffff !important; }

.dashicons-ha-accordion,
.dashicons-ha-button,
.dashicons-ha-cta-container,
.dashicons-ha-cta-block,
.dashicons-ha-image-banner-header,
.dashicons-ha-information-container,
.dashicons-ha-information-item,
.dashicons-ha-information-column,
.dashicons-ha-information-content,
.dashicons-ha-custom-link {
  background-image: url("assets/logo.png");
  background-size: cover; }

.cta-arrow {
  font-weight: 600; }

.cta-arrow.cta-arrow-empty .arrow-img {
  margin-left: 0; }

.cta-arrow-default .arrow-img {
  height: 15px; }

.cta-arrow-medium {
  font-size: 1.5em; }

.cta-arrow-medium .arrow-img {
  height: 30px; }

.cta-arrow-large {
  font-size: 2.5em; }

.cta-arrow-large .arrow-img {
  height: 50px; }

.cta-arrow-default,
.cta-arrow-medium,
.cta-arrow-large {
  margin-bottom: 20px; }