/*
Theme Name: Toast
Description: Lightweight, tasty and totally awesome. This theme is proprietary and licensed exclusively to the client who commissioned this website project. Usage, modification, distribution or deployment of this theme on any other website or project is strictly prohibited without express written permission from Toast Design.
Author: Dave Foreman, Aaron Jones and the Toast team
Date: October 2025
Version: 17.1
Theme URI: http://www.toastwebsites.co.uk
Author URI: http://www.toastdesign.co.uk
Text Domain: toast
*/


/*

████████╗  ██████╗   █████╗  ███████╗ ████████╗
╚══██╔══╝ ██╔═══██╗ ██╔══██╗ ██╔════╝ ╚══██╔══╝
   ██║    ██║   ██║ ███████║ ███████╗    ██║   
   ██║    ██║   ██║ ██╔══██║ ╚════██║    ██║   
   ██║    ╚██████╔╝ ██║  ██║ ███████║    ██║   
   ╚═╝     ╚═════╝  ╚═╝  ╚═╝ ╚══════╝    ╚═╝   

This is the Toast WordPress theme. Copyright Toast Design Consultancy. All rights reserved. 
Toast clients who have paid us to build a theme have a perpetual lience to use this Theme for their site.
Everyone else can go build their own. Unlike WordPress, this theme is NOT licenced under the GPL, it is not publically distributed: do not copy, distribute or fork this theme.
However, if you've just inherited this site, and you know what you are doing, you will find this theme very easy to use - have at it, but do not change the Theme information.

*/

.trans img { }

@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url('/wp-content/uploads/yabe-webfont/fonts/google-fonts-hanken-grotesk-v11-latin-400-normal-1770829534.woff2') format("woff2");
}

@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: auto;
  src: url('/wp-content/uploads/yabe-webfont/fonts/google-fonts-hanken-grotesk-v11-latin-600-normal-1770829535.woff2') format("woff2");
}

@font-face {
  font-family: 'Hanken Grotesk';
  font-style: normal;
  font-weight: 800;
  font-display: auto;
  src: url('/wp-content/uploads/yabe-webfont/fonts/google-fonts-hanken-grotesk-v11-latin-800-normal-1770829535.woff2') format("woff2");
}

@font-face {
  font-family: 'Hanken Grotesk';
  font-style: italic;
  font-weight: 400;
  font-display: auto;
  src: url('/wp-content/uploads/yabe-webfont/fonts/google-fonts-hanken-grotesk-v11-latin-400-italic-1770829535.woff2') format("woff2");
}

:root {
  --ywf--family-hanken-grotesk: 'Hanken Grotesk';
}

:root {
  --ywf--family-hanken-grotesk: 'Hanken Grotesk';
}

/* Custom Theme */

.home-image {
    margin-top: -10vw;
    position: relative;
    z-index: -1;
}


