/*
Theme Name:        Mediline Supported Living
Theme URI:
Description:       Theme - Mediline Supported Living
Author:            Oli Long
Author URI:
Template:          hello-elementor
Version:           1.0.0
Text Domain:       mediline-supported-living
Tags:              elementor, hello-elementor, child-theme
*/

/* =============================================
   MEDILINE SUPPORTED LIVING — CHILD THEME
   ============================================= */

/* ── Custom Fonts ────────────────────────────────────────────────────────────
   Bounded       — variable font (all weights in one file)
   Creato Display — Regular weight only
   Both files live in /assets/fonts/
   --------------------------------------------------------------------------- */

/* Bounded Variable — covers weights 100–900 */
@font-face {
	font-family: 'Bounded';
	src: url('assets/fonts/Bounded-Variable.woff2') format('woff2 supports variations'),
	     url('assets/fonts/Bounded-Variable.woff2') format('woff2');
	font-weight: 100 900;
	font-style:  normal;
	font-display: swap;
}

/* Creato Display — all weights and italics */
@font-face {
	font-family: 'Creato Display';
	src: url('assets/fonts/CreatoDisplay-Light.woff2') format('woff2');
	font-weight: 300;
	font-style:  normal;
	font-display: swap;
}

@font-face {
	font-family: 'Creato Display';
	src: url('assets/fonts/CreatoDisplay-LightItalic.woff2') format('woff2');
	font-weight: 300;
	font-style:  italic;
	font-display: swap;
}

