/* @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    */
/*****************************************/
@import url('https://fonts.cdnfonts.com/css/raleway-5');


html, body{
  overflow-x: hidden;
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  background-color: #FAFAFA !important;
}

.menu.nav-align-right {
  display: none
}

.footer .container .display-flex .columns {
    justify-content: space-between !important;
    width: 60% !important;
    position: absolute !important;
    right: 20px !important;
    padding-top: 20px !important;
}

.footer .container {
  margin: 0 !important;
}


@media (min-width: 280px) and (max-width: 880px) {
  .footer .container .display-flex .columns {
    justify-content: unset !important;
    width: unset !important;
    position: unset !important;
    right: unset !important;
    padding-top: unset !important;
  }
}

.banner.banner-blog_post_header {
  display: none;
}


.article.column.theme-card {
  background-color: #FFFFFF;
}


.section-mt {
  margin-top: 50px;
}



/* ******************* */
/* Blog Post Form */
/* ******************* */

.section-mt.section-mb.mw-600 {
  min-width: 90% !important   
}

.widget-type-form {
  border: 1px solid transperant !important;
  box-shadow: 0 0 10px #0000000B !important;
}

#hs_cos_wrapper_newsletter_form {
    background-color: #FFFFFF !important;
}

.hs_cos_wrapper.form-title {
  font-size 46px !important;
  color: #444444 !important;
  font-family: 'Raleway', sans-serif !important;
  font-weight: 500 !important;
  text-align: start;
}

.hs-form-field label {
  color: #444444 !important;
  font-weight: 700 !important;
}

form .hs_submit .actions {
  width: 100px !important;
}

form .hs-button {
  box-shadow: unset !important;
  color: #444444 !important;
  padding: 16px 35px !important;
}

form .hs-button:hover {
  color: #FFFFFF !important;
  background-color: #444444 !important;
}

/* ************
Blog Article
************ */


.article.column.theme-card {
  border: 1px solid transperant !important;
  border-radius: 30px !important;
  box-shadow: unset !important;
}

.theme-card .card-image {
  border-top-left-radius: 30px 30px !important;
  border-top-right-radius: 30px 30px !important;
}


.theme-card .card-body .card-title {
  color: #444444 !important;
}

.theme-card .card-body .card-title:hover {
  color: #F0BC40 !important;
}