/* HEADER, FOOTER, BASIC CONTAINERS */
/* VARS ----------------------------------------------- */
    :root {
        /* colours */
        --colour-black: #000;
        --colour-white: #fff;
        --colour-jet: #27361e;
        --colour-lt-grey: #f9fafc;
        --colour-mid-grey: #f0efea;
        --colour-green: #4b663b;
        --colour-gold: #9c8844;
        --colour-red: #DA1020;


        /* fonts, add font face css in next section */
        --body-font: 'Montserrat', sans-serif;
        --headline-font: 'Montserrat', sans-serif;
        --serif-font: 'Merriweather', sans-serif;
        --fontSize: 1.8rem;                             /* default font size for P */


        /* sizes */
        --theWidth: 1090px;                             /* width of widest content, also edit responsive section */
        --block-medium: 1124px;                         /* med width block about 75% of theWidth */
        --block-narrow: 644px;                          /* narrow blocks (mainly for text) about 50% of theWidth */
        --expander-max-height: 1100px;                  /* max height of contents of an accordion */
        --marginVert: 40px;                             /* for top/bot padding */
        --marginHoriz: 40px;                            /* for left/right padding */
        --gridGap: 40px;                                /* for grid gaps */


        --marginVert2x: calc(var(--marginVert) * 2);
        --marginHoriz2x: calc(var(--marginHoriz) * 2);


        --marginVertMid: calc(var(--marginVert) * 0.75);
        --marginHorizMid: calc(var(--marginHoriz) * 0.75);


        --marginVertHalf: calc(var(--marginVert) / 2);
        --marginHorizHalf: calc(var(--marginHoriz) / 2);


        /* other */
        --colour-link-hover: var(--colour-jet);         /* link hover for dark text on light bg */
        --colour-link-hover-lt: var(--colour-lt-grey);  /* link hover for light text on dark bg */
    }


    .has-black-color,
	.c-black { color: var(--colour-black); }
    .has-white-color,
    .c-white {color: var(--colour-white); }
    .has-jet-color,
    .c-jet {color: var(--colour-jet); }
    .has-lt-grey-color,
    .c-lt-grey {color: var(--colour-lt-grey); }
    .has-mid-grey-color,
    .c-mid-grey {color: var(--colour-mid-grey); }
    .has-green-color,
    .c-green {color: var(--colour-green); }
    .has-gold-color,
    .c-gold {color: var(--colour-gold); }

    .has-black-background-color,
	.bg-black, .bull-black li:before { background-color: var(--colour-black); }
    .has-white-background-color,
    .bg-white, .bull-white li:before {background-color: var(--colour-white); }
    .has-jet-background-color,
    .bg-jet, .bull-jet li:before {background-color: var(--colour-jet); }
    .has-lt-grey-background-color,
    .bg-lt-grey, .bull-lt-grey li:before {background-color: var(--colour-lt-grey); }
    .has-mid-grey-background-color,
    .bg-mid-grey {background-color: var(--colour-mid-grey); }
    .has-green-background-color,
    .bg-green, .bull-green li:before {background-color: var(--colour-green); }
    .has-gold-background-color,
    .bg-gold, .bull-gold li:before {background-color: var(--colour-gold); }

	.border-black { border-color: var(--colour-black); }
    .border-white { border-color: var(--colour-white); }
    .border-jet { border-color: var(--colour-jet); }
    .border-lt-grey { border-color: var(--colour-lt-grey); }
    .border-mid-grey { border-color: var(--colour-mid-grey); }
    .border-green { border-color: var(--colour-green); }
    .border-gold { border-color: var(--colour-gold); }


/* FONTS FOR THIS SITE -------------------------------- */

    @font-face {
      font-display: swap;
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 400;
      src: url('../fonts/montserrat/montserrat-v25-latin-regular.woff2') format('woff2');
    }

    @font-face {
      font-display: swap;
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 500;
      src: url('../fonts/montserrat/montserrat-v25-latin-500.woff2') format('woff2');
    }

    @font-face {
      font-display: swap;
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 600;
      src: url('../fonts/montserrat/montserrat-v25-latin-600.woff2') format('woff2');
    }

    @font-face {
      font-display: swap;
      font-family: 'EB Garamond';
      font-style: normal;
      font-weight: 400;
      src: url('../fonts/eb-garamond/eb-garamond-v30-latin-regular.woff2') format('woff2');
    }

    @font-face {
      font-display: swap;
      font-family: 'EB Garamond';
      font-style: normal;
      font-weight: 600;
      src: url('../fonts/eb-garamond/eb-garamond-v30-latin-600.woff2') format('woff2');
    }

    @font-face {
      font-display: swap;
      font-family: 'EB Garamond';
      font-style: normal;
      font-weight: 700;
      src: url('../fonts/eb-garamond/eb-garamond-v30-latin-700.woff2') format('woff2');
    }


