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

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

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
/* TYPOGRAPHY */

 


 /**Adobe font, script is in site header**/


@font-face { 
  font-family: 'Montserrat';  
  src: url('https://3427422.fs1.hubspotusercontent-na1.net/hubfs/3427422/Fonts/Montserrat-Italic-VariableFont_wght.ttf') format ("ttf");
}
@font-face { 
  font-family: 'Noe Display Bold';  
  src: url('https://3427422.fs1.hubspotusercontent-na1.net/hubfs/3427422/Fonts/Noe%20Display%20Bold.otf') format ("otf"),
       url("https://3427422.fs1.hubspotusercontent-na1.net/hubfs/3427422/Fonts/NoeDisplay-Bold.woff") format ("woff");
}
@font-face { 
  font-family: 'Philadelphia';  
  src: url('https://3427422.fs1.hubspotusercontent-na1.net/hubfs/3427422/Fonts/Philadelphia.ttf') format ("ttf"),
}

@font-face {
font-family: 'Holiday';
  src: url("https://3427422.fs1.hubspotusercontent-na1.net/hubfs/3427422/Fonts/HolidayFree.otf") format ("otf");
}

}
@font-face { 
  font-family: 'Noe Display Italic';  
  src: url('https://3427422.fs1.hubspotusercontent-na1.net/hubfs/3427422/Fonts/Noe%20Display%20Medium%20Italic.otf') 
    format('otf');
}
@font-face { 
  font-family: 'Manrope';  
  src: url('https://3427422.fs1.hubspotusercontent-na1.net/hubfs/3427422/Fonts/Manrope-Regular.otf') format('otf'), 
    url('https://3427422.fs1.hubspotusercontent-na1.net/hubfs/3427422/Fonts/Manrope-Regular.ttf') format('truetype');
}

/* COLORS */








 
 
 




/* TYPOGRAPHY */
html{
  font-size:18px;
}
@media (max-width: 900px) {
  html { font-size: 16px; }
}
@media (max-width: 400px) {
  html { font-size: 14px; }
}
a {
  color: #fd940b;
  text-decoration:none;
  font-weight:bold;
  padding-bottom:1px;
  border-bottom: 1px solid #fd940b;
  
}
a:hover{
  color: #d57f0f;
  border-bottom: none;
  text-decoration:underline;
}

h1,h2,h3,h4,h5,h6 {
  margin-bottom:0;
}

h1, h1 > span {
  font-family:'Manrope', sans-serif!important;
  font-size:4rem;
  line-height:1;
  letter-spacing:-1px;
  font-weight:600;
}
h2, h2 > span {
  font-size:2.4rem;
  font-weight:400;
  font-family: 'Montserrat', sans-serif;
  line-height:1.15;
}
h3 {
  font-size:1.68rem!important;
  font-weight:600;
  font-family: 'Montserrat', sans-serif;
  line-height:1;
}

h4 {
  font-size:1.46rem!important;
  font-family: 'Manrope', sans-serif;
  font-weight:700;
}
.post-header>h4 > a{
  color:#000000;
  border-bottom:none;
}
h5 {
  font-size:1.125rem!important;
  font-family: 'Manrope', sans-serif;
  font-weight:700;
}
h6{ }

h6.stories{
  font-family: 'Montserrat', sans-serif;
  font-size: 2.5rem;
  font-style:italic;
  font-weight:300;
  width:100%;
  line-height: 1.25;
}
p{
  font-family: 'Manrope', sans-serif;
  font-size: 1rem;
}
blockquote{
  font-family:'Manrope', sans-serif;
  font-weight:400;
  font-size:1.125rem;
}
/**Quote Styles**/
blockquote.large-quote > p{
  font-size: 1.688rem;
}
blockquote > p.quote-name{
  font-family: 'Montserrat', sans-serif;
  font-size:1.125rem;
}
blockquote > p.quote-name > span.quote-title{
  font-size:0.813rem;
}

/**BUTTONS **/
.form .hs-button, input[type="submit"] {
  padding: 15px 30px!important;
  border-radius: 5px;
  background:#fd940b ;
  display:block;
  text-align:center;
  font-size:1rem;
  border: none;
  display:inline-block;
  font-weight: 900;
}
.form .hs-button:hover{
  text-decoration:underline;
  background: #d57f0f!important;
}
.hero .form .hs-button {
  padding: 10px 18px;
  background: ;
  color: #f9f9f4;
  display:block;
  margin-top:15px;
  text-align:center;
  font-size:1.25rem;
  font-family: ;
  border: none;
  display:block;
  width:100%;
  border-radius:40px;
  font-weight: 900;
}
.hero .form .hs-button:hover {
  background: ;
}
/**end Buttons**/

/****Mobile Styles******/

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  
  h1, h1 > span {
    font-size:3rem;
  }

h2, h2 > span{
  line-height:1;
}
 
  h6.stories{
    width:100%;
    margin-top:0;
  }
}