@charset "UTF-8";
/*
 Theme Name:   WWA – Child (Main site)
 Description:  Welsh Women's Aid Child Theme for Main website
 Template:     welshwomensaid
 Version:      1.0.4
 Text Domain:  welshwomensaidchild
 Author: Hybrid Studio Ltd
 Author URI: https://thisishybrid.com
 Description: Child theme for Welsh Women's Aid main website

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Global variables
# Layouts
	- Templates
# Components
	- Navigation

--------------------------------------------------------------*/
/*
Author: Hybrid Studio Ltd
Author URI: https://thisishybrid.com
Version: 1.0.4
License: © Copyright Hybrid Studio Ltd
*/
/*--------------------------------------------------------------
# Global variables
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Styles for Membership Area
--------------------------------------------------------------*/
.um-account-meta {
  margin-bottom: 30px !important; }

@media (min-width: 768px) {
  .um-account-main {
    padding-left: 60px !important;
    max-width: 600px !important; } }

.um-register,
.um-login,
.um-password {
  max-width: 600px !important; }

.um-row {
  margin-bottom: 60px !important; }

.um-row-heading {
  font-family: 'Quicksand', 'Helvetica Neue', sans-serif;
  letter-spacing: -0.02em;
  font-size: 2em !important;
  font-weight: 600;
  margin-bottom: 20px !important;
  border-bottom: solid 4px #eee !important; }
  @media (min-width: 768px) {
    .um-row-heading {
      font-size: 2.5em !important; } }

.um-field {
  padding: 15px 0 !important; }

.um-register .um-row:not(.not-small) .um-field-block {
  font-size: 0.9em !important;
  padding: 0 0 30px 0 !important;
  opacity: 0.8; }

.um-field-half {
  width: auto !important;
  float: none !important; }

.um-col-alt-b {
  margin-top: 10px !important;
  margin-bottom: 30px !important; }

.um-field-area, #um-erase-data {
  margin: 10px 0 0 !important; }

.um span.um-req {
  color: red !important; }

span.um-req {
  margin-left: 4px !important; }

.um-gdpr-content {
  margin-bottom: 60px; }

.um-account-heading {
  font-family: 'Quicksand', 'Helvetica Neue', sans-serif;
  letter-spacing: -0.02em;
  font-size: 2em !important;
  font-weight: 600;
  line-height: 1.15em;
  margin: 0 0 20px;
  font-size: 2.4em !important;
  padding-bottom: 30px !important; }
  .um-account-heading i {
    display: none; }

.um a.um-link {
  font-size: 16px; }

.um,
.um .um-field,
.um-field-block,
.um .um-field-label,
.um .um-form input[type=text],
.um-account-side li a span.um-account-title,
.um-account-side li a span.um-account-icon,
.um-field-checkbox .um-field-checkbox-option {
  color: #333 !important; }

.um-account-side li a.current span.um-account-icon {
  text-decoration: none !important; }

.um ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #666 !important;
  opacity: 1;
  /* Firefox */ }

.um :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #666 !important; }

.um ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #666 !important; }

.um-locked-content {
  font-size: inherit !important;
  font-weight: 600;
  border: solid 4px red !important;
  padding: 40px !important;
  border-radius: inherit !important; }

/* Link colors */
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color {
  color: #04787b !important;
  text-decoration: underline !important; }

