/* cmsms stylesheet: lightbox modified: 08/07/25 12:49:08 */
body.lb-disable-scrolling {overflow: hidden;}.lightboxOverlay {position: absolute;top: 0;left: 0;z-index: 9999;background-color: black;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity: 0.8;display: none;}.lightbox {position: absolute;left: 0;width: 100%;z-index: 10000;text-align: center;line-height: 0;font-weight: normal;outline: none;}.lightbox .lb-image {display: block;height: auto;max-width: inherit;max-height: none;border-radius: 3px;/* Image border */border: 4px solid white;}.lightbox a img {border: none;}.lb-outerContainer {position: relative;*zoom: 1;width: 250px;height: 250px;margin: 0 auto;border-radius: 4px;/* Background color behind image.This is visible during transitions. */background-color: white;}.lb-outerContainer:after {content: "";display: table;clear: both;}.lb-loader {position: absolute;top: 43%;left: 0;height: 25%;width: 100%;text-align: center;line-height: 0;}.lb-cancel {display: block;width: 32px;height: 32px;margin: 0 auto;background: url(https://ik.imagekit.io/webtactics/gloucester-pre-school/uploads/gps/images/loading.gif) no-repeat;}.lb-nav {position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}.lb-container > .nav {left: 0;}.lb-nav a {outline: none;background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');}.lb-prev, .lb-next {height: 100%;cursor: pointer;display: block;}.lb-nav a.lb-prev {width: 34%;left: 0;float: left;background: url(https://ik.imagekit.io/webtactics/gloucester-pre-school/uploads/gps/images/prev.png) left 48% no-repeat;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;-webkit-transition: opacity 0.6s;-moz-transition: opacity 0.6s;-o-transition: opacity 0.6s;transition: opacity 0.6s;}.lb-nav a.lb-prev:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}.lb-nav a.lb-next {width: 64%;right: 0;float: right;background: url(https://ik.imagekit.io/webtactics/gloucester-pre-school/uploads/gps/images/next.png) right 48% no-repeat;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity: 0;-webkit-transition: opacity 0.6s;-moz-transition: opacity 0.6s;-o-transition: opacity 0.6s;transition: opacity 0.6s;}.lb-nav a.lb-next:hover {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}.lb-dataContainer {margin: 0 auto;padding-top: 5px;*zoom: 1;width: 100%;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}.lb-dataContainer:after {content: "";display: table;clear: both;}.lb-data {padding: 0 4px;color: #ccc;}.lb-data .lb-details {width: 85%;float: left;text-align: left;line-height: 1.1em;}.lb-data .lb-caption {font-size: 13px;font-weight: bold;line-height: 1em;}.lb-data .lb-caption a {color: #4ae;}.lb-data .lb-number {display: block;clear: left;padding-bottom: 1em;font-size: 0px;color: transparent;}.lb-data .lb-close {display: block;float: right;width: 30px;height: 30px;background: url(https://ik.imagekit.io/webtactics/gloucester-pre-school/uploads/gps/images/close.png) top right no-repeat;text-align: right;outline: none;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: 0.7;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;transition: opacity 0.2s;}.lb-data .lb-close:hover {cursor: pointer;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
/* cmsms stylesheet: changs-grid-topnav modified: 08/07/25 12:49:08 */
/* assign the images path to a variable */:root {--primary: hsla(357.7, 85.31%, 51.96%, 1);--primarylight: #EE8D90;--primarydark: hsla(211,58%,43%,1);--primarybutton: #B11112;--white: #ffffff;--white10: hsla(0,0%,100%,0.1);--white50: hsla(0,0%,100%,0.5);--white80: hsla(0,0%,100%,0.8);--lightgrey: #ebebeb;--darkgrey: #808080;--red: #ED1C24;--text: #6A6A6A;--black: hsla(0,0%,0%,1);--black40: hsla(0,0%,0%,0.4);--black60: hsla(0,0%,0%,0.6);--black80: hsla(0,0%,0%,0.8);--mattblack: hsla(214,12%,11%,0.95);--green: hsla(144, 80%, 22%, 1);--headerheight: 120px;--navtopheight: 40px;--navbottomheight: 80px;}.mobilemenu {padding:0 0 1rem 0;}.smalltextwrapper {display: flex;justify-content: flex-start;align-items: center;height: 4rem;line-height: 4rem;background: var(--black);color: var(--white);font-family: 'Roboto', sans-serif;font-weight:400;}.mobilewrapper {height:4rem;line-height:4rem;display: flex;justify-content: flex-end;align-items: center;background: var(--primary);}.offcanvas .smalltextwrapper h3 {padding-left: 0.5rem;font-size:1.3rem;color: var(--white);text-align: left;font-family: 'Roboto', sans-serif;font-weight:400;font-style: normal;height: 4rem ;line-height: 4rem;margin: 0 0 2px 0;background: transparent;}.offcanvas .mobilesearch h3  {padding-left: 0.5rem;font-size:1.3rem;color: var(--black);text-align: left;background: var(--white);font-family: 'Roboto', sans-serif;font-weight:400;font-style: normal;height: 2rem ;line-height: 2rem;margin: 0 0 2px 0;}.mobilesearch {padding:1rem 0;}ul.off-canvas-list, ul.second {list-style-type: none;margin: 0;padding: 0;}ul.off-canvas-list li a {display: block;color: var(--black);background: var(--white);padding: 0.5rem;border-bottom: 1px solid var(--lightgrey);transition: background 300ms ease;font-weight: normal;font-size: 0.9rem;text-decoration: none;text-transform: uppercase;}ul.off-canvas-list li a:hover, ul.off-canvas-list li a:focus {color: var(--primary);background: var(--white);font-weight: bold;text-decoration: none;}ul.off-canvas-list > li.current > a, ul.off-canvas-list > li.menuactive > a {color: var(--primary);background-color: var(--white); font-weight: bold;}ul.off-canvas-list > li.menuparent.menuactive > a.menuparent.menuactive {color: var(--primary);background-color: var(--white); font-weight: bold;}ul.off-canvas-list > li.parent > a {color: var(--primary);background-color: var(--black); font-weight: bold;}ul.off-canvas-list > li.parent > a:hover {color: var(--white);background-color: var(--primary); font-weight: bold;}ul.off-canvas-list li ul.second li a {display: block;color: var(--black);background: var(--white);padding: 0.4rem 1.5rem;border-bottom: 1px solid var(--primarylight);transition: background 300ms ease;font-weight: normal;font-size: 90%;}ul.off-canvas-list li ul.second li a:hover {display: block;color: var(--white);background: var(--primary);padding: 0.4rem 1.5rem;border-bottom: 1px solid var(--primarylight);transition: background 300ms ease;font-weight: normal;font-size: 90%;}ul.off-canvas-list li ul.second li.menuactive a {display: block;color: var(--white);background: var(--primary);padding: 0.4rem 1.5rem;border-bottom: 1px solid var(--primary);transition: background 300ms ease;font-weight: normal;font-size: 90%;}.navbar {background: var(--black);}/* All */.navbar-menu a {display: block;padding: 0 2rem;text-decoration: none;background: var(--white);line-height: var(--navbottomheight);}@media (max-width: 1100px) {.navbar-menu a {padding: 0 1rem;}}/* Top-level */.navbar > .navbar-menu > li > a {display: inline-block;color: var(--white);background: transparent;font-family: 'Roboto' , sans-serif;font-size: 20px;font-style: normal;font-weight: 600;letter-spacing: 0.8px;text-transform: uppercase;}.navbar > .navbar-menu > li > a.current {display: inline-block;color: var(--primary);background: transparent;font-family: 'Roboto' , sans-serif;font-size: 20px;font-style: normal;font-weight: 600;letter-spacing: 0.8px;text-transform: uppercase;}.navbar > .navbar-menu > li > a:hover,.navbar > .navbar-menu > li > a:focus {background: var(--black);color: var(--primary);}.navbar-menu {display: flex;justify-content: flex-end;}.navbar-menu,.navbar-menu ul {margin: 0;padding: 0;list-style: none;}/* Nested */.navbar-menu ul {position: absolute;left: 0;top: 100%;visibility: hidden;opacity: 0;width: 14rem;}.navbar-menu ul a {color: var(--white);text-align: left;background-color: var(--black);}.navbar-menu ul a:hover,.navbar-menu ul a:focus {background: var(--white);color: var(--black);line-height:50px;}ul.navbar-menu li ul a {text-transform: uppercase;line-height:50px;}ul.navbar-menu li ul li.current a.current {background: var(--white);color: var(--primary);}ul.navbar-menu li ul li {border-bottom: 1px solid var(--primarylight);line-height:50px;}ul.navbar-menu li ul li:first-child {border-bottom: 1px solid var(--primarylight);border-top: 1px solid var(--primarylight);}ul.navbar-menu li ul li ul li {border-bottom: 1px solid var(--primarylight);border-left: 1px solid var(--primarylight);line-height:50px;}.navbar-menu ul > li > ul {left: 100%;top: 0;line-height:50px;}.navbar-menu li {position: relative;}/*HACK: Prevents box shadow from child dropdownsfrom overlapping its parent dropdown*/.navbar-menu li.parent> a {position: relative;}.navbar-menu li.parent> a:after {position: absolute;content: '';top: 0;right: 0;height: 100%;width: 1rem;background: inherit;z-index: 999;}/* ENDHACK */.navbar-menu li:hover > ul,.navbar-menu li:focus-within > ul /* IE11+ only */ {display: block;visibility: visible;opacity: 1;transition-delay: 0s;}ul.navbar-menu li.parent::after {content: '';position: absolute;top: 50%;right: 1rem;margin-top: -3px;height: 0;width: 0;border: 5px solid transparent;border-top-color: transparent;border-top-color: var(--white);}ul.navbar-menu li.parent:hover::after {border-top-color: var(--primary);}ul.navbar-menu li.current.parent::after {border-top-color: var(--primary);}ul.navbar-menu li.current.parent:hover::after {border-top-color: var(--white);}ul.navbar-menu ul li.parent::after {content: '';position: absolute;top: 50%;right: 1rem;margin-top: -3px;width: 0px;height: 0px;border-style: solid;border-width: 5px 0 5px 8px;border-color: transparent transparent transparent var(--white);transform: rotate(0deg);}ul.navbar-menu ul ul li.parent::after {content: '';position: absolute;top: 50%;right: 1rem;margin-top: -3px;width: 0px;height: 0px;border-style: solid;border-width: 5px 0 5px 8px;border-color: transparent transparent transparent transparent;transform: rotate(0deg);}ul.navbar-menu ul ul li.parent::after {content: '';position: absolute;top: 50%;right: 1rem;margin-top: -3px;width: 0px;height: 0px;border:none;transform: rotate(0deg);}ul.navbar-menu ul li.parent:hover::after {content: '';position: absolute;top: 50%;right: 1rem;margin-top: -3px;width: 0px;height: 0px;border-style: solid;border-width: 5px 0 5px 8px;border-color: transparent transparent transparent var(--black);transform: rotate(0deg);}.navbar > .navbar-menu > li.search-icon > a {display: flex;height: var(--navbottomheight);justify-content: center;align-items: center;cursor: pointer;padding: 0 0 0 2rem;}.navbar > .navbar-menu > li.search-icon > a:hover, .navbar > .navbar-menu > li.search-icon > a:focus {background-color: var(--black);cursor: pointer;}svg {color : var(--white);}svg:hover {color : var(--primary);}span.search-icon svg {color : var(--black);float:right;margin: 0 2rem 0 0;}span.search-icon svg:hover {color : var(--primary);}.mobilesearch input[type="text"] {background-color: #FFFFDF;height:3rem;}.modal-body .mobilesearch input[type="text"] {background-color: #FFFFDF;height:2.2rem;}.infoboxmobile svg {color : var(--white);}.infoboxmobile svg:hover {color : var(--black);}ul.infobox, .infoboxmobile {list-style: none;margin: 0;margin-block-start: 0;margin-block-end:0;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 0;}ul.infobox li, ul.infoboxmobile li {float: right;}.social-contact {display: flex;flex-direction: row-reverse;}.social-contact > a {padding-left: 1rem;}.social-contact svg {color : var(--primary);}.social-contact svg:hover {color : var(--black);}@media (max-width: 1024px) {.social-contact  {  display: flex;flex-direction: row;}}ul.infobox a {margin: 0;line-height: var(--navtopheight);padding: 0;border: none;}.infobox > li > a.social-icon {display: flex;height: var(--navtopheight);justify-content: center;align-items: center;cursor: pointer;padding: 0 0 0 2rem;}.infobox > li > a.text-icon {display: flex;height: var(--navtopheight);justify-content: center;align-items: center;cursor: pointer;padding: 0 0 0 2rem;font-size:18px;color: var(--white);text-decoration: none;}.infobox > li > a.text-icon:hover {display: flex;height: var(--navtopheight);justify-content: center;align-items: center;cursor: pointer;padding: 0 0 0 2rem;font-size:18px;color: var(--primary);text-decoration: none;}ul.infoboxmobile a {margin: 0;line-height: 64px;padding: 0;border: none;}.infoboxmobile > li > a.social-icon {display: flex;height: 64px;justify-content: center;align-items: center;cursor: pointer;padding: 0 1rem;}.infoboxmobile > li > a.text-icon {display: flex;height: 64px;justify-content: center;align-items: center;cursor: pointer;padding: 0 0 0 2rem;font-size:18px;color: var(--white);text-decoration: none;}/* footer layout */.footernavwrapper ul.infobox a {margin: 0;line-height: 36px;padding: 0;border: none;}.footernavwrapper .infobox > li > a.social-icon {display: flex;height: 36px;justify-content: center;align-items: center;cursor: pointer;padding: 0 0 0 2rem;}.footernavwrapper .infobox > li > a.text-icon {display: flex;height: 36px;justify-content: center;align-items: center;cursor: pointer;padding: 0 0 0 2rem;font-size:16px;color: var(--white);text-decoration: none;}.footernavwrapper .infobox > li > a.text-icon:hover {display: flex;height: 36px;justify-content: center;align-items: center;cursor: pointer;padding: 0 0 0 2rem;font-size:16px;color: var(--primary);text-decoration: none;}
/* cmsms stylesheet: changs-grid modified: 08/07/25 12:49:08 */
:root {--primary: hsla(357.7, 85.31%, 51.96%, 1);--primarylight: hsla(357.7, 85.31%, 51.96%,0.6);--primarybold: #D1030B;--primarydark: #B11112;--primarybutton: #B11112;--white: #ffffff;--white10: hsla(0,0%,100%,0.1);--white20: hsla(0,0%,100%,0.2);--white50: hsla(0,0%,100%,0.5);--white80: hsla(0,0%,100%,0.8);--lightgrey: #ebebeb;--darkgrey: #808080;--red: #ED1C24;--pink: #FDDFCF;--lightpink: hsla(20.87, 92%, 90.2%, 0.34);--text: #6A6A6A;--black: hsla(0,0%,0%,1);--black20: hsla(0,0%,0%,0.2);--black40: hsla(0,0%,0%,0.4);--black60: hsla(0,0%,0%,0.6);--black80: hsla(0,0%,0%,0.8);--mattblack: hsla(214,12%,11%,0.95);--green: hsla(144, 80%, 22%, 1);--transitionLength: 0.4s;--transitionTiming: ease;--headerheight: 120px;--navtopheight: 40px;--navbottomheight: 80px;}/* Perpetua */@font-face {font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */font-family: Perpetua;font-style: italic;font-weight: 700;src: url('https://webtactics.b-cdn.net/fonts/Perpetua-BoldItalic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}/* roboto-regular - latin */@font-face {font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */font-family: 'Roboto';font-style: normal;font-weight: 400;src: url('https://webtactics.b-cdn.net/fonts//roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}/* roboto-500 - latin */@font-face {font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */font-family: 'Roboto';font-style: normal;font-weight: 500;src: url('https://webtactics.b-cdn.net/fonts/roboto-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}/* roboto-500italic - latin */@font-face {font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */font-family: 'Roboto';font-style: italic;font-weight: 500;src: url('https://webtactics.b-cdn.net/fonts/roboto-v30-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}/* roboto-700 - latin */@font-face {font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */font-family: 'Roboto';font-style: normal;font-weight: 700;src: url('https://webtactics.b-cdn.net/fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */}*, *:before, *:after, *, *::before, *::after  {box-sizing: border-box;}html,body {padding: 0;margin: 0;font-family: 'Roboto', sans-serif;font-size: 16px;line-height: 1.5;background-color: var(--black);scroll-padding-top: var(--navbottomheight);}html {scroll-behavior: smooth;}img, svg, video {max-width: 100%;display: block;}a img {border: 0;}a {text-decoration: none;color: var(--primary);-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}a:hover {text-decoration: none;color: var(--black);-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: 'Perpetua', sans-serif;font-style: normal;font-style: italic;font-weight: 700;color: var(--primary);text-rendering: optimizeLegibility;margin:0 0 1rem;padding:0;text-wrap: balance;line-height: 1.3;}.largetext {font-size: 200%;}.h1, h1 {font-size: 3rem;font-size: clamp(2.5rem, 2vw + 1.5rem, 4rem);line-height: 1;}.h2, h2 {font-size: 2.5rem;font-size: clamp(2.25rem, 2vw + 1.5rem, 3.5rem);}.h3, h3 {font-size: 2rem;font-size: clamp(1.8rem, 2vw + 1.5rem, 2.5rem);}.h4, h4 {font-size: 1.5rem;font-size: clamp(1.5rem, 2vw + 1.5rem, 2rem);}p {font-family: 'Roboto' , sans-serif;font-style: normal;font-weight: normal;color: var(--black);text-rendering: optimizeLegibility;font-size: 1rem;font-size: clamp(16px, 2vw + 1rem, 1.1rem);line-height: 1.5rem;margin: 0 0 1rem 0;padding:0;}.strong {font-weight: 500;}p em {font-style: italic;color: var(--black);}.hide { display: none;}.scrolled .hide-for-scrolled {display: none;}@media (min-width: 1025px) {.hide-for-large {display: none;}}@media (max-width: 1024px) {.hide-for-small {display: none;}}/* layout */.hamburger { grid-area: hamburger; }.navwrapper { grid-area: navwrapper; }.logo { grid-area: logo; }.navrightside { grid-area: navrightside; }.navtopline { grid-area: navtopline; }.navbottomline { grid-area: navbottomline; }.navbottomlinewrapper { grid-area: navbottomlinewrapper; }.search-wrapper { grid-area: search-wrapper; }.headerwrapper {display: grid;grid-template-columns: 100px 1fr 40px;grid-template-areas:"hamburger navwrapper search-wrapper";grid-template-rows: 74px;z-index: 3;}.topbar, .topbar.scrolled  {position: fixed;background-color:var(--black);height:74px;width: 100%;z-index: 3;}@media (min-width: 1025px) {.headerwrapper {display: grid;grid-template-columns:1fr;grid-template-areas:"navwrapper";grid-template-rows: var(--headerheight);-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}.headerwrapper.scrolled {display: grid;grid-template-columns:1fr;grid-template-areas:"navwrapper";grid-template-rows: var(--navbottomheight);-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}.topbar {position: fixed;background-color: var(--black);width: 100%;padding: 0;top: 0px;z-index: 3;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;height: var(--headerheight);}.topbar.scrolled {background-color: var(--black);-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;height: var(--navbottomheight);}}.hamburger {display:none;}.navwrapper {display: grid;grid-template-columns:280px  1fr;grid-template-areas:"logo navrightside";grid-template-rows: var(--headerheight);margin: 0 auto;z-index: 2;width: calc(100vw - 1.25rem);max-width: 1440px;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}.scrolled  .navwrapper {display: grid;grid-template-columns:280px  1fr;grid-template-areas:"logo navrightside";grid-template-rows: var(--navbottomheight);-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}@media (max-width: 1400px) {.navwrapper {width: calc(100vw - 2rem);max-width: 1280px;}}@media (max-width: 1024px) {.navwrapper {display: grid;grid-template-columns:200px  1fr;grid-template-areas:"logo search-wrapper";grid-template-rows: 74px;margin: 0;z-index: 2;width: 100%;max-width: 520px;}.scrolled  .navwrapper {display: grid;grid-template-columns:280px  1fr;grid-template-areas:"logo searchwrapper";grid-template-rows: 74px;width: 100%;max-width: 520px;margin: 0;}}.logo {display: flex;height: var(--headerheight);justify-content:flex-start;align-items: center;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}.scrolled .logo {display: flex;height: var(--navbottomheight);justify-content:flex-start;align-items: center;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}.logo img {max-width:260px;aspect-ratio: 260 / 69;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;height:auto;}.scrolled .logo img {max-width:220px;aspect-ratio: 220 / 59;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;height:auto;}.footernav .logo img {max-width:221px;aspect-ratio: 221 / 59;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}.footernav .scrolled .logo img {max-width:221px;aspect-ratio: 221 / 59;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}@media screen and (max-width: 1024px) {.logo {display: flex;justify-content: flex-end;align-items: center;align-content: end;height: 74px;width:221px;text-align: right;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}.scrolled .logo {display: flex;justify-content: flex-end;align-items: center;align-content: end;height: 74px;width:221px;text-align: right;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}.logo img, .scrolled .logo img  {display: flex;justify-content: flex-end;align-items: center;align-content: end;height: 100%;width : 100%;max-width:221px;max-height:59px;aspect-ratio: 221/ 59;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}.hamburger {display: flex;justify-content: center;align-items: center;height: 74px;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}}.navrightside {display: flex;height: var(--headerheight);flex-direction: column;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}.scrolled .navrightside {display: flex;height: var(--navbottomheight);flex-direction: column;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}.navrightsidetopline {text-align: right;height: var(--navtopheight);-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;padding:8px 0 0 0;}.scrolled .navrightsidetopline {text-align: right;height:0px;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;padding:0;}.navrightsidebottomline {text-align: right;height: var(--navbottomheight);-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}/* footer layout */.footernavwrapper .navwrapper,  .footernavwrapper .scrolled .navwrapper {display: grid;grid-template-columns:280px  1fr;grid-template-areas:"logo navrightside";grid-template-rows: 160px;margin: 0 auto;z-index: 2;width: calc(100vw - 1.25rem);max-width: 1440px;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}.footernavwrapper .logo, .footernavwrapper .scrolled .logo {display: flex;height: 160px;justify-content: flex-start;align-items: center;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}.footernavwrapper  .navrightside {display: flex;height: 160px;flex-direction: column;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}.footernavwrapper  .navrightupperspace {text-align: right;height: 64px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}.footernavwrapper  .navrightsidetopline {text-align: right;height: 36px;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;padding:0;}.footernavwrapper  .navrightsidebottomline {display: flex;height: 30px;justify-content: end;align-items:flex-end;text-align: right;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}.footernavwrapper  .navrightsidebottomline p {color: var(--white);text-align: right;font-size: 0.8rem;padding:0;margin:0;}.footernavwrapper  .navrightlowerspace {text-align: right;height: 20px;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}@media (max-width: 1400px) {.footernavwrapper .navwrapper,  .footernavwrapper .scrolled .navwrapper {width: calc(100vw - 2rem);max-width: 1280px;}}@media (max-width: 1024px) {.footernavwrapper .navwrapper,  .footernavwrapper .scrolled .navwrapper {display: flex;flex-direction: column;}.footernavwrapper .logo, .footernavwrapper .scrolled .logo {display: block;max-width: 221px;max-height: 59px;height:59px;margin:1rem auto;}.footernavwrapper .navrightupperspace {height: 0px;}.footernavwrapper .navrightsidetopline {text-align: left;height: auto;padding:0;}.footernavwrapper  .navrightsidebottomline p {color: var(--white);text-align: center;font-size: 0.8rem;padding:1rem 0;margin:0;}.footernavwrapper .infobox > li > a.text-icon{  display: flex;flex-direction: column;height:auto;padding: 0.25rem;justify-content: left;align-items:flex-start;line-height: 20px;}.footernavwrapper .infobox > li > a.text-icon:hover {display: flex;flex-direction: column;height:auto;padding: 0.25rem;justify-content: left;align-items:flex-start;line-height: 20px;color: var(--primary);}.footernavwrapper .infobox > li > a.social-icon {padding: 0.5rem;justify-content: left;align-items:flex-start;flex-direction: row;float: right;}ul.infobox {display: inline;margin: 0px;list-style-image: none;list-style-position: inside;list-style-type: none;-webkit-margin-before: 0em;-webkit-margin-after: 0em;padding: 0;float:none;}ul.infobox li {display: inline;margin: 0;padding: 0;float: none;text-align: center;}ul.infobox li.hide-for-small {display: none;}.footernavwrapper .navrightsidebottomline{display: flex;height: auto;justify-content: end;align-items: center;text-align:center;padding:1rem 0;}.search-wrapper {display: flex;top:0;right:0;z-index: 5;display: flex;justify-content: center;align-items: center;height: 74px;width: 40px;}.navbar {width:100%;}}/* content layout */.headerspace {height: var(--headerheight);}.container {margin: 0 auto;  background-color: var(--white);}@media (max-width: 1024px) {.container {margin: 0 auto;  background-color: var(--white);}.headerspace {height: 74px;}}.content {margin: 0 auto;padding: 0;width: calc(100vw - 6rem);max-width: 1440px;background-color: var(--white);min-height: 200px;}.content.content1280 {margin: 0 auto;max-width: 1280px;width: calc(100vw - 2rem);padding: 6rem 0;}.content.aboutcontent {display: grid;grid-template-columns: 4fr 3fr;margin: 0 auto;padding: 0;width: calc(100vw - 2rem);max-width: 1280px;background-color: transparent;}.why-changs .content.content1280 {margin: 0 auto;max-width: 1280px;width: calc(100vw - 2rem);padding: 0 0 6rem 0;}.content.content1280 h2, .content.content1280 h3, .content.content1280 h4 {margin: 0 0 2rem 0;color: var(--primary);text-transform: none;font-family: 'Roboto' , sans-serif;font-style: normal;font-weight: 500;}.content.content1280 h2 {font-size: 2rem;font-size: clamp(1.8rem, 2vw + 1.5rem, 2.2rem);}.content.content1280 h3 {font-size: 1.5rem;font-size: clamp(1.4rem, 2vw + 1.5rem, 1.6rem);}.content.content1280 h4 {font-size: 1.3rem;font-size: clamp(1.2rem, 2vw + 1.5rem, 1.4rem);}.why-changs .content.content1280 h2 {font-family: 'Perpetua', sans-serif;font-style: normal;font-style: italic;font-weight: 700;color: var(--primary);text-rendering: optimizeLegibility;margin:0 0 3rem;padding:0;text-wrap: balance;line-height: 1.3;font-size: 3rem;font-size: clamp(2.8rem, 2vw + 1.5rem, 3.2rem);}@media (max-width: 1400px) {.content {max-width: 1280px;width: calc(100vw - 2rem);}}main.content {padding: 0 0 6rem 0;}.content.home {padding: 4rem 0;}.content.home h3 {font-size: 3rem;font-family: 'Perpetua', sans-serif;color: var(--primary);text-align: center;padding: 2rem 0 3rem 0;margin: 0;}.content.redgradientcontent {display: flex;justify-content: center;align-items: center;margin: 0 auto;padding: 0;width: calc(80vw - 2rem);max-width: 1000px;background-color: transparent;min-height: 340px;}.content.redgradientaboutcontent {display: flex;justify-content: center;align-items: center;margin: 0 auto;padding: 0;max-width: 500px;background-color: transparent;min-height: 340px;}.redgradientimgwrapper {display: flex;align-items: flex-end;margin: 0 auto;padding: 0;max-width: 548px;background-color: transparent;position: relative;}.redgradientimgwrapper img {position: relative;bottom:0;right:0;}.redgradientimgwrapper img {max-width:517px;aspect-ratio: 517 / 326;width:100%;}@media (max-width: 799px) {.content.redgradientcontent {padding: 1.5rem 0;width: calc(100vw - 2rem);}.content.aboutcontent {display: grid;grid-template-columns:1fr;margin: 0 auto;padding: 0;width: calc(100vw - 2rem);max-width: 1280px;background-color: transparent;}}.content.redgradientcontent.homepage {padding: 4rem 0;width: calc(100vw - 4rem);max-width: 1440px;}@media (max-width: 1400px) {.content.redgradientcontent.homepage {padding: 3rem 0;width: calc(100vw - 2rem);max-width: 1280px;}}@media (max-width: 1024px) {.content.redgradientcontent.homepage {padding: 2rem 0;width: calc(100vw - 2rem);max-width: 900px;}}.redgradientcontenttextbox {max-width: 80ch;margin:0 auto;}.content.buttonnavbox {margin: 0 auto;padding: 4rem 0 6rem 0;width: calc(80vw - 1rem);max-width: 1000px;background-color: transparent;min-height: 200px;}.content.selectnavbox {margin: 0 auto;padding: 3rem 0 0 0;width: calc(96vw - 1rem);max-width: 1000px;background-color: transparent;min-height: 200px;}.content.emailbgcontainer {margin: 0 auto;padding: 4rem 0;width: calc(100vw - 2rem);max-width: 1440px;background-color: transparent;min-height: 300px;}@media (max-width: 1400px) {.content.emailbgcontainer {max-width: 1280px;}}.content.emailbox {margin: 0 auto 0 0;padding: 0;width: auto;max-width: 700px;background-color: transparent;min-height: 300px;}.emailbox h3 {color: var(--primary);text-transform: none;font-size: 3rem;font-family: 'Perpetua', sans-serif;text-align: left;padding:0.5rem;margin:0;background: var(--white20);}.emailbox p {color:var(--black);font-size:20px;text-align: left;font-family: 'Roboto', sans-serif;font-weight:500;padding: 0.5rem;margin:0;background: var(--white20);}.section.wtb {background-color: var(--white);min-height:600px;width: 100%;}.content.wtbbox {margin: 0 auto;padding: 4rem 0;width: calc(100vw - 2rem);max-width: 940px;background-color: transparent;min-height: 300px;}.changs-house {display:flex;justify-content: center;align-items: center;height: 100%;padding:0 0 2rem 0;}.changs-about {display:flex;justify-content: center;align-items: center;height: 100%;padding:3rem 0;}.changs-about.top {display:flex;justify-content: center;align-items: center;height: 100%;padding:0 0 3rem 0;}.content.wtbbox h3 {font-size: 3rem;font-family: 'Perpetua', sans-serif;color: var(--primary);text-align: center;padding: 2rem 0 0 0;margin: 0;}.content.detail {margin: 0 auto;padding: 5rem 0 6rem 0;width: calc(100vw - 2rem);max-width: 1440px;background-color: var(--white);min-height: 200px;}@media (max-width: 1024px) {.content.detail {width:100%;padding: 0 0 6rem 0;}.padsmall {padding: 0 1rem;}}@media (max-width: 800px) {.content.emailbox {margin: 0 auto;}.emailbox h3 {text-align: center;}.emailbox p {text-align: center;}}.container p a {line-height: inherit;color: var(--primary);border-bottom: 1px dotted var(--primary);text-transform: none;cursor: pointer;transition: all 0.2s ease-in-out;}.container p a:hover {color: var(--primary);border-bottom: 1px solid var(--black);text-decoration: none;background-color: var(--white);transition: all 0.2s ease-in-out;}.content.redgradientcontent p, .redgradientaboutcontent p {line-height: 150%;font-size: 1.35rem;color: var(--white);text-decoration: none;margin:0;padding:0;max-width: 60ch;text-align:center;}.text-center {text-align: center;}.text-left {text-align: left;}.text-right {text-align: right;}.float-left {float: left;}.float-right {float: right;}.Robotoheading h2, .Robotoheading h3, .Robotoheading h4 {font-family: 'Roboto', sans-serif;text-transform: none;font-family: 'Roboto' , sans-serif;font-style: normal;font-weight: 500;}.Robotoheading h3 {font-size: 1.8rem;font-size: clamp(1.6rem, 2vw + 1.5rem, 2rem);}.Robotoheading h4 {font-size: 1.5rem;font-size: clamp(1.3rem, 2vw + 1.5rem, 1.7rem);}.blackh2 h2 {margin: 0 0 2rem 0;color: var(--black);text-transform: none;font-size: 2rem;font-size: clamp(1.8rem, 2vw + 1.5rem, 2.2rem);font-family: 'Roboto' , sans-serif;font-style: normal;font-weight: 500;}.blackh2 h2 a {border-bottom: 1px dotted transparent;}.blackh2 h2 a:hover {border-bottom: 1px solid var(--primary);}.flex-center-align {display: flex;justify-content: flex-start;align-items: center;align-content: center;  flex-direction: row;}.padtop1remtextindent1rem {padding-top: 0.7rem;text-indent: 1rem;}.white {color: var(--white);}.red {color: var(--primary);}.black {color: var(--black);}.lightgrey {color: var(--lightgrey);}.close, .closed {text-align: right;text-decoration: none;font-size: 3em;position: relative;top: 0rem;right:1rem;cursor:pointer;float:right;}.offcanvas {position: fixed;top: 0;left: -350px;width: 350px;height: 100%;background-color: var(--white);box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);transition: left 0.3s ease-in-out;z-index: 5;}@media screen and (max-width: 1025px) {.offcanvas {position: fixed;top: 0;left: -350px;width: 80vw;max-width: 300px;height: 100%;background-color: var(--white);box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);transition: left 0.3s ease-in-out;z-index: 5;}}.offcanvas.open {left: 0;}.offcanvas h3 {color: var(--primary);text-align: left;padding-left: 1rem;background: var(--white);height: 64px;line-height: 64px;margin: 0 0 2px 0;font-size: 1.5rem;}.toggle-nav {display: block;margin: 5px;font-size: 1rem;font-weight: 400;color: white;cursor: pointer;background: transparent;border: none;width: auto;height: 44px;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;z-index: 3;padding:10px;}@media screen and (max-width: 1025px) {.toggle-nav {display: block;margin: 5px;font-size: 1rem;font-weight: 400;color: white;cursor: pointer;background: transparent;border: none;width: auto;height: 34px;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;z-index: 3;padding:5px;}.scrolled .toggle-nav {display: block;margin: 5px;font-size: 1rem;font-weight: 400;color: white;cursor: pointer;background: transparent;border: none;width: auto;height: 34px;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;z-index: 3;padding:5px;}}.scrolled .toggle-nav {display: block;margin: 5px;font-size: 1rem;font-weight: 400;color: var(--white);cursor: pointer;background: transparent;border: none;width: auto;height: 34px;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;z-index: 3;padding:5px;}.hamburger-icon:before {content: "";display:block;position:fixed;width: 24px;height: 4px;margin:0px;background: var(--white);box-shadow: 0 8px 0 0 var(--white), 0 16px 0 0 var(--white);-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}span.title-bar-title {display:block;text-indent:34px;padding:0;}.toggle-nav:focus {outline: none;}.toggle-nav:hover {background-color: var(--primary);color: var(--white);}.button {background-color: var(--primary);color: var(--white);margin: 0;margin-bottom: 0px;border: none;padding:0.5rem 2rem;cursor: pointer;}.button:focus, .button:hover {background-color: var(--black);color: var(--white);}button.success, .button.success {display:flex;justify-content:center;align-items:center;background-color: var(--primary);border: 0.3rem solid var(--primary);border-radius: 20px;color: var(--white);font-size: 1rem;padding: 0.4rem 3rem;margin:0;text-decoration:none;-webkit-transition: all 0.6s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;cursor: pointer;}button.success.homepage, .button.success.homepage {justify-content:flex-end;padding: 0.6rem 2rem;border-radius: 40px;font-size: 20px;}button.success.fullwidth, .button.success.fullwidth {justify-content:center;padding: 0.4rem;border-radius: 40px;font-size: 14px;width:100%;}button.success.homeboxes, .button.success.homeboxes {justify-content:flex-end;padding: 0.6rem 1.2rem;border-radius: 30px;font-size: 14px;}button.success a, .button.success a {color: var(--white);text-decoration: none;}button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {background-color: var(--black);border: 0.3rem solid var(--black);border-radius: 20px;color: var(--white);-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;cursor: pointer;}button.success.homepage:hover, button.success.homepage:focus, .button.success.homepage:hover, .button.success.homepage:focus {border-radius: 40px;}button.success.homeboxes:hover, button.success.homeboxes:focus, .button.success.homeboxes:hover, .button.success.homeboxes:focus {border-radius: 30px;}@media (max-width:800px) {button.success.homepage, .button.success.homepage {justify-content: center;padding: 0.6rem 2rem;border-radius: 40px;font-size: 20px;margin:1rem 0 0 0;width:100%;}}.close-nav-wrapper {display: flex;justify-content: flex-start;align-items: center;height: auto;width: 100%;background-color: var(--white);z-index: 4;padding:0.2rem;border-bottom: 1px solid var(--lightgrey);}button.close-nav {font-size: 1.3rem;color: var(--white);cursor: pointer;background-color: var(--black);border-width: 0.1rem;border-color: var(--black);padding: 0.5rem 2rem;text-decoration:none;width:100%;}button.close-nav:hover, button.close-nav:focus, .button.close-nav:hover, .button.close-nav:focus {background-color: var(--white);color: var(--primary);border-width: 0.1rem;border-color: var(--black);}button.blogdetail, .button.blogdetail {margin:0;}.hide { display: none;}/* homepage hero */.hero {height: 70svh;height: 70vh;width: 100%;position:relative;top: 0;left: 0;overflow: hidden;}.hero img {width: 100%;top: 0;left: 0;object-fit: cover;position: absolute;width: 100%;height: 100%;z-index: 0;}@media (max-width: 1024px) {.hero {height: 80svh;height: 80vh;width: 100vw;position:relative;top: 0;left: 0;}.hero img {height: 80svh;height: 80vh;width: 100vw;top: 0;left: 0;object-fit: cover;}}.content.homeherobox {position: relative;background-color: transparent;width: calc(80vw - 2rem);max-width: 1000px;display: flex;justify-content: flex-start;align-items: center;margin: 0 auto;height: 0;min-height: 0;z-index: 0;overflow:visible;}.flex-caption {background: var(--black40);font-size: 14px;top: 35vh;left: 0px;line-height: 18px;padding: 0;position: relative;text-align: left;width: calc(80vw - 2rem);max-width: 500px;margin: 0;border-top-left-radius: 16px;border-top-right-radius: 16px;z-index: 1;animation-name: fadein;animation-duration: 2s;}@keyframes fadein {from {opacity:0;}to {opacity:1;}}.flex-captionh1box {padding: 2rem;color: var(--white);border-top-left-radius: 1rem;border-top-right-radius: 1rem;}.flex-caption h1 {font-size:3rem;padding:0;margin:0;}.flex-captionwhitebox {background: var(--white);border-bottom-left-radius: 0.5rem;border-bottom-right-radius: 0.5rem;padding:2rem;display: flex;flex-direction: column;}.homecards .flex-captionwhitebox {padding:1rem;}.flex-captionbutton {display:flex; justify-content: flex-end;align-items: center;}.flex-captionp {max-width: 240px;}.content.redgradientcontent .homecards .flex-captionp {max-width: 100%;margin:1rem 0;min-height: 5.8rem;}.flex-captionp p {font-size:24px;font-weight: 500;color: var(--black);}.content.redgradientcontent .homecards .flex-captionp p {font-size:20px;font-weight: 500;color: var(--black);text-align: left;}.flex-captionprodlink {display:flex;justify-content: flex-start;align-items: center;}.flex-captionprodlink a {color: var(--text);text-decoration: none;font-weight: 400;font-size: 20px;}.flex-captionprodlink a:hover {color: var(--primary);text-decoration: none;}.homecards .flex-captionprodlink a {color: var(--text);text-decoration: none;font-weight: 400;font-size: 14px;}.homecards .flex-captionprodlink a:hover {color: var(--primary);}.homecards img {border-top-left-radius: 0.5rem;border-top-right-radius: 0.5rem;width: 100%;}.homecards img:hover {filter: brightness(110%);transition: all 0.2s ease-in-out;width: 100%;}@media (max-width: 1024px) {.flex-caption {background: var(--black40);font-size: 14px;bottom: 54vh;left: 0px;line-height: 18px;padding: 0;width: 100%;max-width: 800px;margin: 0;}}@media (max-width: 800px) {.content.homeherobox {position: relative;background-color: transparent;width: calc(100vw - 2rem);max-width: 800px;display: flex;justify-content: center;align-items: center;margin: 0 auto;min-height: auto;padding:0;}.flex-caption {top: 35vh;position: relative;text-align: left;width: calc(100vw - 2rem);max-width: 800px;margin: 0;}.flex-captionh1box, .flex-captionwhitebox {padding: 1rem;}}@media (max-width: 500px) {.flex-caption {top: 35vh;}}.contentwrapper {max-width: 1280px;margin:0 auto;padding: 6rem 0;}.content2 {text-align:right ;}.why-changs .content2 {text-align:left;}@media (max-width: 1024px) {.contentwrapper {padding: 3rem 1rem;}.content2 {text-align:left ;}}.content1 h3 {margin: 0 0 2rem 0;color: var(--primary);text-transform: none;font-size: 1.5rem;font-family: 'Roboto' , sans-serif;font-style: normal;font-weight: 500;}.content2 ul li {float:left;text-align: left;width: 100%;}.content2 ul li::marker {color: var(--black);font-size: 1.5rem;}[class*="grid-"] {display: grid;gap: 1rem;}.grid-2 {grid-template-columns: 1fr 1fr;gap: 1rem;}.grid-2-thanks {grid-template-columns: 1fr 1fr;gap: 1rem;}.grid-2-about {grid-template-columns: 1fr 1fr;gap: 3rem;}.grid-4-1-gluten {grid-template-columns: 3fr 1fr;gap: 2rem;max-width: 1280px;margin: 0 auto;padding:6rem 0;}.why-changs .grid-2-thanks {grid-template-columns: 1fr 1fr;gap: 4rem;padding: 0 0 4rem 0;}.grid-2-flex-caption {grid-template-columns: 1fr 1fr;gap: 1rem;}.grid-2-homeboxes {grid-template-columns: 1fr 1fr;gap: 0.5rem;}.grid-3 {grid-template-columns:1fr 1fr 1fr;gap: 1rem;}.grid-3-buttons {grid-template-columns:1fr 1fr 1fr;gap: 1rem;margin: 1rem 0 2rem 0;}.grid-3-products {grid-template-columns: repeat(3, 1fr);gap: 3rem;}.grid-3-prod-detail {grid-template-columns: 1fr 110px 1fr;gap: 0;padding: 0.5rem 0;border-bottom: 1px solid var(--pink);font-weight: normal;}.grid-5-2 {grid-template-columns: 5fr 2fr;gap: 2rem;padding: 0;font-weight: normal;}.grid-5-7-prod-detail {grid-template-columns: 5fr 7fr;gap: 1rem;padding: 0.5rem 0;border-bottom: 1px solid var(--pink);font-weight: normal;}.grid-1-2-prod-detail  {grid-template-columns: 1fr 2fr;gap: 1rem;padding: 0.5rem;border-bottom: 1px solid var(--pink);font-weight: normal;}.grid-1-2-prod-detail-noborder {grid-template-columns: 1fr 2fr;gap: 1rem;padding: 0.5rem;border-bottom: none;font-weight: normal;}.grid-4-products-recipes {grid-template-columns: repeat(4, 1fr);gap: 2rem;}.grid-4-homeboxes {grid-template-columns: repeat(4, 1fr);gap: 2rem;}.grid-6-products-recipes {grid-template-columns: repeat(6, 1fr);gap: 3rem;}.grid-2-products-recipes {grid-template-columns: repeat(1fr);gap: 1rem;}.grid-3-wtb {grid-template-columns: repeat(3, 1fr);gap: 0;margin:3rem 0;}.grid-3-video {grid-template-columns: repeat(3, 1fr);gap: 2rem;}.grid-5-2-columns {grid-template-columns: 5fr 2fr;gap: 2rem;max-width: 600px;}.grid-4-columns {grid-template-columns: repeat(4, 1fr);gap: 2rem;}.grid-3-columns {grid-template-columns: repeat(3, 1fr);}.grid-3-recipes-home {grid-template-columns: repeat(3, 1fr); gap: 2rem;}.grid-2-columns {grid-template-columns: repeat(2, 1fr); gap: 2rem;}.grid-2-detail-default {grid-template-columns: repeat(2, 1fr); gap: 2rem;}.grid-6-gallery {grid-template-columns: repeat(6, 1fr);gap: 1rem;}.grid-8-gallery {grid-template-columns: repeat(8, 1fr);gap: 1.4rem;}.grid-150px-columns {grid-template-columns:repeat(auto-fit, minmax(min(150px, 100%), 1fr)) ;}@media (max-width: 1200px) {.grid-8-gallery {grid-template-columns: repeat(6, 1fr);gap: 1rem;}.grid-6-products-recipes {grid-template-columns: repeat(3, 1fr);gap: 2rem;}.grid-4-columns {grid-template-columns: repeat(3, 1fr);gap: 1.5rem;}.grid-3-columns {grid-template-columns: repeat(3, 1fr);}.grid-3-products {grid-template-columns: repeat(2, 1fr);gap: 1rem;}.grid-2-columns {grid-template-columns: repeat(2, 1fr); gap: 2rem;}}@media (max-width: 1024px) {.grid-2-detail-default {grid-template-columns: repeat(1, 1fr);gap: 1rem;}.grid-2-thanks {grid-template-columns: repeat(1, 1fr);gap: 1rem;}.grid-4-1-gluten {grid-template-columns: 2fr 1fr;gap: 2rem;}}@media (max-width: 800px) {.grid-8-gallery {grid-template-columns: repeat(3, 1fr);gap: 1rem;}.grid-6-products-recipes {display: grid;grid: auto / auto-flow max-content;grid-gap: 1em;align-items: center; /* vertically align children */overflow-x: auto;scroll-snap-type: x mandatory;scroll-padding-inline: 1.4rem;}.productsumrecipebox {scroll-snap-align: center;}.grid-3-prod-detail {grid-template-columns: 3fr 110px 2fr;gap: 0;padding: 0.5rem 0;border-bottom: 1px solid var(--pink);font-weight: normal;}.grid-3-recipes-home {display: grid;grid: auto / auto-flow max-content;grid-gap: 1rem;align-items: center; /* vertically align children */overflow-x: auto;scroll-snap-type: x proximity;scroll-snap-align: center;}.home   .grid-3-recipes-home .recipesummarypage { text-align: center;scroll-snap-align: start;}.grid-3-buttons {grid-template-columns:1fr;gap: 1rem;}.grid-4-columns {grid-template-columns: repeat(2, 1fr);gap: 1rem;}.grid-3-columns {grid-template-columns: repeat(1, 1fr);}.grid-2-columns {grid-template-columns: repeat(1, 1fr);}.grid-5-2-columns, .grid-5-2 {grid-template-columns:1fr;gap: 1rem;max-width: 800px;}.grid-3-wtb {grid-template-columns: repeat(1, 1fr);gap: 0;}.grid-3-video {grid-template-columns: repeat(1, 1fr);gap: 1rem;}.grid-3-products {grid-template-columns: repeat(1, 1fr);gap: 1rem;}.grid-4-homeboxes {grid-template-columns: repeat(1, 1fr);gap: 1rem;}.grid-2-flex-caption, .grid-2-about {grid-template-columns: 1fr;gap: 1rem;}.grid-4-1-gluten {grid-template-columns:1fr;gap: 1rem;padding:1rem 0;}}.grid-2-columns-2x1 {grid-template-columns: 2fr 1fr;gap: 3rem;}.grid-2-small {grid-template-columns: 1fr 1fr;gap: 0;}.grid-detailpage-sidebar-summary {grid-template-columns: 1fr 3fr;}.grid-detailpage-sidebar-summary:hover img {filter: brightness(1.2);}.grid-2-searchbox {grid-template-columns: 3fr 1fr;gap: 0;}@media (max-width: 400px) {.grid-4-columns {grid-template-columns: repeat(1, 1fr);gap: 1rem;}}.pad1remtopbottom, .pad1remboth {padding: 1rem 0;}.pad2remtopbottom, .pad2remboth {padding: 2rem 0;}.pad3remtopbottom, .pad3remboth {padding: 3rem 0;}/* The Modal (background) */.modal {display: none; /* Hidden by default */position: fixed; /* Stay in place */z-index: 1; /* Sit on top */padding-top: 20vh; /* Location of the box */left: 0;top: 0;width: 100%; /* Full width */height: 100%; /* Full height */overflow: auto; /* Enable scroll if needed */background-color: rgb(0,0,0); /* Fallback color */background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}/* Modal Content */.modal-content {position: relative;background-color: #fefefe;margin: auto;padding: 0;border: 1px solid #888;width: calc(60vw - 1.25rem);max-width: 1280px;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name: animatetop;-webkit-animation-duration: 0.4s;animation-name: animatetop;animation-duration: 0.4s}/* Add Animation */@-webkit-keyframes animatetop {from {top:-300px; opacity:0}to {top:0; opacity:1}}@keyframes animatetop {from {top:-300px; opacity:0}to {top:0; opacity:1}}/* The Close Button */.closemodal {color: white;float: right;font-size: 28px;font-weight: bold;}.closemodal:hover,.closemodal:focus {color: var(--black);text-decoration: none;cursor: pointer;}.modal-header {padding: 0.2rem 1rem;background-color: var(--white);color: var(--white);}.modal-header h3 {padding:0;margin:0;font-size: 2.5rem;font-size: clamp(2.25rem, 2vw + 1.5rem, 3.5rem);}.modal-body { padding: 0 1rem 1.5rem 1rem;}.modal-footer {padding: 0.2rem 1rem;background-color: var(--white);color: var(--white);}.redgradient {position: relative;margin:0;background-repeat: repeat;background-image: url("https://ik.imagekit.io/webtactics/changs-media/assets/pattern/Pattern_red3-20-inverted_eGngWJiR2.png?updatedAt=1711430178841"), linear-gradient(to bottom, #ed1c2e, #e51c2c, #dd1c2b, #d51b29, #cd1b28, #c61b27, #be1b25, #b71b24, #af1b22, #a71a21, #a01a1f, #98191e);}.internal300 {min-height: 300px;height: auto;}.buttonnavwrapper {display: flex;flex-wrap: wrap;justify-content: center;}.buttonnavwrapper a {text-decoration: none;color: var(--primary);padding: 15px 20px;}.buttonnavwrapper a:hover {text-decoration: none;color: var(--white);}.buttonnavwrapper a.currentpage {text-decoration: none;color: var(--white);}.buttonnavwrapper > button {padding: 15px 20px;text-align: center;text-decoration: none;background-color: var(--white);font-family: Roboto;font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.8px;margin: 1rem 20px;border-radius: 40px;border: 3px solid var(--primary);transition-duration: 0.2s;}.buttonnavwrapper > button.currentpage {text-decoration: none;background-color: var(--primary);color: var(--white);padding: 15px 20px;text-align: center;display: inline-block;font-family: Roboto;font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.8px;margin: 1rem 20px;border-radius: 40px;border: 3px solid var(--primary);}.buttonnavwrapper > button:hover  {text-decoration: none;background-color: var(--primary);color: var(--white);padding: 15px 20px;text-align: center;display: inline-block;font-family: Roboto;font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.8px;margin: 1rem 20px;border-radius: 40px;border: 3px solid var(--primary);}/* CGBlog------------------------------------------------- */.productssummary .CGBlogSummaryField {position: relative;text-align: center;border-radius: 0.8rem;aspect-ratio: 1/1;}.productssummary  .postlistimg {height: auto;aspect-ratio: 1/1;}.homecards  .homeboximg {height: auto;aspect-ratio: 400/267;}.CGBlogSummaryField img {border-radius: 0.8rem;width: 100%;}.CGBlogSummaryField img .postlisting{aspect-ratio: 400 / 267;}.recipessummary .CGBlogSummaryField {position: relative;text-align: center;border-radius: 0.8rem;}.recipessummary .postlistimg {height: auto;}.CGBlogSummaryVideo {color: var(--white);text-decoration: none;padding: 0;margin: 0;white-space: nowrap;display: block;background-color: transparent;height: 30px;text-align: left;position: absolute;top: 0;left: 0.5rem;z-index: 1;}.CGBlogSummaryField .CGBlogSummaryVideo img {width: 100%;border-radius: 0;}.videoicon  {height: auto;aspect-ratio: 120/30;}.CGBlogSummaryField .image-overlay {position: absolute;top: 0rem;left: 0rem;bottom: 0rem;right: 0rem;background-color: var(--black40);-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;opacity: 0;overflow: hidden;border-radius: 0.8rem;}.CGBlogSummaryField:hover .image-overlay {opacity: 1;background-color: var(--black60);border-radius: 0.8rem;}.productssummary  .CGBlogSummaryField:hover .image-overlay {opacity: 1;background-color: var(--black20);border-radius: 0.8rem;}.CGBlogSummaryField .image-overlay .overlay-home {width: 90%;height: auto;display: block;margin: -30px auto 0;opacity: 0;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;overflow: hidden;}.CGBlogSummaryField:hover .image-overlay .overlay-home {opacity: 0.90;margin: 15px auto 0;}span.overlay-home {color: var(--white);font-size: 18px;text-align: left;font-family: 'Roboto' , sans-serif;font-style: normal;font-weight: 400;text-transform: capitalize;}.productssummary  span.overlay-home {color: var(--black);font-size: 18px;text-align: left;font-family: 'Roboto' , sans-serif;font-style: normal;font-weight: 500;text-transform: capitalize;}.sumdescription {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}.sumdescription p {font-size: 0.9rem;color: var(--white);line-height: 1.2rem;margin: 0.5rem 0;padding: 0;}.servesprepdif { }.servesprepdif p {font-size: 0.9rem;color: var(--white);line-height: 1.2rem;margin: 0.5rem 0;padding: 0;}.prodsumdescription {display: -webkit-box;-webkit-line-clamp: 10;-webkit-box-orient: vertical;overflow: hidden;}.prodsumdescription p {font-size: 1rem;color: var(--black);line-height: 1.6rem;margin: 1rem 0;padding: 0.5rem;font-weight: 500;background: var(--white);border-radius: 8px;}.productssummary   .sumdescription {padding:0.5rem;border-radius:10px; background: var(--white);}.productssummary   .sumdescription p, .productssummary .servesprepdif p {font-size: 1rem;color: var(--black);line-height: 1.6rem;margin: 1rem 0;padding: 0.5rem 0;font-weight: 500;background: var(--white);}.home .grid-3-recipes-home.recipessummary .CGBlogSummaryLink h3,.content1280 .grid-4-columns.recipessummary .CGBlogSummaryLink h3 {margin: 0;color: var(--black);font-family: 'Roboto' , sans-serif;text-decoration: none;font-style: normal;cursor: pointer;text-transform: none;font-size: 20px;font-family: 'Roboto' , sans-serif;min-height: 120px;text-align: center;}.recipessummary h3, .productssummary h3, .newsletterlandingvideo h3, .content.home  .recipessummary h3 {margin: 15px 0 10px 0;color: var(--black);text-transform: none;font-size: 20px;font-family: 'Roboto' , sans-serif;min-height: 10px;text-align: center;}.recipessummary h3 a,  .productssummary h3 a, .newsletterlandingvideo h3 a, .content.home  .recipessummary h3 a, .home .grid-3-recipes-home.recipessummary .CGBlogSummaryLink h3 a, .content1280 .grid-4-columns.recipessummary .CGBlogSummaryLink h3 a {color: var(--black);font-family: 'Roboto' , sans-serif;text-decoration: none;font-style: normal;cursor: pointer;}.recipessummary h3 a:hover, .productssummary h3 a:hover, .newsletterlandingvideo h3 a:hover, .content.home  .recipessummary h3 a:hover, .home .grid-3-recipes-home.recipessummary .CGBlogSummaryLink h3 a:hover, .content1280 .grid-4-columns.recipessummary .CGBlogSummaryLink h3 a:hover {color: var(--primary);font-family: 'Roboto' , sans-serif;text-decoration: none;font-style: normal;cursor: pointer;}.glutenbox {margin:0 auto;max-width: 700px;padding:0 1rem 4rem 1rem;}.pagination-centered {text-align: center;margin: 0 auto;}.pagination {display: inline-block;padding-left: 0;margin: 20px auto;border-radius: 4px;}.pagination > li {display: inline;}.pagination > li > a, .pagination > li > span {position: relative;float: left;padding: 4px 10px;margin-left: -1px;line-height: 1.42857143;color: var(--primary);text-decoration: none;background-color: var(--white);border: 1px solid var(--lightgrey);}.pagination > li:first-child > a, .pagination > li:first-child > span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}.pagination > li.current > a {color: var(--white);background-color: var(--primarybutton);border-color: var(--primarybutton);}.pagination > li > a:hover {color: var(--white);background-color: var(--black);border-color: var(--primarybutton);}.pagination > li.arrow.unavailable > a {display:none;}/* CGBlog Details------------------------------------------------- */.recipedetailtitle h1 {margin: 2rem 0;color: var(--black);text-transform: none;font-size: 30px;font-family: 'Roboto' , sans-serif;min-height: 10px;font-style: normal;font-weight: 500;}@media (max-width: 800px) {.recipedetailtitle h1 {margin: 2rem 0 1rem 0;}}.recipedetailserveprepdifficultbox {font-size: 1rem;color: var(--black);margin: 0 0 20px 0;}.reddetail {color: var(--primary);padding: 0 10px 0 0;}.recipes-ingredients .recipelist h3 {margin: 0 0 2rem 0;color: var(--primary);text-transform: none;font-size: 1.5rem;font-family: 'Roboto' , sans-serif;font-style: normal;font-weight: 500;}.recipes-ingredients .recipelist h4 {margin: 15px 0 10px 0;color: var(--primary);text-transform: none;font-size: 1.3rem;font-family: 'Roboto' , sans-serif;font-style: normal;font-weight: 500;}.recipelist ul {margin-left: 0px;list-style-image: none;list-style-position: inside;list-style-type: none;-webkit-margin-before: 0em;-webkit-margin-after: 0em;padding: 0;}.recipelist ol ul.method {list-style-type: square;}.recipelist ol ul.method li::marker {color: var(--primary);font-size: 1.5em;list-style-type: square;}.recipelist ul > li {border-top: 1px solid var(--pink);padding: 5px 0;}.recipelist ol ul.method li {border: none;padding: 5px 0;}.recipelist ul > li, .CGBlogMethod ol > li {font-family: 'Roboto' , sans-serif;font-style: normal;font-weight: normal;color: var(--black);text-rendering: optimizeLegibility;font-size: 1rem;font-size: clamp(16px, 2vw + 1rem, 1.1rem);line-height: 1.5rem;}.content .recipelist a, .content .recipelist p a {color: var(--primary);border: none;text-transform: none;background-color: transparent;padding: 2px;}.content .recipelist a:hover, .content .recipelist p a:hover {color: var(--white);border: none;text-transform: none;background-color: var(--primary);}.content .recipelist .relevant-products a:hover, .content .recipelist .galleryimgwrapper a:hover {background-color: transparent;}.CGBlogDetailImage {order: 1;object-fit: contain;margin-bottom: 2rem;}.recipes-ingredients {order: 2;}.CGBlogMethod {max-width:120ch;}.CGBlogMethod ol {list-style-type: none;list-style-type: decimal !ie; /*IE 7- hack*/list-style-position: inside;margin: 0;margin-left: 1.6em;padding: 0;counter-reset: li-counter;}.CGBlogMethod ol > li{position: relative;margin-top: 2px;margin-bottom: 10px;padding-left: 1em;padding-bottom: 0.25em;}.CGBlogMethod ol > li:before {position: absolute;top: 0;left: -1em;font-size: 1.1em;line-height: 0.94;text-align: center;color: var(--primary);background-color: #FFFFFF;content: counter(li-counter);counter-increment: li-counter;padding:3px 6px 6px 6px;}.productsumrecipeimage {padding:0rem;}.recipesvideocontent {max-width: 800px;}.recipesvideocontent.large {max-width: 1000px;padding: 2rem 0;}.related .productssummary h4 {margin: 15px 0 10px 0;color: var(--black);text-transform: none;font-size: 20px;font-family: 'Roboto' , sans-serif;min-height: 10px;text-align: center;}.related .productssummary h4 a {margin: 15px 0 10px 0;color: var(--black);text-transform: none;font-size: 20px;font-family: 'Roboto' , sans-serif;min-height: 10px;text-align: center;border:none}.related .productssummary h4 a:hover {margin: 15px 0 10px 0;color: var(--primary);text-transform: none;font-size: 20px;font-family: 'Roboto' , sans-serif;min-height: 10px;text-align: center;border:none}.productsumrecipeimage img:hover {filter: brightness(110%);transition: all 0.2s ease-in-out;}/* Products------------------------------------------------- */.productsummarypage {padding:1rem;margin:0 0 2rem 0;}.products-details .CGBlogDetailImage {order: 2;object-fit: contain;margin-bottom: 2rem;}.products-details .recipes-ingredients {order: 1;}@media (max-width: 1024px) {.products-details .CGBlogDetailImage {order: 1;}.products-details .recipes-ingredients {order: 2;}}.home .grid-3-recipes-home.recipessummary .CGBlogSummaryField img {aspect-ratio: 360 / 240;}@media (max-width: 1024px) {.home .grid-3-recipes-home.recipessummary .CGBlogSummaryField img {aspect-ratio: 360 / 240;max-width: 360px;max-height: 240px;}.home .grid-3-recipes-home.recipessummary .CGBlogSummaryLink {max-width: 320px;margin:0 auto;}}.gtin h3 {padding: 0;margin: 0 0 1rem 0;color: var(--primary);text-transform: none;font-size: 1.125rem;font-family: 'Roboto' , sans-serif;font-style: normal;font-weight: 400;}.gtinbold {font-weight: 500;}.recipes-from-products h4 {margin: 0 0 2rem 0;color: var(--primary);text-transform: none;font-size: 1.5rem;font-family: 'Roboto' , sans-serif;font-style: normal;font-weight: 500;}.recipes-from-products .CGBlogSummaryField img:hover {filter: brightness(110%);transition: all 0.2s ease-in-out;}.nutritionservetitle {font-size:1rem;font-weight: 500;padding:0 0 0.5rem 0;}/* accordion------------------------------------------------- */.accordion-animation-wrapper {display: grid;grid-template-rows: 0fr;overflow: hidden;transition: grid-template-rows var(--transitionLength) var(--transitionTiming);}.accordion-trigger-input:checked ~ .accordion-animation-wrapper {grid-template-rows: 1fr;}.accordion-animation {min-height: 0;}.accordion-transform-wrapper {transform: translateY(-100%);visibility: hidden;transition: transform var(--transitionLength) var(--transitionTiming), visibility 0s var(--transitionLength) var(--transitionTiming);}.accordion-trigger-input:checked ~ .accordion-animation-wrapper .accordion-transform-wrapper {transform: translateY(0);visibility: visible;transition: transform var(--transitionLength) var(--transitionTiming), visibility 0s linear;}/* Margins inside the container will throw animation height calculations off, better use paddings */.accordion-content * {margin: 0;}.accordion {width: auto;margin: 2rem auto;}.accordion-item {border-top: 1px solid var(--pink);border-bottom: 2px solid var(--pink);margin-bottom: -2px;overflow: hidden;}.accordion-trigger-input {clip: rect(0 0 0 0);clip-path: inset(50%);height: 1px;overflow: hidden;position: absolute;white-space: nowrap;width: 1px;}.accordion-trigger {display: block;position: relative;padding: 1rem 0;transition: box-shadow var(--transitionLength) var(--transitionTiming);z-index: 1;cursor: pointer;background-color: var(--white);color:var(--black);font-size: 1.2rem;text-indent: 2rem;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}.gluten-free .accordion-trigger {text-indent: 0.5rem;}.accordion-trigger:hover, .accordion-trigger:active, .accordion-trigger:focus {background-color: var(--primary);color:var(--white);transition: box-shadow var(--transitionLength) var(--transitionTiming);-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-ms-transition: all 0.6s;-o-transition: all 0.6s;transition: all 0.6s;}.accordion-trigger-input:focus-visible ~ .accordion-trigger {outline: 2px solid;outline-offset: -2px;}.accordion-trigger::after {display: block;position: absolute;right: 16px;top: 18px;content: '';width: 8px;height: 8px;border: 2px solid var(--black);border-bottom: transparent;border-left: transparent;transform: rotate(135deg);transition: transform var(--transitionLength) var(--transitionTiming);}.accordion-trigger:hover::after {  border: 2px solid var(--white);display: block;position: absolute;right: 16px;top: 18px;content: '';width: 8px;height: 8px;border-bottom: transparent;border-left: transparent;transform: rotate(135deg);transition: transform var(--transitionLength) var(--transitionTiming);}.accordion-trigger-input:checked ~ .accordion-trigger::after {transform: rotate(135deg) rotateX(180deg) rotateY(180deg) translateY(4px) translateX(-4px);}.accordion-trigger-input:checked ~ .accordion-trigger {box-shadow: 0 1px 2px rgba(0,0,0,0.1);transition: box-shadow calc(var(--transitionLength) / 4) var(--transitionTiming);}.accordion-content {padding: 1rem;background-color: var(--lightpink);font-size: 0.9rem;}.products-details .accordion-content {padding: 0.75rem;background-color: var(--lightpink);}.accordion-content h2 {padding-bottom: 0.75rem;}.accordion-content p {padding-bottom: 1rem;font-size: 0.9rem;line-height: 1;}.accordion-content p:last-of-type {padding-bottom: 0;}.accordion-content img {max-width: 100%;}/* Newsletter input------------------------------------------------- */.hidden, .emailhidden {display: none;}.custom-field input {border: none;-webkit-appearance: none;-ms-appearance: none;-moz-appearance: none;appearance: none;background: #f2f2f2;padding: 12px;border-radius: 40px;width: 100%;font-size: 14px;}.custom-field input.emailbginput {border: none;-webkit-appearance: none;-ms-appearance: none;-moz-appearance: none;appearance: none;background: #f2f2f2;padding: 12px;border-radius: 40px;width: 100%;font-size: 14px;height: 40px;}.emailbgrowright {display: flex;align-items: flex-end;justify-content: flex-end;}@media (max-width: 800px) {.emailbgrowright {display: flex;align-items: center;justify-content: center;}}.emailbgrowlefttop {margin:1rem 0;}.custom-field input.emailbginput {outline: 1px solid var(--white);}.custom-field input.emailbginput:not(:placeholder-shown):valid {outline-color: var(--primary);}.custom-field input.emailbginput:not(:placeholder-shown):invalid {outline-color: var(--pink);}.custom-field input.emailbginput:focus:invalid {outline-color: var(--red)}/* Search------------------------------------------------- */.searchinputrow {display: flex;justify-content: flex-start;align-items: center;margin: 0;padding: 0;width: 100%;background-color: var(--black);}.searchsubmitrow {display: flex;justify-content: flex-start;align-items: center;margin: 0;padding: 0;width: 100%;}input[type="text"], input[type="email"] {font-size: 1rem;color: var(--text);}input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {-webkit-appearance: none;-moz-appearance: none;border-radius: 0;background-color: #fff;border-style: solid;border-width: 1px;border-color: #DBDBDB;box-shadow: inset 0 1px 0.125rem rgba(0, 0, 0, 0);color: rgba(0, 0, 0, 0.75);display: block;font-family: inherit;font-size: 0.8rem;height: 2rem;margin: 0;padding: 0.25rem;width: 100%;min-width: 240px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition: border-color 0.15s linear, background 0.15s linear;-moz-transition: border-color 0.15s linear, background 0.15s linear;-ms-transition: border-color 0.15s linear, background 0.15s linear;-o-transition: border-color 0.15s linear, background 0.15s linear;transition: border-color 0.15s linear, background 0.15s linear;}button.searchsubmit, .button.searchsubmit {display: flex;justify-content: center;align-items: center;background-color: var(--black);border-width: 0.05rem;border-color: var(--black);color: var(--white);font-size: 1rem;padding: 0;line-height: 2.2rem;margin: 0;text-transform: uppercase;height: 2.2rem;width: 100%;}button.searchsubmit:hover, button.searchsubmit:focus, .button.searchsubmit:hover, .button.searchsubmit:focus {background-color: var(--primary);color: var(--white);border-width: 0.05rem;border-color: var(--black);cursor: pointer;}/* Select box------------------------------------------------- */select {margin: 0 0 1rem;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 1px solid #cacaca;border-radius: 0;background-color: #fefefe;font-family: inherit;font-weight: 400;line-height: 1.5;color: #0a0a0a;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");background-origin: content-box;background-position: right -1rem center;background-repeat: no-repeat;background-size: 9px 6px;padding-right: 1.5rem;-webkit-transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;transition: box-shadow .5s,border-color .25s ease-in-out;transition: box-shadow .5s,border-color .25s ease-in-out,-webkit-box-shadow .5s;cursor: pointer;padding: 0.25rem;height: 2rem;font-size: 0.9rem;box-sizing: border-box;width: 100%;}/* WTB box------------------------------------------------- */.wtbbox1 {display: flex;justify-content: flex-start;align-items: center;height: auto;width: 100%;background-color: var(--white);}img.coles {  aspect-ratio: 222/98;}.wtbbox2 {display: flex;justify-content: center;align-items: center;height: auto;width: 100%;background-color: var(--white);}img.woolworths {  aspect-ratio: 351/98;}.wtbbox3 {display: flex;justify-content: flex-end;align-items: center;height: auto;width: 100%;background-color: var(--white);}img.iga {  aspect-ratio: 151/98;}.wtbbox4 {display: flex;justify-content: center;align-items: center;height: auto;width: 100%;background-color: var(--white);margin: 1rem auto;width: calc(80vw - 2rem);max-width: 600px;background-color: transparent;min-height: 100px;text-align:center;}img.coles:hover, img.woolworths:hover, img.iga:hover {filter: brightness(110%);transition: all 0.2s ease-in-out;width: 100%;}.text-centerflex {display: flex;justify-content: center;align-items: center;margin: 0;padding: 0;width: 100%;}.wtbbox4 p {font-size:150%;padding-bottom:2rem;}@media (max-width: 800px) {.wtbbox1 {display: flex;justify-content: center;align-items: center;margin: 1rem 0;}.wtbbox2 {display: flex;justify-content: center;align-items: center;margin: 1rem 0;}.wtbbox3 {display: flex;justify-content: center;align-items: center;margin: 1rem 0;}}/* Changs TV------------------------------------------------- */.embed-responsive {position: relative;display: block;height: 0;padding: 0;padding-bottom: 0px;overflow: hidden;}.embed-responsive-16by9 {padding-bottom: 56.25%;}.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;}.newsletterlandingvideo p {padding: 15px 0 2px 0;margin: 0;}.newsletterlandingvideo h3 {min-height: 4rem;}.videolanding h2 {text-align: left;position: relative;margin: 0.3rem 0;font-size: 1.1rem;color: #FFFFFF;font-weight: 500;}/* Gallery------------------------------------------------- */.CGBlogDetailImage {position:relative;}.galleryimgwrapper {margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;}.galleryimgwrapper-link img:hover {filter: brightness(120%);box-shadow: 0 0.15rem 0.4rem #333333;-webkit-transition: box-shadow 0.2s ease-in-out;-moz-transition: box-shadow 0.2s ease-in-out;-o-transition: box-shadow 0.2s ease-in-out;transition: box-shadow 0.2s ease-in-out;}.corporateimage {padding: 15px 10px;margin: 1rem auto;-webkit-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.3);-moz-box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.3);box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.3);}