/** Shopify CDN: Minification failed

Line 13:0 Unexpected "<"
Line 22:19 Comments in CSS use "/* ... */" instead of "//"
Line 25:12 Comments in CSS use "/* ... */" instead of "//"
Line 37:13 Comments in CSS use "/* ... */" instead of "//"
Line 451:0 Unexpected "<"

**/


/* CSS from section stylesheet tags */
<style>
  p {
  font-family: Garamond, Helvetica, Sans-Serif;
}
/**
* Tabs
*/
.tabs {
  display: flex;
  flex-wrap: wrap; // make sure it wraps
}
.tabs label {
  order: 1; // Put the labels first
  display: block;
  padding: 1rem 2rem;
  margin-right: 0.2rem;
  cursor: pointer;
  background: #127a68;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  transition: background ease 0.2s;
}
.tabs .tab {
  order: 99; // Put the tabs last
  flex-grow: 1;
  width: 100%;
  display: none;
  padding: 1rem;
  background: #fff;
}
.tabs input[type="radio"] {
  display: none;
}
.tabs input[type="radio"]:checked + label {
  background: #004438;
  color: white;
  font-weight: normal !important;
  /*font-weight: 600 !important;*/
}
.tabs input[type="radio"]:checked + label + .tab {
  display: block;
  font-weight: normal !important;
}

@media (max-width: 45em) {
  .tabs .tab,
  .tabs label {
    order: initial;
  }
  .tabs label {
    width: 100%;
    margin-right: 0;
    margin-top: 0.2rem;
  }
}


/**
* Image Overlay
*/
.image img {
  width: 100%;
  height: 100%;
}

.image {
  position: relative;
}

.image figcaption{
  position: absolute;
  left: 0;
  width:100%;    
  height:100%;  
  top: 0; 
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;  
}
  
.image h1 {
  font-family: Garamond, Helvetica, Sans-Serif;
  color: white;
  font-size: 5em;
  line-height: 1.5;
  margin-bottom: 1.7em;
   /* font-weight: 50em; */
}  
@media (max-width: 768px) {
  .image figcaption{
    /*top: 50%;*/
    font-size: 2em;
  }
   
  .image h1 {
    margin-bottom: 2em;
  }   
}  

  
/**
*Image container
*/
imagecontainer {
  display: block;
  width: 100%;
  background-color: hsla(214, 72%, 62%, 0.2);
  overflow-y: auto; /* normalizes div height of float parent */
}
imgblockbsi {
  float: left;
  width: 25%;
  text-align: center; /* center images */
  padding: 10px; /* if you want to add padding.. */
  border: 1px solid hsla(0, 0%, 0%, 0.1); /* .. or borders .. */
  box-sizing: border-box; /* use this to properly calculate width % */
  vertical-align: middle;
}
.a imgblockbsi {
  text-decoration: none;
} 
  
/** 
* DIV general setup
*/
.container {
  display: grid;
  grid-template-columns: 1fr 2fr;
  border-style: solid red;
  /*repeat(1, 1fr);*/
  /* OR grid-template-columns: 1fr 1fr 1fr;*/
  /*grid-gap: 10px; */
  /* Simply adjust this value !*/
  /*grid-auto-rows: 1fr;*/
  border:1px; 
}

.container>div {
  border: 0px;
  height: auto;
  padding-top: 10%;
  padding-right: 10%;
  padding-bottom: 10%;
  padding-left: 10%;
}

.container-elements {
  display: grid;
  grid-gap: 10px;
  /* Simply adjust this value !*/
  grid-template-columns: repeat(4, 1fr);
  /* OR grid-template-columns: 1fr 1fr 1fr;*/
  grid-auto-rows: 1fr;
  border: 0px;
  text-align: center;
  font-family: Garamond, Helvetica, Sans-Serif;
  -webkit-font-smoothing: subpixel-antialiased !important;
  color: darkslategray;
}

.container-elements>div {
  color: darkslategray;
  box-sizing: border-box;
  border: 0px;
  height: auto;
  margin: 5px 0 60px 0;
  font-family: Garamond, Helvetica, Sans-Serif;
  -webkit-font-smoothing: subpixel-antialiased !important;  
}

.container-elements-no-space {
  display: flex;
}

.container-elements-no-space>img {
  width: 100% !important; 
  max-width: 200px !important; 
  min-width: 50px !important; 
  height: auto !important; 
}   
  
.container-elements-no-space>div {  
  padding: 5px;
  float: left;
  text-align:center;
}