/* BASIC ---------------------------------------------- */

    body { min-height: 100vh; overflow-x: hidden; display: flex; flex-direction: column; -webkit-text-size-adjust: none; }
    html { font-size: 62.5%; color: var(--colour-jet); }
    * { margin: 0px; padding: 0px; }

/* Default Body Font and Text Colour */
    html, select, input, textarea, label, address, cite, select { font-weight: 400; font-family: var(--body-font); }
    body, select, input, textarea, label, address, cite, select { font-size: var(--fontSize); }


/* HEADER --------------------------------------------- */

	header { position: relative; z-index: 100; }
    header .inner-wrapper { display: flex; flex-flow: row wrap; justify-content: center; }
    header > .inner-wrapper { padding: var(--marginVert) 0; z-index: 100; }
    .logo-header { width: 644px; height: auto; margin: 0 auto; display: block; }


/* MAIN MENU ------------------------------------------ */

    /* main menu icon */
    .menuicon { cursor: pointer; width: 42px; display: none; }
    .menuicon .bar { transition: all 0.33s ease; }
    .menuicon .bar { width: 100%; height: 2px; position: relative;
        background-color: var(--colour-gold); transition: all 0.33s linear; transform-origin: right; }
    .menuicon .bar.mid,
    .menuicon .bar.bot { margin-top: 13px; }
    .menuicon:hover .bar { background-color: var(--colour-green); }

    /* main menu container */
    .menu-main-container { position: static; transform: none; padding-top: 0; z-index: 50; width: 100%; margin: 0; transform: none; transition: none;  }
    .menu-main,
    .menu-main li { padding: 0; list-style-type: none; margin: 0; }
    .menu-main { margin: var(--marginVert) auto 0; display: inline-flex; gap: var(--marginHoriz); }
    .menu-main li { font-size: 1.6rem; }
    .menu-main li a { color: var(--colour-jet); }
    .menu-main li a:hover { color: var(--colour-green); }