@font-face {
	font-family: 'Creato Display';
	src: url('assets/fonts/CreatoDisplay-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style:  normal;
	font-display: swap;
}

@font-face {
	font-family: 'Creato Display';
	src: url('assets/fonts/CreatoDisplay-RegularItalic.woff2') format('woff2');
	font-weight: 400;
	font-style:  italic;
	font-display: swap;
}

@font-face {
	font-family: 'Creato Display';
	src: url('assets/fonts/CreatoDisplay-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style:  normal;
	font-display: swap;
}

@font-face {
	font-family: 'Creato Display';
	src: url('assets/fonts/CreatoDisplay-MediumItalic.woff2') format('woff2');
	font-weight: 500;
	font-style:  italic;
	font-display: swap;
}

@font-face {
	font-family: 'Creato Display';
	src: url('assets/fonts/CreatoDisplay-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style:  normal;
	font-display: swap;
}

@font-face {
	font-family: 'Creato Display';
	src: url('assets/fonts/CreatoDisplay-BoldItalic.woff2') format('woff2');
	font-weight: 700;
	font-style:  italic;
	font-display: swap;
}

/* =============================================
   BASE
   ============================================= */

html {
	scroll-behavior: smooth;
}

/* =========================================================
   Theme Customisations
   ========================================================= */

/* Zero out bottom margin on the last paragraph in Elementor blocks */
.elementor .elementor-widget-text-editor p:last-child,
.elementor .elementor-widget-container > p:last-child,
.elementor .e-con p:last-child,
.elementor .elementor-column p:last-child{
  margin-bottom: 0;
}

/* Zero out bottom margin on the last paragraph in Elementor blocks */
.e-n-accordion .e-n-accordion-item-title{
  border-radius: 20px;
}
.e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title{
  border-radius: 20px 20px 0 0;
}

/* Accordion Icon Color */
.elementor-widget-n-accordion .e-n-accordion-item[open]>.e-n-accordion-item-title .e-n-accordion-item-title-icon span>i {
    background-color: var(--e-global-color-secondary);
    border-radius: 100px;
}
.elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon span>i {
    background-color: var(--e-global-color-11f6f42);
    border-radius: 100px;
}

/* Accordion Icon Color */
.cqc-rating-heading.elementor-widget-icon-box h4 {
    margin: 0;
}


/* ============================================
   CLIENT LOGO CAROUSEL — SHARED RULES
   ============================================ */
.client-logo-carousel,
.client-logo-carousel-white,
.client-logo-carousel-ff643e,
.client-logo-carousel-34b38e,
.client-logo-carousel-6f6fff,
.client-logo-carousel-de4d88,
.client-logo-carousel-ffac45,
.client-logo-carousel-0f564b,
.client-logo-carousel-8e1e4b {
  position: relative;
}

.client-logo-carousel .swiper-slide img,
.client-logo-carousel-white .swiper-slide img,
.client-logo-carousel-ff643e .swiper-slide img,
.client-logo-carousel-34b38e .swiper-slide img,
.client-logo-carousel-6f6fff .swiper-slide img,
.client-logo-carousel-de4d88 .swiper-slide img,
.client-logo-carousel-ffac45 .swiper-slide img,
.client-logo-carousel-0f564b .swiper-slide img,
.client-logo-carousel-8e1e4b .swiper-slide img {
  max-height: 60px;
  max-width: 130px;
  width: auto;
  height: auto;
}

.client-logo-carousel .swiper-wrapper,
.client-logo-carousel-white .swiper-wrapper,
.client-logo-carousel-ff643e .swiper-wrapper,
.client-logo-carousel-34b38e .swiper-wrapper,
.client-logo-carousel-6f6fff .swiper-wrapper,
.client-logo-carousel-de4d88 .swiper-wrapper,
.client-logo-carousel-ffac45 .swiper-wrapper,
.client-logo-carousel-0f564b .swiper-wrapper,
.client-logo-carousel-8e1e4b .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

.client-logo-carousel .swiper-container,
.client-logo-carousel .swiper-wrapper,
.client-logo-carousel .swiper-slide,
.client-logo-carousel-white .swiper-container,
.client-logo-carousel-white .swiper-wrapper,
.client-logo-carousel-white .swiper-slide,
.client-logo-carousel-ff643e .swiper-container,
.client-logo-carousel-ff643e .swiper-wrapper,
.client-logo-carousel-ff643e .swiper-slide,
.client-logo-carousel-34b38e .swiper-container,
.client-logo-carousel-34b38e .swiper-wrapper,
.client-logo-carousel-34b38e .swiper-slide,
.client-logo-carousel-6f6fff .swiper-container,
.client-logo-carousel-6f6fff .swiper-wrapper,
.client-logo-carousel-6f6fff .swiper-slide,
.client-logo-carousel-de4d88 .swiper-container,
.client-logo-carousel-de4d88 .swiper-wrapper,
.client-logo-carousel-de4d88 .swiper-slide,
.client-logo-carousel-ffac45 .swiper-container,
.client-logo-carousel-ffac45 .swiper-wrapper,
.client-logo-carousel-ffac45 .swiper-slide,
.client-logo-carousel-0f564b .swiper-container,
.client-logo-carousel-0f564b .swiper-wrapper,
.client-logo-carousel-0f564b .swiper-slide,
.client-logo-carousel-8e1e4b .swiper-container,
.client-logo-carousel-8e1e4b .swiper-wrapper,
.client-logo-carousel-8e1e4b .swiper-slide {
  pointer-events: none;
  cursor: default;
}

/* Shared pseudo-element base for edge fade effect */
.client-logo-carousel::before,
.client-logo-carousel::after,
.client-logo-carousel-white::before,
.client-logo-carousel-white::after,
.client-logo-carousel-ff643e::before,
.client-logo-carousel-ff643e::after,
.client-logo-carousel-34b38e::before,
.client-logo-carousel-34b38e::after,
.client-logo-carousel-6f6fff::before,
.client-logo-carousel-6f6fff::after,
.client-logo-carousel-de4d88::before,
.client-logo-carousel-de4d88::after,
.client-logo-carousel-ffac45::before,
.client-logo-carousel-ffac45::after,
.client-logo-carousel-0f564b::before,
.client-logo-carousel-0f564b::after,
.client-logo-carousel-8e1e4b::before,
.client-logo-carousel-8e1e4b::after {
  content: "";
  position: absolute;
  top: 0;
  width: 180px;
  height: 100%;
  z-index: 5;
  pointer-events: none;
}

/* ============================================
   COLOR VARIANTS — left fade (::before)
   ============================================ */
.client-logo-carousel::before        { left: 0; background: linear-gradient(to right, #19144A, transparent); } /* DARK       */
.client-logo-carousel-white::before  { left: 0; background: linear-gradient(to right, #ffffff, transparent); } /* WHITE      */
.client-logo-carousel-ff643e::before { left: 0; background: linear-gradient(to right, #FF643E, transparent); } /* CORAL      */
.client-logo-carousel-34b38e::before { left: 0; background: linear-gradient(to right, #34B38E, transparent); } /* TEAL       */
.client-logo-carousel-6f6fff::before { left: 0; background: linear-gradient(to right, #6F6FFF, transparent); } /* PERIWINKLE */
.client-logo-carousel-de4d88::before { left: 0; background: linear-gradient(to right, #DE4D88, transparent); } /* MAGENTA    */
.client-logo-carousel-ffac45::before { left: 0; background: linear-gradient(to right, #FFAC45, transparent); } /* AMBER      */
.client-logo-carousel-0f564b::before { left: 0; background: linear-gradient(to right, #0F564B, transparent); } /* FOREST     */
.client-logo-carousel-8e1e4b::before { left: 0; background: linear-gradient(to right, #8E1E4B, transparent); } /* BURGUNDY   */

/* ============================================
   COLOR VARIANTS — right fade (::after)
   ============================================ */
.client-logo-carousel::after         { right: 0; background: linear-gradient(to left, #19144A, transparent); } /* DARK       */
.client-logo-carousel-white::after   { right: 0; background: linear-gradient(to left, #ffffff, transparent); } /* WHITE      */
.client-logo-carousel-ff643e::after  { right: 0; background: linear-gradient(to left, #FF643E, transparent); } /* CORAL      */
.client-logo-carousel-34b38e::after  { right: 0; background: linear-gradient(to left, #34B38E, transparent); } /* TEAL       */
.client-logo-carousel-6f6fff::after  { right: 0; background: linear-gradient(to left, #6F6FFF, transparent); } /* PERIWINKLE */
.client-logo-carousel-de4d88::after  { right: 0; background: linear-gradient(to left, #DE4D88, transparent); } /* MAGENTA    */
.client-logo-carousel-ffac45::after  { right: 0; background: linear-gradient(to left, #FFAC45, transparent); } /* AMBER      */
.client-logo-carousel-0f564b::after  { right: 0; background: linear-gradient(to left, #0F564B, transparent); } /* FOREST     */
.client-logo-carousel-8e1e4b::after  { right: 0; background: linear-gradient(to left, #8E1E4B, transparent); } /* BURGUNDY   */


/* ============================================
   ACCESSIBILITY BUTTON
   ============================================ */
/*
.ea11y-widget-open-button--icon.ea11y-widget-open-button--medium {
    width: 120px !important;
    height: 65px !important;
}


.ea11y-widget-open-button--icon.ea11y-widget-open-button--medium .ea11y-widget-open-button__icon-border {
    border-width: 1px !important;
    width: 110px !important;
    height: 54px !important;
}

.ea11y-widget-open-button__icon-border svg{
	padding: 0px !important;;
    width: 180px !important;;
    height: 26px !important;;
}
*/


/* ============================================
   FLIP BOX
   ============================================ */

.elementor-flip-box__front, .elementor-flip-box__back{
	border-radius: 20px !important;
}

/* ============================================
   TIMELINE
   ============================================ */

.twae-content, .twae-arrow {
box-shadow: none!important;
}