.container-text {
  position: relative;
  /*text-align: center;*/
  background: #e2e4e3;
  color: darkslategray;
  font-family: Garamond, Helvetica, Sans-Serif;
  -webkit-font-smoothing: subpixel-antialiased !important;  
  display: table-cell;
  text-align: center;
  vertical-align: middle; 
}  
.container-text>img{
  width: 100%;
}
.centered-text {
  position: absolute;
  top: 50%;
  left: 50%;
  /*transform: translate(-50%, -50%);   */
}

  
/** 
*higgs start 
*/
higgs>hr {
  border: 0.5px solid darkslategray;
  width: 100%;
  margin: auto;
  margin-bottom: 5px;
}
higgs>h1 {
  color: white;
  font-weight: bold;
  font-family: Garamond, Helvetica, Sans-Serif;
  -webkit-font-smoothing: subpixel-antialiased !important;
  font-size: 180em;  
}
higgs>h2 {
  font-size: 150%;
  text-align: left;
  font-style: italic;
}
higgs>p {
  color: darkslategray;
  text-align: left;
  font-size: 17px;
  font-family: Garamond, Helvetica, sans-serif !important;
  -webkit-font-smoothing: subpixel-antialiased !important;
}
higgs>img
{
  width: 10%;
  height: auto;
}  
.higgs-wrapper>div {
  flex-basis: 100%;
}
.higgs-one {
  max-width: 20%;
}
.higgs-one>img {
  max-width: 50%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}  
.higgs-two { 
  max-width: 90%;
} 
.higgs-two>h1 {
  text-transform: uppercase;
}   

  
/** 
* Tooltip 
*/
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted lightgray;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 50%;
  background-color: lightgray;
  color: darkslategray;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}   

  
/** 
* custom meter 
*/
.box
{
  width: 80%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  /*padding: 25px 20px;*/
  /*box-sizing: border-box;
  box-shadow: 0 20px 40px rgba(0,0,0,0.5);*/
}  
  
.index-box
{
  box-sizing: border-box;
  width: 100%;
  border: none;
  margin-bottom: -15px;
}
.index-box span
{
  padding: 0;
  letter-spacing: 1px;
  margin: 0 0 5px;
  /*text-transform: capitalize;*/
  color: darkslategray;
  /*font-weight: bold;*/
  font-size: 17px;
  font-family: Garamond, Helvetica, sans-serif;
  -webkit-font-smoothing: subpixel-antialiased !important;
}
.index-box span:nth-child(2)
{
  float: right;
  position: relative;
  top: -25px;
}  
  
.index
{
    box-sizing: border-box;
    background: lightgray;
    border-radius: 18px;	
    margin : 6px;
}
.level
{
    font-style: italic;
    width: 100%;
    height: 15px;
    border-radius: 8px;
}  

  
/** 
* displayed 
*/  

h1.displayed {
  text-align: center ;    
  font-family: Gill Sans MT W00 Medium,helvetica,arial,sans-serif;
  font-size: 1.56em;
}

img.displayed {
  display: block;
  margin-left: auto;
  margin-right: auto ;
  max-width: 40.5em;
}

/** 
* Mobile 
*/ 
  
@media (max-width: 768px) {
  .container-elements-no-space {
    display: block !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
  } 
  .container-elements-no-space>div {  
    padding: 0px !important;
  }  
  .container-elements-no-space>img{
    object-fit: scale-down !important; 
  }
  .centered-text {
    position: absolute !important;
    top: 25% !important;
    left: 0 !important;
    text-align:center !important;
    width:50% !important;
  }  
 .container-elements>div {
    color: white !important;
    margin: 0 0 -50px 0 !important;
    margin-bottom: 2em;
 }  
  .container {
    grid-template-columns: auto !important;
    grid-template-rows: auto auto auto !important;  
  }
  .container-text {
     margin: 0 0 10px 0 !important;
  }
  .container-text>img{
    width: 50%;
  }
  
  higgs>h1 {
    font-size: 5em;
    line-height: 0.5;
    margin-bottom: 1em;
    font-weight: 150px; 
  }
  .higgs-two>h1 {
    text-transform: capitalize;
    font-size: 12px;
  }     
  .index-box
  {    
    /*justify-content: center; */
    float:left;
    bottom: -1em;
    margin:1px 0px 1px 0px;
  } 
  
  img.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto ;
    max-width: 20.5em !important;
  }    

  .image h1 {
    font-size: 1em;
    font-weight: 5em; 
  }  
     
}  
</style>