/* FOOTER --------------------------------------------- */

	footer { display: flex; width: 100%; box-sizing: border-box; padding: var(--marginVert) 0; position: relative; }
    .footer-grid { display: flex; align-items: center; }
    .footer-contact { width: max-content; }
    .footer-copy { width: max-content; margin: auto; }

    .footer-contact { list-style-type: none; padding: 0; margin: 0; display: flex; gap: 20px; flex-flow: row wrap; }
    .footer-contact li { display: inline; padding: 0; margin: 0; }
    #form_contact p a:hover,
    .footer-contact li a { color: inherit; }
    footer span a:hover,
    #form_contact p a:hover,
    .footer-contact li a:hover { text-decoration: underline; }
    .footer-contact li.privacy-mobile { display: none; }
    .privacy-desktop { padding-left: 20px; }

    footer .social { display: flex; gap: calc(var(--gridGap) / 2); margin: 0; align-items: flex-end; }

    footer li,
    footer p { font-size: 1.4rem; margin: 0; }
    footer a:hover { color: inherit; }

    .toplink { position: fixed; bottom: 83px; right: 0; padding: 0; text-align: center; z-index: 998; }
    .toplink:after { content: "<"; position: absolute; top: 3px; right: 14px; transform: rotate(90deg); color: inherit; font-style: normal; }
    .toplink { padding: 5px 0 10px; font-size: 23px; width: 40px; height: 20px; color: var(--colour-white);
    transition: transform 0.5s ease-in; transform: translateX(100px); background: rgba(0,0,0,0.3); }
    .toplink.show { transform: translateX(0); }
    .jump { cursor: pointer; }
    .toplink.show:hover { background: var(--colour-black); color: #fff; }


/* HEADER + FOOTER RESPONSIVE ------------------------- */



@media only screen and (max-width : 1149px) {
    :root {
        --theWidth: 100%;
        --block-medium: 100%;
    }
    header > .inner-wrapper { padding-left: var(--marginHoriz); padding-right: var(--marginHoriz); }
    .footer-grid { display: grid; grid-template-columns: repeat(2, 1fr); align-items: flex-end; }
    .footer-contact { gap: 8px; grid-column: 1; grid-row: 2; flex-flow: column; }
    .footer-copy { grid-column: 1 / -1; grid-row: 1; margin-left: 0; margin-bottom: 40px; }
    footer .social { grid-column: 2; grid-row: 2; margin-left: auto; }

    .footer-contact li { width: auto; }
    .privacy-desktop { display: none; }
    .footer-contact li.privacy-mobile { display: block; }
}



@media only screen and (max-width : 1023px) {
    :root {
        --marginVert: 24px;
        --marginHoriz: 24px;
        --fontSize: 1.6rem;
    }
    .logo-header { width: 570px; }
}



@media only screen and (max-width : 650px) {
    :root {
        --block-narrow: 100%;
    }
    .logo-header { width: 210px; }
    /* mobile menu */
    header { background: var(--colour-white); }
    header .inner-wrapper { justify-content: space-between; }
    header > .inner-wrapper { background: var(--colour-white); align-items: center; }
    .menuicon  {display: block; }

    .menu-main li { font-size: 2.4rem; margin: 0 0 20px; display: block; text-align: center; line-height: 100%; position: relative;   font-family: var(--serif-font); }
    .menu-main li:last-child { margin-bottom: 0; }
    .menu-main li a { color: var(--colour-white); }
    .menu-main li a[aria-current="page"],
    .menu-main li a:hover { color: var(--colour-lt-grey); }

    /* main menu animation */
    .menushow .bar { background: var(--colour-gold); }
    .menushow .bar.top { transform: rotate(-45deg); }
    .menushow .bar.bot { transform: rotate(45deg); }
    .menushow .bar.mid { opacity: 0; }

    .menu-main-container { position: absolute; padding: var(--marginVert) 0; background: var(--colour-gold); margin-left: var(--marginHoriz); margin-right: var(--marginHoriz); width: auto;
    transition: max-height 0.66s ease-out; max-height: 0; overflow: hidden; }
    .menu-main  { display: flex; flex-flow: row wrap; margin: var(--marginVert); padding-top: 90px; }
    .menu-main li { width: 100%; }

    .menushow .menu-main-container { max-height: 100vh; transition: max-height 0.66s ease-in; }
    .menushow .menu-main li { }

    img.crop { height: 300px; object-fit: cover; object-position: center; }
    img.crop.crop-from-left { object-position: right; }
    img.crop.crop-from-right { object-position: left; }

}

/*
@media (hover: none) {
    .menuicon:hover .bar { background-color: var(--colour-white); }
    .button:hover { background-color: var(--colour-mimosa) !important; }
}
*/




/* END OF HEADER AND FOOTER*/





/* TEXT + LINKS ---------------------------------------- */

    h1, h2, h3, h4, h5, h6 { font-family: var(--headline-font); -webkit-text-size-adjust: none; font-weight: normal; line-height: 150%; margin-bottom: var(--marginVertHalf); }


    h1 { font-size: 3.5rem; }
	h2 { font-size: 3.0rem; }
	h3 { font-size: 3rem; }
    h4 { font-size: 2rem; }

    .tab { position: relative; }
    .tab:after { content: ""; display: block; margin-top: calc(var(--marginVertMid) / 2); height: 2px; width: 80px; background: var(--colour-jet); }


    p, li, th, td, label, address, cite, select { line-height: 150%; margin-bottom: var(--marginVertMid); }
    strong { font-weight: 600; }
    .serif strong { font-weight: 500; }
    .italic { font-style: oblique; font-weight: 500; }


    .limit975 p { max-width: 975px; }
    .limit645 p { max-width: 645px; }

    /* links*/
    a { color: var(--colour-link); text-decoration: none; }
    a:hover { color: var(--colour-link-hover); }
    a img { border: none; }

    .serif { font-family: var(--serif-font); }

    cite{ margin: 0; font-style: normal; }


/* LISTS --------------------------------------- */

    ul { list-style-type: disc;	}
    ul, ol { padding-bottom: var(--marginVert); }
	li { padding-left: 5px; margin-left: 25px; margin-bottom: 3px; }
    ul li:last-child{ margin-bottom: 0; }

    ul ul { padding-top: 10px; }

    ul.bullet { list-style: none; }
	.bullet li { list-style: none; padding-left: 22px; margin-left: 0; position: relative; }
    .bullet li:before,
    p.bullet:before { content: ""; position: absolute; left: 0; top: 11px;
        width: 6px; height: 6px; display: block; background: var(--colour-link); }
    ul li ul { padding-bottom: 0; }


/* IMAGES AND BACKGROUNDS ----------------------------- */


    /* imgs are wrapped in figure blocks */
    img { display: block; height: auto; }
    .alignleft { float: left; margin-right: var(--marginHoriz); width: auto; max-width: 50%; height: auto; }
    .alignright { float: right; margin-left: var(--marginHoriz); width: auto; max-width: 50%; height: auto; }
    figure.wp-block-image.cropped,
    .alignnone { margin-bottom: var(--marginVert); width: 100%; }
    .actual { max-width: 100%; width: auto; }

    .bg.crop-from-right { background-position: left top; }
    .bg.crop-from-left { background-position: right top; }

    figure { margin: 0 0 var(--marginVert); }
    figure img { /*background: var(--colour-lt-grey);*/ width: 100%; height: auto; display: block; color: var(--colour-primary); }
    .is-type-video[class*="bg-"] figcaption,
    figcaption { margin: 10px 0 0; margin-bottom: 0; font-size: 90%; font-weight: 600; }
    .is-type-video[class*="bg-"] figcaption,
    figcaption[class*="bg-"] { padding: 10px; margin: 0 0 10px; width: 100%; box-sizing: border-box; }
    figcaption.right { text-align: right; }


/* CONTAINERS + SPACING ------------------------------- */

    main.page-content { flex: 1; width: 100%; padding: 0 0 0; margin: var(--marginVert) 0 auto; position: relative; }
    .inner-wrapper { width: var(--theWidth); box-sizing: border-box; padding: 0 var(--marginHoriz); margin: 0 auto; position: relative; }

    .block { overflow: hidden; }
    .block-full-width { width: 100%; margin: 0; /* auto;*/ }
    .width-large { width: var(--theWidth); }
    .width-medium { width: var(--block-medium); }
    .width-narrow { width: var(--block-narrow); }
    .centre-this { text-align: center; }
    .horiz-centre { margin-left: auto; margin-right: auto; }
    .gap-top-xbig { margin-top: calc(var(--marginVert) * 2); }
    .gap-bot-xbig { margin-bottom: calc(var(--marginVert) * 2); }
    .gap-top-big { margin-top: var(--marginVert); }
    .gap-bot-big { margin-bottom: var(--marginVert); }
    .gap-top-mid { margin-top: var(--marginVertMid); }
    .gap-bot-mid { margin-bottom: var(--marginVertMid); }
    .gap-top-small { margin-top: calc(var(--marginVert) / 2); }
    .gap-bot-small { margin-bottom: calc(var(--marginVert) / 2); }
    .mb0 { margin-bottom: 0; }
    .mb10 { margin-bottom: 10px; }
    .mt { margin-top: var(--marginVert); }


/* CONTACT FORM  -------------------------------------- */

    .form-container { padding: var(--marginVert) 0; }
    .form-container h3+p { margin-bottom: var(--marginVertMid); }
    #form_contact { width: 100%; box-sizing: border-box; }
    #form_contact input[type="email"],
    #form_contact input[type="text"], #form_contact textarea {
        box-sizing: border-box; background: var(--colour-lt-grey); color: var(--colour-jet);
        width: 100%; padding: 7px; border: 1px solid transparent;
    }
    #form_contact > div { margin: var(--marginVertMid) 0 0; }
    #form_contact > input:first-of-type,
    #form_contact > div:first-of-type { margin: 0; }
    #form_contact > div:first-of-type { display: flex; gap: calc(var(--marginHoriz) / 2); }
    #form_contact > div:first-of-type input { }
    #form_newsletter { margin-left: 15px; height: 15px; width: 15px; vertical-align: middle; }
    .newsletter-opt { margin: calc(var(--marginVert) / 2) 0; }

    form input[type="submit"] { margin: var(--marginVertMid) 0; }
    #form_contact input.error,
    #form_contact textarea.error { color: var(--colour-red); border-color: var(--colour-red); }
    #form_success > *:last-child { margin-bottom: 0; }


