/* === Fonts ======================= */
/* === Colours ===================== */
/* === Global Styles =============== */
.rounded-corners {
  border-radius: 20px;
}
/* === Defaults =================== */
body {
  font-size: 16px;
  min-width: 340px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "ellograph-cf", monospace;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  color: #401b0f;
}
h1 {
  font-size: 4.2em;
  line-height: 1.1em;
  margin-bottom: 40px!important;
}
a {
  color: #401b0f;
}
a:hover {
  color: #401b0f;
}
.sppb-addon h1.sppb-addon-title,
.sppb-addon h2.sppb-addon-title,
.sppb-addon h3.sppb-addon-title,
.sppb-addon h4.sppb-addon-title,
.sppb-addon h5.sppb-addon-title,
.sppb-addon h6.sppb-addon-title {
  box-shadow: none;
}
.sppb-addon h1.sppb-addon-title:after,
.sppb-addon h2.sppb-addon-title:after,
.sppb-addon h3.sppb-addon-title:after,
.sppb-addon h4.sppb-addon-title:after,
.sppb-addon h5.sppb-addon-title:after,
.sppb-addon h6.sppb-addon-title:after {
  display: none;
  height: 0;
  background: transparent;
  margin: 0;
  width: 0;
}
/* === Section Colours ============ */
.tpl-brown h1,
.tpl-brown p {
  color: #f3dbbe;
}
/* === Banner / Menu ============== */
header .sticky__wrapper {
  padding: 30px 0;
}
.sticky .sticky__wrapper {
  padding-bottom: 55px;
}
.sticky .sticky__wrapper .sp-megamenu-wrapper #offcanvas-toggler {
  right: -80px;
  top: 0px;
}
#sp-logo div {
  display: block;
  width: 100%;
  line-height: inherit;
  text-align: left;
}
#sp-logo div a,
#sp-logo div img {
  height: auto!important;
  line-height: inherit;
  max-width: 260px;
  text-align: left;
}
.sp-megamenu-wrapper > .sp-megamenu-parent > li > a {
  line-height: inherit!important;
  height: inherit!important;
}
#sp-menu a {
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
}
.sp-megamenu-parent > li.sp-has-child {
  position: relative;
}
.sp-megamenu-parent > li.sp-has-child:after {
  font-family: "peIcon7";
  content: "\e684";
  padding: 0 3px;
  vertical-align: top;
  font-size: 20px;
  opacity: 0.9;
  position: absolute;
  right: -10px;
}
.sp-megamenu-parent > li.sp-has-child:hover:after {
  content: "\e688";
}
.sp-megamenu-parent > li.sp-has-child > a:after {
  content: "" !important;
}
.sp-megamenu-wrapper #offcanvas-toggler {
  right: -80px;
  top: 12px;
}
.offcanvas .offcanvas-menu {
  right: inherit;
  left: 0;
  width: 97%;
  /* stops right positioning */
}
/* === main body === */
#sp-main-body,
.sp-main-body {
  margin-top: 90px;
}
/* === Authenticaton === */
.com-users-login__submit {
  display: none;
}
/* === Footer ===================== */
#sp-footer-botton {
  padding: 45px 0;
}
#sp-footer-botton a:hover {
  color: #401b0f;
}
#sp-footer-botton p {
  margin-bottom: 0;
}
#sp-footer1 h2,
#sp-footer2 h2,
#sp-footer1 h3,
#sp-footer2 h3 {
  font-family: Poppins, sans-serif;
  font-size: 27px;
  font-weight: normal;
  margin-bottom: 30px!important;
  color: #FFFFFF;
}
#sp-footer3 img {
  max-width: 260px;
  display: inline-block;
}
#sp-footer3 span {
  margin-left: 30px;
}
#sp-footer4 {
  text-align: right;
  padding-top: 20px;
}
#sp-footer4 a {
  background-color: #401b0f;
  display: inline-block;
  width: 30px;
  height: 30px;
  border: solid #401b0f 1px;
  border-radius: 15px;
  text-align: center;
  padding-top: 2px;
  margin-left: 8px;
}
#sp-footer4 a:hover {
  background-color: #231f20;
}
#sp-footer4 i {
  color: #FFFFFF;
}
/* === Tabs ================================ */
.addon-root-tab .sppb-nav li a {
  font-size: 3em!important;
  font-family: "ellograph-cf", monospace !important;
  font-weight: 900!important;
  font-style: normal!important;
  text-transform: uppercase!important;
  line-height: 1em!important;
  border: none!important;
  color: #f3dbbe !important;
  padding: 0!important;
  box-shadow: none!important;
}
.addon-root-tab .sppb-nav li.active a {
  color: #ef4036 !important;
  background-color: transparent!important;
}
.addon-root-tab .sppb-nav > li > a:focus,
.addon-root-tab .sppb-nav > li > a:hover {
  background-color: transparent!important;
}
.addon-root-tab .sppb-tab-content > div.active {
  background-color: transparent!important;
  border: none!important;
  color: #f3dbbe !important;
  padding: 0!important;
  box-shadow: none!important;
}
/* // .addon-root-tab */
/* === Modules ============================== */
.addon-root-module .rs_module_map {
  margin: 0!important;
}
/* // .addon-root-module */
/* === Forms =============================== */
.registration-wrapper .fieldset_name .control-label label {
  display: inline-block;
}
.formResponsive {
  /* .rsform-block */
}
.formResponsive .rsform-block {
  display: block;
  padding-right: 40px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 15px;
}
.formResponsive .rsform-block .formControlLabel {
  color: #f04036;
  font-family: "ellograph-cf", monospace;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1.25rem;
  text-align: left;
  width: auto!important;
  min-width: 140px!important;
  padding: 9px 0 0 25px!important;
}
.formResponsive .rsform-block .formControls {
  margin-left: 0!important;
}
.formResponsive .rsform-block:after {
  display: inline!important;
}
.formResponsive .rsform-block-name {
  width: 600px;
}
.formResponsive .rsform-block-email {
  width: 540px;
}
.formResponsive .rsform-block-phone {
  width: 700px;
}
.formResponsive input[type=text],
.formResponsive input[type=email],
.formResponsive textarea {
  width: 300px;
  border: none;
  border-radius: 15px;
  padding: 10px 20px;
  margin-bottom: 0!important;
  font-size: 1em;
  color: #401b0f !important;
}
.formResponsive textarea {
  width: 520px;
}
.formResponsive .rsform-type-radiogroup .formControlLabel {
  padding-top: 4px!important;
}
.formResponsive .rsform-type-radiogroup .formBody label {
  margin-left: 40px;
  color: #f04036;
  font-family: "ellograph-cf", monospace;
  font-weight: 900;
  font-style: normal;
  text-transform: uppercase;
  font-size: 1.25rem;
}
.formResponsive button[type='submit'] {
  min-width: 180px;
  border-radius: 15px;
  border: none;
  padding: 0.1rem 0.75rem !important;
  font-family: "ellograph-cf", monospace;
  font-weight: 900;
  font-style: normal;
  font-size: 1.2em;
  text-transform: uppercase;
  line-height: 1.1em !important;
  padding-top: 5px !important;
  color: #FFFFFF;
  background-color: #dc3545;
  transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
}
.formResponsive button[type='submit']:hover {
  color: #401b0f;
  background-color: #f3dbbe;
}
.formResponsive .rsform-type-radiogroup {
  background-color: transparent;
}
.formResponsive .formSpan12 > div:last-child {
  background-color: transparent;
}
.formResponsive .formRow:last-child .rsform-block {
  background-color: transparent;
}
.formResponsive input[type='radio']:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #FFFFFF;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}
.formResponsive input[type='radio']:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #f04036;
  content: '';
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}
/* .formContainer */
.sppb-btn {
  min-width: 180px;
  border-radius: 1rem;
  padding: 0.1rem 0.75rem !important;
  margin-top: 20px;
  font-family: "ellograph-cf", monospace;
  font-weight: 900;
  font-style: normal;
  font-size: 1.2em;
  text-transform: uppercase;
  line-height: 1.1em !important;
  padding-top: 5px !important;
}
.sppb-btn:hover {
  background: #f3dbbe !important;
  color: #401b0f !important;
}
.btn,
.sppb-btn {
  padding: 4px 28px;
}
/* === Login / Register ===================  */
#member-registration fieldset:nth-child(2) {
  margin-top: 0;
}
.registration fieldset:nth-child(2) .title {
  display: none;
}
/* login-out */
#system-message-container {
  position: absolute;
  z-index: 999;
  right: 0;
  width: 360px;
  max-width: 100%;
  text-align: center;
  margin-top: 20px;
  margin-right: 20px;
}
joomla-alert {
  padding-top: 20px;
  padding-bottom: 20px;
}
.view-login h1,
.view-registration h1 {
  color: #f3dbbe;
}
.view-login #sp-main-body,
.view-registration #sp-main-body {
  background-color: #401b0f;
  padding-top: 165px;
}
.view-login .padding-bottom,
.view-registration .padding-bottom {
  padding-bottom: 75px;
}
.view-login .login-wrapper,
.view-registration .login-wrapper {
  background-color: #FFFFFF;
}
.view-login p,
.view-registration p {
  color: #f3dbbe;
}
.view-login .col-lg-4,
.view-registration .col-lg-4 {
  width: 33%;
}
.view-login .col-lg-8,
.view-registration .col-lg-8 {
  width: 66%;
}
.view-login .login-wrapper,
.view-registration .login-wrapper {
  padding-top: 75px;
  padding-bottom: 75px;
}
.view-login .container-fluid,
.view-registration .container-fluid {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}
.view-login .com-users-registration,
.view-registration .com-users-registration {
  background-color: #FFFFFF;
}
/* === Calendar / Events ==================  */
/* // Upcoming / Listing */
#rsepro-upcoming-module li {
  border-bottom: none;
  margin-bottom: 25px;
}
#rsepro-upcoming-module li .event-item-container {
  background-color: #FFFFFF;
  border-radius: 15px;
  padding: 20px!important;
}
#rsepro-upcoming-module li .event-item-container .connectwha-event-heading {
  font-weight: 700;
  margin-top: 5px;
  color: #f04036;
}
/* // Event Item */
.view-rseventspro #sp-main-body {
  margin-top: 40px;
  /* stop content hiding behind header */
  background-color: #f3dbbe;
}
.view-rseventspro #sp-main-body > .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.view-rseventspro #sp-main-body > .container-fluid #sp-page-builder {
  padding-top: 75px;
  padding-right: calc(var(--bs-gutter-x)*0.5);
  padding-left: calc(var(--bs-gutter-x)*0.5);
}
.view-rseventspro #sp-main-body #rs_event_show {
  margin-top: 0;
}
.view-rseventspro #sp-main-body #connectwha-event-header {
  background-color: #401b0f;
}
.view-rseventspro #sp-main-body #connectwha-event-header h1 {
  color: #f3dbbe;
  padding: 75px 0;
  margin-bottom: 0!important;
}
.view-rseventspro #sp-main-body #rsepro-event-details {
  margin-bottom: 25px;
}
.view-rseventspro #sp-main-body #connectwha-event-details-free {
  background-color: #FFFFFF;
  padding: 5px 15px;
  color: #f04036;
  font-size: 1.2em;
  font-weight: 700;
  text-text-replace: uppercase;
  margin-bottom: 25px;
}
.view-rseventspro #sp-main-body #rsepro-event-date,
.view-rseventspro #sp-main-body #rsepro-event-location {
  color: #f04036;
  font-size: 1.2em;
  font-weight: 700;
  text-text-replace: uppercase;
}
.view-rseventspro #sp-main-body #rsepro-event-location {
  margin-top: 25px;
}
.registration-section {
  background-color: #FFFFFF;
  padding-top: 75px;
  padding-bottom: 75px;
}
a.eb-register-button {
  color: #FFFFFF !important;
  padding-left: 15px!important;
  padding-right: 15px!important;
}
/* =============================== */
/* === Populating Events ========= */
/* =============================== */
#sp-component .eb-container,
.eb-page-heading .eb-container,
#sp-component .eb-page-heading,
.eb-page-heading .eb-page-heading,
#sp-component .btn-toolbar,
.eb-page-heading .btn-toolbar {
  max-width: 1140px;
  display: block;
  margin: auto;
}
#sp-component .btn-toolbar,
.eb-page-heading .btn-toolbar {
  margin-bottom: 2em;
  float: right;
}
#sp-component #btn-toolbar-bottom,
.eb-page-heading #btn-toolbar-bottom {
  margin-top: 2em;
}
#sp-component #eb-event-details #eb-event-info,
.eb-page-heading #eb-event-details #eb-event-info {
  float: left;
  width: 50%;
}
#sp-component #eb-event-details .eb-description-details,
.eb-page-heading #eb-event-details .eb-description-details {
  float: right;
  width: 50%;
}
/* === Responsive ================= */
/* // max-width: 1199px */
@media only screen and (max-width: 991px) {
  header .sticky__wrapper {
    padding-top: 0px;
  }
  .sticky .sticky__wrapper {
    height: 80px!important;
    padding-bottom: 20px;
  }
  .sticky .sticky__wrapper .sp-megamenu-wrapper #offcanvas-toggler {
    right: -80px;
    top: -10px;
  }
  #sp-logo a.logo {
    text-align: left;
    margin: 0;
  }
  .sppb-custom-tab .sppb-nav-custom li {
    font-size: 1.5em !important;
  }
  .addon-root-tab .sppb-nav li a,
  .addon-root-tab .sppb-nav li.active a {
    font-size: 1.5em !important;
  }
}
/* // max-width: 991px */
@media only screen and (max-width: 767px) {
  h1 {
    font-size: 2.4em;
  }
}
/* // max-width: 767px */
@media only screen and (max-width: 520px) {
  .view-calendar .hwt-heading-padding {
    padding-top: 25px;
    padding-right: 0px;
    padding-bottom: 25px;
    padding-left: 25px;
    display: block;
    width: 100%;
  }
  #rseform thead {
    display: none;
  }
  #rseform tbody tr td {
    width: 33% !important;
    display: inline-block;
    border-bottom: solid 1px #52514F;
    border-left: none!important;
    height: auto;
    min-height: 100px;
  }
  #rseform caption {
    text-align: center;
  }
  #rseform caption .float-start,
  #rseform caption .btn-group {
    position: relative;
    margin: 0 auto;
    float: unset!important;
  }
  #rseform caption .float-start {
    margin-bottom: 15px;
  }
  .sppb-addon-tab .sppb-nav-custom {
    display: block!important;
    width: 100%!important;
  }
}
/* // 520px */
#rsepro-upcoming-module li .hwt-content-right-top-2 .sppb-row-column {
  width: 50%!important;
}
/*# sourceMappingURL=connectwha.css.map */