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


/*****************************************/
/* Getting p.ch Fonts*/
/*****************************************/

@font-face {
    font-family: 'CeraPro';
    src: url('https://3336580.fs1.hubspotusercontent-na1.net/hubfs/3336580/professional.ch%20Fonts/CeraPro-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'CeraPro Bold';
    src: url('https://3336580.fs1.hubspotusercontent-na1.net/hubfs/3336580/professional.ch%20Fonts/CeraPro-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: 'CeraPro Black';
    src: url('https://3336580.fs1.hubspotusercontent-na1.net/hubfs/3336580/professional.ch%20Fonts/CeraPro-Black.ttf') format('truetype');
}
/*
@font-face {
    font-family: 'CeraPro Regular';
    src: url('https://3336580.fs1.hubspotusercontent-na1.net/hubfs/3336580/CeraPro-Regular.ttf') format('truetype');
}
*/



/*****************************************/
/* professional.ch Theming*/
/*****************************************/

h1 {
  font-family: 'CeraPro Black' !important;
  font-size: "55px";
  font-weight: "bold";
}

h2 {
  font-family: 'CeraPro Black' !important;
  font-size : "32px";
},
h3{
  font-size: "25px";
  font-family: 'CeraPro Bold' !important;
},
h4 {
  color: "#333";
  font-family: 'CeraPro Bold' !important;
}
,
h5,
h6,
form-title,
.button {
    font-family: 'CeraPro Black' !important;
   }

body, p, a, .a, b, strong {
  font-family: "CeraPro" !important;
}




/*****************************************/
/* Blog styling - to be moved to another file later */
/*****************************************/
.blog-index__post--card {
  width: calc(33% - 1.5rem);
}

@media (max-width: 767px) {
  h1 {
     font-size:40px !important;
     hyphens: auto;
  }
  h2 {
     font-size:32px !important;
       hyphens: auto;
  }
  .blog-index__post--card {
    width: 100%;
  }
}
  
  
.blog-index__post--card {
  top: 0px;
  position: relative;
  background-color: white;
  border-radius: 4px;
  border-bottom-color: #80FFB3 !important;
  border-bottom-width: 2px !important;
  text-decoration: none;
  z-index: 0;
  border: 1px solid #f2f8f9;
  box-shadow: 0px 1px 2px rgba(38, 38, 38, 0.2);
}

.blog-index__post--card:hover {
    transition: all 0.2s ease-out;
    box-shadow: 0px 4px 8px rgba(38, 38, 38, 0.2);
    top: -4px;
    background-color: #f2f8f9;
  }
}



.blog-index__post-author {
  display: none;
}


.hs-breadcrumb-menu-item {
  margin: 0.0rem 0.2rem;
}