:root {
--h-yellow: #F0450C !important;
--h-purple: #27282E !important;
--h-dgrey: #27282E !important;
--h-lpurple: #ffbca6 !important;
--h-llpurple: #ffe3da !important;
}
main>.wp-block-columns.is-style-pattern:before, .skips-list-block:before, body.single-product main .background:before, .quotes-block:before {
background: #3D3E43 url(//www.mecskiphire.co.uk/wp-content/themes/mec/images/skip-tile.png) repeat center center !important;
background-size: 350px !important;
}
body.single-product main .background {
background: #2C705B;
}
header .sub-header .container .col .comm .text {
color: white !important;
}
header .sub-header .container .col .comm svg circle {
fill: var(--h-dgrey);
}
header .sub-header .container .col .comm .text {
width: 135px !important;
}
header .sub-header .container .col a {
color: white !important;
}
header .header .container a#logo {
width: 140px !important;
}
header .header .container .col a.contact {
color: white !important;
}
.skips-block .skips-swiper .swiper-wrapper .item .cont p:nth-child(3) {
color: var(--h-yellow) !important;
}
.skips-block .larger-skip p {
color: var(--h-yellow) !important;
}
.areas-block .cont .col {
color: white !important;
}
.areas-block .cont .col h4 {
color: white !important;
}
@media screen and (max-width: 844px) {
header .header .container a#logo {
width: 100% !important;
}
header .header .container a#logo svg {
width: 50% !important;
}
} #logo.cooper .bottom1 {
transform-origin: 58px 20px;
opacity: 0;
animation-name: cooper-rotate-anim;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.52, 0.17, 0, 0.8);
}
#logo.cooper .bottom2 {
transform-origin: 103px 21px;
opacity: 0;
animation-name: cooper-rotate-anim;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.52, 0.17, 0, 0.8);
}
#logo.cooper .top1 {
transform-origin: 58px 20px;
opacity: 0;
animation-name: cooper-rotate-anim;
animation-duration: 0.4s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.52, 0.17, 0, 0.8);
}
#logo.cooper .top2 {
transform-origin: 103px 21px;
opacity: 0;
animation-name: cooper-rotate-anim;
animation-duration: 0.4s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.52, 0.17, 0, 0.8);
}
#logo.cooper .top-reveal1 {
opacity: 0;
animation-name: cooper-reveal-anim;
animation-duration: 1s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.52, 0.17, 0, 0.8);
}
#logo.cooper .top-reveal2 {
opacity: 0;
animation-name: cooper-reveal-anim;
animation-duration: 1.4s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.52, 0.17, 0, 0.8);
}
#logo.cooper .opacity {
opacity: 0;
animation-name: cooper-opacity-anim;
animation-duration: 1.4s;
animation-fill-mode: forwards;
animation-timing-function: cubic-bezier(0.52, 0.17, 0, 0.8);
} .cls-6vasdf, .cls-9vasdf {
stroke: var(--h-yellow) !important;
}
.cls-7vasdf {
fill: black !important;
}
.cls-9vasdf {
fill: var(--h-yellow) !important;
}
@keyframes cooper-rotate-anim {
from {
transform: rotate(180deg);
}
to {
transform: rotate(0deg);
opacity: 1;
} 
}
@keyframes cooper-reveal-anim {
from {
transform: translate(0, 20px);
opacity: 0;
}
to {
transform: translate(0, 0px);
opacity: 1;
} 
}
@keyframes cooper-opacity-anim {
from {
opacity: 0;
}
to {
opacity: 1;
} 
}body.single-product main .background .cont,body.single-post main,body.search main,header .sub-header .container,header .header .container,footer .notices .cont,footer .footer,footer .partners,body.woocommerce-checkout main,body.woocommerce-cart main,.wp-block-quote,main>.wp-block-columns .wp-block-column>.wp-block-columns,main>.wp-block-columns,body.error404 main{max-width:1180px;width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box}body.single-product main .background .cont .col button,body.search .search-nav a,header .header .container .col a.contact{display:inline-block;margin:0;font-weight:700;transition:all .3s ease-in-out;position:relative;text-decoration:none;text-transform:uppercase;font-size:14px;border-radius:30px;background-color:transparent;color:var(--h-purple);padding:8px 25px;background-color:var(--h-yellow);border:2px solid var(--h-yellow)}body.single-product main .background .cont .col button:after,body.search .search-nav a:after,header .header .container .col a.contact:after{content:"";width:40px;height:20px;background:transparent url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/arrow-right.svg) no-repeat right center;position:absolute;top:50%;right:40px;transform:translate(0%, -50%);background-size:25px;opacity:0;transition:all .4s ease-in-out}body.single-product main .background .cont .col button:hover,body.search .search-nav a:hover,header .header .container .col a.contact:hover{background-color:var(--h-purple);color:var(--h-yellow);cursor:pointer;padding:8px 45px 8px 25px}body.single-product main .background .cont .col button:hover:after,body.search .search-nav a:hover:after,header .header .container .col a.contact:hover:after{right:15px;opacity:1}header .sub-header .container .col:nth-child(2) a,.wp-block-button .wp-block-button__link{display:inline-block;margin:0;font-weight:600;transition:all .3s ease-in-out;position:relative;text-decoration:none;text-transform:uppercase;font-size:13px;border-radius:24px;border:none;background-color:transparent;padding:8px 55px;color:#fff;background-color:var(--h-purple);border:2px solid var(--h-purple)}header .sub-header .container .col:nth-child(2) a:after,.wp-block-button .wp-block-button__link:after{content:"";width:40px;height:20px;background:transparent url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/arrow-right.svg) no-repeat right center;position:absolute;top:50%;right:40px;transform:translate(0%, -50%);background-size:25px;opacity:0;transition:all .4s ease-in-out}header .sub-header .container .col:nth-child(2) a:hover,.wp-block-button .wp-block-button__link:hover{background-color:var(--h-purple);color:var(--h-yellow);cursor:pointer;padding:8px 75px 8px 55px}header .sub-header .container .col:nth-child(2) a:hover:after,.wp-block-button .wp-block-button__link:hover:after{right:15px;opacity:1}@media screen and (max-width: 844px){body.single-product main .background .cont .col button:hover,body.search .search-nav a:hover,header .header .container .col a.contact:hover{padding:8px 25px 8px 25px}}:root{--bs-red: #EC1D25;--bs-lgrey: #00000033;--bs-dred: #d40007;--bs-dblue: #2A3990;--bs-dgrey: #4A4A49;--h-yellow: #FFD200;--h-purple: #310083;--h-lpurple: #5631BC;--h-llpurple: #b6abef}.has-h-yellow-background-color{background-color:var(--h-yellow)}.has-h-purple-background-color{background-color:var(--h-purple)}.has-h-yellow-color{color:var(--h-yellow)}.has-h-purple-color{color:var(--h-purple)} html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100vh;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing} :root{--mm-ocd-width:80%;--mm-ocd-min-width:200px;--mm-ocd-max-width:440px}body.mm-ocd-opened{overflow-y:hidden;-ms-scroll-chaining:none;overscroll-behavior:none}.mm-ocd{position:fixed;top:0;right:0;bottom:100%;left:0;z-index:9999;overflow:hidden;-ms-scroll-chaining:none;overscroll-behavior:contain;background:rgba(0,0,0,0);-webkit-transition-property:bottom,background-color;-o-transition-property:bottom,background-color;transition-property:bottom,background-color;-webkit-transition-duration:0s,.3s;-o-transition-duration:0s,.3s;transition-duration:0s,.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-delay:.45s,.15s;-o-transition-delay:.45s,.15s;transition-delay:.45s,.15s}.mm-ocd--open{bottom:0;background:rgba(0,0,0,.25);-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}.mm-ocd__content{position:absolute;top:0;bottom:0;z-index:2;width:var(--mm-ocd-width);min-width:var(--mm-ocd-min-width);max-width:var(--mm-ocd-max-width);background:#fff;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.mm-ocd--left .mm-ocd__content{left:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}.mm-ocd--right .mm-ocd__content{right:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}.mm-ocd--open .mm-ocd__content{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.mm-ocd__backdrop{position:absolute;top:0;bottom:0;z-index:3;width:clamp(100% - var(--mm-ocd-max-width),100% - var(--mm-ocd-width),100% - var(--mm-ocd-min-width));background:rgba(3,2,1,0)}.mm-ocd--left .mm-ocd__backdrop{right:0}.mm-ocd--right .mm-ocd__backdrop{left:0}.mm-spn,.mm-spn a,.mm-spn li,.mm-spn span,.mm-spn ul{display:block;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}:root{--mm-spn-item-height:50px;--mm-spn-item-indent:20px;--mm-spn-line-height:24px;--mm-spn-panel-offset:30%}.mm-spn{width:100%;height:100%;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;overflow:hidden;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.mm-spn ul{-webkit-overflow-scrolling:touch;position:fixed;top:0;left:100%;bottom:0;z-index:2;width:calc(100% + var(--mm-spn-panel-offset));padding-right:var(--mm-spn-panel-offset);line-height:var(--mm-spn-line-height);overflow:visible;overflow-y:auto;background:inherit;-webkit-transition:left .3s ease 0s;-o-transition:left .3s ease 0s;transition:left .3s ease 0s;cursor:default}.mm-spn ul:after{content:"";display:block;height:var(--mm-spn-item-height)}.mm-spn>ul{left:0}.mm-spn ul.mm-spn--open{left:0}.mm-spn ul.mm-spn--parent{left:calc(-1*var(--mm-spn-panel-offset));overflow:visible}.mm-spn li{position:relative;background:inherit;cursor:pointer}.mm-spn li:before{content:"";display:block;position:absolute;top:calc(var(--mm-spn-item-height)/2);right:calc(var(--mm-spn-item-height)/2);z-index:0;width:10px;height:10px;border-top:2px solid;border-right:2px solid;-webkit-transform:rotate(45deg) translate(0, -50%);-ms-transform:rotate(45deg) translate(0, -50%);transform:rotate(45deg) translate(0, -50%);opacity:.4}.mm-spn li:after{content:"";display:block;margin-left:var(--mm-spn-item-indent);border-top:1px solid;opacity:.15}.mm-spn a,.mm-spn span{position:relative;z-index:1;padding:calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/2) var(--mm-spn-item-indent)}.mm-spn a{background:inherit;color:inherit;text-decoration:none}.mm-spn a:not(:last-child){width:calc(100% - var(--mm-spn-item-height))}.mm-spn a:not(:last-child):after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;border-right:1px solid;opacity:.15}.mm-spn span{background:0 0}.mm-spn.mm-spn--navbar{cursor:pointer}.mm-spn.mm-spn--navbar:before{content:"";display:block;position:absolute;top:calc(var(--mm-spn-item-height)/2);left:var(--mm-spn-item-indent);width:10px;height:10px;margin-top:2px;border-top:2px solid;border-left:2px solid;-webkit-transform:rotate(-45deg) translate(50%, -50%);-ms-transform:rotate(-45deg) translate(50%, -50%);transform:rotate(-45deg) translate(50%, -50%);opacity:.4}.mm-spn.mm-spn--navbar.mm-spn--main{cursor:default}.mm-spn.mm-spn--navbar.mm-spn--main:before{content:none;display:none}.mm-spn.mm-spn--navbar:after{content:attr(data-mm-spn-title);display:block;position:absolute;top:0;left:0;right:0;height:var(--mm-spn-item-height);padding:0 calc(var(--mm-spn-item-indent)*2);line-height:var(--mm-spn-item-height);opacity:.4;text-align:center;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.mm-spn.mm-spn--navbar.mm-spn--main:after{padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--navbar ul{top:calc(var(--mm-spn-item-height) + 1px)}.mm-spn.mm-spn--navbar ul:before{content:"";display:block;position:fixed;top:inherit;z-index:2;width:100%;border-top:1px solid currentColor;opacity:.15}.mm-spn.mm-spn--light{color:#444;background:#f3f3f3}.mm-spn.mm-spn--dark{color:#ddd;background:#333}.mm-spn.mm-spn--vertical{overflow-y:auto}.mm-spn.mm-spn--vertical ul{width:100%;padding-right:0;position:static}.mm-spn.mm-spn--vertical ul ul{display:none;padding-left:var(--mm-spn-item-indent)}.mm-spn.mm-spn--vertical ul ul:after{height:calc(var(--mm-spn-item-height)/2)}.mm-spn.mm-spn--vertical ul.mm-spn--open{display:block}.mm-spn.mm-spn--vertical li.mm-spn--open:before{-webkit-transform:rotate(135deg) translate(-50%, 0);-ms-transform:rotate(135deg) translate(-50%, 0);transform:rotate(135deg) translate(-50%, 0)}.mm-spn.mm-spn--vertical ul ul li:last-child:after{content:none;display:none} html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size)/44*27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size)/2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none !important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2*var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}body.error404 main{padding:200px 20px 0}main>.wp-block-columns.spaced{justify-content:space-between}main>.wp-block-columns.alignfull{max-width:100%}main>.wp-block-columns .wp-block-column iframe{width:100%}main>.wp-block-columns .wp-block-column>.wp-block-columns{padding:0}main>.wp-block-columns.alignfull .wp-block-columns{padding:0 20px}main>.wp-block-columns.is-style-pattern{overflow:hidden;position:relative}main>.wp-block-columns.is-style-pattern:before{content:"";background:var(--h-lpurple) url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/skip-tile.png) repeat center center;background-size:350px;z-index:0;width:330%;height:330%;left:50%;top:50%;position:absolute;transform:rotate(-10deg) translate(-50%, -50%)}main>.wp-block-columns.is-style-pattern .wp-block-column{z-index:1}figure.rotate-left img{border-radius:8px;transform:rotate(-6deg)}figure.rotate-right img{border-radius:8px;transform:rotate(6deg)}.pad-0{padding:0 !important}.wp-block-separator{background-color:#f1f1f1;border:none}.wp-block-image.shadow img{box-shadow:0px 0px 15px #979797}.wp-block-quote{max-width:1100px;position:relative;padding:20px 0 20px}.wp-block-quote p{font-size:20px;line-height:26px;font-weight:600;font-family:"PT Serif",serif;font-style:italic}.wp-block-quote cite{font-style:normal;font-size:16px;font-weight:400;font-style:italic}:where(body .is-layout-flow)>*{margin-block-start:0rem;margin-block-end:0}@media screen and (max-width: 844px){.wp-block-quote{margin-bottom:0}.wp-block-column{padding-left:0 !important;padding-right:0 !important}.wp-block-columns{border-left-width:0px !important;border-right-width:0px !important}figure.rotate-left img{border-radius:8px;transform:rotate(-6deg);margin:15px 0}figure.rotate-right img{border-radius:8px;transform:rotate(6deg);margin:15px 0}main>.wp-block-columns.is-style-pattern:before{left:150%}}body.woocommerce-cart main{padding-top:200px;min-height:70vh}body.woocommerce-cart main .wp-block-woocommerce-cart{font-family:"Titillium Web",sans-serif}body.woocommerce-cart main .wp-block-woocommerce-cart .wc-block-components-validation-error p{font-size:18px}body.woocommerce-cart main .wp-block-woocommerce-cart .wc-block-cart-item__prices{font-size:18px}body.woocommerce-cart main .wp-block-woocommerce-cart .wc-block-components-product-metadata p{font-size:18px;line-height:21px;padding:0}body.woocommerce-cart main .wp-block-woocommerce-cart .wc-block-components-product-details{padding:0 !important;margin:0}body.woocommerce-cart main .wp-block-woocommerce-cart .wc-block-components-product-details span{font-size:18px;line-height:21px}body.woocommerce-cart main .wp-block-woocommerce-cart .wc-block-cart-item__product .wc-block-components-product-name{font-size:20px;margin:0 0 10px 0;color:var(--h-purple)}body.woocommerce-cart main .wp-block-woocommerce-cart .wc-block-cart-item__product .wc-block-components-product-details{padding:0 0 0 20px}body.woocommerce-cart main .wp-block-woocommerce-cart .wc-block-cart-item__product .wc-block-components-product-details li{margin:0}body.woocommerce-cart main .wp-block-woocommerce-cart .wc-block-cart__submit-button{margin-top:20px;background-color:var(--h-yellow);border-radius:8px;transition:all .3s ease-in-out;color:var(--h-purple);font-weight:600}body.woocommerce-cart main .wp-block-woocommerce-cart .wc-block-cart__submit-button:hover{color:#fff;background-color:var(--h-purple)}body.woocommerce-cart main .wc-block-cart-items tr{background-color:#fff !important;border-bottom:1px solid #cecece}body.woocommerce-cart main .wc-block-components-totals-footer-item-tax{font-size:17px}.xoo-wsc-ft-buttons-cont>a{background-color:var(--h-yellow) !important;color:var(--h-purple) !important;border:none !important;border-radius:8px;transition:all .3s ease-in-out;font-family:"Titillium Web",sans-serif !important}.xoo-wsc-ft-buttons-cont>a:hover{background-color:var(--h-purple) !important;color:#fff !important}.xoo-wsc-ft-buttons-cont>a:hover .woocommerce-Price-amount{color:#fff !important}.xoo-wsc-ft-buttons-cont>a .woocommerce-Price-amount{font-style:normal;color:var(--h-purple) !important;font-weight:600}.xoo-wsc-product dl.variation dd,.xoo-wsc-product dl.variation dt{line-height:20px;font-size:13px}.xoo-wsc-product dl.variation dd p,.xoo-wsc-product dl.variation dt p{font-size:13px;padding:0;line-height:21px}@media screen and (max-width: 844px){body.woocommerce-cart main{padding-top:10px;min-height:auto}body.woocommerce-cart main .wc-block-cart-items tr{border:none}.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button{margin-top:0;border-radius:4px}}body.woocommerce-checkout main{padding:130px 20px 20px}body.woocommerce-checkout main .wc-block-components-validation-error p{font-size:18px}body.woocommerce-checkout main .wc-block-components-button{background-color:var(--h-yellow);border-radius:8px;transition:all .3s ease-in-out;color:var(--h-purple);font-weight:600}body.woocommerce-checkout main .wc-block-components-button:hover{color:#fff;background-color:var(--h-purple)}body.woocommerce-checkout main .wc-block-components-product-name{font-size:18px;color:var(--h-purple);font-weight:600}body.woocommerce-checkout main .wc-block-components-product-details__value,body.woocommerce-checkout main .wc-block-components-product-details__name{font-size:18px}body.woocommerce-checkout main .wc-block-components-totals-footer-item-tax{font-size:17px;padding:0}body.woocommerce-checkout main .components-form-token-field__suggestion:before{display:none}@media screen and (max-width: 844px){body.woocommerce-checkout main{padding:20px}body.woocommerce-checkout main .wp-block-woocommerce-checkout{padding-top:0}}footer{padding:50px 0 30px;position:relative;background-color:var(--h-purple)}footer .partners{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-evenly;padding:100px 20px}footer .partners .item{width:20%}footer .partners .item img{height:120px;width:auto;max-width:100%}footer .footer{display:flex;flex-wrap:wrap;align-items:stretch;gap:40px;column-gap:100px}footer .footer .col{width:auto;min-width:150px;max-width:25%;padding:0}footer .footer .col svg{width:200px}footer .footer .col p{margin:5px 0;padding:0;font-size:18px;line-height:21px;font-weight:100;color:#fff}footer .footer .col p.title{color:#fff;font-family:"Titillium Web",sans-serif;font-size:18px;font-weight:400;margin-bottom:0px;position:relative;width:100%}footer .footer .col p.small{font-size:12px;margin-bottom:3px}footer .footer .col a{width:100%;display:inline-block;text-decoration:none;font-size:18px;line-height:21px;font-weight:100;color:#fff}footer .footer .col a:hover{color:var(--h-yellow)}footer .footer .col nav ul{margin:5px 0;padding:0;display:flex;flex-wrap:wrap}footer .footer .col nav ul li{margin:0;padding:0 0px;list-style:none;line-height:10px;font-weight:300;width:100%}footer .footer .col nav ul li a{padding:0;font-size:18px;line-height:21px;font-weight:100;text-decoration:none;display:inline-block;color:#fff}footer .footer .col nav ul li a:hover{color:var(--h-yellow)}footer .footer .col nav ul li:last-child{border-right:none}footer .footer .col.right{margin-left:auto;display:flex;min-width:auto}footer .footer .col.right .social{margin-top:auto}footer .footer .col.full{width:100%;max-width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}footer .footer .col.full .accreds{display:flex;flex-wrap:wrap;margin-right:19%}footer .footer .col.full .accreds img{width:180px;height:auto;margin:0 5px}footer .footer .col.contact p:nth-child(2){margin-bottom:20px}footer .footer .col:nth-child(3){max-width:18%}footer .notices .cont{padding:40px 20px 30px;flex-wrap:wrap;display:flex}footer .notices .cont .col{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;width:70%}footer .notices .cont .col p{font-size:11px;line-height:16px;font-family:"Titillium Web",sans-serif;font-weight:100;padding:5px 0;color:#fff}footer .notices .cont .col p:nth-child(1){margin-left:0}footer .notices .cont .col a{margin-right:10px}footer .notices .cont .col a:hover{color:var(--h-yellow)}footer .notices .cont .col:nth-child(2){width:30%}footer .notices .cont .col:nth-child(2) p:last-of-type{margin-left:auto}@media screen and (max-width: 844px){footer{padding:40px 0 0}footer .footer{align-items:flex-start;gap:10px}footer .footer .col{width:100% !important;max-width:100% !important;text-align:left !important;justify-content:flex-start !important;padding:0;box-sizing:border-box}footer .footer .col .title{text-align:left !important}footer .footer .col .insta{margin-left:0}footer .footer .col .accreds{margin:20px 0 0 !important;justify-content:space-between}footer .footer .col .accreds .item{width:30%}footer .footer .col .accreds .item img{width:100%}footer .notices{padding:0 0px}footer .notices .cont{padding:20px}footer .notices .cont .col{width:100% !important}footer .notices .cont .col:nth-child(2) p:last-of-type{margin-left:inherit}}header{z-index:2;position:absolute;transition:all .3s ease-in-out;width:100%;top:0}header .header{transition:all .3s ease-in-out;background-color:var(--h-purple)}header .header .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:15px 20px;transition:all .3s ease-in-out;position:relative;z-index:10}header .header .container #resp-nav{width:40px;height:30px;position:relative;display:none}header .header .container #resp-nav span{height:2px;background-color:#fff;width:100%;display:inline-block;position:relative;top:6px;position:absolute;transition:all .3s ease-in-out}header .header .container #resp-nav span:before{content:"";width:100%;height:2px;top:9px;background-color:#fff;position:absolute;transition:all .4s ease-in-out}header .header .container #resp-nav span:after{content:"";width:100%;height:2px;top:18px;background-color:#fff;position:absolute;transition:all .4s ease-in-out}header .header .container a#logo{width:200px;display:inline-block;transition:all .4s ease-in-out;margin-right:auto;line-height:0}header .header .container a#logo svg{height:100%;width:100%;overflow:visible}header .header .container a#logo svg g *{opacity:0}header .header .container a#logo svg g>*:nth-child(1){animation-delay:.1s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg g>*:nth-child(2){animation-delay:.2s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg g>*:nth-child(3){animation-delay:.3s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg g>*:nth-child(4){animation-delay:.4s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg g>*:nth-child(5){animation-delay:.5s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg g>*:nth-child(6){animation-delay:.6s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg g>*:nth-child(7){animation-delay:.7s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg g>*:nth-child(8){animation-delay:.8s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo svg g *:nth-child(9){animation-delay:.6s;animation-name:logo-line;animation-duration:1s;animation-fill-mode:forwards}header .header .container a#logo svg g *:nth-child(10){animation-delay:.8s;animation-name:logo-line;animation-duration:1s;animation-fill-mode:forwards}header .header .container a#logo.aps svg g>*:nth-child(1),header .header .container a#logo.mec svg g>*:nth-child(1){animation-delay:.1s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo.aps svg g>*:nth-child(2),header .header .container a#logo.mec svg g>*:nth-child(2){animation-delay:.2s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo.aps svg g>*:nth-child(3),header .header .container a#logo.mec svg g>*:nth-child(3){animation-delay:.3s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo.aps svg g>*:nth-child(4),header .header .container a#logo.mec svg g>*:nth-child(4){animation-delay:.4s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo.aps svg g>*:nth-child(5),header .header .container a#logo.mec svg g>*:nth-child(5){animation-delay:.5s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo.aps svg g>*:nth-child(6),header .header .container a#logo.mec svg g>*:nth-child(6){animation-delay:.6s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo.aps svg g>*:nth-child(7),header .header .container a#logo.mec svg g>*:nth-child(7){animation-delay:.7s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo.aps svg g>*:nth-child(8),header .header .container a#logo.mec svg g>*:nth-child(8){animation-delay:.8s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo.aps svg g>*:nth-child(9),header .header .container a#logo.mec svg g>*:nth-child(9){animation-delay:.9s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo.aps svg g>*:nth-child(10),header .header .container a#logo.mec svg g>*:nth-child(10){animation-delay:1s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo.aps svg g>*:nth-child(11),header .header .container a#logo.mec svg g>*:nth-child(11){animation-delay:1.1s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo.aps svg g>*:nth-child(12),header .header .container a#logo.mec svg g>*:nth-child(12){animation-delay:1.2s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo.aps svg g>*:nth-child(13),header .header .container a#logo.mec svg g>*:nth-child(13){animation-delay:1.3s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo.aps svg g>*:nth-child(14),header .header .container a#logo.mec svg g>*:nth-child(14){animation-delay:1.4s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo.aps svg g>*:nth-child(15),header .header .container a#logo.mec svg g>*:nth-child(15){animation-delay:1.5s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo.aps svg g>*:nth-child(16),header .header .container a#logo.mec svg g>*:nth-child(16){animation-delay:1.6s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo.aps svg g>*:nth-child(17),header .header .container a#logo.mec svg g>*:nth-child(17){animation-delay:1.7s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo.aps svg g>*:nth-child(18),header .header .container a#logo.mec svg g>*:nth-child(18){animation-delay:1.8s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container a#logo.aps svg g>*:nth-child(19),header .header .container a#logo.mec svg g>*:nth-child(19){animation-delay:1.9s;animation-name:logo-anim;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.52, 0.17, 0, 0.8)}header .header .container .col{display:flex;flex-wrap:wrap;align-items:center;justify-self:flex-end}header .header .container .col a.contact{font-size:13px;font-weight:600}header .header .container .col nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;transition:all .4s ease-in-out;position:relative;padding:5px 0;margin:0 20px 0 0}header .header .container .col nav ul{display:flex;flex-wrap:wrap;margin:0;padding:0}header .header .container .col nav ul li{list-style:none;position:relative}header .header .container .col nav ul li a{font-size:17px;font-family:"Titillium Web",sans-serif;font-weight:400;color:#fff;text-decoration:none;text-transform:uppercase;padding:5px 10px;letter-spacing:.5px;transition:color .3s ease-in-out;position:relative}header .header .container .col nav ul li a:after{content:"";width:0;height:2px;background-color:var(--h-yellow);position:absolute;bottom:0;left:10px;transform:translate(0%, 0%);transition:all .3s ease-in-out}header .header .container .col nav ul li a:hover{color:var(--h-yellow)}header .header .container .col nav ul li a:hover::after{width:calc(100% - 20px)}header .header .container .col nav ul li ul{position:absolute;margin:10px 0;padding:8px 15px 10px;visibility:hidden;opacity:0;transition:all .3s ease-in-out;border-radius:10px;transform:scale(0.8);transform-origin:top;top:20px;left:-15px;background-color:#f6f6f6;border-radius:5px}header .header .container .col nav ul li ul li a{white-space:nowrap;color:var(--j-lblue)}header .header .container .col nav ul li ul li a:after{display:none}header .header .container .col nav ul li:hover ul{visibility:visible;opacity:1;transform:scale(1)}header .header .container .col nav ul li.current-menu-item>a{color:var(--h-yellow)}header .header .container .col nav ul li.menu-item-has-children{padding:0px 10px 0px 0}header .header .container .col nav ul li.menu-item-has-children:before{content:"";width:20px;height:20px;position:absolute;background:transparent url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/arrow-button-blue.svg) no-repeat center center;filter:brightness(150);background-size:14px;transform:rotate(90deg);top:4px;right:0px;transition:all .4s ease-in-out}header .sub-header{background-color:var(--h-yellow);max-height:70px;transition:max-height .4s ease-in-out;overflow:hidden}header .sub-header .container{padding:10px 20px;height:60px;display:flex;flex-wrap:wrap;justify-content:space-between;transition:padding .4s ease-in-out}header .sub-header .container .col{display:flex;flex-wrap:wrap;align-items:center}header .sub-header .container .col .comm{display:flex;flex-wrap:wrap;border-right:1px solid var(--h-purple);margin-right:20px;color:var(--h-purple)}header .sub-header .container .col .comm svg{width:40px;height:40px}header .sub-header .container .col .comm .text{display:flex;flex-wrap:wrap;margin-left:10px;font-weight:600;width:150px}header .sub-header .container .col .comm .text span{width:100%;font-size:14px;font-weight:300}header .sub-header .container .col .comm .text a{text-decoration:none}header .sub-header .container .col:nth-child(2) a{color:var(--h-yellow);font-size:18px;font-weight:400;margin-left:10px}header.collapsed .header .container{padding:10px 20px}header.collapsed .header .container a#logo{width:175px}header.collapsed .sub-header{max-height:0}header.collapsed .sub-header .container{padding:0 20px}body.mm-wrapper_opening header .header #resp-nav span{background-color:transparent}body.mm-wrapper_opening header .header #resp-nav span:before{transform:rotate(45deg)}body.mm-wrapper_opening header .header #resp-nav span:after{transform:rotate(-45deg);top:9px}@keyframes logo-anim{from{transform:scale(1) translateY(-60px);transform-origin:200px;opacity:0}to{transform:scale(1) translateY(0px);transform-origin:200px;opacity:1}}@keyframes logo-line{from{transform:scale(1) translateY(-60px);transform-origin:200px;opacity:0}to{transform:scale(1) translateY(0px);transform-origin:200px;opacity:1}}@keyframes scale{from{transform:scale(0);transform-origin:58px;opacity:0}to{transform:scale(1);transform-origin:58px;opacity:1}}@keyframes rotate{from{transform:rotate(-150deg);transform-origin:58px;opacity:0}to{transform:rotate(0deg);transform-origin:58px;opacity:1}}@media screen and (max-width: 844px){header{overflow:hidden;position:relative;z-index:100}header .top-header{padding:20px 20px 0}header .header{padding:20px 20px 0}header .header #info{display:flex;flex-wrap:wrap;width:65%;justify-content:flex-end}header .header #info a{margin:3px 0}header .header .col{display:flex;align-items:center;justify-content:center;width:100%}header .header .container{padding:45px 20px 20px}header .header .container a#logo{width:100%;padding:0;display:flex;align-items:center;justify-content:center}header .header .container a#logo svg{width:80%}header .header .container #resp-nav{display:block;position:absolute;top:0;left:0}header .header .container .col a.contact{margin:20px 0 0}header .sub-header{max-height:inherit}header .sub-header .container{height:auto;padding:10px 0;justify-content:center}header .sub-header .container .col{align-items:flex-start}header .sub-header .container .col .comm{width:calc(50% - 1px);margin:0;padding:0 20px;box-sizing:border-box}header .sub-header .container .col .comm .text{width:calc(100% - 50px)}header .sub-header .container .col .comm .text span{font-size:13px}header .sub-header .container .col .comm:last-child{border:none}header .sub-header .container .col:nth-child(2){margin:10px 0 0}header .sub-header .container .col:nth-child(2) a{max-width:45%;margin:0 5px;font-size:16px;padding:8px 35px;font-size:16px}}body.search .mm-page{padding:40px 0}body.search header{background-color:var(--hv-dteal)}body.search main{padding:200px 20px 40px}body.search main .results{display:flex;flex-wrap:wrap;justify-content:space-between}body.search main .results .result{padding:10px 20px;box-sizing:border-box;margin-bottom:10px;width:49.5%;text-decoration:none;border:1px solid var(--bs-lgrey);border-radius:5px;transition:all .3s ease-in-out}body.search main .results .result h3{font-family:"Titillium Web",sans-serif;text-transform:uppercase;font-size:22px;transition:all .3s ease-in-out}body.search main .results .result h3 a{text-decoration:none}body.search main .results .result .content{line-height:22px;font-size:16px;text-decoration:none;margin:5px 0;padding:0;color:#000;transition:all .3s ease-in-out}body.search main .results .result img{margin:20px 0 0;display:inline-block;width:100%;height:350px;object-fit:cover;object-position:center}body.search main .results .result:hover{background-color:var(--bs-dgrey)}body.search main .results .result:hover h3,body.search main .results .result:hover .content,body.search main .results .result:hover p{color:#fff}body.search main .results .result:hover .rm p{color:var(--bs-red)}body.search main .results .content{padding:20px 0}body.search main .results .rm{margin-top:10px}body.search main .results .rm p{transition:all .3s ease-in-out;font-weight:500}body.search .search-nav{display:inline-block;margin-right:5px;margin-top:20px}body.search .search-nav a{color:#fff;font-size:16px;padding:5px 10px;margin:0 0 0;font-weight:500;min-width:50px}body.single-post main{padding:150px 20px 50px}body.single-product main .background{background-color:var(--h-purple);position:relative;overflow:hidden;padding:50px 0 50px}body.single-product main .background:before{content:"";background:var(--h-lpurple) url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/skip-tile.png) repeat center center;background-size:350px;z-index:1;width:200vw;height:175%;left:-50vw;top:-25%;position:absolute;transform:rotate(-10deg)}body.single-product main .background .cont{z-index:2;position:relative;overflow:hidden;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between}body.single-product main .background .cont .col{padding:10px;box-sizing:border-box;width:48.5%;color:#fff;font-size:16px;margin-bottom:2%}body.single-product main .background .cont .col h1{font-size:30px;line-height:32px;color:var(--h-purple);margin:0;padding:0 0 10px}body.single-product main .background .cont .col h3{font-size:22px;margin:0;padding:0}body.single-product main .background .cont .col h4{font-size:20px;color:var(--h-yellow);margin-top:0}body.single-product main .background .cont .col ul li{font-size:16px}body.single-product main .background .cont .col p{font-size:16px;line-height:19px}body.single-product main .background .cont .col button{background-color:var(--h-purple);color:var(--h-yellow)}body.single-product main .background .cont .col button:before{opacity:0;content:"";width:15px;height:15px;position:absolute;top:5px;right:12px;transform:translate(0%, -50%);border:3px solid #6852c2;border-top:3px solid var(--h-yellow);border-radius:50%;transition:opacity .3s ease-in-out;animation:spin 2s linear infinite}body.single-product main .background .cont .col button.loading{padding:8px 45px 8px 25px}body.single-product main .background .cont .col button.loading:before{opacity:1}body.single-product main .background .cont .col button.loading:after{display:none}body.single-product main .background .cont .col.options{display:flex;flex-wrap:wrap}body.single-product main .background .cont .col.options select{width:400px}body.single-product main .background .cont .col.options .postcode p{margin-top:10px}body.single-product main .background .cont .col.options .area-update-text{opacity:0;transition:opacity .3s ease-in-out}body.single-product main .background .cont .col.options .area-update-text.active{opacity:1}body.single-product main .background .cont .col.options .delivery{margin-top:auto}body.single-product main .background .cont .col.options .delivery form{margin-top:10px}body.single-product main .background .cont .col.options .delivery form>div{display:flex;flex-wrap:wrap;align-items:center;margin:10px 0}body.single-product main .background .cont .col.options .delivery form>div label{max-width:90%;margin-left:10px}body.single-product main .background .cont .col.options .delivery form>div label:hover{color:var(--h-yellow);cursor:pointer}body.single-product main .background .cont .col.info{padding:0}body.single-product main .background .cont .col.info .container{background-color:#fff;border-radius:20px 20px 0 0;display:flex;flex-wrap:wrap;min-height:301px;padding:20px}body.single-product main .background .cont .col.info .container .text{width:50%;color:#000;display:flex;flex-wrap:wrap}body.single-product main .background .cont .col.info .container .text p.price{font-weight:700;font-size:48px;color:var(--h-purple);margin-top:0px}body.single-product main .background .cont .col.info .container .text div:nth-child(2){margin-top:auto}body.single-product main .background .cont .col.info .container .image{width:50%;color:#000;font-size:18px}body.single-product main .background .cont .col.info .container .image img{margin-bottom:20px}body.single-product main .background .cont .col.info .container .image .measurements{padding:0 20px}body.single-product main .background .cont .col.info .container .image .measurements strong{font-size:20px}body.single-product main .background .cont .col.info .container .image .measurements strong span{font-weight:400}body.single-product main .background .cont .col.info .sizes{display:flex;flex-wrap:wrap;align-items:center;width:100%;justify-content:space-between;background-color:#fff;border-radius:0 0 20px 20px;border-top:2px solid var(--h-purple);min-height:82px;overflow:hidden}body.single-product main .background .cont .col.info .sizes .col{color:#000;margin-bottom:0;position:relative}body.single-product main .background .cont .col.info .sizes .col p{font-size:18px;text-transform:uppercase;font-weight:600;padding:0}body.single-product main .background .cont .col.info .sizes .col a{text-decoration:none;padding-left:50px}body.single-product main .background .cont .col.info .sizes .col a:before{content:"";height:82px;background-color:var(--h-yellow);width:45px;position:absolute;left:0;top:-22px}body.single-product main .background .cont .col.info .sizes .col a:after{content:"";background:transparent url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/left_arrow.svg) no-repeat center center;width:45px;height:45px;position:absolute;left:0;top:-2px}body.single-product main .background .cont .col.info .sizes .col a:hover:before{background-color:#000}body.single-product main .background .cont .col.info .sizes .col a:hover:after{filter:invert(1)}body.single-product main .background .cont .col.info .sizes .col:nth-child(1){width:25%}body.single-product main .background .cont .col.info .sizes .col:nth-child(2){text-align:center;width:50%}body.single-product main .background .cont .col.info .sizes .col:nth-child(3){text-align:right;width:25%;justify-content:flex-end}body.single-product main .background .cont .col.info .sizes .col:nth-child(3) a{padding-left:inherit;padding-right:50px}body.single-product main .background .cont .col.info .sizes .col:nth-child(3) a:before{left:auto;right:0}body.single-product main .background .cont .col.info .sizes .col:nth-child(3) a:after{left:auto;right:0;transform:rotate(180deg)}body.single-product main .background .cont .col.dates{padding:0}body.single-product main .background .cont .col.dates .container{background-color:#fff;border-radius:20px 20px 0 0;padding:20px 30px 10px}body.single-product main .background .cont .col.dates .container .titles{display:flex;flex-wrap:wrap}body.single-product main .background .cont .col.dates .container .titles .col{width:50%;color:var(--h-purple);padding:0 15px;display:flex}body.single-product main .background .cont .col.dates .notice{padding:15px 40px 15px;box-sizing:border-box;background-color:var(--h-llpurple);border-radius:0 0 20px 20px}body.single-product main .background .cont .col.dates .notice p{line-height:18px;font-size:16px;color:#000;margin:0;padding:0}body.single-product main .background .cont .col.prohibited .content{border:1px solid #fff;border-radius:20px;padding:15px 20px}body.single-product main .background .cont .col.prohibited .content a{color:var(--h-yellow);text-decoration:none}body.single-product main .background .cont .col.full{width:100%;justify-content:flex-end;display:flex;padding:0;align-items:center}body.single-product main .background .cont .col.full .error{color:#f66;margin-right:20px;color:#f66;margin-right:10px}body.single-product main .background .cont .col.full .error span{color:#fff}body.single-product main .background .cont .col.full .error.shake{animation:vertical-shaking 10s infinite;animation-delay:2s}body.single-product main .background .cont .col.full button{margin-right:10px}body.single-product main .background .cont .col.full button span{font-weight:300}body.single-product main .background .cont #datepicker{display:none}.chosen-container-single .chosen-search{padding:0 10px 10px !important}.chosen-container-single .chosen-search input[type=text]{padding:15px 20px !important;background-position:100% -9px !important;background-color:#f5f5f5 !important;border:#f5f5f5 !important}.chosen-container-single .chosen-single{height:45px !important;background:#fff !important}.chosen-container-single .chosen-single span{padding:10px 20px !important}.chosen-container-single .chosen-single div b{background-position:0 12px !important}.chosen-container .chosen-results{padding:0 10px 10px !important;box-sizing:border-box}.chosen-container .chosen-results li{padding:5px 20px !important}.chosen-container .chosen-results li:before{display:none}input[type=radio]{border:1px solid #fff;border-radius:5px;padding:12px;-webkit-appearance:none}input[type=radio]:checked{background:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///////yH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==) no-repeat center center;background-size:9px 9px}input[type=radio]:focus{outline-color:transparent}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes vertical-shaking{0%{transform:translateY(0)}1%{transform:translateY(2px)}2%{transform:translateY(-2px)}3%{transform:translateY(2px)}4%{transform:translateY(0)}}@media screen and (max-width: 844px){body.single-product main .background{padding:20px 0}body.single-product main .background .cont .col{width:100%}body.single-product main .background .cont .col.dates .container .titles .col{width:100%}body.single-product main .background .cont .col.full{display:block}body.single-product main .background .cont .col.full .error{width:100%;padding:0px 0 20px;text-align:center}body.single-product main .background .cont .col.options .postcode{width:100%}body.single-product main .background .cont .col.options select{width:100%;height:50px}body.single-product main .background .cont .col.options .delivery form>div label{max-width:85%}body.single-product main .background .cont .col.info .sizes .col{width:33.33% !important}body.single-product main .background .cont .col.info .container .image,body.single-product main .background .cont .col.info .container .text{width:100%;text-align:center}body.single-product main .background .cont .col.info .container .text{display:flex;flex-wrap:wrap;justify-content:center}body.single-product main .background .cont .col button{width:100%;text-align:center}}body{margin:0;padding:0;font-family:"Titillium Web",sans-serif;font-weight:300;font-style:normal;min-width:1024px;position:relative;overflow-x:hidden;color:#000}body main{padding-top:135px}h1{font-size:67px;line-height:73px;font-weight:700;letter-spacing:.2px}h2{font-size:34px;line-height:40px;font-weight:500}h3{font-size:30px;line-height:38px;font-weight:700;padding:5px 0;margin:0}h4{font-size:21px;font-weight:600;padding:0;margin:10px 0}p{font-size:22px;line-height:28px;font-weight:400;padding:5px 0 12px;margin:0}.is-style-ptseriff{font-family:"PT Serif",serif}strong{font-weight:700}ul,ol{margin:0;padding:10px 0}ul li,ol li{font-family:"Titillium Web",sans-serif;font-size:22px;line-height:28px;font-weight:400;position:relative}ul.is-style-arrow li,ol.is-style-arrow li{position:relative;padding:0 0 0 23px}ul.is-style-arrow li:before,ol.is-style-arrow li:before{content:"";width:30px;height:100%;background:transparent url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/arrow-right-red-single.svg) no-repeat left center;background-size:14px;filter:brightness(1.2);position:absolute;top:0;height:27px}ul.is-style-double-arrow li,ol.is-style-double-arrow li{position:relative;padding:0 0 0 23px}ul.is-style-double-arrow li:before,ol.is-style-double-arrow li:before{content:"";width:30px;height:100%;background:transparent url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/arrow-right-red.svg) no-repeat left center;background-size:14px;filter:brightness(1.2);position:absolute;top:0;height:27px}ul.is-style-download li,ol.is-style-download li{position:relative;padding:0 0 0 24px}ul.is-style-download li a,ol.is-style-download li a{color:#000;text-decoration:none;transition:color .2s ease-in-out}ul.is-style-download li a:hover,ol.is-style-download li a:hover{color:var(--h-lpurple)}ul.is-style-download li:before,ol.is-style-download li:before{content:"";width:20px;height:100%;background:transparent url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/pdf.svg) no-repeat center center;background-size:13px;position:absolute;left:0;top:50%;transform:translate(0%, -50%)}ul.two,ol.two{-moz-column-count:2;-moz-column-gap:20px;-webkit-column-count:2;-webkit-column-gap:20px;column-count:2;column-gap:20px}ul.three,ol.three{-moz-column-count:3;-moz-column-gap:20px;-webkit-column-count:3;-webkit-column-gap:20px;column-count:3;column-gap:20px}table tr td{font-family:"Titillium Web",sans-serif;font-size:14px;line-height:18px;color:var(--hv-grey)}main{min-height:60vh}main ul,main ol{padding:0 0 0 0px;position:relative}main ul li,main ol li{list-style:none;padding:0 0 0 16px}main ul li::before,main ol li::before{content:"+";margin-right:3px;font-size:20px;left:0px;top:0px;position:absolute;font-weight:700;color:var(--h-yellow);transform:rotate(45deg)}main ul.doc,main ol.doc{padding:0 0 0 30px;margin:0}main ul.doc li,main ol.doc li{margin:4px 0}main ul.doc li:before,main ol.doc li:before{content:"";width:18px;height:24px;background:transparent url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/pdf.svg) no-repeat center center;background-size:contain;left:0;position:absolute}a{color:var(--miag-blue)}.mm-listitem__text{font-family:"Titillium Web",sans-serif;font-weight:600}.smooth-scroll{perspective:1px}.slick-slider .slick-arrow{text-indent:-50000px;border:none;width:50px;height:50px;background:transparent url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/arrow-slider.svg) no-repeat;background-size:52px;filter:brightness(150);position:absolute;left:0;top:50%;transform:translate(0%, -50%);z-index:1001;opacity:.5;transition:all .3s ease-in-out}.slick-slider .slick-arrow.slick-next{right:0;left:auto;transform:rotate(180deg) translate(0%, 50%)}.slick-slider .slick-arrow:hover{cursor:pointer;opacity:1}.swiper-pagination .swiper-pagination-bullet{width:20px;height:20px}.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--giraffe-purple)}.social{display:flex;flex-wrap:wrap}.social>a{display:inline-block;width:30px !important;transition:all .3s ease-in-out;margin:0 5px}.social>a:hover{opacity:.8}.social .instagram{width:30px;height:30px;background:transparent url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/instagram.svg) no-repeat center center}.social .facebook{width:30px;height:30px;background:transparent url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/facebook.svg) no-repeat center center}.social .twitter{width:30px;height:30px;background:transparent url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/twitter.svg) no-repeat center center}.social .linkedin{width:30px;height:30px;background:transparent url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/linkedin.svg) no-repeat center center}.social .email-social{width:30px;height:30px;background:transparent url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/email.svg) no-repeat center center}@media screen and (max-width: 1440px){#team .member .image{background-position:center}}@media screen and (max-width: 1280px){body header #wrapper ul.menu li a{padding:30px 6px;font-size:13px}}@media screen and (max-width: 1250px){#pl .pl-header .info>div{font-size:17px}#pl .pl-header .phase .col .title{font-size:17px}#pl .pl-header .phase .col .col>div{font-size:14px}#pl .pl-header .milestones{font-size:17px}#pl .pl-body .product .info>.col{min-width:20%}#pl .pl-body .product .info>.col.program span{font-size:17px}}@media screen and (max-width: 1024px){body.page-template-team main{width:100% !important}}@media screen and (max-width: 1550px){body header #top #wrapper{max-width:1100px !important}body header #top #wrapper .link a{color:#fff}}@media screen and (max-width: 844px){body{--wp--preset--spacing--20: 10px;--wp--preset--spacing--30: 10px;--wp--preset--spacing--40: 10px;--wp--preset--spacing--50: 10px;--wp--preset--spacing--60: 30px;--wp--preset--spacing--70: 30px;--wp--preset--spacing--80: 30px}body main{padding-top:0}h1{font-size:36px;line-height:40px}ul.three{column-count:1}ul li{font-size:20px}.smooth-scroll>.container{margin-top:0;min-width:320px;width:100%}.mm-menu_offcanvas{width:80vw !important}.wp-block-spacer{max-height:30px}nav.mm-menu{display:inline-block}body{min-width:320px;width:100%;background-color:#fff}body header #wrapper .menu{display:none}body header #wrapper #header{text-align:center;display:inline-block;margin:0 5%}body header #wrapper #header #logo{float:none;display:inline-block;padding:20px 0}body header #wrapper #header #logo img{position:relative;top:auto;transform:none}body header #wrapper .header{display:block;position:relative}body header #wrapper .header a{display:block;width:40px;height:40px;background:transparent url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/menu.svg) no-repeat center center;background-size:50px;position:absolute;top:-71px}body header #top #wrapper .link a{color:#fff !important}body header #top #wrapper .wpml-ls-legacy-list-horizontal ul li a span{color:#fff}body main #titles{margin-top:145px}body main .wrapper iframe{width:100%}body main img.alignright,body main img.alignleft{padding-left:0;width:100%;height:auto;padding-right:0}body main .multi-cont{padding-top:0}body main .multi-cont .box-content{width:100%}body main .half-first,body main .half-second{width:100%;padding:0}body main .third-first,body main .third-second,body main .third-third{width:100%;padding:0}body main .box{width:100%;margin:0 0 4vw}body main .box-content{background-color:transparent;margin-right:0}body main .products .product{width:100%;margin-right:0;background-color:transparent}body main .news{width:100%;box-sizing:border-box}body main .news p{overflow-wrap:break-word}body main .bar .inner h2{text-align:center}body main .bar .inner a{float:none;width:100%;box-sizing:border-box;text-align:center}body main .align-content .wrapper{height:auto !important;min-height:auto;display:inline-block;width:90%;margin:0 5%}body main .align-content .wrapper .half-first{transform:none;top:auto;float:none;display:inline-block;flex:none;padding-left:0 !important}body main .align-content .wrapper .half-second{transform:none;top:auto;float:none;display:inline-block;flex:none}body main .gallery .slick-slider .inner{min-height:800px}body main .gallery .slick-slider .inner .image{height:30%;width:100%}body main .gallery .slick-slider .inner .container{width:100%;height:70%}body main .gallery .slick-slider .slick-prev{top:19%;left:0}body main .gallery .slick-slider .slick-next{top:19%;right:0}body main .numbered{top:0}body section#header-image{background-position:center;margin-top:0 !important}body.home section#boxes{margin-top:40px;display:block}body.home section#boxes .box{min-width:100%;margin-bottom:40px}body.single-product .summary form.cart{width:100%}body.woocommerce .woocommerce-result-count{margin:0}body.woocommerce .woocommerce-ordering{float:none}body.woocommerce .woocommerce-ordering select{width:100%}body.woocommerce ul.products li.product{width:100% !important}body.woocommerce .woocommerce-message a.button{position:relative;transform:none}body.woocommerce table.shop_attributes th{width:50%}body.woocommerce-cart .woocommerce table.cart td.actions .coupon .input-text{width:48%}body.woocommerce-cart .woocommerce table.cart td.actions .coupon .button{width:48%}body.woocommerce-checkout form .form-row{width:100%}section#boxes{width:100%;padding:0;margin:3vw 0 0;display:block}section#boxes .box{width:100%;margin:0 0 1px}#subscribe,#subscribe2{width:100%;box-sizing:border-box;float:none;text-align:center;margin-top:10px}.filter-mobile{border:none;padding:20px 45px 20px 20px;margin-right:1px;background:#fff url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/arrow-d.svg) no-repeat 95% center;background-size:18px;display:inline-block;transition:background-color .3s ease-in-out;box-sizing:border-box;width:100%;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;margin-top:15px;margin-bottom:1px}.filter-mobile.active{background:#30b2e7 url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/close2.svg) no-repeat 94.5% center;color:#fff}#controls,#controls2{width:100%;height:0px;overflow:hidden;margin-top:0px}#controls select,#controls2 select{width:100%;margin-bottom:1px;background-position:96% center !important}#controls select.active,#controls2 select.active{background-position:95% center}#controls #clear,#controls #clear2,#controls2 #clear,#controls2 #clear2{position:relative;width:100%;box-sizing:border-box;background-position:94.5% center;display:none}#controls #clear.active,#controls #clear2.active,#controls2 #clear.active,#controls2 #clear2.active{display:block}#controls.active,#controls2.active{height:auto}#container,#container2{padding:0 20px;div:nth-child}#container #heading,#container2 #heading{font-size:0}#container #heading div,#container2 #heading div{display:none;border-right:none}#container #heading div:first-child,#container2 #heading div:first-child{display:inline-block;font-size:18px;width:49%;float:none;text-align:left}#container #heading div.mobile,#container2 #heading div.mobile{display:inline-block;font-size:18px;width:49%;text-align:right;border:none;float:none}main .pdp .phase-bar{display:none}main .pdp .header{position:relative}main .pdp .heading{width:75%;padding:15px 0 25px}main .pdp .cat{display:none}main .pdp .desc a{padding:0 20px !important}main .pdp .phase{float:right;display:block;padding-top:45px;text-align:right;font-size:0}main .pdp .phase div{display:inline-block;margin-right:2px;float:none}main .pdp .controls{position:absolute;top:0;padding:0;right:0;width:30%;text-align:right}main .pdp .controls .plus{display:none}main .pdp .controls .minus{display:none}main .pdp .controls .active{display:block;float:right}main .pdp .controls a{font-size:14px}#bubbles{display:none !important;margin-top:30px;margin-bottom:30px;width:100%;display:inline-block}#bubbles .bubble{-webkit-mask-image:none !important;mask-image:none !important;margin:10px 0;width:100%;padding-bottom:0}#bubbles .bubble .text{position:relative;transform:none !important;top:auto;left:auto;width:90%;margin:0 5%;padding:20px 0;box-sizing:border-box}#bubbles:after{display:none}#page{background-color:#fff;overflow-x:hidden}footer #footer{display:block}footer .col{width:100%;margin:0 0 20px}footer .col p a{width:100%}footer .col.right{float:none}.ct-u-display-tablex>.inner .container{width:90%;left:5%;transform:translate(0%, -50%);top:calc(50% + 50px)}div.wpcf7-response-output{margin:0;padding:0;position:relative;top:0}#team-image{display:none}.mm-menu ul li.current_page_item a{color:var(--miag-blue)}.custom .donation .wrapper{display:block}.custom .donation .wrapper .half-first{width:100%;margin-bottom:20px}.custom .donation .wrapper .half-second{width:100%}.custom .contact .member{width:100%;margin-right:0}.custom .contact .member .image{height:400px}.custom .stock-info .left{float:none;width:100%}.custom .stock-info .right{float:none;width:100%}.custom .stock-info .right iframe{padding:10px 0 0px 0}.custom .careers .box{width:100%}.custom .tiles .box{width:100%}.custom .tiles .box .wrap .cont{max-height:350px}.custom .tiles .box .wrap .cont .links{opacity:1;max-height:350px;border-top:1px solid #98c239}.custom .tiles .box:after{content:"";height:100%;width:100%;background-color:rgba(0,0,0,.5);position:absolute;z-index:1;top:0;opacity:1;transition:all .3s ease-in-out}.wpcf7-form-control-wrap{text-align:center}body.single-careers #careers .cont{width:100%;padding:0}body.single-careers #careers .cont .col{max-width:100% !important;min-width:auto !important;width:100% !important;margin:0 !important}body.single-careers #careers .cont .col .panel{width:100%;box-shadow:none;border-bottom:1px solid #e5e5e5;border-radius:0;padding:0}body.single-careers #careers .cont .col .panel h3{padding:30px 20px 30px}body.single-careers #careers .cont .col .panel .item{padding:15px 20px;box-sizing:border-box}body.single-careers #careers .cont .col .panel .item p{display:inline-block}body.single-careers #careers .cont .col .panel .item p:first-of-type{padding-right:20px;font-size:15px}body.single-careers #careers .cont .col .panel .item:last-of-type{min-height:69px;padding:0}body.single-careers #careers .cont .col .panel .links{padding:15px 20px;display:flex;justify-content:space-between;width:100%;box-sizing:border-box}body.single-careers #careers .cont .col .panel .links .apply{width:49% !important;order:2}body.single-careers #careers .cont .col .panel .links .return{order:1;display:inline-block}body.single-careers #careers .cont .col .panel .links.fixed{position:fixed;top:0;width:100%;box-sizing:border-box;background-color:#fff;border-bottom:1px solid #ededed}body.single-careers #careers .cont .col.right{padding:20px}body.single-careers #careers .cont .col.right .links{display:none}body.single-careers #careers .cont .apply,body.single-careers #careers .cont .return{width:49%;margin:0 !important}}.work-block .work-container, .welcome-block .content, .team-block, .talk-block .cont, .stats-block .cont, .slider-block .arrow-wrapper, .slider-block .slider .slick-list .slick-track .item .content, .skips-block .larger-skip, .skips-block .skips-swiper, .skips-list-block .cont, .services-block, .quotes-block .cont, .quotes-block .intro, .projects-block .swiper, .process-block, .news-block, .maps-block .content, .left-right-block .content, .intro-block .container, .info-block .cont, .image-content-block .content, .icons-block, .gallery-block .gallery, .gallery-block h2, .form-block .bg .content, .double-image-block .content, .curriculum-block, .contact-block, .contact-bar-block .cont, .call-our-team-block, .breadcrumbs-block, .boxes-block .boxes, .boxes-block h2, .bar-block .container, .areas-block .cont, .advice-block .cont, .accordion-block .accord {
max-width: 1180px;
width: 100%;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
.work-block .work-container > a, .talk-block .cont a, .slider-block .slider .slick-list .slick-track .item .content .cont .col a, .news-block .news .item a, .info-block .cont .col .text a, .image-boxes-block .boxes .box .container a, .form-block .bg .content form input[type=submit], .contact-block form input[type=submit], .contact-bar-block .cont .col .text a.btn, .accordion-block .accord .item .text a.link {
display: inline-block;
margin: 0;
font-weight: 700;
transition: all 0.3s ease-in-out;
position: relative;
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
border-radius: 30px;
background-color: transparent;
color: var(--h-purple);
padding: 8px 25px;
background-color: var(--h-yellow);
border: 2px solid var(--h-yellow);
}
.work-block .work-container > a:after, .talk-block .cont a:after, .slider-block .slider .slick-list .slick-track .item .content .cont .col a:after, .news-block .news .item a:after, .info-block .cont .col .text a:after, .image-boxes-block .boxes .box .container a:after, .form-block .bg .content form input[type=submit]:after, .contact-block form input[type=submit]:after, .contact-bar-block .cont .col .text a.btn:after, .accordion-block .accord .item .text a.link:after {
content: "";
width: 40px;
height: 20px;
background: transparent url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/arrow-right.svg) no-repeat right center;
position: absolute;
top: 50%;
right: 40px;
transform: translate(0%, -50%);
background-size: 25px;
opacity: 0;
transition: all 0.4s ease-in-out;
}
.work-block .work-container > a:hover, .talk-block .cont a:hover, .slider-block .slider .slick-list .slick-track .item .content .cont .col a:hover, .news-block .news .item a:hover, .info-block .cont .col .text a:hover, .image-boxes-block .boxes .box .container a:hover, .form-block .bg .content form input[type=submit]:hover, .contact-block form input[type=submit]:hover, .contact-bar-block .cont .col .text a.btn:hover, .accordion-block .accord .item .text a.link:hover {
background-color: var(--h-purple);
color: var(--h-yellow);
cursor: pointer;
padding: 8px 45px 8px 25px;
}
.work-block .work-container > a:hover:after, .talk-block .cont a:hover:after, .slider-block .slider .slick-list .slick-track .item .content .cont .col a:hover:after, .news-block .news .item a:hover:after, .info-block .cont .col .text a:hover:after, .image-boxes-block .boxes .box .container a:hover:after, .form-block .bg .content form input[type=submit]:hover:after, .contact-block form input[type=submit]:hover:after, .contact-bar-block .cont .col .text a.btn:hover:after, .accordion-block .accord .item .text a.link:hover:after {
right: 15px;
opacity: 1;
}
.skips-block .skips-swiper .swiper-wrapper .item .order, .skips-list-block .cont .products .item .col .order, .left-right-block .content .item .col a.btn, .icons-block .cont .item a, .curriculum-block .col .text .button, .bar-block .container .cont a {
display: inline-block;
margin: 0;
font-weight: 600;
transition: all 0.3s ease-in-out;
position: relative;
text-decoration: none;
text-transform: uppercase;
font-size: 13px;
border-radius: 24px;
border: none;
background-color: transparent;
padding: 8px 55px;
color: white;
background-color: var(--h-purple);
border: 2px solid var(--h-purple);
}
.skips-block .skips-swiper .swiper-wrapper .item .order:after, .skips-list-block .cont .products .item .col .order:after, .left-right-block .content .item .col a.btn:after, .icons-block .cont .item a:after, .curriculum-block .col .text .button:after, .bar-block .container .cont a:after {
content: "";
width: 40px;
height: 20px;
background: transparent url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/arrow-right.svg) no-repeat right center;
position: absolute;
top: 50%;
right: 40px;
transform: translate(0%, -50%);
background-size: 25px;
opacity: 0;
transition: all 0.4s ease-in-out;
}
.skips-block .skips-swiper .swiper-wrapper .item .order:hover, .skips-list-block .cont .products .item .col .order:hover, .left-right-block .content .item .col a.btn:hover, .icons-block .cont .item a:hover, .curriculum-block .col .text .button:hover, .bar-block .container .cont a:hover {
background-color: var(--h-purple);
color: var(--h-yellow);
cursor: pointer;
padding: 8px 75px 8px 55px;
}
.skips-block .skips-swiper .swiper-wrapper .item .order:hover:after, .skips-list-block .cont .products .item .col .order:hover:after, .left-right-block .content .item .col a.btn:hover:after, .icons-block .cont .item a:hover:after, .curriculum-block .col .text .button:hover:after, .bar-block .container .cont a:hover:after {
right: 15px;
opacity: 1;
}
@media screen and (max-width: 844px) {
.work-block .work-container > a:hover, .talk-block .cont a:hover, .slider-block .slider .slick-list .slick-track .item .content .cont .col a:hover, .news-block .news .item a:hover, .info-block .cont .col .text a:hover, .image-boxes-block .boxes .box .container a:hover, .form-block .bg .content form input[type=submit]:hover, .contact-block form input[type=submit]:hover, .contact-bar-block .cont .col .text a.btn:hover, .accordion-block .accord .item .text a.link:hover {
padding: 8px 25px 8px 25px;
}
}
:root {
--bs-red: #EC1D25;
--bs-lgrey: #00000033;
--bs-dred: #d40007;
--bs-dblue: #2A3990;
--bs-dgrey: #4A4A49;
--h-yellow: #FFD200;
--h-purple: #310083;
--h-lpurple: #5631BC;
--h-llpurple: #b6abef;
}
.has-h-yellow-background-color {
background-color: var(--h-yellow);
}
.has-h-purple-background-color {
background-color: var(--h-purple);
}
.has-h-yellow-color {
color: var(--h-yellow);
}
.has-h-purple-color {
color: var(--h-purple);
}
.dev {
background-color: red;
color: white;
position: absolute;
top: 0;
left: 0;
text-transform: uppercase;
padding: 10px 15px 7px;
font-size: 14px;
z-index: 110;
font-family: "Arial";
font-weight: 600;
}
.accordion-block {
position: relative;
}
.accordion-block .accord .item {
border-bottom: 1px solid var(--h-llpurple);
padding: 15px 0;
box-sizing: border-box;
position: relative;
overflow: hidden;
transition: max-height 0.5s ease-in-out;
}
.accordion-block .accord .item span.title {
font-size: 22px;
line-height: 23px;
color: var(--h-purple);
transition: color 0.4s ease-in-out;
}
.accordion-block .accord .item .text {
padding: 0;
box-sizing: border-box;
}
.accordion-block .accord .item .text h2 {
font-size: 24px;
}
.accordion-block .accord .item .text p {
font-size: 15px;
}
.accordion-block .accord .item .text span {
width: 100%;
display: block;
margin: 10px 0;
}
.accordion-block .accord .item .text a.link {
position: relative;
}
.accordion-block .accord .item .toggle {
width: 18px;
height: 18px;
position: absolute;
top: 17px;
right: 0;
background-color: var(--h-purple);
border-radius: 20px;
transition: all 0.3s ease-in-out;
}
.accordion-block .accord .item .toggle:before {
content: "";
width: 50%;
position: absolute;
top: 50%;
left: 50%;
height: 2px;
background-color: white;
transform: translate(-50%, -50%);
border-radius: 15px;
}
.accordion-block .accord .item .toggle:after {
content: "";
width: 50%;
position: absolute;
top: 50%;
left: 50%;
height: 2px;
background-color: white;
transform: translate(-50%, -50%) rotate(90deg);
border-radius: 15px;
transition: all 0.3s ease-in-out;
}
.accordion-block .accord .item .toggle:hover {
cursor: pointer;
background-color: var(--h-yellow);
}
.accordion-block .accord .item.open .toggle {
background-color: var(--h-yellow);
}
.accordion-block .accord .item.open .toggle:after {
transform: translate(-50%, -50%) rotate(0deg);
}
.accordion-block .accord .item:hover {
cursor: pointer;
}
.accordion-block .accord .item:hover span.title {
color: var(--solace-orange);
}
.accordion-block .accord .item:first-child {
border-top: 1px solid var(--c-lightgrey);
}
.wp-block-column .accordion-block .accord {
padding: 0;
}
@media screen and (max-width: 844px) {
.accordion-block {
padding: 20px 0;
}
.accordion-block .accord .item span.title {
max-width: 92%;
display: inline-block;
}
.accordion-block .accord .item .text {
padding: 20px 0 0 0;
}
.wp-block-column .accordion-block .accord {
padding: 0;
}
}
.advice-block {
position: relative;
padding: 40px 0;
}
.advice-block h4 {
color: var(--h-purple);
text-align: center;
margin: 0 auto;
font-size: 48px;
font-weight: 700;
}
.advice-block .cont {
display: flex;
flex-wrap: wrap;
gap: 40px;
margin-top: 40px;
}
.advice-block .cont .item {
width: calc(25% - 40px);
}
.advice-block .cont .item img {
height: 70px;
width: auto;
margin-bottom: 10px;
}
.advice-block .cont .item p {
margin: 0;
padding: 0;
font-size: 19px;
}
@media screen and (max-width: 844px) {
.advice-block .cont .item {
width: 100%;
text-align: center;
}
}
.areas-block {
position: relative;
background-color: var(--h-yellow);
}
.areas-block .cont {
display: flex;
flex-wrap: wrap;
}
.areas-block .cont .col {
width: 50%;
padding: 70px 0;
position: relative;
overflow: hidden;
}
.areas-block .cont .col h4 {
font-size: 48px;
font-weight: 700;
color: var(--h-purple);
margin: 0;
}
.areas-block .cont .col p {
max-width: 95%;
}
.areas-block .cont .col ul {
margin-top: 20px;
-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
column-count: 3;
column-gap: 20px;
}
.areas-block .cont .col ul li {
list-style: none;
padding: 0;
}
.areas-block .cont .col ul li:before {
display: none;
}
.areas-block .cont .col:nth-child(2) {
padding: 0;
}
.areas-block .cont .col:nth-child(2) svg {
height: calc(100% + 40px);
top: -10px;
right: 0;
width: auto;
position: absolute;
}
.cls-4vasdf {
stroke-dasharray: 10;
animation: dash 125s infinite;
}
.cls-3vasdf {
stroke-dasharray: 5;
animation: dash 125s infinite;
}
@keyframes dash {
to {
stroke-dashoffset: 1000;
}
}
@media screen and (max-width: 844px) {
.areas-block .cont {
padding: 30px 0 0;
}
.areas-block .cont .col {
width: 100%;
padding: 0 20px;
}
.areas-block .cont .col ul {
column-count: 2;
-webkit-column-count: 2;
}
.areas-block .cont .col:nth-child(2) {
height: 550px;
padding: 30px 0 0;
}
.areas-block .cont .col:nth-child(2) svg {
width: 100%;
}
}
.bar-block {
position: relative;
width: 100%;
background-color: var(--bs-red);
padding: 30px 60px;
box-sizing: border-box;
}
.bar-block .container .cont {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 30px;
}
.bar-block .container .cont h2 {
color: white;
margin: 0;
padding: 0;
}
.bar-block .container .cont ul {
width: 40%;
}
.bar-block .container .cont ul li {
color: white;
}
.bar-block .container .cont a {
width: 15%;
color: white;
text-align: center;
border-color: white;
font-size: 16px;
font-weight: 300;
padding: 11px 20px 12px;
}
.bar-block .container .cont a:hover {
background-color: white;
color: red;
}
@media screen and (max-width: 844px) {
.bar-block {
padding: 30px 20px;
}
.bar-block .container .cont {
text-align: center;
}
.bar-block .container .cont a {
padding: 15px 55px;
}
}
.boxes-block {
position: relative;
}
.boxes-block h2 {
color: var(--obj-blue);
padding: 10px 20px;
}
.boxes-block .boxes {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
}
.boxes-block .boxes .box {
width: 32%;
border: 1px solid black;
padding: 30px;
box-sizing: border-box;
margin: 15px 0;
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: flex-start;
text-decoration: none;
transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
position: relative;
}
.boxes-block .boxes .box .container {
text-align: center;
}
.boxes-block .boxes .box .container img {
width: 80%;
height: 100px;
object-fit: contain;
transition: all 0.4s ease-in-out;
}
.boxes-block .boxes .box .container h3 {
font-size: 22px;
color: var(--bs-red);
margin: 0;
transition: all 0.4s ease-in-out;
}
.boxes-block .boxes .box .container p {
font-size: 14px;
transition: all 0.4s ease-in-out;
}
.boxes-block .boxes .box:hover {
background-color: black;
}
.boxes-block .boxes .box:hover .container img {
filter: brightness(0) invert(1);
}
.boxes-block .boxes .box:hover .container h3, .boxes-block .boxes .box:hover .container p {
color: white;
}
.wp-block-column .boxes-block {
padding: 0;
}
@media screen and (max-width: 844px) {
.boxes-block .boxes .box {
width: 100%;
margin: 5px 0;
}
}
.breadcrumbs-block {
position: relative;
position: relative;
padding: 20px 20px !important;
}
.breadcrumbs-block .dev {
left: -150px;
}
.call-our-team-block {
padding: 60px 20px !important;
position: relative;
}
.call-our-team-block h2 {
margin: 0;
padding: 3px 0;
}
.call-our-team-block h2 a {
text-decoration: none;
color: var(--miag-blue);
}
.call-our-team-block h2 a:hover {
color: var(--miag-dblue);
}
.call-our-team-block p {
margin: 0;
padding: 0;
}
.call-our-team-block p a {
text-decoration: none;
color: var(--miag-grey);
}
.call-our-team-block p a:hover {
color: var(--miag-blue);
}
.contact-bar-block {
background-color: black;
overflow: hidden;
position: relative;
}
.contact-bar-block .bg {
position: absolute;
width: 100%;
height: 100%;
top: -200px;
}
.contact-bar-block .bg img {
width: 100%;
object-fit: cover;
}
.contact-bar-block .cont {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 100px 20px;
}
.contact-bar-block .cont .col {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
z-index: 1;
color: white;
}
.contact-bar-block .cont .col .text {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.contact-bar-block .cont .col .text a.emergency {
font-size: 24px;
line-height: 29px;
font-weight: 700;
padding: 5px 0;
position: relative;
text-decoration: none;
display: flex;
flex-wrap: wrap;
align-items: center;
transition: color 0.3s ease-in-out;
margin: 0;
}
.contact-bar-block .cont .col .text a.emergency:hover {
color: var(--bs-red);
}
.contact-bar-block .cont .col .text a.emergency:before {
content: "";
margin-right: 10px;
background: transparent url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/phone.svg) no-repeat center center;
background-size: 40px;
width: 40px;
height: 40px;
position: relative;
}
.contact-bar-block .cont .col .text h2 {
margin: 0;
}
.contact-bar-block .cont .col .text a.btn {
margin-top: 30px;
}
.contact-bar-block .cont .col ul li {
margin: 5px 0;
font-family: "Titillium Web", sans-serif;
}
.contact-bar-block .cont .col img {
height: 750px;
width: 105%;
object-fit: cover;
object-position: center;
margin-left: -5%;
z-index: -1;
}
.contact-bar-block .cont:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #00000080;
}
@media screen and (max-width: 844px) {
.intro-block .cont {
padding: 0;
}
.intro-block .cont .col {
width: 100% !important;
}
.intro-block .cont .col .text {
padding: 0 20px;
}
.intro-block .cont .col .text a {
margin-top: 20px;
}
.intro-block .cont .col img {
margin-left: 0;
width: 100%;
}
}
[data-type="acf/form"] .form-block {
min-height: 38px;
background-color: #f7f7f7;
}
[data-type="acf/form"] .form-block:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: transparent;
z-index: 100;
top: 0;
}
.contact-block {
position: relative;
}
.contact-block form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
position: relative;
padding: 0 0 20px;
}
.contact-block form .col {
width: 49%;
}
.contact-block form label {
width: 100%;
display: inline-block;
font-family: "PT Serif", serif;
font-weight: 500;
font-size: 14px;
line-height: 14px;
color: #757575;
padding: 0;
margin: 15px 0 0;
font-family: "Titillium Web", sans-serif;
}
.contact-block form label span {
width: 100%;
display: inline-block;
margin-top: 10px;
}
.contact-block form label span input {
box-sizing: border-box;
padding: 20px;
width: 100%;
box-sizing: border-box;
border: 1px solid #cecece;
border-radius: 0px;
background-color: white;
transition: background-color 0.3s ease-in-out;
}
.contact-block form label span input:focus {
background-color: #f6f6f6;
}
.contact-block form label span textarea {
box-sizing: border-box;
padding: 20px;
width: 100%;
box-sizing: border-box;
border: 1px solid #cecece;
border-radius: 0px;
background-color: white;
transition: background-color 0.3s ease-in-out;
height: 180px;
}
.contact-block form label .wpcf7-not-valid-tip {
font-size: 12px;
margin: 5px 0;
padding: 0;
display: inline-block;
}
.contact-block form label.full {
width: 100%;
}
.contact-block form input[type=submit] {
border-color: #e0eef7;
width: 55%;
background-color: var(--j-blue);
border: none;
margin-top: 10px !important;
padding: 21px 50px !important;
}
.contact-block form input[type=submit]:hover {
cursor: pointer;
background-color: var(--j-dblue);
padding: 18px 50px 18px 50px;
}
.contact-block form .wpcf7-response-output {
width: 100%;
text-align: center;
border: none;
padding: 0;
position: relative;
bottom: 0;
margin: 0;
font-family: "PT Serif", serif;
color: var(--solace-orange);
}
.contact-block form .wpcf7-spinner {
position: absolute;
bottom: 14px;
left: 50%;
transform: translate(-50%, 0);
}
.contact-block p.disclaimer {
font-size: 12px;
line-height: 20px;
color: #0A2433;
margin: 0;
padding: 0;
}
.wp-block-columns .contact-block {
padding: 0;
}
@media screen and (max-width: 844px) {
.contact-block .intro {
padding: 0 20px;
}
.contact-block .intro h1 {
margin-bottom: 20px;
}
.contact-block .intro p {
line-height: 32px;
}
.contact-block .content {
margin-top: 0;
padding: 0px;
}
.contact-block .content .col {
width: 100% !important;
}
.contact-block .content .col form label {
width: 100%;
}
}
.curriculum-block {
display: flex;
flex-wrap: wrap;
}
.curriculum-block .col {
width: 50%;
position: relative;
min-height: 550px;
}
.curriculum-block .col img {
width: 275px;
height: 330px;
display: inline-block;
object-fit: cover;
object-position: center;
border-radius: 8px;
position: relative;
transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
opacity: 0;
}
.curriculum-block .col .text {
width: 90%;
}
.curriculum-block .col .text .item {
padding-left: 45px;
position: relative;
}
.curriculum-block .col .text .item p {
font-size: 14px;
line-height: 17px;
padding: 5px 0;
margin: 0;
}
.curriculum-block .col .text .item p.title {
font-size: 17px;
color: var(--miag-blue);
margin-top: 6px;
font-family: "Titillium Web", sans-serif;
display: inline-block;
}
.curriculum-block .col .text .item:before {
content: "";
width: 30px;
height: 30px;
background: transparent url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/circle-tick.svg) no-repeat top center;
background-size: 28px;
position: absolute;
top: 7px;
left: 0;
}
.curriculum-block .col .text .button {
margin-top: 40px !important;
}
.curriculum-block .col img:nth-child(1) {
z-index: 2;
}
.curriculum-block .col img:nth-child(2) {
position: absolute;
left: 200px;
top: 160px;
z-index: 1;
transition-delay: 200ms;
}
.curriculum-block .col.is-inview img {
opacity: 1;
}
.curriculum-block .col.is-inview img:nth-child(1) {
transform: rotate(9deg);
}
.curriculum-block .col.is-inview img:nth-child(2) {
transform: rotate(-5deg);
}
@media screen and (max-width: 844px) {
.curriculum-block .col {
width: 100%;
min-height: auto;
padding-bottom: 20px;
}
.curriculum-block .col img {
left: -40px;
}
.curriculum-block .col img:nth-child(2) {
left: 30%;
}
.curriculum-block .col:nth-child(1) {
padding-bottom: 180px;
}
}
.double-image-block .content {
max-width: 1140px !important;
padding: 0 !important;
}
.double-image-block .content .wp-block-columns {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 0;
gap: 0;
}
.double-image-block .content .wp-block-columns .wp-block-column {
width: 50%;
flex-basis: auto;
flex-grow: initial;
align-items: center !important;
}
.double-image-block .content .wp-block-columns .wp-block-column figure {
height: 100%;
}
.double-image-block .content .wp-block-columns .wp-block-column figure img {
height: 100%;
max-height: 450px;
object-fit: cover;
object-position: center;
}
@media screen and (max-width: 844px) {
.double-image-block {
padding: 0 20px;
}
.double-image-block .content .wp-block-columns .wp-block-column:nth-child(1) {
padding: 20px !important;
box-sizing: border-box;
}
.double-image-block .content .wp-block-columns .wp-block-column:nth-child(2) figure img {
min-height: 380px;
}
}
.download-list-block .cont .item a {
font-size: 14px;
color: var(--obj-grey);
display: inline-block;
margin: 2px 0;
}
.download-list-block .cont .item a[href$=".pdf"] {
background: url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/pdf.svg) left center no-repeat;
padding: 5px 0 5px 25px;
background-size: 18px;
}
[data-type="acf/form"] .form-block {
min-height: 38px;
background-color: #f7f7f7;
}
[data-type="acf/form"] .form-block:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
background-color: transparent;
z-index: 100;
top: 0;
}
.form-block {
position: relative;
padding: 0;
}
.form-block .bg .content {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
box-sizing: border-box;
padding: 0px 20px !important;
justify-content: space-between;
position: relative;
z-index: 10;
align-items: flex-start;
}
.form-block .bg .content p strong {
font-size: 18px;
margin-top: 10px;
display: inline-block;
width: 100%;
}
.form-block .bg .content .info {
display: none;
}
.form-block .bg .content .info.active {
display: block;
}
.form-block .bg .content select {
padding: 20px 0;
width: 100%;
box-sizing: border-box;
border: none;
border-bottom: 1px solid #757575;
font-family: "PT Serif", serif;
font-weight: 500;
outline-width: 0;
}
.form-block .bg .content form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
position: relative;
padding: 0 0 20px;
}
.form-block .bg .content form .col {
width: 49%;
display: flex;
flex-wrap: wrap;
}
.form-block .bg .content form label {
width: 100%;
display: inline-block;
font-family: "PT Serif", serif;
font-weight: 500;
font-size: 14px;
line-height: 14px;
color: #757575;
padding: 0;
margin: 5px 0;
font-family: "Titillium Web", sans-serif;
}
.form-block .bg .content form label span {
width: 100%;
display: inline-block;
margin-top: 15px;
}
.form-block .bg .content form label span input {
box-sizing: border-box;
padding: 20px;
width: 100%;
box-sizing: border-box;
border: none;
border-radius: 3px;
background-color: #F5F5F5;
transition: background-color 0.3s ease-in-out;
}
.form-block .bg .content form label span input:focus {
background-color: #f6f6f6;
}
.form-block .bg .content form label span textarea {
padding: 20px;
width: 100%;
box-sizing: border-box;
background-color: #F5F5F5;
border-radius: 5px;
border: none;
height: 137px;
}
.form-block .bg .content form label .wpcf7-not-valid-tip {
font-size: 12px;
margin: 5px 0;
padding: 0;
display: inline-block;
}
.form-block .bg .content form label.full {
width: 100%;
}
.form-block .bg .content form input[type=submit] {
width: 40%;
display: inline-block;
padding: 20px 55px !important;
border: none;
margin-left: auto;
border-radius: 8px;
margin-top: 15px;
}
.form-block .bg .content form input[type=submit]:hover {
cursor: pointer;
padding: 20px 55px !important;
}
.form-block .bg .content form .wpcf7-response-output {
width: 100%;
text-align: center;
border: none;
padding: 0;
position: relative;
bottom: 0;
margin: 0;
font-family: "PT Serif", serif;
color: var(--solace-orange);
}
.form-block .bg .content form .wpcf7-spinner {
position: absolute;
bottom: 14px;
left: 50%;
transform: translate(-50%, 0);
}
.form-block .bg .content p.disclaimer {
font-size: 12px;
line-height: 20px;
color: #0A2433;
margin: 0;
padding: 0;
}
.form-block .bg .content ul {
margin-left: 0;
}
.form-block .bg .content ul li {
position: relative;
color: var(--miag-blue);
list-style: none;
padding: 9px 0 6px 45px;
}
.form-block .bg .content ul li:before {
content: "";
width: 30px;
height: 30px;
background: transparent url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/circle-tick.svg) no-repeat top center;
background-size: 28px;
position: absolute;
top: 7px;
left: 0;
}
.form-block .bg.white .content .col ul li {
color: white;
}
.form-block .bg.white .content .col form label {
color: white;
}
.form-block .bg.white .content .col form input[type=submit] {
background-color: var(--miag-blue);
}
.wp-block-columns .contact-block {
padding: 0;
}
@media screen and (max-width: 844px) {
.form-block .bg .content {
padding: 20px !important;
}
.form-block .bg .content .col {
width: 100% !important;
}
.form-block .bg .content .col form label {
width: 100%;
}
}
.gallery-block {
background-color: var(--miag-dblue2);
padding: 40px 0 50px;
position: relative;
}
.gallery-block h2 {
margin-bottom: 30px !important;
}
.gallery-block .gallery {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
.gallery-block .gallery a {
width: calc(25% - 8px);
height: 230px;
}
.gallery-block .gallery a img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
position: relative;
transition: all 0.3s ease-in-out;
left: 0;
top: 0;
}
.gallery-block .gallery a:hover img {
width: 104%;
height: 104%;
top: -2%;
left: -2%;
}
@media screen and (max-width: 844px) {
.gallery-block .gallery a {
width: calc(50% - 8px);
height: 150px;
}
}
.grid-block {
position: relative;
display: flex;
flex-wrap: wrap;
}
.grid-block .item {
width: 33.333%;
height: 30vh;
max-height: 320px;
}
.grid-block .item img {
object-fit: cover;
object-position: center;
height: 100%;
width: 100%;
}
@media screen and (max-width: 844px) {
.grid-block .item {
width: 100%;
}
}
.icons-block {
position: relative;
}
.icons-block .cont {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
gap: 20px;
}
.icons-block .cont .item {
width: 25%;
display: inline-block;
text-align: center;
}
.icons-block .cont .item .img {
height: 80px;
width: 165px;
border-radius: 50px;
display: block;
margin: 0 auto;
}
.icons-block .cont .item .img img {
display: inline-block;
height: 100%;
width: auto;
max-width: 90%;
box-sizing: border-box;
padding: 5px;
transition: all 0.3s ease-in-out;
}
.icons-block .cont .item h4 {
font-family: "PT Serif", serif;
font-size: 23px;
font-weight: 100;
margin: 20px 0;
}
.icons-block .cont .item p {
font-size: 13px;
line-height: 21px;
}
.icons-block .cont .item a {
color: var(--hv-orange) !important;
border: none !important;
padding: 0 15px 0 0 !important;
font-weight: 400 !important;
font-size: 12px !important;
font-family: "Titillium Web", sans-serif !important;
}
.icons-block .cont .item a:after {
filter: invert(1) brightness(0) !important;
background-size: 7px !important;
right: 0 !important;
opacity: 1 !important;
}
.icons-block .cont .item a:hover {
background-color: transparent !important;
color: var(--hv-grey) !important;
}
.icons-block .cont .item a:hover:after {
right: -10px !important;
}
.icons-block .slick-slide {
margin: 0 27px;
}
.icons-block .slick-list {
margin: 0 -27px;
}
@media screen and (max-width: 844px) {
.icons-block {
overflow: hidden;
}
.icons-block .cont .item {
height: auto;
width: 50%;
}
}
.image-boxes-block {
position: relative;
}
.image-boxes-block .boxes {
display: flex;
flex-wrap: wrap;
position: relative;
}
.image-boxes-block .boxes .box {
width: 50%;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: flex-start;
text-decoration: none;
transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
position: relative;
background-color: black;
}
.image-boxes-block .boxes .box img {
width: 100%;
height: 450px;
object-fit: cover;
transition: all 0.4s ease-in-out;
position: relative;
opacity: 0.6;
}
.image-boxes-block .boxes .box .container {
text-align: center;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.image-boxes-block .boxes .box .container h3 {
font-size: 32px;
line-height: 36px;
color: white;
margin: 0;
transition: all 0.4s ease-in-out;
}
.image-boxes-block .boxes .box .container p {
font-size: 14px;
transition: all 0.4s ease-in-out;
}
.image-boxes-block .boxes .box .container a {
color: white;
margin-top: 40px;
border: 2px solid white;
background-color: transparent;
}
.image-boxes-block .boxes .box .container a:hover {
border-color: var(--bs-red);
}
.image-boxes-block .boxes .box:hover {
background-color: black;
}
.image-boxes-block .boxes .box:hover .container img {
filter: brightness(0) invert(1);
}
.image-boxes-block .boxes .box:hover .container h3, .image-boxes-block .boxes .box:hover .container p {
color: white;
}
.wp-block-column .boxes-block {
padding: 0;
}
@media screen and (max-width: 844px) {
.image-boxes-block .boxes .box {
width: 100%;
margin: 0;
}
}
.image-content-block .content {
max-width: 1140px !important;
padding: 0 !important;
}
.image-content-block .content .wp-block-columns {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 0;
gap: 0;
}
.image-content-block .content .wp-block-columns .wp-block-column {
width: 50%;
flex-basis: auto;
flex-grow: initial;
align-items: center !important;
}
.image-content-block .content .wp-block-columns .wp-block-column:nth-child(1) {
padding: 40px 60px;
box-sizing: border-box;
}
.image-content-block .content .wp-block-columns .wp-block-column:nth-child(1) > .heading:first-of-type h1, .image-content-block .content .wp-block-columns .wp-block-column:nth-child(1) > .heading:first-of-type h2, .image-content-block .content .wp-block-columns .wp-block-column:nth-child(1) > .heading:first-of-type h3 {
margin-top: 10px;
}
.image-content-block .content .wp-block-columns .wp-block-column:nth-child(2) figure {
height: 100%;
}
.image-content-block .content .wp-block-columns .wp-block-column:nth-child(2) figure img {
height: 100%;
object-fit: cover;
object-position: center;
}
.image-content-block .content.arrange-left .wp-block-columns .wp-block-column:nth-child(1) {
order: 2;
}
.image-content-block .content.arrange-left .wp-block-columns .wp-block-column:nth-child(2) {
order: 1;
}
@media screen and (max-width: 844px) {
.image-content-block {
padding: 0 20px;
}
.image-content-block .content .wp-block-columns .wp-block-column:nth-child(1) {
padding: 20px !important;
box-sizing: border-box;
}
.image-content-block .content .wp-block-columns .wp-block-column:nth-child(2) figure img {
min-height: 380px;
}
}
.info-block {
background-color: black;
overflow: hidden;
position: relative;
}
.info-block .bg {
position: absolute;
width: 100%;
height: 100%;
top: -200px;
}
.info-block .bg img {
width: 100%;
min-height: 800px;
object-fit: cover;
}
.info-block .cont {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 100px 20px;
}
.info-block .cont .col {
width: 55%;
display: flex;
flex-wrap: wrap;
align-items: center;
z-index: 1;
color: white;
}
.info-block .cont .col .text a {
margin-top: 30px;
}
.info-block .cont .col ul li {
margin: 5px 0;
font-family: "Titillium Web", sans-serif;
}
.info-block .cont .col img {
height: 650px;
width: 105%;
object-fit: cover;
object-position: center;
margin-left: -5%;
z-index: -1;
}
.info-block .cont .col:nth-child(2) {
z-index: 2;
width: 35%;
}
.info-block .cont:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #00000080;
}
@media screen and (max-width: 844px) {
.info-block .bg {
top: auto;
}
.info-block .bg img {
height: 100%;
}
.info-block .cont {
padding: 40px 20px;
}
.info-block .cont .col {
width: 100% !important;
margin: 20px 0;
}
}
.intro-block {
background-color: var(--h-purple);
padding: 0;
position: relative;
}
.intro-block .container {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.intro-block .container .col {
color: white;
width: 60%;
padding: 40px 50px 40px 0;
box-sizing: border-box;
}
.intro-block .container .col .heading, .intro-block .container .col .paragraph {
padding: 0;
}
.intro-block .container .col h2 {
margin-top: 0;
padding-top: 0;
color: var(--h-yellow);
}
.intro-block .container .col:nth-child(2) {
width: 40%;
}
.intro-block .container .col:nth-child(2) img {
display: block;
top: 0;
position: absolute;
width: 50vw;
height: 100%;
object-fit: cover;
object-position: center;
}
@media screen and (max-width: 844px) {
.intro-block .container {
padding: 0;
}
.intro-block .container .col {
width: 100% !important;
padding: 0;
}
.intro-block .container .col > .cont {
padding: 20px 30px;
}
.intro-block .container .col form input[type=submit] {
width: 100%;
}
.intro-block .container .col:nth-child(2) img {
position: relative;
width: 100%;
}
}
.left-right-block .content .item {
display: flex;
flex-wrap: wrap;
margin: 40px 0 60px;
}
.left-right-block .content .item .col {
width: 70%;
padding-right: 40px;
box-sizing: border-box;
}
.left-right-block .content .item .col img {
width: 100%;
height: auto;
transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
opacity: 0;
}
.left-right-block .content .item .col h3 {
color: var(--miag-dblue);
margin-bottom: 10px;
}
.left-right-block .content .item .col a.btn {
margin-top: 20px !important;
display: inline-block !important;
}
.left-right-block .content .item .col:nth-child(2) {
width: 30%;
padding-right: 0;
}
.left-right-block .content .item.is-inview img {
transform: rotate(6deg);
opacity: 1;
}
.left-right-block .content .item:nth-child(2n) .col:nth-child(1) {
order: 2;
padding-right: 0;
}
.left-right-block .content .item:nth-child(2n) .col:nth-child(2) {
order: 1;
padding-right: 40px;
}
.left-right-block .content .item:nth-child(2n).is-inview img {
transform: rotate(-6deg);
opacity: 1;
}
@media screen and (max-width: 844px) {
.left-right-block .content .item {
margin: 20px 0;
}
.left-right-block .content .item .col {
width: 100% !important;
padding: 0 !important;
}
.left-right-block .content .item .col img {
margin: 30px 0;
}
.left-right-block .content .item .col:nth-child(1) {
order: 2 !important;
}
.left-right-block .content .item .col:nth-child(2) {
order: 1 !important;
}
}
.line-block {
position: relative;
width: 100%;
height: 2px;
background-color: var(--giraffe-purple);
}
.maps-block .content {
border: 1px solid var(--hv-llgrey);
max-width: 1140px !important;
padding: 0 !important;
}
.maps-block .content .wp-block-columns {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 0;
gap: 0;
}
.maps-block .content .wp-block-columns .wp-block-column {
width: 50%;
flex-basis: auto;
flex-grow: initial;
align-items: center !important;
}
.maps-block .content .wp-block-columns .wp-block-column:nth-child(1) {
padding: 40px;
box-sizing: border-box;
}
.maps-block .content .wp-block-columns .wp-block-column:nth-child(1) > .heading:first-of-type h1, .maps-block .content .wp-block-columns .wp-block-column:nth-child(1) > .heading:first-of-type h2, .maps-block .content .wp-block-columns .wp-block-column:nth-child(1) > .heading:first-of-type h3 {
margin-top: 10px;
}
.maps-block .content .wp-block-columns .wp-block-column:nth-child(2) figure {
height: 100%;
}
.maps-block .content .wp-block-columns .wp-block-column:nth-child(2) figure img {
height: 100%;
object-fit: cover;
object-position: center;
}
.maps-block .content .wp-block-columns .wp-block-column:nth-child(2) iframe {
width: 100%;
}
.maps-block .content.arrange-left .wp-block-columns .wp-block-column:nth-child(1) {
order: 2;
}
.maps-block .content.arrange-left .wp-block-columns .wp-block-column:nth-child(2) {
order: 1;
}
@media screen and (max-width: 844px) {
.maps-block {
padding: 0 20px;
}
.maps-block .content .wp-block-columns .wp-block-column:nth-child(1) {
padding: 20px !important;
}
}
.menu-block {
position: relative;
}
.menu-block .items {
padding: 40px 0 40px 40px;
box-sizing: border-box;
}
.menu-block .items a {
display: inline-block;
width: 100%;
font-size: 14px;
padding: 6px 0;
font-weight: 600;
text-decoration: none;
transition: color 0.3s ease-in-out;
}
.menu-block .items a:hover {
color: var(--hv-orange);
cursor: pointer;
}
@media screen and (max-width: 844px) {
.menu-block .items {
padding: 0;
}
}
.mobile-block {
padding: 100px 0;
}
.mobile-block .swiper-wrapper {
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
}
.mobile-block .swiper-wrapper .swiper-slide {
background-image: url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/phone.svg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 300px;
height: 600px;
margin: 0 40px;
padding: 37px 15px 0;
box-sizing: border-box;
}
.mobile-block .swiper-wrapper .swiper-slide img {
display: block;
width: 271px;
height: 488px;
object-fit: cover;
object-position: top center;
}
.mobile-block .swiper-slide-shadow-left, .mobile-block .swiper-slide-shadow-right {
display: none;
}
@media screen and (max-width: 844px) {
.mobile-block {
padding: 0 0 50px;
width: 100%;
overflow: hidden;
}
}
.news-block {
text-align: center;
}
.news-block .news {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 30px;
}
.news-block .news .item {
flex: 1 1 40%;
background-color: #f6f6f6;
padding: 20px 30px;
box-sizing: border-box;
border-radius: 10px;
text-align: left;
}
.news-block .news .pagination {
width: 100%;
display: flex;
flex-wrap: wrap;
}
.news-block .news .pagination .current {
background-color: var(--hv-orange);
color: white;
height: 30px;
width: 30px;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
}
.news-block .news .pagination a {
background-color: var(--hv-grey);
color: white;
height: 30px;
width: 30px;
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 2px;
text-decoration: none;
}
.news-block .news .pagination a:hover {
background-color: var(--hv-orange);
}
.news-block .news .pagination a.next, .news-block .news .pagination a.prev {
background-color: transparent;
width: auto;
color: var(--hv-grey);
margin: 0 10px;
}
.news-block .news .pagination a.next:hover, .news-block .news .pagination a.prev:hover {
color: var(--hv-orange);
}
.process-block {
max-width: 920px;
padding: 40px 0 100px;
}
.process-block .cont {
display: flex;
flex-wrap: wrap;
position: relative;
}
.process-block .cont:after {
content: "";
width: 200vw;
height: 2px;
background-color: var(--f-lblue);
position: absolute;
bottom: -42px;
left: -100vw;
}
.process-block .cont .swiper-wrapper {
justify-content: center;
}
.process-block .cont .swiper-wrapper .item {
width: 20%;
width: 250px;
opacity: 0;
transition: all 0.4s ease-in-out;
}
.process-block .cont .swiper-wrapper .item .circle {
height: 150px;
width: 150px;
border-radius: 150px;
background-color: var(--obj-blue);
display: flex;
align-items: center;
justify-content: center;
position: relative;
color: white;
text-align: center;
text-transform: uppercase;
font-weight: 600;
padding: 20px;
box-sizing: border-box;
margin: 0 auto;
margin-bottom: 30px;
}
.process-block .cont .swiper-wrapper .item .circle img {
width: 80%;
height: 80%;
}
.process-block .cont .swiper-wrapper .item .circle:after {
content: "";
left: 50%;
width: 2px;
height: 20px;
}
.process-block .cont .swiper-wrapper .item h4 {
padding: 0;
margin: 10px 0;
font-size: 20px;
text-align: center;
color: var(--obj-dblue);
}
.process-block .cont .swiper-wrapper .item p {
padding: 0;
margin: 0;
text-align: center;
}
.process-block .cont .swiper-wrapper .item:after {
content: "";
position: absolute;
top: 20px;
height: 270px;
width: 300px;
background-color: transparent;
left: 50%;
z-index: -1;
border-radius: 50%;
border-top: dashed 2px #9b9b9b;
opacity: 0;
}
.process-block .cont .swiper-wrapper .item:nth-child(2n):after {
border-bottom: dashed 2px #9b9b9b;
top: -145px;
border-top: none;
}
.process-block .cont .swiper-wrapper .item:last-child:after {
display: none;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(1) {
transition-delay: 0.2s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(1):after {
transition-delay: 0.4s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(2) {
transition-delay: 0.4s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(2):after {
transition-delay: 0.8s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(3) {
transition-delay: 0.6s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(3):after {
transition-delay: 1.2s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(4) {
transition-delay: 0.8s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(4):after {
transition-delay: 1.6s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(5) {
transition-delay: 1s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(5):after {
transition-delay: 2s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(6) {
transition-delay: 1.2s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(6):after {
transition-delay: 2.4s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(7) {
transition-delay: 1.4s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(7):after {
transition-delay: 2.8s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(8) {
transition-delay: 1.6s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(8):after {
transition-delay: 3.2s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(9) {
transition-delay: 1.8s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(9):after {
transition-delay: 3.6s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(10) {
transition-delay: 2s;
opacity: 1;
}
.process-block .cont .swiper-wrapper.is-inview .item:nth-child(10):after {
transition-delay: 4s;
opacity: 1;
}
@media screen and (max-width: 844px) {
.process-block {
padding: 40px 10vw 100px;
}
}
.projects-vertical-block {
position: relative;
padding: 40px 0;
box-sizing: border-box;
}
.projects-vertical-block .swiper-vertical {
height: 600px;
overflow: hidden;
}
.projects-vertical-block .swiper-vertical .swiper-slide {
padding: 10px;
box-sizing: border-box;
}
.projects-vertical-block .swiper-vertical .swiper-slide img {
width: 100%;
height: 270px;
object-fit: cover;
object-position: center;
box-shadow: 0 0px 10px black;
border-radius: 5px;
}
.projects-vertical-block .swiper-vertical .swiper-button-prev {
position: absolute;
left: 50%;
transform: rotate(90deg) translate(-50%, 0%);
top: 30px;
bottom: auto;
z-index: 100;
}
.projects-vertical-block .swiper-vertical .swiper-button-prev:after {
color: var(--giraffe-purple);
}
.projects-vertical-block .swiper-vertical .swiper-button-next {
position: absolute;
left: 50%;
transform: rotate(90deg) translate(-50%, 0%);
bottom: -10px;
top: auto;
z-index: 100;
}
.projects-vertical-block .swiper-vertical .swiper-button-next:after {
color: var(--giraffe-purple);
}
@media screen and (max-width: 844px) {
.projects-vertical-block .swiper-vertical .swiper-button-prev {
left: calc(50% - 10px);
}
.projects-vertical-block .swiper-vertical .swiper-button-next {
left: calc(50% - 10px);
}
}
.projects-block {
position: relative;
z-index: 12;
}
.projects-block .swiper {
padding: 0 50px 30px;
overflow: visible;
}
.projects-block .swiper .swiper-wrapper .swiper-slide {
display: flex;
flex-wrap: wrap;
opacity: 0.2 !important;
}
.projects-block .swiper .swiper-wrapper .swiper-slide .col {
display: flex;
flex-wrap: wrap;
align-items: center;
padding-left: 55px;
padding-right: 60px;
width: 55%;
box-sizing: border-box;
}
.projects-block .swiper .swiper-wrapper .swiper-slide .col .cont h2 {
color: var(--giraffe-purple);
margin: 10px 0 20px;
}
.projects-block .swiper .swiper-wrapper .swiper-slide .col .cont h3 {
margin: 0;
}
.projects-block .swiper .swiper-wrapper .swiper-slide .col:first-child {
width: 45%;
padding-left: 60px;
}
.projects-block .swiper .swiper-wrapper .swiper-slide .col:first-child img {
width: 100%;
height: 850px;
display: inline-block;
object-fit: contain;
object-position: bottom center;
}
.projects-block .swiper .swiper-wrapper .swiper-slide .col:last-child {
background-color: white;
}
.projects-block .swiper .swiper-wrapper .swiper-slide.swiper-slide-active {
opacity: 1 !important;
}
.projects-block .swiper .swiper-scrollbar-drag {
background-color: var(--giraffe-purple);
}
.projects-block .swiper .swiper-button-next, .projects-block .swiper .swiper-button-prev {
transition: all 0.3s ease-in-out;
}
.projects-block .swiper .swiper-button-next:after, .projects-block .swiper .swiper-button-prev:after {
color: var(--giraffe-purple);
}
.projects-block .swiper .swiper-button-prev {
left: 15px;
}
.projects-block .swiper .swiper-button-next {
right: 15px;
}
.projects-block:after {
content: "";
position: absolute;
bottom: 28px;
left: 0;
width: 200vw;
height: 2px;
background-color: var(--giraffe-purple);
}
@media screen and (max-width: 844px) {
.projects-block {
overflow: hidden;
}
.projects-block .swiper {
padding: 0;
}
.projects-block .swiper .swiper-wrapper .swiper-slide {
padding: 0 0 80px 0px;
}
.projects-block .swiper .swiper-wrapper .swiper-slide .col {
width: 100% !important;
}
.projects-block .swiper .swiper-wrapper .swiper-slide .col img {
height: auto !important;
width: 100% !important;
}
.projects-block:after {
display: none;
}
.projects-block .swiper-scrollbar {
width: calc(100% - 60px);
left: 30px;
}
}
.quotes-block {
position: relative;
padding: 60px 0;
overflow: hidden;
}
.quotes-block:before {
content: "";
background: var(--h-lpurple) url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/skip-tile.svg) repeat center center;
background-size: 350px;
z-index: 1;
width: 130%;
height: 160%;
left: -15%;
top: -30%;
position: absolute;
transform: rotate(-10deg);
}
.quotes-block .intro {
position: relative;
z-index: 1;
text-align: center;
}
.quotes-block .intro h1 {
margin: 0 0 30px;
color: var(--h-yellow);
}
.quotes-block .intro p {
color: white;
}
.quotes-block .cont {
margin-top: 50px;
z-index: 2;
position: relative;
}
.quotes-block .cont .boxes {
display: flex;
flex-wrap: wrap;
gap: 2%;
}
.quotes-block .cont .boxes .box {
width: 49%;
margin-bottom: 2%;
background-color: white;
border-radius: 15px;
padding: 30px 20px 20px;
box-sizing: border-box;
text-align: center;
color: var(--h-purple);
opacity: 0;
transition: all 0.4s ease-in-out;
transition-property: opacity, transform, filter;
transform: translate(0, 80px);
}
.quotes-block .cont .boxes .box p.title {
font-weight: 400;
font-size: 18px;
color: black;
}
.quotes-block .cont .boxes .box:nth-child(1) {
transition-delay: 0.1s;
}
.quotes-block .cont .boxes .box:nth-child(2) {
transition-delay: 0.2s;
}
.quotes-block .cont .boxes .box:nth-child(3) {
transition-delay: 0.3s;
}
.quotes-block .cont .boxes .box:nth-child(4) {
transition-delay: 0.4s;
}
.quotes-block .cont .boxes .box:nth-child(5) {
transition-delay: 0.5s;
}
.quotes-block .cont .boxes .box:nth-child(6) {
transition-delay: 0.6s;
}
.quotes-block .cont .boxes .box:nth-child(7) {
transition-delay: 0.7s;
}
.quotes-block .cont .boxes .box:nth-child(8) {
transition-delay: 0.8s;
}
.quotes-block .cont .boxes .box:nth-child(9) {
transition-delay: 0.9s;
}
.quotes-block .cont .boxes .box:nth-child(10) {
transition-delay: 1s;
}
.quotes-block .cont.is-inview .boxes .box {
opacity: 1;
transform: translate(0, 0);
}
.wp-block-column .boxes-block {
padding: 0;
}
@media screen and (max-width: 844px) {
.quotes-block .cont .boxes .box {
width: 100%;
margin: 5px 0;
}
.quotes-block:before {
width: 300%;
left: -100%;
}
}
.services-block .boxes {
padding: 0px 0;
display: flex;
flex-wrap: wrap;
gap: 2%;
}
.services-block .boxes .box {
width: 32%;
height: 280px;
position: relative;
margin-bottom: 2%;
}
.services-block .boxes .box .image {
height: 100%;
width: 100%;
}
.services-block .boxes .box .image img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 100%;
width: 100%;
transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
}
.services-block .boxes .box .container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
padding: 40px;
box-sizing: border-box;
text-align: center;
z-index: 2;
}
.services-block .boxes .box .container h3 {
color: white;
}
.services-block .boxes .box .container p {
color: white;
max-height: 0;
opacity: 0;
transition: all 0.4s ease-in-out;
}
.services-block .boxes .box:after {
content: "";
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0);
position: absolute;
top: 0;
left: 0;
z-index: 1;
transition: background-color 0.4s ease-in-out;
}
.services-block .boxes .box:hover .image img {
width: 105%;
height: 105%;
}
.services-block .boxes .box:hover .container p {
max-height: 200px;
opacity: 1;
}
.services-block .boxes .box:hover:after {
background-color: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 844px) {
.services-block .boxes .box {
width: 100%;
}
}
.skips-list-block {
position: relative;
background: var(--h-lpurple);
overflow: hidden;
}
.skips-list-block:before {
content: "";
background: var(--h-lpurple) url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/skip-tile.png) repeat center center;
background-size: 350px;
z-index: 1;
width: 130%;
height: 180%;
left: -15%;
top: -30%;
position: absolute;
transform: rotate(-10deg);
}
.skips-list-block .cont {
text-align: center;
padding: 60px 20px;
box-sizing: border-box;
z-index: 2;
position: relative;
}
.skips-list-block .cont h1 {
margin: 0 0 30px;
color: var(--h-yellow);
}
.skips-list-block .cont p {
color: white;
}
.skips-list-block .cont .products {
display: flex;
flex-wrap: wrap;
margin-top: 70px;
}
.skips-list-block .cont .products .item {
background-color: white;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
text-align: left;
text-decoration: none;
margin-bottom: 30px;
border-radius: 15px;
padding: 20px;
box-sizing: border-box;
opacity: 0;
transform: translate(0, 100px);
transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.skips-list-block .cont .products .item .col {
padding: 0 20px;
box-sizing: border-box;
}
.skips-list-block .cont .products .item .col p {
padding: 0;
font-size: 25px;
color: black;
}
.skips-list-block .cont .products .item .col p.title {
color: var(--h-purple);
font-weight: 600;
}
.skips-list-block .cont .products .item .col img {
width: 100%;
height: auto;
max-height: 100%;
}
.skips-list-block .cont .products .item .col .measurements {
margin-bottom: 15px;
}
.skips-list-block .cont .products .item .col .order {
margin-left: auto;
margin-top: auto;
}
.skips-list-block .cont .products .item .col.price p:nth-child(2) {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
margin: 15px 0;
}
.skips-list-block .cont .products .item .col.price p:nth-child(3) {
font-size: 48px;
color: var(--h-purple);
font-weight: 700;
text-transform: uppercase;
margin: 15px 0;
}
.skips-list-block .cont .products .item .col:nth-child(1) {
align-items: center;
display: flex;
flex-wrap: wrap;
}
.skips-list-block .cont .products .item:hover .col .order {
background-color: var(--h-purple);
color: var(--h-yellow);
cursor: pointer;
padding: 8px 75px 8px 55px;
}
.skips-list-block .cont .products .item:hover .col .order:after {
right: 15px;
opacity: 1;
}
.skips-list-block .cont .products .item .col:nth-child(1) {
width: 20%;
}
.skips-list-block .cont .products .item .col:nth-child(2) {
width: 30%;
}
.skips-list-block .cont .products .item .col:nth-child(3) {
width: 50%;
display: flex;
flex-wrap: wrap;
}
.skips-list-block .cont .products .item .col:nth-child(3) p {
font-size: 17px;
line-height: 21px;
margin-bottom: 15px;
width: 100%;
}
.skips-list-block .cont .products .item:nth-child(1) {
transition-delay: 0.1s;
}
.skips-list-block .cont .products .item:nth-child(2) {
transition-delay: 0.2s;
}
.skips-list-block .cont .products .item:nth-child(3) {
transition-delay: 0.3s;
}
.skips-list-block .cont .products .item:nth-child(4) {
transition-delay: 0.4s;
}
.skips-list-block .cont .products .item:nth-child(5) {
transition-delay: 0.5s;
}
.skips-list-block .cont .products .item:nth-child(6) {
transition-delay: 0.6s;
}
.skips-list-block .cont .products .item:nth-child(7) {
transition-delay: 0.7s;
}
.skips-list-block .cont .products .item:nth-child(8) {
transition-delay: 0.8s;
}
.skips-list-block .cont .products .item:nth-child(9) {
transition-delay: 0.9s;
}
.skips-list-block .cont .products.is-inview .item {
opacity: 1;
transform: translate(0, 0px);
}
@media screen and (max-width: 844px) {
.skips-list-block .cont .products .item .col {
width: 100% !important;
}
.skips-list-block .cont .products .item .col .order {
width: 100%;
text-align: center;
}
}
.skips-block {
position: relative;
margin: 50px 0;
}
.skips-block .skips-swiper .swiper-wrapper .item {
display: flex;
flex-wrap: wrap;
width: 32%;
opacity: 0;
transform: translate(0, 100px);
border: 1px solid #c8c8c8;
padding: 30px 20px 20px;
box-sizing: border-box;
text-decoration: none;
justify-content: center;
transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
}
.skips-block .skips-swiper .swiper-wrapper .item .cont {
text-align: center;
}
.skips-block .skips-swiper .swiper-wrapper .item .cont p {
margin: 0 auto;
padding: 0;
font-size: 25px;
}
.skips-block .skips-swiper .swiper-wrapper .item .cont p.title {
color: var(--h-purple);
font-weight: 600;
}
.skips-block .skips-swiper .swiper-wrapper .item .cont p:nth-child(2) {
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
margin: 15px 0;
}
.skips-block .skips-swiper .swiper-wrapper .item .cont p:nth-child(3) {
font-size: 48px;
color: var(--h-purple);
font-weight: 700;
text-transform: uppercase;
margin: 15px 0;
}
.skips-block .skips-swiper .swiper-wrapper .item .cont p:nth-child(4) {
font-size: 19px;
line-height: 23px;
font-weight: 400;
margin: 0 auto;
margin-top: 20px;
max-width: 80%;
}
.skips-block .skips-swiper .swiper-wrapper .item img {
max-height: 170px;
width: auto;
margin: 20px 0;
}
.skips-block .skips-swiper .swiper-wrapper .item.swiper-slide-visible {
opacity: 1;
}
.skips-block .skips-swiper .swiper-wrapper .item:hover .order {
background-color: var(--h-purple);
color: var(--h-yellow);
cursor: pointer;
padding: 8px 75px 8px 55px;
}
.skips-block .skips-swiper .swiper-wrapper .item:hover .order:after {
right: 15px;
opacity: 1;
}
.skips-block .skips-swiper .swiper-wrapper .item:nth-child(1) {
transition-delay: 0.2s;
}
.skips-block .skips-swiper .swiper-wrapper .item:nth-child(2) {
transition-delay: 0.4s;
}
.skips-block .skips-swiper .swiper-wrapper .item:nth-child(3) {
transition-delay: 0.6s;
}
.skips-block .skips-swiper .swiper-wrapper .item:nth-child(4) {
transition-delay: 0.8s;
}
.skips-block .skips-swiper .swiper-wrapper .item:nth-child(5) {
transition-delay: 1s;
}
.skips-block .skips-swiper .swiper-wrapper .item:nth-child(6) {
transition-delay: 1.2s;
}
.skips-block .skips-swiper .swiper-wrapper .item:nth-child(7) {
transition-delay: 1.4s;
}
.skips-block .skips-swiper .swiper-wrapper .item:nth-child(8) {
transition-delay: 1.6s;
}
.skips-block .skips-swiper .swiper-wrapper .item:nth-child(9) {
transition-delay: 1.8s;
}
.skips-block .skips-swiper .swiper-wrapper.is-inview .item {
opacity: 1;
transform: translate(0, 0px);
}
.skips-block .skips-swiper .swiper-wrapper {
gap: 23px;
}
.skips-block .larger-skip {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 50px;
}
.skips-block .larger-skip p {
font-size: 24px;
font-weight: 600;
color: var(--h-purple);
}
.skips-block .larger-skip p span {
font-size: 40px;
text-transform: uppercase;
font-weight: 700;
}
.skips-block .larger-skip p a {
text-decoration: none;
}
.skips-block .larger-skip p a:hover {
color: var(--h-yellow);
}
@media screen and (max-width: 844px) {
.skips-block .skips-swiper .swiper-wrapper {
flex-wrap: wrap;
}
.skips-block .skips-swiper .swiper-wrapper .item {
width: 100%;
}
.skips-block .larger-skip p {
text-align: center;
}
.skips-block .larger-skip p span {
width: 100%;
display: block;
line-height: 40px;
}
}
.slider-block {
position: relative;
z-index: 10;
background-color: black;
}
.slider-block .bg {
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
}
.slider-block .curve {
position: absolute;
width: 100%;
height: 225px;
bottom: 0;
z-index: 1;
}
.slider-block .curve svg {
height: 100%;
width: 140%;
}
.slider-block .slider {
padding: 0;
}
.slider-block .slider .slick-list {
overflow: visible;
}
.slider-block .slider .slick-list .slick-track {
overflow: hidden;
}
.slider-block .slider .slick-list .slick-track .item {
position: relative;
display: flex;
align-items: center;
height: 70vh;
max-height: 700px;
min-height: 600px;
}
.slider-block .slider .slick-list .slick-track .item img {
display: block;
object-fit: cover;
object-position: center;
height: 100%;
width: 100%;
right: 0;
position: absolute;
opacity: 0.8;
}
.slider-block .slider .slick-list .slick-track .item .video-cont {
position: relative;
height: 100%;
width: 100%;
background: #000;
overflow: hidden;
z-index: 1;
}
.slider-block .slider .slick-list .slick-track .item .video-cont iframe {
position: absolute;
transform: translate(-50%, -50%);
width: 130%;
height: 130%;
left: 50%;
top: 50%;
}
.slider-block .slider .slick-list .slick-track .item .content {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0%);
display: flex;
align-items: center;
justify-content: center;
z-index: 5;
padding: 75px 20px;
}
.slider-block .slider .slick-list .slick-track .item .content .cont {
width: 100%;
transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
transition-delay: 0.2s;
transform: translateY(50%) translateZ(0);
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
opacity: 0;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col {
width: 100%;
padding: 0;
box-sizing: border-box;
justify-content: flex-start;
text-align: center;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col h1, .slider-block .slider .slick-list .slick-track .item .content .cont .col h2, .slider-block .slider .slick-list .slick-track .item .content .cont .col p {
width: 100%;
color: white;
margin: 0 auto;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col p {
margin: 0 auto;
padding-top: 25px;
font-size: 26px;
line-height: 32px;
max-width: 55%;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col h1 {
margin-top: 10px;
color: var(--h-yellow);
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col a {
padding: 15px 35px 13px 35px;
margin: 10px 5px 0;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col a:hover {
padding: 15px 55px 13px 35px;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col:nth-child(2) {
width: 50%;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: flex-end;
}
.slider-block .slider .slick-list .slick-track .item:before {
content: "";
width: 100%;
height: 100%;
background: black;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6278886555) 100%);
z-index: 2;
position: absolute;
bottom: -3px;
left: 0;
}
.slider-block .slider.anim .slick-list .slick-track .item .content .cont {
transform: translate(0%, 0%);
opacity: 1;
}
.slider-block .slider.small .slick-list .slick-track .item {
max-height: 650px;
min-height: 450px;
height: 40vh;
}
.slider-block .arrow-wrapper {
max-width: 1140px;
position: relative;
}
.slider-block .arrow-wrapper .arrow {
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
width: 35px;
height: 35px;
bottom: 0;
z-index: 13;
}
.slider-block .arrow-wrapper .arrow:after, .slider-block .arrow-wrapper .arrow:before {
content: "";
width: 20px;
height: 2px;
border-radius: 3px;
background-color: white;
transform: rotate(-40deg);
position: absolute;
right: 0;
top: 20px;
transition: all 0.3s ease-in-out;
}
.slider-block .arrow-wrapper .arrow:before {
left: 0;
right: auto;
transform: rotate(40deg);
}
.slider-block .arrow-wrapper .arrow:hover {
cursor: pointer;
}
.slider-block .arrow-wrapper .arrow:hover:after, .slider-block .arrow-wrapper .arrow:hover:before {
top: 25px;
}
@media screen and (max-width: 844px) {
.slider-block {
overflow: hidden;
}
.slider-block .slider {
padding: 0;
}
.slider-block .slider .slick-list .slick-track {
overflow: visible;
}
.slider-block .slider .slick-list .slick-track .item {
display: inline-block;
max-height: auto;
min-height: auto;
}
.slider-block .slider .slick-list .slick-track .item .img img {
width: 100%;
}
.slider-block .slider .slick-list .slick-track .item .content .cont {
width: 100%;
background-color: var(--j-lblue);
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col {
width: 100% !important;
padding: 10px 20px 20px;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col p {
font-size: 26px;
line-height: 30px;
max-width: 100% !important;
padding-bottom: 25px;
}
.slider-block .slider .slick-list .slick-track .item .content .cont .col a {
margin: 5px;
}
.slider-block .slider .slick-list .slick-track .item .video-cont iframe {
width: 340%;
height: 130%;
}
.slider-block .slider.small .slick-list .slick-track .item {
min-height: 580px;
}
.slider-block .slider.small .slick-list .slick-track .item .content {
padding: 0 20px;
}
.slider-block .arrow {
transform: translate(-50%, -50%);
display: none;
}
}
.stats-block {
position: relative;
text-align: center;
}
.stats-block h2 {
color: var(--giraffe-purple);
}
.stats-block p {
font-size: 22px;
font-family: "Titillium Web", sans-serif;
font-weight: 600;
}
.stats-block .cont {
margin-top: 60px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 20px;
}
.stats-block .cont .item {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
max-width: 300px;
justify-content: center;
}
.stats-block .cont .item img {
display: inline-block;
width: 180px;
max-height: 140px;
}
.stats-block .cont .item h3 {
width: 100%;
text-align: center;
padding: 0;
margin: 15px 0 5px;
font-size: 40px;
color: var(--giraffe-purple);
}
.stats-block .cont .item p {
width: 100%;
text-align: center;
padding: 0;
margin: 0;
font-size: 20px;
font-family: "Titillium Web", sans-serif;
font-weight: 900;
}
.talk-block {
position: relative;
margin: 30px 0;
}
.talk-block .cont {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.talk-block .cont a {
color: var(--giraffe-grey);
border: 2px solid var(--giraffe-purple);
background-color: white;
}
.talk-block .cont a:hover {
background-color: var(--giraffe-purple);
color: white;
}
@media screen and (max-width: 844px) {
.talk-block .cont h3 {
text-align: center;
}
.talk-block .cont a {
display: inline-block;
margin: 0 auto;
}
}
.team-block .cont {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.team-block .cont .item {
width: 19%;
}
.team-block .cont .item img {
width: 100%;
height: 170px;
display: block;
object-fit: cover;
object-position: center;
}
.team-block .cont .item p {
color: white;
}
@media screen and (max-width: 844px) {
.team-block .cont .item {
width: 100%;
margin: 10px 0;
}
}
.term-dates-block {
position: relative;
padding: 20px 0;
}
.term-dates-block .dev {
right: 0;
left: auto;
}
.term-dates-block h3 {
color: var(--hv-lgrey);
}
.term-dates-block .cont {
padding: 20px 0;
}
.term-dates-block .cont .value {
display: flex;
flex-wrap: wrap;
margin: 7px 0;
position: relative;
}
.term-dates-block .cont .value p {
margin: 0;
padding: 0 0 0 20px;
line-height: 18px;
font-size: 14px;
}
.term-dates-block .cont .value p:after {
content: "";
width: 30px;
height: 100%;
background: transparent url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/arrow-right-orange.svg) no-repeat left center;
background-size: 12px;
position: absolute;
left: 0;
top: 0;
}
@media screen and (max-width: 844px) {
.term-dates-block {
padding: 0;
}
.term-dates-block .cont {
padding: 0;
}
}
.title-block #top-bg {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
width: 1200px;
z-index: -1;
top: 0;
}
.title-block #top-bg img {
width: 100%;
height: auto;
}
.title-block #top-bg.small {
width: 700px;
}
.title-block .cont {
width: 340px;
margin: 0 auto;
text-align: center;
margin-top: 85px;
margin-bottom: 70px;
padding: 80px 0 60px;
min-height: 145px;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.title-block .cont h1 {
color: #fff;
padding: 0;
margin: 0;
font-size: 45px;
line-height: 45px;
font-weight: 600;
}
.title-block .cont p {
color: #fff;
padding: 10px 0;
margin: 0;
font-weight: 400;
font-size: 21px;
}
.title-block .cont:after {
content: "";
width: 60px;
height: 60px;
background: transparent url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/liminal-logo-white.svg) no-repeat center center;
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
}
.title-block .dev {
top: 28px !important;
}
@media screen and (max-width: 844px) {
.title-block {
position: relative;
width: 100%;
overflow: hidden;
top: -25px;
}
.title-block .cont {
padding: 120px 0 60px;
}
}
[data-type="acf/title"] {
position: relative;
}
[data-type="acf/title"] #top-bg {
z-index: 0;
}
.welcome-block {
position: relative;
min-height: 450px;
}
.welcome-block:after {
content: "";
width: 200vw;
height: 1px;
background-color: var(--hv-llgrey);
position: absolute;
bottom: 0;
left: 0;
}
.welcome-block .content .wp-block-columns {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 0;
gap: 0;
}
.welcome-block .content .wp-block-columns .wp-block-column {
width: 50%;
flex-basis: auto;
flex-grow: initial;
align-items: center !important;
}
.welcome-block .content .wp-block-columns .wp-block-column:nth-child(1) {
padding: 40px 60px 40px 0;
box-sizing: border-box;
}
.welcome-block .content .wp-block-columns .wp-block-column:nth-child(1) > .heading:first-of-type h1, .welcome-block .content .wp-block-columns .wp-block-column:nth-child(1) > .heading:first-of-type h2, .welcome-block .content .wp-block-columns .wp-block-column:nth-child(1) > .heading:first-of-type h3 {
margin-top: 10px;
}
.welcome-block .content .wp-block-columns .wp-block-column:nth-child(2) figure {
height: 100%;
}
.welcome-block .content .wp-block-columns .wp-block-column:nth-child(2) figure img {
height: 100%;
object-fit: contain;
object-position: center bottom;
}
.welcome-block .content.arrange-left .wp-block-columns .wp-block-column:nth-child(1) {
order: 2;
}
.welcome-block .content.arrange-left .wp-block-columns .wp-block-column:nth-child(2) {
order: 1;
}
.work-block {
padding: 100px 0px 0;
position: relative;
background: black url(//www.mecskiphire.co.uk/wp-content/themes/holywell/images/pattern-bg.jpg) repeat-y center center;
background-size: cover;
}
.work-block .work-container h2 {
color: white;
}
.work-block .work-container > a {
position: relative;
top: -100px;
}
.work-block .work-container .cont {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 40px 0px;
}
.work-block .work-container .cont .item {
width: calc(50% - 10px);
display: inline-block;
text-decoration: none;
transition: all 0.3s ease-in-out;
z-index: 1;
}
.work-block .work-container .cont .item img {
width: 100%;
height: 450px;
object-fit: cover;
object-position: center;
}
.work-block .work-container .cont .item p.tag {
font-family: "Titillium Web", sans-serif;
color: var(--giraffe-purple);
text-transform: uppercase;
padding: 5px 0;
margin: 0;
font-size: 13px;
font-weight: 600;
}
.work-block .work-container .cont .item h3 {
color: white;
padding: 0;
margin: 0 0 40px;
}
.work-block .work-container .cont .item:hover {
transform: scale(1.1);
z-index: 2;
}
.work-block .work-container .cont .item:nth-child(4n+2) img, .work-block .work-container .cont .item:nth-child(4n+3) img {
height: 300px;
}
.work-block .work-container .cont .item:nth-child(4n) {
top: -149px;
position: relative;
}
.work-block .work-container .cont .item:nth-child(5n) {
top: -149px;
position: relative;
}
.work-block .work-container .cont .item:nth-child(6n) {
top: -149px;
position: relative;
}
.work-block .work-container .cont .item:nth-child(7n) {
top: -149px;
position: relative;
}
.work-block .work-container .cont .item:nth-child(8n) {
top: -149px;
position: relative;
}
.work-block .work-container.two {
padding-bottom: 100px;
}
.work-block .work-container.two > a {
top: 0;
}
.work-block .work-container.two .cont .item:nth-child(4n+2) img, .work-block .work-container.two .cont .item:nth-child(4n+3) img {
height: 450px;
}
@media screen and (max-width: 844px) {
.work-block {
padding: 50px 0 0;
}
.work-block .work-container {
padding: 0 20px 60px;
}
.work-block .work-container .cont .item {
width: 100%;
top: 0 !important;
}
.work-block .work-container > a {
top: auto;
bottom: 0;
}
}
[data-type="core/spacer"] .components-resizable-box__container {
background-color: #f7f7f7;
}#wc-stripe-express-checkout-element iframe{max-width:unset}#wc-stripe-express-checkout-element{margin-bottom:12px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}#wc-stripe-express-checkout-element>div{flex:1;min-width:260px}