/* zzpersonalised */
/*
@font-face {
 font-family: 'Rubik';
 src: url(/assets/Rubik-VariableFont_wght-f7340a65b31f6a4b8042fc62054d853cc6a753ef9edb6b4da146139fd2aa61fa.ttf),
      url(/assets/Rubik-Italic-VariableFont_wght-2bdb57cb826327d4b918e0ad5e0fd422ef718e5f1ce83a5e0e929c028aca0d89.ttf);
 font-display: swap;
}
@font-face {
 font-family: 'Roboto';
 src: url(/assets/Roboto-Black-7d5b31853f879f9c089433e4f1f5328b77c8aa723956a89dc844834f068c0cba.ttf),
      url(/assets/Roboto-Light-2ad2b3958b10fead7e6b8acda5108d09d59192eac6e8a6c4837dad70b105c1fd.ttf),
      url(/assets/Roboto-Medium-6dd38ee27a77b8ce1172b15c8fa10ea0e588a54505741f5d397ebf466c199fa6.ttf);
 font-display: swap;
}
@font-face {
 font-family: 'Tangerine';
 src: url(/assets/Tangerine-Bold-c1c2b0efd21ea4feddee8b4c0f27b9dd4fdb647b0354cf6994893a81ecffbe8d.ttf),
      url(/assets/Tangerine-Regular-e3ab41d971e8c08b48f00652d20e19b417ab5c860d39946cf8444488fff939fc.ttf);
 font-display: swap;
}
@import url(https://fonts.googleapis.com/css?family=Rubik);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Tangerine);
*/
:root {
  --main-font-family:       Rubik, sans-serif ;
  --secondary-font-family:  Roboto, sans-serif ;
  --cursive-font-family:    Tangerine, cursive ;
  --main-font-color:        #000 ;
  --secondary-font-color:   #000 ;
  --cursive-font-color:     rgba(0,0,0,0.93) ;
  --main_bg_color: rgba(0,0,0,0.79);
  --main_bg_hover_color: #d6e6a5;
  --main_bg_selected_color: #94c11e;
  --hover_color: #444;
  --selected_color: #fff;
  --alert_color: #ff0000;
  --warning_color: #ffae00;
}

img.rounded_corners {
  border-radius: 5% /8%;
}
.button {
  border-radius: 8px;
  padding: 0.45em 8px;
}
.home_text_1 {
  color: var(--selected_color);
  background-size: cover;
  background: goldenrod;
}
.home_text_2 {
  color: var(--selected_color);
  background-size: cover;
  background: rebeccapurple;
}
.home_text_3 {
  color: var(--selected_color);
  background-size: cover;
  background: dodgerblue;
}
.home_text_4 {
  color: var(--selected_color);
  background-size: cover;
  background: lightseagreen;
}
.home_text_5 {
  color: var(--selected_color);
  background-size: cover;
  background: darkgoldenrod;
}
.home_text_6 {
  color: var(--main-font-color);
  background-size: cover;
  background: pink;
}
/* fade in for hotwire */
.fade-in-div {
  animation: fadeIn 1s;
  -webkit-animation: fadeIn 1s;
  -moz-animation: fadeIn 1s;
  -o-animation: fadeIn 1s;
  -ms-animation: fadeIn 1s;
}

@keyframes fadeIn {
  0% { opacity: 0; background-color: rgba(252,231,2,1);}
  25% { opacity: 0.25; background-color: rgba(252,231,2,0.75);}
  50% { opacity: 0.5; background-color: rgba(252,231,2,0.5);}
  75% { opacity: 0.75; background-color: rgba(252,231,2,0.25);}
  100% { opacity: 1; }
}

@-moz-keyframes fadeIn {
  0% { opacity: 0; background-color: rgba(252,231,2,1); }
  25% { opacity: 0.25; background-color: rgba(252,231,2,0.75);}
  50% { opacity: 0.5; background-color: rgba(252,231,2,0.5);}
  75% { opacity: 0.75; background-color: rgba(252,231,2,0.25);}
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; background-color: rgba(252,231,2,1); }
  25% { opacity: 0.25; background-color: rgba(252,231,2,0.75);}
  50% { opacity: 0.5; background-color: rgba(252,231,2,0.5);}
  75% { opacity: 0.75; background-color: rgba(252,231,2,0.25);}
  100% { opacity: 1; }
}

@-o-keyframes fadeIn {
  0% { opacity: 0; background-color: rgba(252,231,2,1); }
  25% { opacity: 0.25; background-color: rgba(252,231,2,0.75);}
  50% { opacity: 0.5; background-color: rgba(252,231,2,0.5);}
  75% { opacity: 0.75; background-color: rgba(252,231,2,0.25);}
  100% { opacity: 1; }
}

@-ms-keyframes fadeIn {
  0% { opacity: 0; background-color: rgba(252,231,2,1); }
  25% { opacity: 0.25; background-color: rgba(252,231,2,0.75);}
  50% { opacity: 0.5; background-color: rgba(252,231,2,0.5);}
  75% { opacity: 0.75; background-color: rgba(252,231,2,0.25);}
  100% { opacity: 1; }
}
/*  this mucks up the rest.  change `img` to `orbitimg` if using img {  */
.orbitimg {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
/*  height: 100%; */
}  
.orbit_overlay {
  position: absolute;
  top: 15%;
  width: 100%;
  margin-top: 0;
  padding: 1rem;
  background-color: rgba(10, 10, 10, 0.5);
  color: #fefefe; 
  z-index: 99 }
.orbit_text_slide{
  text-align: center;
  position: relative;
  top: 50%; 
  z-index: 99}
/* Fondation bases  
foundation-palette: (
  primary: #1779ba,
  secondary: #767676,
  success: #3adb76,
  warning: #ffae00,
  alert: #cc4b37,
);
$light-gray: #e6e6e6;
$medium-gray: #cacaca;
$dark-gray: #8a8a8a;
$black: #0a0a0a;
$white: #fefefe;
*/
.promo:first-child {
  background: #126195;
  color: #fefefe;
  border-radius: 15px / 15px;
  padding: 1em;
  margin: 0 0 1em 1em;
}
.promo:nth-child(2) {
  background: #5e5e5e;
  color: #fefefe;
  border-radius: 15px / 15px;
  padding: 1em;
  margin: 0 0 1em 1em;
}
.promo:nth-child(3) {
  background: #3adb76;
  color: #0a0a0a;
  border-radius: 15px / 15px;
  padding: 1em;
  margin: 0 0 1em 1em;
}

/*--------------------
BRAINTREE Variables
--------------------*/

#card-number { 
  border: 1px solid rgba(0,0,0,0.69);
  height: 3rem;
}
#cvv { 
  border: 1px solid rgba(0,0,0,0.69);
  height: 3rem;
}
#expiration-date {
  border: 1px solid rgba(0,0,0,0.69);
  height: 3rem;
}

/*# sourceMappingURL=zzpersonalised.css-062fe43d73ee6f8c670d39afc7e61bd4d83c1622dbc4188dd9ddb5e0af5fcf03.map */