/*
Theme Name: Grey Matters Centre
Theme URI:
Author: Skyline Internet
Author URI:
Description:
Requires at least: 7.0
Tested up to: 7.0
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: grey-matters-centre
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news

/*
 * IMPORTANT: This file is only served on the frontend when `SCRIPT_DEBUG` is enabled;
 * in most instances, the `style.min.css` file will be served. It is not recommended that you
 * use the Theme File Editor to modify this stylesheet. Instead, add the necessary style
 * overrides via "Additional CSS" in the Site Editor.
 */

/*
 * IMPORTANT: This file is only served on the frontend when `SCRIPT_DEBUG` is enabled;
 * in most instances, the `style.min.css` file will be served. It is not recommended that you
 * use the Theme File Editor to modify this stylesheet. Instead, add the necessary style
 * overrides via "Additional CSS" in the Site Editor.
 */

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

:root {
  --sidebarWidth: 85dvw;
}

a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/*
 * Prevents unnecessary scrollbars while handling long lines of preformatted text.
 * https://core.trac.wordpress.org/ticket/63875
 */
:where(pre) {
	overflow-x: auto;
}

:root :where(.wp-element-button:hover, .wp-block-button__link:hover){
 background-color: var(--wp--preset--color--custom-teal) ;
}

.pre-heading::before{
 content: '';
 width: 40px;
 background-color: var(--wp--preset--color--custom-teal) ;
 display: inline-block;
 height: 2px;
 margin-right: 1em;
 vertical-align: middle;
}

.reviews .pre-heading::before, .gw-mm-item__dropdown .pre-heading::before{
  background-color: var(--wp--preset--color--base);
}


h1.wp-block-heading em, h2.wp-block-heading em, .about h3.wp-block-heading em, .experiences h3.wp-block-heading em, .wp-block-accordion-heading__toggle-title em, .how-work h3 em, .areas h3.wp-block-heading em{
 color: var(--wp--preset--color--custom-teal) ;
}

.about .wp-block-group{
 width: -webkit-fill-available;
}

/* Footer */

footer{
 margin-block-start: 0;
}

footer ul.areas{
 columns: 2;
 display: block;
 gap: 3em;
}

footer ul.areas li{
 margin-bottom: 0.6em;
}

footer ul.policies li{
 border-right: 1px solid var(--wp--preset--color--custom-dark-grey);
 line-height: 1;
 padding-right: .5em;
}

footer ul.policies li:last-child{
 border-right: none;
}

footer .wp-block-social-links, footer .wp-block-social-links.has-normal-icon-size{
 font-size: 30px;
}

/* Mega Menu */

.gw-mm-item__dropdown{
 padding: 0;
 margin-top: 1em;
}

.gw-mm-item__dropdown .areas ul{
 columns: 5;
 display: block;
 gap: 3em;
 line-height: 2;
}

.gw-mm-item__dropdown .about ul, .gw-mm-item__dropdown .other ul{
 columns: 2;
 display: block;
 gap: 3em;
 line-height: 2;
}

.dashicons-arrow-down:before{
 content:"\f347";
 color: var(--wp--preset--color--custom-teal) ;
 font-size: .8em;
}

.dashicons, .dashicons-before:before{
 font-weight: 100 !important;
 cursor: pointer;
}

.gw-mm__content{
 gap: 1.25em;
}

.items-center{
	align-items:center;
}

.wp-block-button.with-icon > a{
	display:flex;
	align-items: center;
	gap:0.5rem;
	padding-right:1.65em;
}

.wp-block-button.with-icon > a svg{
	fill:currentColor;
}

.gw-mm-item__dropdown-wrapper{
    opacity: 0;
    z-index: -1;
	transition:transform .5s ease-in-out, opacity 0.75s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.gw-mm-item.has-children:hover .gw-mm-item__dropdown-wrapper{
    opacity: 1;
    z-index: 100;
}

/* Accordion */

.wp-block-accordion-item{
 border-bottom: 1px solid #535e6e33;
 padding: 1em 0;
 margin-block-start: 0;
}

.wp-block-accordion-heading__toggle-icon{
 color: var(--wp--preset--color--custom-teal) ;
}

/* Experiences */
.experiences.is-layout-grid, .areas.is-layout-grid{
 column-gap: 50px;
}

/* Therapists */

.therapists img:hover{
 transform: scale(1.03);
 transition: transform 0.2s;
}

.trainee-therapist{
 position: absolute;
 top: 0;
 right: 2px;
 z-index: 2;
}

/* Therapists Form */

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.wpcf7-form select {
  width: -webkit-fill-available;
  font-family: inherit;
  font-size: var(--wp--preset--font-size--medium);
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 1em;
  padding: 1em 0 ;
  border-width: 0 0 1px 0;
  border-color: #535e6e33;
  color: var(--wp--preset--color--custom-dark-grey);
  font-weight: 300;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"]{
 width: 50%;
}

.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
  color:var(--wp--preset--color--custom-dark-grey);
}

