/*
Theme Name: Gillyfleur2025
Theme URI: https://gillyfleur.com
Description: A child theme of Divi 5 Theme
Author: Cheryl Gilliver
Author URI: https://gillyfleur.com
Template: Divi
Version: 1.0.0
*/
@font-face {
    font-family: 'Chalet-LondonNineteenEighty';
    src: url('fonts/Chalet-LondonNineteenEighty.woff2') format('woff2'),
        url('fonts/Chalet-LondonNineteenEighty.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Chalet-NewYorkNineteenEighty';
    src: url('fonts/Chalet-NewYorkNineteenEighty.woff2') format('woff2'),
        url('fonts/Chalet-NewYorkNineteenEighty.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/* home page styles */
.pastel-gradient {background: radial-gradient(at 50% 40%, rgb(255, 255, 255), transparent 80%) repeat scroll 0% 0%, radial-gradient(at 50% -47%, rgb(172, 224, 249), transparent 80%) repeat scroll 0% 0%, radial-gradient(at 0% 0%, rgb(205, 242, 255) 0px, transparent 32%) repeat scroll 0% 0%, radial-gradient(at 100% 98%, #EEF1FF, transparent) repeat scroll 0% 0%, rgba(0, 0, 0, 0) radial-gradient(at 0px 97%, rgb(227, 235, 255), white) repeat scroll 0% 0%;}
/* gradient fill lettering */
.gradient h2, .icon-gradient .et_pb_blurb_0 .et-pb-icon {
	background: -webkit-linear-gradient(45deg,#0099de,#004569);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
/* background colour change canvas */
/* Setting fade transition and default settings 
body {
  color: #000;
  background-color: #f4f4f4;
  transition: background-color 1s ease;
}

/* panel styles
.panel {
  /* min height incase content is higher than window height 
  min-height: 100vh;
  outline: 10px solid hotpink;
  /* turn above on to see the edge of panels 
}

/* colours */
.color-white {
  background-color: #fff;
}
.color-pastel {
  background: radial-gradient(at 50% 40%, rgb(255, 255, 255), transparent 80%) repeat scroll 0% 0%, radial-gradient(at 50% -47%, rgb(172, 224, 249), transparent 80%) repeat scroll 0% 0%, radial-gradient(at 0% 0%, rgb(232, 225, 255) 0px, transparent 32%) repeat scroll 0% 0%, radial-gradient(at 100% 98%, #EEF1FF, transparent) repeat scroll 0% 0%, rgba(0, 0, 0, 0) radial-gradient(at 0px 97%, rgb(227, 235, 255), white) repeat scroll 0% 0%;}
.color-navy {
  background-color: #00263a;
}