/* @import url('http://example.com/example_style.css'); */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

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

/* Removes horizontal scroll bar */
.body-wrapper {
  overflow-x: hidden !important; 
}

/* Changes p text to Inter */
p {
  font-family: 'Inter'; !important
}

/*Form commented out*/
form .hs-richtext a {
  font-family: 'Inter' !important; 
  font-weight: 600 !important; 
  color: #008fdc !important; 
}

form label {
  font-family: 'Inter' !important; 
  font-size: 16px !important;
  padding-bottom: 0px !important;
}

form input[type='text'] {
  border-bottom: 1px;
}

form .hs-richtext * {
  font-family: 'Inter'; !important
  font-size: 20px; !important
}

form .hs-form-required {
  color: #008fdc !important;
}

form .hs-button {
  font-family: 'Inter' !important; 
  font-size: 16px;
  font-weight: 600 !important; 
  color: #fff !important;
  border: 1px none #58B276 !important;
  background-color: #58B276 !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}
  
form .hs-error-msg {
  font-size: 14px !important;
}
  
form input[type=text] {
  border: none;
  border-bottom: 2px solid #9FA7AE !important;
 }

form input[type=email] {
  border: none;
  border-bottom: 2px solid #9FA7AE !important;
 }

form {
  padding: 30px !important;
  line-height: 1.25 !important;
}


/* Button rounded corners */
.hs-button {
  border-radius: 50px; !important
}

/* Report image fix for mobile */
@media screen and (max-width: 767px) {
  .row-fluid-wrapper.row-depth-1.row-number-3.dnd-row img {
  margin-left: 0px !important;
  margin-top: 30px !important;
  max-width: 125% !important;
  }
}

/* Magazine image fix for mobile */
@media screen and (max-width: 767px) {
  .row-fluid-wrapper.row-depth-1.row-number-5.dnd-row img {
    float: left !important;
    margin-top: 30px !important;
    margin-right: 0px !important;
    max-width: 100% !important;
  }
}

/* Magazine section column reverse for mobile */
@media screen and (max-width: 767px) { 
  .row-fluid-wrapper.row-depth-1.row-number-4.dnd-section > div { 
    display: flex !important; 
    flex-direction: column-reverse !important; 
  } 
}

/* Dropdown Button */
.dropbtn {
  background-color: #008fdc !important;
  color: white;
  padding: 14px 24px;
  font-family: Inter, Arial, Helvetica, sans-serif !important;
  font-size: 16px;
  border: none;
  border-radius: 50px; !important
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 240px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  border: none;
  border-radius: none; !important
}

/* Links inside the dropdown */
.dropdown-content a {
  color: #011b2b;
  padding: 12px 16px;
  font-family: Inter, Arial, Helvetica, sans-serif !important;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
  color: #011b2b;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #58b276 !important;
  border: none !important;
  border-radius: 23px 23px 0px 0px !important; 
  color: #011b2b !important;
}

/* Change link styling in footer */
.footer a {
  font-family: 'Inter' !important; 
  font-size: 16px !important;
  color: #008fdc !important;
}

/* Footer - move socials to left on mobile */
@media screen and (max-width: 767px) {
.footer .social-follow {
  margin-top: 30px !important;
  justify-content: flex-start !important;
  }
}