.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i {
  color: #04787b !important; }

.um-account-side li a.current span.um-account-title,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon {
  color: #fff !important; }

.um-account-nav a {
  font-size: 1.1em !important;
  font-weight: 600 !important;
  color: #333 !important; }

.um-account-nav a.current, .um .um-tip:hover {
  color: #04787b !important; }

.um a.um-link:hover,
.um a.um-link-hvr:hover,
.um-account-name a:hover {
  color: #333 !important; }

.um a.um-link,
.um-col-alt-b a.um-link-alt {
  color: #333 !important;
  text-decoration: underline !important;
  font-size: 16px; }
  .um a.um-link:hover,
  .um-col-alt-b a.um-link-alt:hover {
    color: #04787b !important; }

/* Button colors */
.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
.um .um-button,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um input[type=submit]:disabled:hover {
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  font-size: 1.5em !important;
  font-weight: 600 !important;
  text-decoration: none;
  text-align: left;
  color: #333 !important;
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid 4px #04787b !important;
  border-radius: 0 !important;
  padding: 10px 0 !important; }
  .um .um-field-group-head:hover,
  .um .um-field-group-head:focus,
  .picker__box:hover,
  .picker__box:focus,
  .picker__nav--prev:hover:hover,
  .picker__nav--prev:hover:focus,
  .picker__nav--next:hover:hover,
  .picker__nav--next:hover:focus,
  .um .um-members-pagi span.current:hover,
  .um .um-members-pagi span.current:focus,
  .um .um-members-pagi span.current:hover:hover,
  .um .um-members-pagi span.current:hover:focus,
  .um .um-profile-nav-item.active a:hover,
  .um .um-profile-nav-item.active a:focus,
  .um .um-profile-nav-item.active a:hover:hover,
  .um .um-profile-nav-item.active a:hover:focus,
  .upload:hover,
  .upload:focus,
  .um-modal-header:hover,
  .um-modal-header:focus,
  .um-modal-btn:hover,
  .um-modal-btn:focus,
  .um-modal-btn.disabled:hover,
  .um-modal-btn.disabled:focus,
  .um-modal-btn.disabled:hover:hover,
  .um-modal-btn.disabled:hover:focus,
  .um .um-button:hover,
  .um .um-button:focus,
  .um a.um-button:hover,
  .um a.um-button:focus,
  .um a.um-button.um-disabled:hover:hover,
  .um a.um-button.um-disabled:hover:focus,
  .um a.um-button.um-disabled:focus:hover,
  .um a.um-button.um-disabled:focus:focus,
  .um a.um-button.um-disabled:active:hover,
  .um a.um-button.um-disabled:active:focus,
  .um input[type=submit].um-button:hover,
  .um input[type=submit].um-button:focus,
  .um input[type=submit].um-button:focus:hover,
  .um input[type=submit].um-button:focus:focus,
  .um input[type=submit]:disabled:hover:hover, .um input[type=submit]:disabled:hover:focus {
    color: #04787b !important;
    border-bottom: solid 4px #04787b !important;
    cursor: pointer; }

.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected,
.um .um-button:hover,
.um a.um-button:hover,
.um input[type=submit].um-button:hover {
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  font-size: 1.5em !important;
  font-weight: 600 !important;
  text-decoration: none;
  text-align: left;
  color: #333 !important;
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid 4px #04787b !important;
  border-radius: 0 !important;
  padding: 10px 0 !important; }
  .um .um-field-group-head:hover:hover,
  .um .um-field-group-head:hover:focus,
  .picker__footer:hover,
  .picker__footer:focus,
  .picker__header:hover,
  .picker__header:focus,
  .picker__day--infocus:hover:hover,
  .picker__day--infocus:hover:focus,
  .picker__day--outfocus:hover:hover,
  .picker__day--outfocus:hover:focus,
  .picker__day--highlighted:hover:hover,
  .picker__day--highlighted:hover:focus,
  .picker--focused .picker__day--highlighted:hover,
  .picker--focused .picker__day--highlighted:focus,
  .picker__list-item:hover:hover,
  .picker__list-item:hover:focus,
  .picker__list-item--highlighted:hover:hover,
  .picker__list-item--highlighted:hover:focus,
  .picker--focused .picker__list-item--highlighted:hover,
  .picker--focused .picker__list-item--highlighted:focus,
  .picker__list-item--selected:hover,
  .picker__list-item--selected:focus,
  .picker__list-item--selected:hover:hover,
  .picker__list-item--selected:hover:focus,
  .picker--focused .picker__list-item--selected:hover,
  .picker--focused .picker__list-item--selected:focus,
  .um .um-button:hover:hover,
  .um .um-button:hover:focus,
  .um a.um-button:hover:hover,
  .um a.um-button:hover:focus,
  .um input[type=submit].um-button:hover:hover, .um input[type=submit].um-button:hover:focus {
    color: #04787b !important;
    border-bottom: solid 4px #04787b !important;
    cursor: pointer; }

/* Button alt colors */
.um .um-button.um-alt,
.um input[type=submit].um-button.um-alt {
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  font-size: 1.5em !important;
  font-weight: 600 !important;
  text-decoration: none;
  text-align: left;
  color: #333 !important;
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid 4px #04787b !important;
  border-radius: 0 !important;
  padding: 10px 0 !important;
  box-shadow: none;
  color: #999 !important;
  border-color: #999 !important;
  background: none !important; }
  .um .um-button.um-alt:hover,
  .um .um-button.um-alt:focus,
  .um input[type=submit].um-button.um-alt:hover, .um input[type=submit].um-button.um-alt:focus {
    color: #04787b !important;
    border-bottom: solid 4px #04787b !important;
    cursor: pointer; }

.um .um-button.um-alt,
.um input[type=submit].um-button,
.um input[type=submit].um-button.um-alt {
  background: none !important; }

.um .um-button.um-alt:hover,
.um input[type=submit].um-button.um-alt:hover {
  color: #333 !important; }

.um-account-main a.um-request-button {
  font-family: "Poppins", "Helvetica Neue", sans-serif;
  font-size: 1.5em !important;
  font-weight: 600 !important;
  text-decoration: none;
  text-align: left;
  color: #333 !important;
  background: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid 4px #04787b !important;
  border-radius: 0 !important;
  padding: 10px 0 !important;
  font-size: 1.1em;
  line-height: 1.2em;
  padding-bottom: 5px !important;
  font-size: 1em;
  background: #eee;
  padding: 15px 20px !important;
  border: 0 !important;
  /*
	background: none !important;
	border-bottom: solid 4px $accent-color-1 !important;
	&:hover {
		
	}
*/ }
  .um-account-main a.um-request-button:hover, .um-account-main a.um-request-button:focus {
    color: #04787b !important;
    border-bottom: solid 4px #04787b !important;
    cursor: pointer; }
  .um-account-main a.um-request-button:hover {
    background: #333;
    color: #fff !important;
    border: 0 !important; }

.um-account-side ul li::before, .um-dropdown ul li::before {
  content: none !important; }

.um-dropdown ul li a {
  color: #333 !important; }

.um-form .um-account-side ul li a.current {
  background-color: #04787b !important; }

.um input[type=submit].um-button {
  min-width: 0 !important; }

.um-center {
  text-align: left !important; }

.um-field-block div {
  text-align: left !important; }

.um-tip-text {
  margin-left: 5px;
  font-size: 1em !important; }

.select2-container.select2-container--open .select2-dropdown .select2-results__options .select2-results li {
  color: #333 !important; }

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/* Secondary navigation
--------------------------------------------- */
/* Small nav (mobile etc)
----------------------------------------------- */
.rmp-menu-wrap {
  padding-bottom: 20px !important; }

.rmp-search-box {
  border: none !important;
  border-radius: 0 !important;
  padding: 0 30px !important; }
  .rmp-search-box input {
    padding: 30px 20px !important; }

.home .entry-content {
  display: block;
  max-width: none;
  padding-bottom: 0; }

.home .entry-content .content-wrapper {
  width: 100%;
  max-width: 1260px;
  margin: 0 auto; }

h2.four-column-left {
  display: block;
  margin-bottom: 60px; }
  @media (min-width: 992px) {
    h2.four-column-left {
      margin-bottom: 0;
      width: 25%; } }

#carousel {
  margin: 0 0 60px 0; }
  @media (min-width: 576px) {
    #carousel {
      margin: 45px 0 90px 0; } }

.carousel-home .slick-slide {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 60px; }
  @media (min-width: 768px) {
    .carousel-home .slick-slide {
      flex-wrap: nowrap;
      gap: 30px; } }
  .carousel-home .slick-slide img {
    max-width: 100%; }
    @media (min-width: 768px) {
      .carousel-home .slick-slide img {
        width: 50%;
        max-width: 560px;
        height: 100%; } }

#feature-quote {
  color: #fff; }
  #feature-quote .quote-content {
    padding: 80px 0;
    background-size: cover;
    background-position-x: center;
    background-position-y: center; }
    @media (min-width: 576px) {
      #feature-quote .quote-content {
        padding: 140px 0; } }
    #feature-quote .quote-content .content-wrapper {
      max-width: 1000px; }
  #feature-quote .quote p {
    font-family: 'Quicksand', 'Helvetica Neue', sans-serif;
    letter-spacing: -0.02em;
    font-size: 1.6em;
    font-weight: 600;
    line-height: 1.2em;
    margin-bottom: 20px;
    max-width: 900px;
    display: block; }
    @media (min-width: 576px) {
      #feature-quote .quote p {
        font-size: 2.1em;
        line-height: 1.2em; } }
  #feature-quote .attribute {
    font-size: 1.2em;
    margin-top: 45px;
    display: block; }

#featured-links-content {
  margin: 120px 0; }

#latest-news {
  padding: 60px 0; }
  @media (min-width: 992px) {
    #latest-news .content-wrapper {
      display: flex;
      flex-wrap: nowrap; } }
  @media (min-width: 992px) {
    #latest-news ul {
      width: 75%; } }