/* SHARED FORM STYLING ------------------------- */

    form .check { visibility: hidden; display: none; margin: calc(var(--marginVert) / 1) 0 0; }
    form .check i { padding-right: 10px; }
    form .check.show { visibility: visible; display: block; }
    #form_success { display: none; }
    #form_success { margin-bottom: var(--marginVertMid); }


/* ITEMS --------------------------------------- */

/* padded boxes */
    .padded { width: 100%; padding: 15px; box-sizing: border-box; margin-bottom: var(--marginVert); }
    .padded.rounded { border-radius: 10px; }
    .padded > *:last-child,
    .padded ul:last-child { padding-bottom: 0; margin-bottom: 0; }

/* blockquotes */
    blockquote { position: relative; padding: 20px 20px 20px 75px; box-sizing: border-box; margin-bottom: var(--marginVert); }
    blockquote:before { content: "\201C"; font-weight: 600; position: absolute; top: -24px; left: 15px;
    font-size: 6.5rem; line-height: 8rem; font-family: serif; font-style: italic; }
    blockquote > *:last-child { margin-bottom: 0; }

/* buttons */
    .button { display: inline-block; margin: 0 auto var(--marginVert); padding: 10px; border: none; font-size: 1.6rem; text-transform: uppercase; font-weight: 600; cursor: pointer; transition: background 0.33s ease, color 0.33s ease; }
    .button:hover { background: var(--colour-mid-grey); color: var(--colour-jet); }


