/* Colours
Blue : #45b5c7
Green : #bfcf8a
Orange: #f7c778
grey: #43433c
salmon pink: #f0b299

Noto Sans: Thick and thin headers plus body text
*/
body{
  font-family: 'Noto Sans', sans-serif;
  font-weight: 300;
}
img {
  width: 100%;
  height: auto;
}
p {
  font-size: 0.9rem;
  color: #000;
}
li {
  font-size: 0.9rem;
  color: #000;
}
h1 {
  font-weight: 600; /* thick headings */
  font-size: 1.6rem;
}
.h1 {
  font-weight: 600; /* thick headings */
  font-size: 1.6rem;
}

h2 {
  font-weight: 400; /* fine headings */
}

h2  {
  font-size: 1.1em;
}
h3  {
  font-weight: 600; /* thick headings */
  font-size: 1.1em;
}

p a:link {color: #000; text-decoration: none;}
p a:visited {color: #000; text-decoration: none;}
p a:hover {color: #01080c;text-decoration: underline;}

.text-300 {
  font-weight: 400; /* fine headings */
}
.text-tiny  {
  font-size: 0.7em;
}

.text-white {color:#fff;}
.text-white a:link {color: #fff; text-decoration: none;}
.text-white a:visited {color: #fff; text-decoration: none;}
.text-white a:hover {color: #fff;text-decoration: underline;}

.text-norblue {color:#45b5c7;}
.text-norblue a:link {color: #45b5c7; text-decoration: none;}
.text-norblue a:visited {color: #45b5c7; text-decoration: none;}
.text-norblue a:hover {color: #35abcc;text-decoration: underline;}

.text-nororange {color:#f7c778;}
.text-nororange a:link {color: #f7c778; text-decoration: none;}
.text-nororange a:visited {color: #f7c778; text-decoration: none;}
.text-nororange a:hover {color: #062d78;text-decoration: underline;}

.text-norgreen {color:#bfcf8a;}
.text-norgreen a:link {color: #bfcf8a; text-decoration: none;}
.text-norgreen a:visited {color: #bfcf8a; text-decoration: none;}
.text-norgreen a:hover {color: #bfcf8a;text-decoration: underline;}

.text-norpink {color:#f0b299;}
.text-norpink a:link {color: #f0b299; text-decoration: none;}
.text-norpink a:visited {color: #f0b299; text-decoration: none;}
.text-norpink a:hover {color: #f7c778;text-decoration: underline;}

.banner2 {

  border-bottom: 12px solid #45b5c7;
}
.footer {
  margin-top:40px;
  padding-top:30px;
  padding-bottom:30px;
}

/* Misc */
.bg-info  {background-color:#45b5c7 !important;}
.bg-norblue  {background-color: #45b5c7;}
.bg-norpblue  {background-color: #abd4db;}
.bg-norgreen  {background-color: #bfcf8a;}
.bg-norgreenlt  {background-color: #DCE6BB;}
.bg-nororange  {background-color: #f7c778;}
.bg-norgrey {background-color: #43433c;}

/* buttons */
.btn-sq {
  border-radius: 0;
  border:0;
}

.btn-tab {
  border: 2px solid;
  border-radius: 6px 6px 0 0;
}


.btn-cyan { 
  color: #ffffff; 
  background-color: #45b5c7; 
  border-color: #45b5c7; 
} 
 
.btn-cyan:hover, 
.btn-cyan:focus, 
.btn-cyan:active, 
.btn-cyan.active, 
.open .dropdown-toggle.btn-cyan { 
  color: #ffffff; 
  background-color: #45b5c7; 
  border-color: #45b5c7; 
} 
 
.btn-cyan:active, 
.btn-cyan.active, 
.open .dropdown-toggle.btn-cyan { 
  background-image: none; 
} 
 
.btn-cyan.disabled, 
.btn-cyan[disabled], 
fieldset[disabled] .btn-cyan, 
.btn-cyan.disabled:hover, 
.btn-cyan[disabled]:hover, 
fieldset[disabled] .btn-cyan:hover, 
.btn-cyan.disabled:focus, 
.btn-cyan[disabled]:focus, 
fieldset[disabled] .btn-cyan:focus, 
.btn-cyan.disabled:active, 
.btn-cyan[disabled]:active, 
fieldset[disabled] .btn-cyan:active, 
.btn-cyan.disabled.active, 
.btn-cyan[disabled].active, 
fieldset[disabled] .btn-cyan.active { 
  background-color: #45b5c7; 
  border-color: #45b5c7; 
} 
 
.btn-cyan .badge { 
  color: #45b5c7; 
  background-color: #ffffff; 
}

.btn-cyan-grad {
  background: linear-gradient(180deg, #d7eff2 0%, #d7eff2 72%, #abdae3 100%);
  color: #000;
  border-bottom: 1px solid #abdae3;
  border-left: 1px solid #d7eff2;
  border-right: 1px solid #d7eff2;
  border-top: 1px solid #d7eff2;
  border-radius: 5px 5px 5px 5px;
}

.btn-cyan-grad-active { 
  background: linear-gradient(to top, #35ABCC, #35ABCC);
    color: #fff;
  border-radius: 6px 6px 5px 5px;
}

.btn-video {
  background: linear-gradient(180deg, rgba(224,224,224,1) 0%, rgba(232,232,232,1) 78%, rgba(206,206,206,1) 100%);
  color: #333;
  border-radius: 5px 5px 0 0;
}

.btn-video-active { 
  background-color: #fff;
  color: #f0b299;
  border-radius: 5px 5px 0 0;
}

.btn-salmon { 
  color: #ffffff; 
  background-color: #f0b299; 
  border-color: #f0b299; 
} 
 
.btn-salmon:hover, 
.btn-salmon:focus, 
.btn-salmon:active, 
.btn-salmon.active, 
.open .dropdown-toggle.btn-salmon { 
  color: #ffffff; 
  background-color: #f0b299; 
  border-color: #f0b299; 
} 
 
.btn-salmon:active, 
.btn-salmon.active, 
.open .dropdown-toggle.btn-salmon { 
  background-image: none; 
} 
 
.btn-salmon.disabled, 
.btn-salmon[disabled], 
fieldset[disabled] .btn-salmon, 
.btn-salmon.disabled:hover, 
.btn-salmon[disabled]:hover, 
fieldset[disabled] .btn-salmon:hover, 
.btn-salmon.disabled:focus, 
.btn-salmon[disabled]:focus, 
fieldset[disabled] .btn-salmon:focus, 
.btn-salmon.disabled:active, 
.btn-salmon[disabled]:active, 
fieldset[disabled] .btn-salmon:active, 
.btn-salmon.disabled.active, 
.btn-salmon[disabled].active, 
fieldset[disabled] .btn-salmon.active { 
  background-color: #f0b299; 
  border-color: #f0b299; 
} 
 
.btn-salmon .badge { 
  color: #f0b299; 
  background-color: #ffffff; 
}

@media (max-width: 768px) {


}
@media only screen and (min-width : 768px) {
  .banner2 {
    background-image: url('../img/petals.jpg');
    background-repeat: no-repeat;
    background-size: 36%;
    background-position: 108% -200px;
    min-height:130px;
  }
  .webp .banner2 {
    background-image: url("../img/petals.webp");
  }
  .avif .banner2 {
    background-image: url("../img/petals.avif");
  }
  h1 {
    font-size: 2.0rem;
  }
  .h1 {
    font-size: 1.3rem;
  }
  .h3 {
    font-size: 1.4rem;
  }
  .btn-cyan-grad {
    background: linear-gradient(180deg, #d7eff2 0%, #d7eff2 72%, #abdae3 100%);
    color: #000;
    border-bottom: 1px solid #abdae3;
    border-left: 1px solid #d7eff2;
    border-right: 1px solid #d7eff2;
    border-top: 1px solid #d7eff2;
    border-radius: 5px 5px 0 0;
  }

  .btn-cyan-grad-active { 
    background: linear-gradient(to top, #35ABCC, #35ABCC);
      color: #fff;
    border-radius: 5px 5px 0 0;
  }
}

@media only screen and (min-width : 1370px) {
  h1 {
    font-size: 2.0rem;
  }
  .h1 {
    font-size: 1.5rem;
  }

}