.why-imedoc h6 { font-size: 2rem; font-weight: 800; }
.why-imedoc p { font-size: 1.75rem;}
section.learn-more img { margin-bottom: -10rem; position: relative; z-index: 5; }
.mt-10 { margin-top: -10rem; }
.z-10 { position: relative; z-index: -10; }
.z5 { position: relative; z-index: 5; }
section.mailing-list .container { position: relative; color: #fff !important; }
section.mailing-list .container h3 { color: #fff !important; }

section.mailing-list .container:after { content: ""; position: absolute; top: -10rem; left: 0; right: 0; bottom: 0; border-radius: 3rem; background: #7ed3e3; z-index: -5; }
.mailing-list button { display: block; width: 100%; padding: .9rem; font-size: 1.6rem; border: beige; background: var(--brand-1); color: #fff; }

.care p:first-of-type { 

    color: #fff;
    font-size: 12rem;
    text-align: center;
    line-height: 1;
    font-weight: 800;
}



/* Slide out pannel */

/* Reset section styles for this block */
section.block-sliding-panel {
    padding: 0;
    margin: 0;
}

/* Sliding Panel Wrapper */
.sliding-panel-wrapper {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    z-index: 9999;
    pointer-events: none;
}

/* Tab */
.sliding-panel-tab {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: var(--brand-1);
    color: #fff;
    padding: 2rem 1rem;
    cursor: pointer;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-weight: 600;
    font-size: 1.6rem;
    border-radius: 1rem 0 0 1rem;
    transition: right 0.4s ease, background 0.3s ease;
    pointer-events: all;
    box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 10001;
}

.sliding-panel-tab:hover {
    background: var(--brand-2);
}

.sliding-panel-tab.active {
    right: 500px;
    transition: right 0.4s ease, background 0.3s ease;
}

/* Panel */
.sliding-panel {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    max-width: 500px;
    height: 100vh;
    background: #fff;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    transition: right 0.4s ease;
    overflow-y: auto;
    pointer-events: all;
    z-index: 10000;
}

.sliding-panel.active {
    right: 0;
}

.sliding-panel-content {
    padding: 3rem 2rem;
    position: relative;
}

/* Close Button */
.sliding-panel-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 4rem;
    height: 4rem;
    background: var(--brand-1);
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.sliding-panel-close:hover {
    background: var(--brand-2);
}

.sliding-panel-close:before,
.sliding-panel-close:after {
    content: '';
    position: absolute;
    width: 2rem;
    height: 0.3rem;
    background: #fff;
}

.sliding-panel-close:before {
    transform: rotate(45deg);
}

.sliding-panel-close:after {
    transform: rotate(-45deg);
}

/* Panel Title */
.sliding-panel h2 {
    color: var(--brand-2);
    margin-bottom: 2rem;
    font-size: 2.4rem;
}

/* Overlay */
.sliding-panel-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 9998;
    pointer-events: none;
}

.sliding-panel-overlay.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

/* Mobile styles */
@media (max-width: 768px) {
    .sliding-panel {
        max-width: 100%;
    }

    .sliding-panel-content {
        padding: 2rem 1.5rem;
    }

    .sliding-panel-tab {
        font-size: 1.4rem;
        padding: 1.5rem 0.8rem;
    }

    .sliding-panel-tab.active {
        right: 100%;
    }
}




/**Saved Styles**/
/* *:last-child{margin-bottom:0; } Should not use CSS wildcards as they are S L O W */
.site-logo img{width:100%;}

/* Base Styles */
html { font-size: 62.5%; }
body{ font-size: 2rem /* fallback for IE */; font-size: clamp(1.5rem, 2rem, 3vw);line-height: clamp(1.1, 1.6, 1.6);  font-family: 'Hanken Grotesk', Helvetica, Arial, sans-serif;color: var(--text-color);margin: 0;padding: 0 !important; }
#page{/*overflow:hidden;*/clear:both;}

body { 
    background: #fff url(https://imeddocnew.builtbytoast.uk/wp-content/uploads/body-background-scaled.png) no-repeat;
    background-size: 100%;
    background-position-y: 14vw;
    background-repeat: repeat-y;
} 
/*body.home section.block-columns { background-size: contain !important; background-position: top !important; }*/

.trans-png img { filter: drop-shadow(0 2rem 5rem rgba(0,0,0,0.15)); }
/* Site Banner - from Theme options */
.site-banner { background-color: var(--brand-1); color: #fff; text-align: center; padding: 1rem 0; min-height: 3rem; z-index: 999; }
.site-banner p { margin-bottom: 0; }
.site-banner p a { color: #fff; text-decoration: underline; }
.site-banner p a:hover { color: #fff; text-decoration: none; }

/* Header */
.site-header{background: #fff; }
.site-header .grid{grid-template-columns:20rem 1fr;align-items:center;}
.site-header .container { width: 90%; max-width: 90%; }
/*.site-header .container { width: 95%; max-width: 95%; }*/
/* Navbar & Menus */
.top-nav {text-align: right; font-size: 1.75rem;}
.top-nav ul { margin: 0 auto; padding: 0; display: flex; justify-content: flex-end; padding-left: 0rem; }
.top-nav li { display: inline-block; margin: 0;padding:0; position: relative;}
.top-nav li a { display: inline-block; padding: 4rem 2rem;line-height: 1; color:var(--brand-1);}
.top-nav li#menu-item-2644 a { background: var(--brand-1); color: #fff; border: 1px solid inherit; border-radius: 10rem; padding: 1rem 2rem; margin-top: 3rem; margin-right: 1rem;  }
.top-nav li#menu-item-2644 a:hover { background: var(--brand-3); }
.top-nav li#menu-item-2641 a { border: 1px solid var(--brand-1); border-radius: 10rem; padding: 1rem 2rem; margin-top: 3rem; }
.top-nav li#menu-item-2641 a:hover { border: 1px solid var(--brand-3); background: var(--brand-3); color: #fff;   }
.top-nav li:hover > a, .top-nav li.current-menu-item a { color:var(--brand-3);   }

/* Submenus Dropdowns*/
.top-nav .sub-menu{ display: block; position: absolute;padding: 0rem 2rem 1.5rem 2rem;bottom:0;left: 0; white-space: nowrap; background: #fff; text-align: left;z-index:5;opacity:0;pointer-events:none;transition:all .5s;transform:translatey(100%); border-radius: 0 0 2rem 2rem; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;}
.top-nav .sub-menu .sub-menu{position: absolute;top:0;right:0;transform:translatex(100%);white-space:nowrap;background: var(--brand-2); text-align: left; z-index:10;  }
.top-nav .sub-menu li{ display: block; margin: 0;  }
.top-nav .sub-menu li a{ padding: 1rem; display: block; margin: 0;color:#ffffff;}
.top-nav li:hover > .sub-menu{opacity: 1;pointer-events:all;}

/* Sort the hovers on the dropdowns 16/06/23 DF */
.top-nav li ul.sub-menu li:first-of-type a { border-radius: 0; }
.top-nav li ul.sub-menu li:last-of-type a { border-radius: 0 0 1rem 1rem; }

.top-nav li ul.sub-menu li  a { background: var(--brand-3); color:#fff; margin-bottom: .5rem;  }
.top-nav li ul.sub-menu li  a:hover { background: var(--brand-1); color:#fff;}

/* Sorts any drop down on the last menu li so the dropdown is ranged to the left, keeping it inside the menu container */
.top-nav li:last-child .sub-menu {left: auto; right: 0;}

/* Videos - uploaded mp4 files */
.wp-video { position: relative; width: 100% !important; /* Override inline width */ padding-bottom: 56.25%; /* 16:9 aspect ratio */ height: 0; overflow: hidden;}
.wp-video video, .wp-video .mejs-container { position: absolute; top: 0; left: 0; width: 100% !important; /* Override inline width */ height: 100% !important; /* Maintain correct height */}
.mejs-container { max-width: 100% !important; /* Ensure the player doesn't exceed its container */ }

/**Blog**/
.blog-grid{grid-template-columns:1fr 350px;}
.single .container .container { max-width: 100%; width: 100%; } /* Fixes the content in content issue on blogs/*/
.blog-header { display: grid; grid-template-columns: 1fr 4fr; gap: 4rem; }
.blog-image { position: relative;}
.blog-image img { border-radius: 100%; }
.blog-image:before { 
content: "";
    height: 15rem;
    width: 15rem;
    position: absolute;
    left: -5rem;
    bottom: -2rem;
    background: transparent url(https://imeddocnew.builtbytoast.uk/wp-content/uploads/blog-flash.png) center center no-repeat;
    background-size: contain;
    display: block;
}

/* Post Sidebar */
.sidebar ul { padding: 0; margin: 0; list-style: none; }
.sidebar ul li { padding: 0; margin: 0;  }
.sidebar ul li a { display: block; padding: .5rem 0; border-bottom: 1px solid var(--brand-2); color: var(--brand-1); }
.sidebar ul li a:hover {  color: var(--brand-2); }
.sidebar a.button { display: block; margin: 2rem 0; }
.date { font-weight: 400; }
h4.post-listing-title { font-weight: 300; }

/*404*/
.search-404{padding: calc( var(--base-type-spacing) / 1.2 );background:var(--brand-2);color:#ffffff;max-width:768px;margin:0 auto;text-align:center;}

/*Footer*/
.site-footer{ margin-top: 10rem; }
.site-footer .footer-logo{margin-bottom: calc( var(--base-type-spacing) / 3 );display:inline-block;max-width:16rem;}
.site-footer .footer-main { padding: 10rem 0;}
.site-footer .footer-main .grid{grid-template-columns:2fr 3fr 3fr;}
.site-footer .footer-main img { margin-bottom: 5rem; }
.site-footer .footer-main a.button { display: block; margin-bottom: 2rem;  }
.site-footer .footer-main a.button:nth-of-type(2) { background: var(--brand-3); }
.site-footer .col:nth-of-type(2), .site-footer .col:nth-of-type(3)  { text-align: right; }
.site-footer .social-icons{margin-top:calc( var(--base-type-spacing) / 3 );}
.col.footer-contacts { text-align: right; }

.site-footer .footer-main .footer-widget-title { font-size: 2.25rem; margin-bottom: calc( var(--base-type-spacing) / 3 );}
.site-footer .footer-main ul { padding: 0; margin: 0; list-style: none; }
.site-footer .footer-main ul li { margin: 0; padding: 0; }

/* Sub footer */
.site-footer .footer-sub-wrapper { border-top: 1px solid var(--brand-3); font-size:1.5rem; background: rgba(255,255,255,.5);}
.site-footer .footer-sub-wrapper .grid{grid-template-columns:1fr 1fr;align-items:center;}
.site-footer .footer-sub-wrapper ul { text-align: right; padding: 0; }
.site-footer .footer-sub-wrapper ul li { display: inline-block;margin:0;padding:0;}
.site-footer .footer-sub-wrapper ul li a { display: inline-block; padding: 0 1rem; }

/**Social Icons**/
.social-icons a{width:3rem;height:3rem;background:var(--brand-1);display:inline-block;position:relative;border-radius:100rem;}
.social-icons a:hover { background:var(--brand-5); }
.social-icons a img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%); width: 50%; max-width: 50%;}

/*Forms*/
input, textarea, select { width:100%;outline:none;font-family:inherit;border:1px solid var(--brand-3); padding: 1rem; }
input[type="submit"] {border:none;outline:none;cursor:pointer;background:var(--brand-1);width:auto;height:auto; font-size: inherit; color: #fff; border-radius: var(--border-radius); padding: 1rem 2rem; }
input[type="submit"]:hover { background: var(--brand-2); }
input[type='checkbox'], input[type='radio'] { width: auto; height: auto; }

/* Search */
.search-form input.search-field { padding: 1rem; height: auto; font-family: inherit; font-size: 2rem; color: var(--brand-1); font-weight: 600; }
input.search-submit { padding: 1rem; display: block; width: 100%; margin-top: calc( var(--base-type-spacing) / 6 ); color: #fff; }
input.search-submit:hover { background-color: var(--brand-2); color: #fff !important; }
footer input.search-submit:hover { background-color: var(--brand-3); color: var(--brand-2); }
span.screen-reader-text { display: none; }

/* Author Box */
.author-box{background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);border-radius: var(--border-radius);margin-top: calc( var(--base-type-spacing) / 3 );}
.author-box.grid{grid-template-columns: 20rem 1fr; grid-gap:0;}
.author-box .author-image img{object-fit:cover;height:100%;}
.author-box .author-text p{font-size:14px}
.author-box .author-text{padding: calc( var(--base-type-spacing) / 2 ) ;}
.author-box .author-socials-area .author-socials a{width:28px;height:28px;background:var(--brand-1);display:inline-block;padding: calc( var(--base-type-spacing) / 6 );position: relative;border-radius:100px;}
.author-box .author-socials-area .author-socials a img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:17px;height:auto;}

/**Fix appearance of buttons iphone**/
input[type=text], input[type=button] { -webkit-appearance: none; -webkit-border-radius: 0; }

/* Popups */ 
.popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;justify-content:center;align-items:center;display:none; transition: all 1s ease;}
.popup.active{display:flex;}
.popup .popup-bg{position:fixed;top:0;left:0;width:100%;height:100%; background: rgba(0,0,0,.75); backdrop-filter: blur(10px);z-index:-1;  transition: all 1s ease;}
.popup .popup-content{background:#ffffff;max-width:1024px;padding: calc( var(--base-type-spacing) / 1.7 );position:relative;width:100%; border-radius: 1rem; }
.popup .popup-content .popup-close{height: calc( var(--base-type-spacing) / 1.7 );width: calc( var(--base-type-spacing) / 1.7 );position: absolute;top:0;right:0;background:var(--brand-1);cursor: pointer; border-radius: 0 1rem 0 0;}
.popup.active { transition: all 1s ease; }
.popup-close:before, .popup-close:after{content:'';width: calc( var(--base-type-spacing) / 3 );height:.3rem;background-color:#ffffff;position: absolute;left:50%;}
.popup-close:before{top: 50%; transform: translate(-50%, -50%) rotate(45deg);}
.popup-close:after{bottom: 50%; transform: translate(-50%, 50%) rotate(-45deg);}

@media screen and (max-width:1024px ) {
	.site-header .grid { grid-template-columns: 10rem 1fr; align-items: center; }
	.top-nav ul { padding-left: 5rem; }
	html { font-size: 52.5%; }
	.mt-10 { margin-top: -2rem; }

}

@media screen and (max-width:999px ) {
	.site-header { display: none;}
}

@media screen and (max-width:768px ) {
.site-footer .footer-main .grid{grid-template-columns:1fr 1fr 1fr;}
}


@media screen and (max-width:576px ) {
	.site-footer .footer-sub-wrapper ul, .companyname { text-align: center; }
	.footer-sub-wrapper .container .grid { grid-gap: 1rem; }
	.footer-main { text-align: center; }
	.site-banner { margin-top: 4.7rem; font-size: 80%; }
	.mailing-list button {padding: 1.3rem; }
	.site-footer .footer-main .grid{grid-template-columns:1fr 1fr !important;}
	.site-footer .footer-main .grid .col:first-of-type { grid-column: span 2; }
	.site-footer .col:nth-of-type(2), .site-footer .col:nth-of-type(3) {
    text-align: center;
		
}
	
	.site-footer .footer-sub-wrapper { padding-top: 1rem; }
	.site-footer .footer-sub-wrapper ul { padding: 0 0 2rem 0; margin: 0;}
	
	body { 
    background: none;
} 
}