/* accordions */
    .expandable-wrapper { clear: both; margin-bottom: var(--marginVert); }
    .expandable { width: 100%; box-sizing: border-box; margin-bottom: 2px; }
    .expandable[class*="bg"] { padding: 10px; }
    .expandable-wrapper .expandable:last-child { margin-bottom: 0; }
    .expandable .expandable-content { max-height: 0; overflow: hidden; padding-left: 25px; transition: max-height 0.5s ease; }
    /*.expandable .expandable-content p:not([class*="gap"]),*/
    .expandable .expandable-content div > *:last-child,
    h2.expandable-link,
    h3.expandable-link { margin-bottom: 0; }
    .expandable .expandable-content ul { padding-bottom: 0; }
    .expandable.show .expandable-content { max-height: var(--expander-max-height); }
    .expandable .expandable-content > div { margin-top: 10px; }
    .expandable-link { color: var(--colour-link); margin-bottom: 0; cursor: pointer; padding-left: 25px; position: relative; font-weight: 600; }
    .expandable-link:before { position: absolute; left: 0; top: 0; font-family: var(--fontawesome); opacity: 0.5; transition: transform 0.5s ease 0.1s; content: "\f107"; color: var(--colour-primary); /* angle down */ }
    .expandable.show .expandable-link:before { transform: rotate(180deg); }

/* videos */
    figure.is-type-video { }
    figure.is-type-video .wp-block-embed__wrapper { position: relative; padding-bottom: 56.25%; overflow: hidden; height: auto; }
    figure.is-type-video .wp-block-embed__wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }


    .mobileOnly { display: none; }
    .desktopOnly {  }

/* about section */
    #about { background: url('../images/jacqui-light.svg') no-repeat center right; background-size: 200%; background-position: -65% 50%; }

    .badges { display: flex; flex-flow: row nowrap; justify-content: space-between; margin: var(--marginVert2x) 0; }
    .badges img { max-width: 150px; }

/* read more */
    .read-more-link { font-weight: 600; text-decoration: underline; width: max-content; display: none; cursor: pointer; }
    .read-more-block p:last-child { margin-bottom: 0; }
    #about .button { margin: var(--marginVertMid) 0 0; }

    .coaching.read-more-visible .read-more-link,
    .read-more-visible .read-more-link { display: none; }
    .coaching.read-more-visible .read-more-block,
    .read-more-visible .read-more-block { display: block; }

/* coaching */
    .coaching { padding: var(--marginVertMid); border: 2px solid var(--colour-jet); box-sizing: border-box; }
    .coaching .read-more-link { display: block; }
    .coaching .read-more-block { display: none; }