#social-feed {
  margin-top: 90px; }
  @media (min-width: 992px) {
    #social-feed {
      display: flex;
      flex-wrap: nowrap; } }
  #social-feed #social-feed-content {
    width: 100%; }
    @media (min-width: 992px) {
      #social-feed #social-feed-content {
        width: 75%; } }
    #social-feed #social-feed-content p.rtw_main {
      font-family: 'Quicksand', 'Helvetica Neue', sans-serif;
      letter-spacing: -0.02em;
      font-size: 1.5em;
      line-height: 1.4em;
      word-break: break-word; }
      @media (min-width: 576px) {
        #social-feed #social-feed-content p.rtw_main {
          font-size: 2em;
          line-height: 1.3em; } }
    #social-feed #social-feed-content p.rtw_meta {
      font-weight: 600; }
      #social-feed #social-feed-content p.rtw_meta a {
        color: #333; }
        #social-feed #social-feed-content p.rtw_meta a:hover {
          color: #04787b; }

.upcoming {
  padding-bottom: 90px;
  border-bottom: solid 7px #eee;
  margin-bottom: 0; }

#event-expired-banner {
  background-color: #00883F;
  color: #fff;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 1.4em;
  font-family: 'Quicksand', 'Helvetica Neue', sans-serif;
  letter-spacing: -0.02em; }

