:root {
  --strides_black: #111921;
  --strides_yellow: #F8B149;
  --strides_orange: #E1543F;
  --strides_purple: #610C86;
  --strides_purple_dark: #4A0867;
  --transition: .2s;
  --strides_bs: 2px 2px 4px 4px rgba(0,0,0,.1);
  --strides_gradient: linear-gradient(90deg, rgba(97,12,134,1) 0%, rgba(200,70,77,1) 49%, rgba(248,177,73,1) 100%);
  --strides_gradient2: linear-gradient(0deg, rgba(97,12,134,1) 0%, transparent 100%);
  --strides_gradient_black: linear-gradient(0deg, rgba(0,0,0,1) 0%, transparent 100%);

}

.page-content {
  min-height: 50vh;
}

.wp-block-cover .wp-block-cover__inner-container {
  max-width: 1300px;
  margin: auto !important;
  width: 100% !important;
}

.has-text-align-center {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.max-width-center {
  max-width: 800px;
  margin: auto;
}

.wp-block-cover, .wp-block-cover-image {
  height: unset;
}

.full-width-image img {
  width: 100% !important;
  height: auto !important;
}

.no-margin-col {
  margin-left: 0 !important;
}

.ugb--has-background-overlay.ugb--has-background-overlay:before {
  z-index: 0;
}

.wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.is-style-wide{
  width:100%;
}

.ugb-main-block .ugb-video-background {
  z-index: 0 !important;
}

.acf-block-panel .acf-block-fields {
  margin: 0 !important;
}

.stk-row {
/*  padding-right: 15px;
  padding-left: 15px;*/
  margin-left: auto;
  margin-right: auto;
  max-width: calc(1300px + 6vw);

}

.stk-row.alignfull {
  max-width: unset;
}

.stk-column-wrapper,
.stk-column-wrapper:not(.stk--no-padding){
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 3vw;
  padding-right: 3vw;
}

.wp-block-separator {
  border-color: transparent;
}

.stk-block.stk-block-column.stk-column {
  margin: 0;

}

.stk-block:is(.aligncenter,.alignwide,.alignfull)>.stk-content-align:not(.alignwide):not(.alignfull) {
  max-width: unset !important;
}

.wp-block-stackable-columns.aligncenter {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.stk-block.stk-block-column.stk-column>.stk-column-wrapper {
  margin: 0;

}

@media all and (max-width: 992px) {

  .stk-column {
    width: 100% !important;
    flex: 1 1 100%;
  }

  .stk-row {
    flex-direction: column;
  }
  .stk-row {
    padding-right: 0;
    padding-left: 0;
  }

  .stk-column-wrapper,
  .stk-column-wrapper:not(.stk--no-padding){
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .tab-item .stk-column-wrapper,
  .tab-item .stk-column-wrapper:not(.stk--no-padding){
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

}

.stk-block-count-up__text {
  line-height: 1;
  padding-bottom: 15px;
}

.wp-block-separator {
  border-bottom: none;
}

.wp-block-stackable-columns {
  overflow-x: hidden;
}

/*BG Colour Settings*/


/*.has-pink-background-color {background-color: var(--pink);}
.has-black-background-color {background-color: #000;}
.has-white-background-color {background-color: #fff;}
.has-grey-background-color {background-color: #F0EFF4}
.has-blue-background-color {background-color: var(--blue);}
.has-royalblue-background-color {background-color: var(--royalblue);}
.has-darkblue-background-color {background-color: var(--darkblue);}
.has-yellow-background-color {background-color: var(--yellow);}
.has-peach-background-color {background-color: var(--peach);}*/

.wp-block-separator.has-grey-background-color {background-color: rgba(4,30,66,.15);}

/*.has-pink-color {color: var(--pink);}
.has-black-color {color: #000;}
.has-white-color {color: #fff;}
.has-grey-color {color: #F0EFF4}
.has-blue-color {color: var(--blue);}
.has-royalblue-color {color: var(--royalblue);}
.has-darkblue-color {color: var(--darkblue);}
.has-yellow-color {color: var(--yellow);}
.has-peach-color {color: var(--peach);}*/

/*span a,span a:hover {color: inherit;}*/



