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

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

/*****************************************/
/* Load Fonts from local server    */
/*****************************************/


@import url('//cdn2.hubspot.net/hub/1661537/hub_generated/template_assets/90137504557/1667515058025/Coded_files/Custom/fonts-local.min.css');



/*****************************************/
  
 

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
  
/* Define Breadcrumbs Module */  

.hs_cos_wrapper_type_rich_text ul:not(.inputs-list):not([style*=list-style-type]) li:before 
{
    content:none;
    left: 0px;
    -webkit-mask: non;
    -webkit-mask-size: none;
    mask-size: none;
    top: 0;
    width: 0px;
}


.breadcrumbs ul {
  list-style: none; 
  padding: 0;
  margin: 0; 
}

.breadcrumbs li {
  display: inline; 
}

.breadcrumbs li:not(:last-child)::after {
  content: " > "; 
  padding: 0 5px;
}

.breadcrumbs li:last-child::after {
  content: ""; 
}

.breadcrumbs ul li:before {
    content: none !important;
    background: none !important;
    mask: none !important;
    -webkit-mask: none !important;
}


/* Define HubSpot Audio Player Margins */

.hs-audio-player {margin-bottom:30px!important;}

/* Define mobile fonts */

@media screen and (max-width: 768px) {
h1 {
    font-size: 1.8rem;
}
h2 {
    font-size: 1.5rem;
}
h3 {
    font-size: 1.3rem;
}
    }
  
/* Define HubSpot ROI calculator */

  
#hs-roi-calculator-embed > div > div {
  height: 2580px!important;
}

Tablet:
@media (max-width: 1015px) {
  #hs-roi-calculator-embed > div > div {
    height: 3380px!important;
  }
}

Mobile:
@media (max-width: 570px) {
  #hs-roi-calculator-embed > div > div {
    height: 4950px!important;
  } 
}


/* Increase size of text in blockquotes */

  blockquote {
    font-size: 1.5rem;
    font-style: italic;
    border-left: none;
    margin: 0 0 0rem;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 1rem;
    padding-left: 1rem;
}

blockquote p {
    display: inline;
/*    background: linear-gradient(180deg,rgba(215,229,22,0) 52%,#FFF275 53%,#FFF275); */
}


/* Reduce size of images on cards */
.kl-card-grid__image {
  background-size: 50% !important;
}
  
  

/* Increase the margin and indent of lists*/
ul {
	margin: 1rem 0 1.5rem;
	padding: 0 0 0 2rem;
}

/* Increase the height in elements with embed code - see eventbrite embed*/
.hs-embed-wrapper {max-height: 1500px !important;}


/* Increase line height in blog-posts only*/
.blog-post__body p {
Line-height:1.8;}

.blog-post__body ul {
  line-height:1.5;}

.blog-post__body li {
  padding-top:1em;}


/* Make button on mobile responsive   */
.kl-offer-01__button {
    flex-shrink: 1;
}

/* Less padding for button    */
.button {
	padding: 8px 8px;
}

a#cta_button_1661537_d121d28d-e352-416b-8c0d-88ddb505e4d1 {
padding: 4px 4px !important;
font-size: 20px !important;
}


/* Change font on navbar    */
.kl-navbar__button {
font-weight: normal; 
text-transform: uppercase;
font-size: 14px;
}

.kl-navbar-submenu__item a {
	font-weight: normal;
	font-size: 14px;
}

/** Add Infobox in Blog Posts **/
.cta-infobox {
display: block;
background-color: #fff;  
margin: 0 0 15px 0;
padding: 15px 30px;
position: relative;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 4px solid #E0AD2C;
border-radius: 4px;
zoom: 1;
box-shadow: 1px 1px 10px 5px #eee;
margin-bottom: 40;

}


/*------------------------*/
.blog-more-posts article.blog-more-posts__post-wrapper:nth-child(4) {
    display: none;
}

.box-wrap-post {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.box-wrap-left {
    width: 50%;
}

.box-wrap-right {
    width: 50%;
    text-align: center;
    background-color: #f5f5f5;
    padding: 25px 20px;
}



.box-wrap-right .hub-cta-box a.cta_button {
    background: #d74315;
    color: #fff;
    margin: 20px 0;
    
   }

.box-wrap-right p {
    margin: 0;
}

.box-wrap-right a.cta_button:hover {
    text-decoration: none;
    transform: scale(1.1);
/*     background-color: rgba(215,67,21,0.5);
    border-color: rgba(215,67,21,0.5); */
}
.box-wrap-right a.cta_button:focus {  text-decoration: none; outline:0;}
@media(max-width:767px){
    .box-wrap-left {
    width: 100%;
}
.box-wrap-right {
    width: 100%;
   margin:30px 0 0;
}
}