/* @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    */
/*****************************************/

/********************  button/cta radius hover effect  *********************/  
.cta-primary:hover 
{border-radius: 4px; !important;}

.cta-secondary:hover 
{border-radius: 4px; !important;}

.cta-tertiary:hover 
{border-radius: 4px; !important;}

.cta-four:hover 
{border-radius: 4px; !important;}
.cta-four {border: 2pt solid #ffffff;}

.cta-five:hover 
{border-radius: 4px; !important;}

.hs-button:hover 
{border-radius: 4px; !important;}

/********************  adjustment for cta padding to match modal  *********************/  
.cta-primary, .cta-secondary, .cta-tertiary, .cta-four, .cta-five {line-height: 1.0em; }  


/***************** footer  ************************/
.hhs-foot-break-line {display: none !important;}
.hhs-foot-copyright {font-size: 12px; font-weight: 300; line-height: 1em; margin-bottom: 0px;}

/******************** classes    *********************/
.white-link {color: #ffffff;}
.white-link:hover {color: #cccccc;}

/*********************  TYPOGRAPHY --- ADOBE FONTS   ********************/

.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
  font-family: "larken", sans-serif;
  font-weight: 300;
}

h1 {
  font-family: "larken", sans-serif;
  font-weight: 300;
}

h2 {
  font-family: "larken", sans-serif;
  font-weight: 300;
}

h3 {
  font-family: "larken", sans-serif;
  font-weight: 300;
}


.c-rich-text-2 p {font-size: 17px;}

.intro-text {font-family: "larken", sans-serif; font-weight: 300; font-size: 28px; text-align: center; color: #4e0405;}


/*********************************   footer  **********************/
.hhs-footer-mod { border-top: 12px solid #a9894c;}

/*********************************  title case caps in h1 hero  **********************/
.h1-eyebrow {

  font-size: 24px; 
  font-weight: 200; 
  text-align: center; 
  color: #ffffff;
  letter-spacing: 0.1em;
}

.h1-eyebrow .first-letter {
  font-size: 1.3em;
}

/********************   button adjustments *********************/
.parallax-module-button {font-family: "Kumbh Sans", sans-serif; letter-spacing: 1px;}

.parallax-module-button:hover 
{border-radius: 4px; !important;}


 @media (max-width: 700px) {
   .m-overlay{ 
  background-color: rgba(0, 0, 0, 0.8); /* 20% black */
}
}