.single-events .entry-meta {
  font-size: 1.8em;
  background-color: #eee;
  color: #3D0051;
  padding: 30px;
  font-family: 'Quicksand', 'Helvetica Neue', sans-serif;
  letter-spacing: -0.02em;
  display: flex;
  column-gap: 30px;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media (min-width: 1200px) {
    .single-events .entry-meta {
      flex-wrap: nowrap; } }

#calls-to-action {
  margin-top: 60px; }

#address {
  margin-top: 60px; }

/*--------------------------------------------------------------
# Sitemap plugin
--------------------------------------------------------------*/
.simple-sitemap-container.tab-enabled label {
  border-radius: 0;
  background-color: rgba(4, 120, 123, 0.1) !important;
  transition: 0.3s;
  float: none;
  margin-right: 0; }
  @media (min-width: 768px) {
    .simple-sitemap-container.tab-enabled label {
      float: left;
      margin-right: 5px; } }
  .simple-sitemap-container.tab-enabled label:hover {
    background-color: #04787b !important; }
    .simple-sitemap-container.tab-enabled label:hover h3 {
      color: #fff; }
  .simple-sitemap-container.tab-enabled label h3 {
    font-size: 1.2em; }

.simple-sitemap-container.tab-enabled input:checked + label {
  background-color: #04787b !important; }

.simple-sitemap-container.tab-enabled .panel {
  border-top: 4px solid #04787b !important;
  border-radius: 0; }

.simple-sitemap-container.tab-enabled ul.main {
  margin: 20px !important; }
  @media (min-width: 576px) {
    .simple-sitemap-container.tab-enabled ul.main {
      margin: 40px 60px 60px !important; } }
  .simple-sitemap-container.tab-enabled ul.main li {
    margin-bottom: 10px;
    font-size: 0.8em; }
    @media (min-width: 576px) {
      .simple-sitemap-container.tab-enabled ul.main li {
        font-size: inherit;
        margin-bottom: 5px; } }

.simple-sitemap-wrap:not(:first-of-type) {
  margin-top: 0; }

/*--------------------------------------------------------------
# Routes to Support iFrame
--------------------------------------------------------------*/
#routestosupport .listingcontent {
  padding: 0; }