/* @import url('http://example.com/example_style.css'); */
@import url("https://use.typekit.net/vrm8imo.css");

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* Color Theme Swatches in Hex */
:root {
  --accents-1-red:#E0592A;
  --accents-2-yellow:#FF9E18;
  --accents-3-blue:#003DA6;
  --accents-4-seafoam:#A5E5D9;
   
  --backgrounds-1-black:#2b2926;
  --backgrounds-2-grey:#E5E1E6;
  --backgrounds-3-white:#FFFFFF;
  --backgrounds-4-lightblue:#F1FAFE;
  
  --foregrounds-1-dark-green:#004F51;
  --foregrounds-2-sage:#00827E;
  
  --buttons-1-yellow:#FF9E18;
  --buttons-2-blue:#003DA6;
  
  --text-1-black:#2b2926;
  --text-1-link-blue:#003DA6;
  
  --text-2-white:#FFF;
  --text-2-link-yellow: #FF9E18;
}

/******
 * Resets
 ******/
@media (min-width:768px){
  /*html{
    font-size:24px;
  }*/
  .header .btn.btn-m.ds\:block {
    font-size: 0.75rem;
    margin-left: 2rem;
  }
}

/******
 * Mobile
 ******/
@media (max-width:767px){
  .mb\:mb-4 {
    margin-bottom: 2rem;
  }
  img {
    height: auto;
  }


/******
 * Heading Modifications
 ******/
.heading-dark h1,
.heading-dark h2,
.heading-dark h3,
.heading-dark h4,
.heading-dark h5,
.heading-dark h6{
  /*color: var(--text-1-black);*/
}

/******
 * Menu Modifications
 ******/
.hs-menu-item {
  color: var(--text-1-black);
  opacity: 1;
}
.hs-menu-item.active {
  color: var(--accents-1-red);
}
.header-menu-right .btn{
  font-size: 0.6rem;
}

/******
 * Text Modifications
 ******/
.text-primary {
}

i, .alkaline {
  font-family: alkaline,sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
  
.conclusion {
  margin-top: 4rem;
}


/******
 * Footer Modifications
 ******/
footer {
  background: var(--backgrounds-4-lightblue);
  /*color: var(--text-1-black);*/
}
footer .text-dark {
  /*color: var(--text-1-black);*/
}
footer .bg-base-500 {
  /*background:unset;*/
}