@charset "utf-8";
/* CSS Document */
:root {
--yellow: #ffd500;
--yellow_hover: #ffb200;
	
--buttonprimary: #3762bf;
--buttonprimary_border: #3762bf;
--buttonprimary_colour: #fff;
--buttonprimaryhover: #0c268f;
--buttonprimaryhover_border: #0c268f;
--buttonprimaryhover_colour: #fff;
}

/* BODY OVERRIDE */
body.pixiedust { color: var(--black); }

/* BUTTONS OVERRIDE */
body.pixiedust .button, body.pixiedust a.btn, body.pixiedust .button.bluebutton, body.pixiedust a.btn.btn-primary { display:inline-flex; align-items: center; justify-content: center; transition:all 200ms ease; font-family:var(--font_title); background:var(--buttonprimary); border:1px solid var(--buttonprimary); box-sizing: border-box; padding:16px 24px; color:#fff!important; font-weight: 500; font-size:14px; line-height: 1; text-align: center; box-sizing: border-box; height: 50px;}
body.pixiedust .button:hover, body.pixiedust .button.bluebutton:hover, body.pixiedust a.btn.btn-primary:hover { background:var(--buttonprimaryhover); border-color:var(--buttonprimaryhover); }
body.pixiedust .button.whitebutton:hover { background:#fff; border-color:#fff; color: var(--black) !important; }
body.pixiedust .playbuttonlink .cls-2 { fill: var(--black); }
body.pixiedust .btn-primary { font-family:var(--font_title); }

/* CAROUSEL OVERRIDE */
body.pixiedust .splide__arrow { background:#fff; border-radius: 50%; box-shadow: 0 0 12px -6px #000; transition: all 200ms ease; }
body.pixiedust .splide__arrow:hover { box-shadow: 0 0 12px -4px #000; }
body.pixiedust .splide__arrow svg { width: calc(100% - 16px); height: calc(100% - 16px); }

body.pixiedust #pixie-giftwrap-container .splide__arrow--prev { left: 10px; }
body.pixiedust #pixie-giftwrap-container .splide__arrow--next { right: 10px; }

@media screen and (min-width: 1390px) {
	body.pixiedust .splide__arrow--prev { left: -20px; }
	body.pixiedust .splide__arrow--next { right: -20px; }
	body.pixiedust #pixie-giftwrap-container .splide__arrow--prev { left: 20px; }
	body.pixiedust #pixie-giftwrap-container .splide__arrow--next { right: 20px; }
}