/* call-out */
    .call-out { padding: var(--marginVert) var(--marginVert2x); box-sizing: border-box; }
    .call-out .button { margin-bottom: 0; }


/* testimonials */
    .testimonials { padding: var(--marginVert2x); box-sizing: border-box; }
    .testimonials h4 { margin-bottom: var(--marginVert); }



/* CAROUSELS ----------------------------------------- */

    /*
    can have no pagination, dots and arrows, dots or arrows
    (add .has-dots and/or .has-arrows to .swiper
    add captions except for dots
    */

    .swiper { margin: 0; overflow: hidden; padding: 0; z-index: 1; width: 100%; }
    .swiper.has-dots,
    .swiper.has-arrows { padding-bottom: 10px; }

    .swiper .wp-block-group__inner-container { position: relative; width: 100%; z-index: 1; display: flex; transition-property: transform;
        box-sizing: content-box; align-items: flex-start; }
     .swiper-wrapper { display: flex; }

    .swiper .wp-block-image,
    .swiper-slide { width: 100%; height: auto; position: relative; flex-shrink: 0; display: flex; flex-flow: row wrap; margin-bottom: 0; cursor: ew-resize; }
    .swiper-slide img { width: 100%; height: auto; }



    .swiper .swiper-pagination { margin-top: var(--marginVertMid); }
    .swiper-pagination { display: flex; gap: 20px; width: 100%; }
    .swiper-pagination-bullet { width: 8px; height: 8px; cursor: pointer; position: relative; display: inline-block; background: var(--colour-gold); opacity: 0.33; }
    .swiper-pagination-bullet-active { opacity: 1; }


    .swiper-buttons { width: 100%; position: absolute; bottom: -30px; display: none; flex-flow: row nowrap; justify-content: space-between; margin: 0; left: 0; padding: 0 var(--marginHoriz); box-sizing: border-box; }
    .swiper-buttons div { width: 88px; height: 12px; cursor: pointer; background: url(../images/arrow-long.svg) no-repeat top center; }
    .swiper-next {  transform: rotate(180deg); }
    

/* COOKIES MSG ---------------------------------------- */

    .cookiemsg { width: 100%; position: fixed; left: 0; bottom: 0; padding: 25px 0; z-index: 9999; background: var(--colour-slate); }
    .cookiemsg div p { margin-bottom: 0; font-size: 1.6rem; }
    .cookiemsg .button { display: inline-block; margin: 10px 15px 0 0; padding: 2px 20px; }

    .cookiemsg div p,
    .cookiemsg span a:hover { color: var(--colour-white); }
    .cookiemsg span a { color: var(--colour-mid-grey); }
    .cookiemsg .button { color: var(--colour-black);  background-color: var(--colour-white); }
    .cookiemsg .button:hover { color: var(--colour-white);  background-color: var(--colour-mid-green); }


/* NO JAVASCRIPT -------------------------------------- */



/* RESPONSIVE ----------------------------------------- */


/* FIRST BREAKPOINT IS theWidth -1 */
@media only screen and (max-width : 1149px) {
    .badges img { width: 13.1vw; height: auto; }
}


@media only screen and (max-width : 1023px) {
    h1 { font-size: 3.0rem; margin-bottom: var(--marginVertMid); }
	h2 { font-size: 2.5rem; margin-bottom: var(--marginVertMid); }
	h3 { font-size: 2.5rem; margin-bottom: var(--marginVertMid); }

    .tab:after  { width: 60px; }
    
    #about { background: none; }
    
    .testimonials { padding: var(--marginVert); }
}


@media only screen and (max-width : 650px) {
    h1 { font-size: 2.75rem; }
	h2 { font-size: 2.4rem; }
	h3 { font-size: 2.1rem; }
    .badges { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; gap: 0; }
    .badges img { width: 100%; padding: 30px; box-sizing: border-box; max-width: none; }
    div:not(.coaching) h2 .tab:after  { width: 40px; }

    .read-more-link { display: block; }
    .read-more-block { display: none; }

    .call-out { padding: var(--marginVert); }
    
    .swiper-buttons { display: flex; }
}


@media only screen and (max-width : 499px) {
    .not-mobile { display: none; }
    .toplink {bottom: 0px; }

    .badges img { padding: 15px; }
}


@media only screen and (max-width : 374px) {
    .toplink { bottom: 20px; }
}