/* @import url('http://example.com/example_style.css'); */

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

@font-face {
    font-family: 'madera-regular';
    src: local('madera-regular'), 
         url('https://40210592.fs1.hubspotusercontent-na1.net/hubfs/40210592/fonts/madera-regular.otf') format('opentype'),
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'madera-bold';
    src: local('madera-bold'), 
         url('https://40210592.fs1.hubspotusercontent-na1.net/hubfs/40210592/fonts/madera-bold.otf') format('opentype'),
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


:root {
    --ff-base: madera-regular, sans-serif !important;
    --ff-accent: madera-bold, sans-serif !important;
}
/*****************************************/
/* Start your style declarations here    */
table {
  border: 2px solid #000b4a;
	text-indent: 0;
	border-collapse: collapse;
  width: 100%;
}

th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #000b4a;
    color: #fff;
}

td, th {
    border: 1px solid #ddd;
    padding: 8px;
}

tr:nth-child(odd) {
  background-color: #f1f2f3;
}


 a {
  color: #007396;
  font-weight: 700;
}


.pwr-rich-text a:not(.pwr-cta):not([class*=cta_button]) {
    color: #007396;
}

.fa-2xl {
  color: #ffffff;
}

/*********************************/
/*Mobile*/

@media (max-width: 768px) { 
  h1 {
    font-size: 2em; 
  }
}


/*****************************************/