.wpcf7-form input:focus-visible,
.wpcf7-form textarea:focus-visible {
  outline-color: var(--wp--preset--color--custom-mid-green);
}

.wpcf7-form .wpcf7-list-item {
  margin: 0 0;
}

.wpcf7-form input[type="checkbox"] {
  margin: 0 0.5em 0 0;
}

.wpcf7-form .wpcf7-list-item-label {
  font-size: 0.8em;
}

.wpcf7-form input[type="submit"] {
  padding: 0.85em 2em;
  background-color: var(--wp--preset--color--custom-grey);
  color: var(--wp--preset--color--base);
  font-size: var(--wp--preset--font-size--medium);
  font-weight: 400;
  font-family: inherit;
  border-radius: 2em;
  margin-top: 1em;
}

.services-pills p {
  padding: 0.25em 0.5em;
}

.services-pills p.adhd {
  background-color: #bdf8fa;
  border: 1px solid #86dfe2;
  padding: 0.25em 0.5em;
}

.services-pills p.burnout {
  background-color: #c0ffbc;
  border: 1px solid #93d28f;

}

.services-pills p.anxiety {
  background-color: #fbffcd;
  border: 1px solid #c4c89b;
}

.services-pills p.no-style {
  background-color: unset !important;
  border: none !important;
  padding: 0 !important;
}

.yoast-breadcrumbs{
  font-size: var(--wp--preset--font-size--small);
  background-color: var(--wp--preset--color--custom-light-grey);
  color: var(--wp--preset--color--custom-dark-grey);
  font-weight: 400;
  padding: 0.4rem 1rem;
  border-radius: 1rem;
  text-transform: lowercase;
  box-shadow:0 3px 10px 0.5px rgba(0,0,0, 0.09);
}


.yoast-breadcrumbs a:hover{
  text-decoration: underline;
}

body.single-therapist .entry-content,
body.single-therapist footer{
  margin-top:0;
}

@media (max-width: 768px) {

    .wp-site-blocks{
        overflow-x:hidden;
    }

    .wp-block-cover {
      padding-left: var(--wp--style--root--padding-left);
      padding-right: var(--wp--style--root--padding-right);
    }

    .wp-block-cover__inner-container {
        width: 100%;
    }

    .wp-block-columns {
        min-width: 100%;
    }

    .is-layout-grid {
        grid-template-columns: 1fr !important;
    }

    .mob-flex-col {
      display: flex;
      flex-direction: column;
    }

    .mob-flex-col >* {
      width: 100% !important;
    }

}

aside#sidebar {
  position: fixed;
  height: 100dvh;
  z-index: 999;
  left: 0;
  top: 0;
  min-width: 80dvw;
  transform: translateX(calc(var(--sidebarWidth) * -2));
  transition: all 0.25s;
  padding: 0 !important;
}

aside#sidebar.open {
  transform: translate(0);
  z-index: 999;
}

aside#sidebar .btn-close-menu {
    width: 100%
}

aside#sidebar .wp-block-getwid-megamenu {
    margin: 0!important
}

aside#sidebar .gw-mm__content{
  flex-direction: column;
  align-items: flex-start;
}

aside#sidebar nav.gw-mm__wrapper .wp-block-getwid-megamenu-item{
  width:100%;
}

aside#sidebar nav.gw-mm__wrapper .wp-block-getwid-megamenu-item .gw-mm-item__link > a{
  padding:var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  flex:1;
}

aside#sidebar p.has-custom-rsuk-dark-blue-color,
aside#sidebar p.has-custom-rsuk-dark-blue-color a{
  color:var(--wp--preset--color--custom-rsuk-dark-blue) !important;
}

aside#sidebar .gw-mm-item__dropdown-wrapper {
    position: fixed;
    top: 0!important;
    left: 0!important;
    transition: all 0.25s;
    transform: translateX(-110%);
    height: 100dvh!important;
    max-height: 100dvh;
    overflow-y: hidden;
    z-index: 999;
    max-width: var(--sidebarWidth)!important
}

aside#sidebar .gw-mm-item__dropdown-wrapper>.gw-mm-item__dropdown {
    height: 100dvh;
    margin-top: 0!important;
    overflow-y: scroll;
    overflow-x: hidden;
    padding:0;
    border-radius:0;
}

aside#sidebar .gw-mm-item__toggle{
  width:12%;
  text-align:right;
  padding-right:var(--wp--preset--spacing--30);
}


aside#sidebar .gw-mm-item__toggle span{
  transform: rotate(-90deg);
}

aside#sidebar .pos-fixed{
  top:unset;
  bottom: 0;
  left: -1rem;
}

aside#sidebar .gw-mm-item__dropdown-wrapper.is-opened {
    transform: translateX(0)
}

aside#sidebar .gw-mm-item__dropdown-content .wp-block-group{
  flex-direction:column;
}

aside#sidebar .gw-mm-item__dropdown-content .wp-block-group.is-layout-grid{
  grid-template-columns:  1fr;
}

body.sidebar-open {
  margin: 0;
  height: 100%;
  overflow: hidden;
  position: relative;
}

body.sidebar-open:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 991;
  background-color: rgba(0, 0, 0, 0.5);
}

aside#sidebar .gw-mm-item__dropdown-content > .gw-mm-item__dropdown--mega-menu-close {
	padding: var(--wp--preset--spacing--30);
	padding-bottom: 0 !important;
}

aside h2.wp-block-heading  {
  font-size: 1.9rem !important;
}

.taxonomy-discipline {
  font-weight: 300 !important;
}

.faqs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2em;
}

@media(min-width:992px){

  body.woocommerce-checkout main{
  padding:0!important;
  }
  body.woocommerce-checkout .entry-content{
    margin:0!important;
    max-width:100%;
    padding-left:var(--wp--style--root--padding-left);
  }
   body.woocommerce-checkout div[data-block-name="woocommerce/checkout"] {
    padding-top:0!important;
   }
  div[data-block-name="woocommerce/checkout"] .wc-block-components-sidebar-layout.wc-block-checkout.is-large{
    align-items: stretch;
    padding:0;
  }

  div[data-block-name="woocommerce/checkout"] .wc-block-components-sidebar-layout.wc-block-checkout.is-large .wc-block-components-sidebar.wc-block-checkout__sidebar{
    background-color:rgba(242,242,242,0.25) !important;
    padding:1rem 1rem var(--wp--style--root--padding-right) 1rem!important;
    align-self:stretch;
    height:auto;
    border-left:1.5px solid #dfdfdf;
  }

  div[data-block-name="woocommerce/checkout"] .wp-block-woocommerce-checkout-order-summary-block{
    border:none;
  }

  div[data-block-name="woocommerce/checkout"] .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-product-details{
    font-weight: 500;
    color: var(--wp--preset--color--custom-teal);
    display: flex;
    flex-direction: column;
  }
}
@media(max-width:991px){
  body.woocommerce-checkout main{
  padding:0!important;
  }
  body.woocommerce-checkout .entry-content{
    margin:0!important;
    max-width:100%;
    padding-left:0;
  }

   body.woocommerce-checkout .entry-content .wc-block-components-main.wc-block-checkout__main,
   body.woocommerce-checkout .entry-content .wc-block-components-sidebar.wc-block-checkout__sidebar{
    padding-left:1rem;
    padding-right:1rem;
   }

   body.woocommerce-checkout .wc-block-components-checkout-order-summary__title{
    border:none;
   }

   body.woocommerce-checkout div[data-block-name="woocommerce/checkout"] {
    padding-top:0!important;
   }
}

body .wc-block-components-order-summary-item__image{
  display:none!important;
}

body .wc-block-components-order-summary-item__description{
  padding-left:0;
}

.wc-block-components-form .wc-block-components-text-input input[type=email],
.wc-block-components-form .wc-block-components-text-input input[type=number],
 .wc-block-components-form .wc-block-components-text-input input[type=password],
  .wc-block-components-form .wc-block-components-text-input input[type=tel],
  .wc-block-components-form .wc-block-components-text-input input[type=text],
  .wc-block-components-form .wc-block-components-text-input input[type=url],
   .wc-block-components-text-input input[type=email],
   .wc-block-components-text-input input[type=number],
   .wc-block-components-text-input input[type=password],
   .wc-block-components-text-input input[type=tel],
   .wc-block-components-text-input input[type=text],
   .wc-block-components-text-input input[type=url],
   .wc-blocks-components-select .wc-blocks-components-select__select{
  border:1px solid color-mix(in srgb, rgb(175 175 177) 80%, transparent);
  border-radius:0.5em;
}

.wc-block-cart__empty-cart__title.with-empty-cart-icon:before{
  display:none!important;
}

ul li.wp-block-post {
  position:relative;
}


ul li.wp-block-post.type-therapist  >.wp-block-group > a:last-of-type{
  margin-top:auto!important;
}

body .wp-block-button.is-style-outline .wp-block-button__link.wp-element-button:hover{
  border-color:var(--wp--preset--color--custom-teal)!important;
  color:#fff!important;
}

.hidden-global{
  display:none;
}

@media(min-width:768px) and (max-width:1376px) and (orientation: landscape){
  .visible-on-tablet-landscape{
    display:block;
  }
  .hidden-on-tablet-landscape{
    display:none;
  }
}

li.therapist > .wp-block-group{
  height:100%;
}

.therapists-query-loop-item a.wp-block-read-more {
  max-width: unset !important;
  width: fit-content !important;
  text-align: left !important;
}