/* CSS Shortcuts */

.custom .center { text-align: center; margin-left: 0; margin-right 0; }
.custom .left { text-align: left; }
.custom .right { text-align: right; }

.custom .grid { display: block; text-align: center; }
.custom .item { display: inline-block; }

.custom .divider { border-top: 1px solid #EEEEEE; margin-top: 40px; padding-top: 40px }
.float-none{ float: none!important;}
.center-block{ margin: 0 auto!important;}
.custom .custom-row-offset{ margin-left: -15px; margin-right: -15px;}
.custom .clearfix{ clear:both;}

/* Standardize Header Sizes */

/* Desktop */

.custom h1 { font-size: 4rem; }
.custom h2 {font-size: 3em; }
.custom h3 {font-size: 2em;}
.custom h4 { font-size: 1.5em; }
.custom h5 { font-size: 1em; }
.custom h6 { font-size: 12px; }

.blog h1 { font-size: 3rem; }
.blog h3 { font-size: 1.8rem; margin: 0 0 25px; }

.custom .hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper { left: -120px !important; }
.custom .custom-menu-primary .hs-menu-wrapper > ul > li > ul:before { display: none; }
/*.custom .body-container-wrapper{ padding-top: 60px;}*/


/* Start Raymond's CSS */
.about .a-link{color:#ff5349}
.about .a-link:hover:{color:#000000}
.about .a-h4{font-weight:bold; font-style:italic;}
.white{color: #ffffff}

.products #hs_cos_wrapper_widget_1573068032338_ h1::after{content: ""; height: 3px; max-width:100px; background-color: #1787A7; position: absolute; bottom: -20px; width: 100px; margin-left: -50px; left: 50%}
.products h1{position:relative}
#contact-us-social-media{bottom: 10px !important; top: auto !important;}

/* End Raymonds's CSS */

/* Start Guillermo's CSS */
.products .hhs-resource-con{ border: 1px solid #ccc!important; padding: 2rem 1rem 2rem 1rem; border-radius: 1rem;}
.products .hhs-resource-con h1:after{
    content: "";
    height: 3px;
    max-width: 100px;
    background-color: #1787a7;
    position: absolute;
    bottom: -20px;
    width: 100px;
    margin-left: -50px;
    left: 50%;
}
@media (max-width: 1023px) {
  .custom.products .right { text-align: center;}
  .products .hhs-resource-con .hhs-col-5{ text-align: center; margin-bottom: 20px;}
  .products .hhs-resource-con .hhs-col-7 .title, .products .hhs-resource-con .hhs-col-7 p{ text-align: center;}
}

.podcast-section, .blog-section, .related-post, .related-post-item-container{ width: 1320px; margin: 0 auto;}
.podcast-section .podcast-listing-wrapper .post-listing{ }
.podcast-section .podcast-listing-wrapper .post-listing h2{ font-family: 'coolveticaregular'; font-weight: normal; font-size: 30px; color: #212121; letter-spacing: 1px;}
.podcast-section h1, .blog-section h1 { font-family: Coolvetica; font-size: 35px; font-weight: 400; color: #212121!important;}
.podcast-section .podcast-listing-wrapper .post-listing .hs-featured-image-link img{ border-radius: 10px; }

.podcast-section .podcast-listing-wrapper .post-listing .date{font-size: 14px; color: #8A8A8A; font-family: "gothamlight"; font-weight: bold;}
.podcast-section .podcast-listing-wrapper .post-listing .podcast-summary-content, .podcast-section .podcast-listing-wrapper .post-listing .podcast-body-content{font-family: 'gothamlight';
    font-weight: 600;}

.podcast-list-header{ background: url('https://e.smartagents.com/hubfs/Podcast%20Page%20Files/podcast-list-header-bg.jpg')no-repeat; color: #fff; margin-bottom: 125px; padding-top: 150px; padding-bottom: 30px; background-size: cover;}
.podcast-list-header h1{ font-family: roboto; color: #fff; font-size: 36px; text-align: center; border-bottom: 1px solid #fff; padding-bottom: 30px;}
.podcast-list-header h1 span{ color: #f47e20; }
.podcast-list-header h2{ font-family: roboto; color: #fff; font-size: 25px; text-align: center; padding-top: 30px;}
.podcast-list-header .button-box-container{ border: 2px solid #9f571d; background-color: rgba(0, 0, 0, 0.61); padding: 30px 30px 10px 30px; margin-top: 30px;}
.podcast-list-header .cta-box{ background: #363e48; padding:40px; position:relative; bottom: -100px;}
.podcast-list-header .cta-box h3{ color: #fff; text-align: center; font-family: roboto;}

.podcast-page-header, .blog-page-header{background: #212121; color: #fff; text-align: center; height: 500px; }
.podcast-page-header .inner, .blog-page-header .inner, .blog-section .inner{ width: 1030px; margin: 0 auto; }
.podcast-page-header .podcast-logo-img { margin-bottom: 50px; }
.blog-page-header h1 { color: #fff; text-align: center; font-family: coolveticaregular; font-size: 50px; font-style: normal; font-weight: 400; line-height: 72px; /* 144% */ letter-spacing: 1px;}
.blog-page-header img{ border-radius: 10px;}
.breadcrumbs { font-family: "gothamlight"; font-size: 14px; font-weight: bold; line-height: 28px; color: #fff; }
.breadcrumbs a{ color: #fff;}
.breadcrumbs span{ color: #676767; }
.header-topic{
  font-family: "gothamlight";
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}
.header-topic .topic-link{
    background-color: #fff;
    color: #212121;
    padding: 0px 10px;
    font-size: 13px;
    font-weight: bold;
    -webkit-border-radius: 12px 12px 12px 12px;
    border-radius: 12px 12px 12px 12px;
    margin-right: 4px;
    font-family: "gothamlight";
}

.tags .topic-link{padding: 0px 10px; background: #D0D0D0; color: #212121; font-size: 14px; font-family: "gothamlight"; font-weight:bold; text-transform: capitalize; border-radius: 20px; display: inline-block;
margin-bottom: 10px;}
.related-post-item h2{line-height: 20px!important;}
.related-post-item h2 a{font-size: 17px; font-family: gothammedium; color: #212121;}
.related-post-item p, .related-post-item p span{font-family: "gothamlight"; font-size: 15px!important;font-weight: bold;}
.related-post-item a.read_more{font-family: "gothamlight";
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 24px;
color: #676767;
}

.related-post-item img { border-radius: 10px;}

.hhs-horz-spacer{ display: none;}

.pd-btn{ -webkit-border-radius: 15px 15px 15px 15px; border-radius: 15px 15px 15px 15px; padding: 15px; display: block; color: #fff; text-align: center; font-size: 21px;}
.pd-btn i{ color: #fff; font-size: 28px; position:relative; top: 2px; margin-right: 5px;}
.pd-btn.btn-orange{ background: #f47e20; border: 1px solid #ffa800; }
.pd-btn.btn-gray{ background: #6b6b6b; border: 1px solid #ffffff; }

.podcast-section{ padding-bottom: 50px;}
.podcast-section .post-header h2{ font-size: 25px;}
.podcast-section .post-header h2 a{color: #f47e20 !important; font-size: 20px; line-height: 24px; margin-bottom: 20px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.podcast-section .podcast-content img{ margin-bottom: 25px; width: 100%;}

.podcast-section .blog-pagination{ text-align: center; border-top: 1px solid #ccc; padding-top: 30px;margin-top: 20px;}
.podcast-section .blog-pagination a{background: #dc1f28; border: 1px solid #dc1f28; color: #fff!important; font-family: "gothamlight"; font-size: 14px; font-weight: bold; text-transform: capitalized;
  -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; padding: 5px 10px 5px 10px; display:inline-block;} 

.podcast-page-section{ padding-top: 200px; width: 1030px; margin: 0 auto;}
.podcast-page-section .post-header h1 span{ font-size: 50px; color: #212121; font-family: 'coolveticaregular'; font-weight: normal!important; text-transform: capitalize;}
.podcast-page-section .podcast-transcript-section p{ font-family: "gothammedium"; font-weight: 400; margin-bottom: 20px;}
.podcast-inner-section p, .podcast-inner-section ul, .podcast-inner-section p strong span, .blog-section .inner p, .blog-section .inner ul, .blog-section .inner p strong span{ font-family: "gothammedium"!important; font-weight: 400;}


/* Modal Header */
.modal-header { padding: 2px 16px; background-color: #f47e20; color: white;}

.sample-mags-modal .modal-header{ position:relative; }
.sample-mags-modal .modal-header .close { position: absolute; right: 15px; top: 20px;}

/* Modal Body */
.modal-body {padding: 40px;}
.modal-body.left{ background: #fa9600; border-top: 15px solid #924c11; min-height: 520px;}
.modal-body.right{border-top: 15px solid #e38000; padding: 0px; }
.modal-body.left label{ color: #fff; }
.modal-body.left .hs-button{ background: #000!important;}

.modal-body.right img{position: relative; left: -50px; top: 15px;}

.modal-body.left .submitted-message{ font-size: 18px; color: #fff;}

/* Modal Footer */
.modal-footer { padding: 2px 16px; background-color: #f47e20; color: white;}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: 5% auto;
  padding: 0;
  border: 1px solid #888;
  width: 50%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@keyframes animatetop {
  from {top: -300px; opacity: 0}
  to {top: 0; opacity: 1}
}

/* NEW Design 2021 */

.custom .hhs-header-nd.scroll{ background-color: rgba(0,0,0,100%)!important; }
.custom .hhs-header-nd .custom-menu-primary a{ color: #fff; font-weight: normal; font-weight: normal!important; font-size: 16px!important;}
.custom .hhs-header-nd .hhs-header-search a i{ color: #fff;}
.custom .hss-recent-blogs-nd{ background: #f0f0f0; padding: 75px 0px;}
.custom .hss-recent-blogs-nd h3 {
    font-family: 'Bebas Neue',Sans-Serif;
    font-weight: 400;
    font-size: 70px !important;
    color: #000;
}

.custom .hss-recent-blogs-nd a.hs-rss-title {
    font-family: 'Bebas Neue',Sans-Serif;
    font-weight: 400;
    font-size: 35px !important;
    color: #e38900;
    line-height: 40px;
}
.custom .hss-recent-blogs-nd .hs-rss-item{ padding: 40px; } 
.custom .hss-recent-blogs-nd .hs-rss-description a{ border:  0px!important; padding: 0px!important; bottom: 40px!important;  font-family: 'Bebas Neue',Sans-Serif; font-weight: 400; font-size: 30px !important; color: #e38900; text-decoration: underline;}
.custom .hss-recent-blogs-nd .hs-rss-byline{ opacity: 1!important;}
.custom .hss-recent-blogs-nd .hs-rss-byline .hs-rss-date{ font-size: 16px; color: #000;}
.custom .hss-recent-blogs-nd .button-container{ text-align: center; padding: 40px 0px;}
.custom .hss-recent-blogs-nd .button-container .hs-button {color: #000 !important; border: 2px solid #e38900 !important; background-color: #e38900 !important; padding: 14px 28px 13px 28px !important;
    border-radius: 0px !important; font-size: 22px !important; font-weight: normal !important; font-family: 'Bebas Neue',Sans-Serif !important; display: inline-block;}
.custom .hss-recent-blogs-nd .button-container .hs-button:hover{color: #fff!important;}

#hhs-podcast-nd{ background-size: cover!important;}
#hhs-magazine-nd h1{ font-family: 'Bebas Neue',Sans-Serif; font-weight: 400; font-size: 70px !important; color: #e38900;}
#hhs-magazine-nd h3{ font-family: 'PlayFairDisplay'!important; font-weight: 400; font-size:49px; margin-bottom: 20px;}
#hhs-podcast-nd h3{ font-family: 'Roboto'!important; font-weight: 500; font-size:49px; margin-top: 50px; color: #fff; position:relative; padding-bottom: 30px; margin-bottom: 30px;}
#hhs-podcast-nd h3 span{color: #f47e20;}
#hhs-podcast-nd h3:after{position: absolute; content: ""; width: 80%; height: 2px; background: #fff; bottom: 0px; left: 50%; margin-left: -40%;}
#hhs-podcast-nd h4{font-family: 'Roboto'!important; font-weight: 500; font-size:35px; color: #fff; margin-bottom: 30px;}

.hero-banner-nd .hhs-hero{ padding-top:  120px;}

.custom .hss-recent-blogs-nd .button-container a:hover{ transform: scale(1.05)!important;}
.custom .hss-recent-blogs-nd .clean-recent-blog-posts .hs-rss-item{min-height: 545px;}

a.cta_button-nd{font-family: 'Bebas Neue', Sans-Serif !important; display:block; padding: 14px 20px 13px 20px !important; text-align: center; font-size: 22px; font-weight: 500; letter-spacing: 1px;}
.cta-primary-nd { color: #000 !important; border: 2px solid #e38900; background-color: #e38900;}
.cta-secondary-nd { color: #fff !important; border: 2px solid #000000; background-color: #000000;}
.cta-button-inline{ display: inline-block!important;}
a.cta_button-nd:hover{transform: scale(1.05)!important; color: #fff!important;}

#about-us-nd h1{font-family: 'Bebas Neue', Sans-Serif !important; }
#about-us-nd .cta-box{ background: #e38900; padding: 40px; text-align: center; margin-top: 50px;}
#about-us-nd .cta-box h3{font-family: 'PlayFairDisplay'!important; font-weight: 400; font-size:35px; color: #000;}
#about-us-nd .cta-box a{ display: inline-block!important; margin-top: 15px!important;}

.hs-blog-listing-nd .blog-listing-wrapper .post-listing .post-item h2 a, .hs-blog-listing-nd .post-header h1 a{font-family: 'Bebas Neue', Sans-Serif !important; font-size: 60px; font-weight: 500!important; line-height: 60px;}
.hs-blog-listing-nd .post-header h1 span{ font-weight: 500!important;}
.hs-blog-listing-nd .blog-listing-wrapper .post-listing .post-item .reading-minutes, .hs-blog-listing-nd .blog-listing-wrapper .post-listing .post-item .post-header p,
.hs-blog-listing-nd .blog-post-wrapper .reading-minutes, .hs-blog-listing-nd .blog-post-wrapper .post-header p{ font-size: 16px; color: #000!important; font-weight: 600;}
.hs-blog-listing-nd .blog-listing-wrapper .post-listing .post-item .post-header #hubspot-author_data{color: #000!important;}
.hs-blog-listing-nd .blog-listing-wrapper .post-listing .post-item{border-bottom: 2px solid #ccc!important;}
.hs-blog-listing-nd .topic-list{font-size: 14px; font-weight: bold;}
.hs-blog-listing-nd .topic-link{font-weight: normal;}
.hs-blog-listing-nd .topic-link:hover{background: #e38900;}
.hs-blog-listing-nd .blog-pagination a, .hs-blog-listing-nd .blog-pagination a i{color:#e38900;}

.hs-blog-listing-nd .sidebar-featured-post{ background: #363e48; padding: 20px;}
.hs-blog-listing-nd .sidebar-featured-post h3{ color: #fff; font-size: 20px!important; border-bottom: 3px solid #e38900; padding-bottom: 20px;}
.hs-blog-listing-nd .sidebar-featured-post .hs-rss-item{background: none!important; padding-bottom: 40px!important; border-bottom: 1px solid #fff; 
  -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; padding-left: 0px!important; padding-right: 0px!important;}
.hs-blog-listing-nd .sidebar-featured-post .hs-rss-item .hs-rss-title{font-size: 18px;}
.hs-blog-listing-nd .sidebar-featured-post .hs-rss-item .hs-rss-title, .hs-blog-listing-nd .sidebar-featured-post .hs-rss-item .hs-rss-byline{ color: #fff;}
.hs-blog-listing-nd .sidebar-featured-post .hs-rss-item .hs-rss-item-text{ float: none; width: 100%;}
.hs-blog-listing-nd .sidebar-featured-post .hs-rss-item .hs-rss-description p{ color: #fff;}
.hs-blog-listing-nd .sidebar-featured-post .hs-rss-item .hs-rss-item-image-wrapper{ float: none!important; width: 100%!important;}
.hs-blog-listing-nd .sidebar-featured-post .hs-rss-item .hs-rss-description a{left: 0px; color: #e38900;}

.hs-blog-listing-nd .subscribe-container{ background: #e38900; padding: 20px; margin-top: 20px; margin-bottom: 20px;}
.hs-blog-listing-nd .subscribe-container h3{font-family: 'Bebas Neue', Sans-Serif !important; color: #fff; font-size: 26px!important;}
.hs-blog-listing-nd .subscribe-container label{ display: none;}
.hs-blog-listing-nd .subscribe-container input{ background: none; border: 1px solid #fff;}
.hs-blog-listing-nd .subscribe-container input.hs-button.primary{ background-color: #000!important; border-color: #000!important; font-family: 'Bebas Neue',Sans-Serif !important;
font-size: 18px!important; font-weight: normal!important;}
  
.hs-blog-listing-nd .podacst-cta{ margin-bottom: 20px;}  
  
.main-title-header{ background: #e38900 url('https://e.smartagents.com/hubfs/SA%20New%20Design/page-header-title-bg.png') no-repeat 0px 34px; padding: 130px 0px 50px 0px;}
.main-title-header .header-title h1{ color: #fff; font-family: 'Bebas Neue',Sans-Serif; font-weight: 400; text-shadow: 5px 2px 2px #d96f00; font-size: 60px !important;}
.hs-blog-listing-nd #share{ border-bottom: 3px solid #000; padding-bottom: 25px;}
.hs-blog-listing-nd .share_label h4{ text-align: left; font-family: 'Bebas Neue', Sans-Serif !important;}
.hs-blog-listing-nd .share.grid{ text-align:left;}
.hs-blog-listing-nd .share .item a{ width: 50px!important; height: 50px!important; text-align: center; line-height: 44px; background: #e38900!important; margin: 10px 20px 10px 0px!important;}

.hs-blog-listing-nd .subscribe-container input::-webkit-input-placeholder { color: #fff;}
.hs-blog-listing-nd .subscribe-container input:-ms-input-placeholder { color: #fff;}
.hs-blog-listing-nd .subscribe-container input::placeholder { color: #fff;}

.hs-blog-listing-nd .related-image h6 a{font-size: 20px; line-height: 20px; font-family: 'Bebas Neue', Sans-Serif !important;}

.hhs-contact-us-sidebar .hhs-content-con{ background: #ededed; margin-bottom: 30px!important;}
.hhs-contact-us-form { margin-bottom: 30px;}
.hhs-contact-us-form .hs-input{ border: 1px solid #000000;}

.hhs-contact-us-form .hs-button.primary { color: #000 !important; border: 2px solid #e38900 !important; background-color: #e38900 !important; padding: 14px 28px 13px 28px !important;
    border-radius: 0px!important; font-size: 22px!important; font-weight: normal!important; font-family: 'Bebas Neue',Sans-Serif!important; padding: 10px 28px 10px 28px !important;}  
 
.hhs-contact-us-form .hs-button.primary:hover { background-color: #e38900 !important; color: #fff!important; transform: scale(1.05);}
#templates-quick-nav { background: #efefef; }
#templates-quick-nav ul{ list-style: none; margin-left: 0px; margin-left: 0px; padding-left: 0px; text-align: center; font-size: 18px; font-weight: bold;}
#templates-quick-nav ul li{ position:relative; display:block; margin-bottom: 10px;}

.training-list-header{ background: url('https://e.smartagents.com/hubfs/SA%20New%20Design/training-hero-bg.jpg')no-repeat; color: #fff; margin-bottom: 125px; padding-top: 50px; padding-bottom: 50px; background-size: cover;}
.training-list-header h1{ font-family: 'Bebas Neue',Sans-Serif!important; color: #fff; font-weight: normal; font-size: 65px; padding-bottom: 30px; line-height: 65px;}
.training-list-header p{ color: #fff!important; font-size: 22px;}
.training-list h2 a{font-family: 'Bebas Neue',Sans-Serif!important; font-size: 25px!important; color: #000; font-weight: normal; display: block; line-height: 25px;}
.training-list img{ margin-bottom: 0px!important; border-top: 5px solid #e38900; width: 100%; }
.training-list-content{ -webkit-box-shadow: 2px 2px 10px 1px #a6a6a6; box-shadow: 2px 2px 10px 1px #a6a6a6; padding: 20px; min-height: 550px; margin-bottom: 20px;}

.training-page-section{ padding: 0px 0px 50px 0px;}
.training-page-section .post-header{background: url(https://www.smartagents.com/hubfs/SA%20New%20Design/pricing-hero-bg.jpg) no-repeat; padding: 100px 0 100px 0; text-align: center;}
.training-page-section .post-header h1 span{ font-size: 60px; color: #fff; font-family: 'Bebas Neue',Sans-Serif!important; font-weight: normal!important;}
.training-list .podcast-section .post-item{ margin-bottom: 20px; margin-left: 0px!important; padding: 0px 10px;}
.training-page-section .post-header .video-container{ padding: 15px!important; background: #fff;  margin: 0 auto; margin-top: 50px; -webkit-box-shadow: 0 0 5px 2px #D6D6D6;
box-shadow: 0 0 5px 2px #D6D6D6;}

.training-page-section .post-header .inner-content{ width:  750px; }
.training-section{ padding-top: 50px;}

.training-article-accordion{ margin-top: 50px;}
.training-article-accordion .hhs-accordion a.accordion-title{ background: #e38900; margin-bottom: 5px;}
.training-article-accordion .hhs-accordion a.accordion-title .hs_cos_wrapper{padding-left: 5px;}
.training-article-accordion .hhs-accordion a.accordion-title.active{ background: #000; }
.training-article-accordion .hhs-accordion li .hhs-accordion-content{ padding: 50px; background: #f0f0f0; }

.training-article-accordion .hhs-accordion a.accordion-title:after {
    width: 0px;
    height: 0px;
    position: absolute;
    left: 15px;
    content: " ";
    top: 22px;
    transform: rotate(0deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-top: 8px solid transparent;
    border-left: 12px solid #fff;
    border-bottom: 8px solid transparent;
    border-right: 0px solid #4a6e78;
}

.training-article-accordion .hhs-accordion a.accordion-title.active:after {
    transform: rotate(90deg)!important;
}

#easy-close-marketing-package{ margin-bottom: 70px; }
#send-my-magazine{ cursor: pointer; }

/* New Design Homepage */

/* End Guillermo's CSS */

.offset-top-20{ margin-top: 20px;}
.offset-top-15{ margin-top: 15px;}
.offset-top-10{ margin-top: 10px;}
.offset-top-5{ margin-top: 5px;}

.offset-bottom-20{ margin-bottom: 20px;}
.offset-bottom-15{ margin-bottom: 15px;}
.offset-bottom-10{ margin-bottom: 10px;}
.offset-bottom-5{ margin-bottom: 5px;}

.offset-left-20{ margin-left: 20px;}
.offset-left-15{ margin-left: 15px;}
.offset-left-10{ margin-left: 10px;}
.offset-left-5{ margin-left: 5px;}

.offset-right-20{ margin-right: 20px;}
.offset-right-15{ margin-right: 15px;}
.offset-right-10{ margin-right: 10px;}
.offset-right-5{ margin-right: 5px;}

@media (max-width: 1110px) {
  .podcast-page-section, .podcast-page-header .inner,
  .podcast-related-post, .podcast-cta-message, .newsletter-container, .podcast-platform,
  .podcast-section, .blog-section, .blog-page-header .inner, .blog-section .inner,
  .related-post-item-container, .related-post{ width: 95%; margin: 0 auto;}
}

@media only screen and (max-width:768px){
  .about .hhs-horz-spacer.divider-line{display:none}
  .training-page-section .post-header{ padding-top: 50px;}
  .training-page-section .post-header .inner-content{ width:  100%; }
  .training-page-section .post-header h1 span{font-size: 45px;}
  .newsletter-container .newsletter-form{ width: 100%;}
  .podcast-page-section{ padding-top: 175px;}
  .podcast-page-section .post-header h1 span, .newsletter-container h2{ font-size: 30px;}
  .podcast-related-post h3{ font-size: 23px;}
  .podcast-section h1{font-size: 23px;}
  .podcast-section .podcast-listing-wrapper .post-listing h2{ font-size: 20px; }
}

@media only screen and (max-width:480px){
  .podcast-page-section{ padding-top: 0px;}
  .blog-section{ padding-top: 50px;}
  .blog-page-header{ height: auto; padding-bottom: 50px;}
}

@media only screen and (min-width: 769px){
  #hs_cos_wrapper_widget_1573059252064, #hs_cos_wrapper_widget_1573059243625, #hs_cos_wrapper_widget_1573762279532{padding-left: 20px; padding-right: 20px}
}

@media only screen and (max-width:767px){
  #contact-us-social-media{bottom: 0px !important; }
}


/* Tablet */

@media (max-width: 768px) {
    .custom h1 { font-size: 2em; }
    .custom h2 {font-size: 1.8em; }
    .custom h3 {font-size: 1.6em; }
    .custom h4 { font-size: 1.2em; }
    .custom h5 { font-size: 1em; }
    .custom h6 { font-size: 12px; } 
    .custom h1, .custom h2, .custom h3, .custom h4, .custom h5, h6 { line-height: 1.2em; }
    .products .hhs-resource-con img.respond{ width: 100%; }
  
    .hero-banner-nd h1{font-size: 50px !important;} 
    .hero-banner-nd h4{font-size: 18px!important;}
    .hero-banner-nd .hero-icon-links ul{text-align: center;} 
    .hero-banner-nd .hero-icon-links ul li a img{ width: 75px;}
    .hero-banner-nd .hero-icon-links ul li a{ font-size: 14px;}
    .hero-banner-nd .hero-icon-links ul li{ padding: 10px 0px!important;}
  
    .hs-blog-listing-nd .blog-listing-wrapper .post-listing .post-item h2 a{font-size: 33px!important; line-height: 38px!important;}
    .hs-blog-listing-nd .hhs-blog-sidebar .row-fluid{ width: 100%!important;}
}

/* Mobile */

@media (max-width: 479px) {
    .custom h1 { font-size: 2em; }
    .custom h2 {font-size: 1.8em; }
    .custom h3 {font-size: 1.6em; }
    .custom h4 { font-size: 1.2em; }
    .custom h5 { font-size: 1em; }
    .custom h6 { font-size: 12px; } 
    .custom h1, .custom h2, .custom h3, .custom h4, .custom h5, h6 { line-height: 1.2em; }
}


/* Header Adjustments For Fixed Header & On Scroll Background Transition */

.custom .hhs-header { height: 60px; position: fixed; }
.custom .hhs-header { transition: background-color 0.5s ease; }
.custom .hhs-header.scroll { background-color: rgba(255,255,255,100%); box-shadow: 0 -1px 2px 1px rgba(68,68,68,0.3); transition: background-color 0.5s ease; }
.custom .hhs-header .hhs-header-menu { position: relative !important; right: 0 !important; top: 0 !important; }
.custom .hhs-header .hhs-header-cta { position: relative !important;  right: 0 !important; top: 0 !important; }

.blog .hhs-header,
.blog .hhs-header.scroll { background-color: rgba(255,255,255,100%); box-shadow: 0 -1px 2px 1px rgba(68,68,68,0.3); transition: background-color 0.5s ease; }

/* Hero Content */

.custom .hhs .hhs-content-align { padding-top: 60px!important; }
.custom .hhs-hero h1 { text-transform: capitalize !important; margin-bottom: 20px; }
.custom .hhs-hero h4 { font-weight: 400 !important; letter-spacing: 1px !important;}


#hhs-lenders-intro p{ font-size: 20px; color: #000!important;}
#hhs-lenders-magazine{ padding-top: 0px!important;} 
#hhs-lenders-magazine h2, #hhs-lenders-magazine-cover h2{font-family: 'Bebas Neue',Sans-Serif!important; color: #000!important; font-weight: normal;}
#hhs-lenders-magazine-cover h3{ color: #000!important;}

#hhs-lenders-magazine-cover .cover-section{ padding-top: 50px; }

#lender-request-pricing-form h2{font-family: 'Bebas Neue',Sans-Serif !important; font-weight: normal;}
#lender-request-pricing-form form{ background: #f3f3f3; padding: 30px; }
#lender-request-pricing-form .hhs-form-con .hs-input { border: 1px solid #d1d1d1; height: 45px;}
#lender-request-pricing-form .hhs-form-con .hs-button.primary{ margin-top: 15px; }

#hhs-magazine-package-section, #hhs-magazine-package-pricing-page{ padding-top: 100px; background: #f0f0f0; }
#hhs-why-smartagents{ padding-top: 100px!important; background-size: cover!important;}
#hhs-why-smartagents img{ position: relative; bottom: -50px;}
#hhs-why-smartagents h2{font-family: 'Bebas Neue',Sans-Serif !important; font-weight: normal; color: #000; }

#hhs-who-is-in-the-magazine h2, #hhs-magazine-form-section h2{font-family: 'Bebas Neue',Sans-Serif !important; font-weight: normal; color: #000;}
#hhs-who-is-in-the-magazine { padding-bottom: 0px!important;}
#hhs-podcast-banner{ padding-top: 0px!important;}

#hhs-magazine-form-section { background: #f0f0f0; }

#hhs-magazine-package-pricing-page .subtitle-price{ display: none; }

/* Blog Listing Page */

/* Custom Share Widget */

.custom .share .item a { background: #1787A7; border-radius: 50%; display: inline-block; height: 32px; margin: 10px; padding: 4px 0; width: 32px; }
.custom .share .item a:hover { background: rgba(46, 62, 78,100); }
.custom .share .item a .fab { color: #FFFFFF; }

/* Custom Fixed Sidebar Widget */

.custom .hhs-blog-sidebar .row-fluid { height: auto; width: 342px; }
.custom .floater { position: relative; top: 0; width: inherit; }
.custom .fixer { position: fixed; top: 100px; width: inherit; }

.feed .blog-listing-wrapper .post-listing .post-item { border-bottom: 1px solid #EEEEEE; margin-bottom: 40px; padding-bottom: 40px; }

/* Blog Listing Page */

.blog .post-body img:first-child { padding-bottom: 40px !important; }
.blog .post-body .hs-responsive-embed { padding-bottom: 40px !important; }
.blog .post-body { font-family: "gothamlight"; font-size: 15px; font-weight: bold; }

.hero-banner-nd .hhs-hero{ height: auto!important;}
.hhs-form-nd .hhs-hero{ height: auto!important;}

/* Override CSS for Tablet & Mobile */
@media (max-width: 1080px) {
  .podcast-list-header .button-box-container{ padding: 15px;}
  .pd-btn{ font-size: 16px; padding: 10px;}
  .pd-btn i{ font-size: 21px;}
  
  .hs-blog-listing-nd .blog-listing-wrapper .post-listing .post-item h2 a{font-size: 45px; line-height: 48px;}
  .main-title-header .header-title h1{padding: 0px 20px;}
  #hhs-why-smartagents{ padding-top: 50px!important;}
}

@media (max-width: 820px) {
   .pd-btn{ font-size: 15px;}
}


@media (max-width: 780px) {
 
  /* Fix for mobile icon */
  .custom .no-hero .hhs-header-menu .mobile-trigger, 
  .custom .hhs-header-menu .mobile-trigger { background-size: 32px 21px !important; height: 22px !important; margin-top: 0 !important; padding: 10px !important; right: 20px !important; top: -36px !important; width: 28px !important; }
  .modal-content{ width: 80%; margin: 15% auto;}
  
  .custom .hhs-header-nd .custom-menu-primary a{ color: #000;}
  .custom .hhs-header-nd .mobile-trigger{ background: url('https://e.smartagents.com/hubfs/SA%20New%20Design/mobile-menu.png') no-repeat left top !important; background-size: 32px 21px !important; height: 22px !important; margin-top: 0 !important; padding: 10px !important; right: 20px !important; top: -36px !important; width: 28px !important; }
  
  
  .hhs-col-12 { width: 100%;}
  .hhs-col-11 {width: 100%;}
  .hhs-col-10 {width: 100%;}
  .hhs-col-9 {width: 100%;}
  .hhs-col-8 {width: 100%;}
  .hhs-col-7 {width: 100%;}
  .hhs-col-6 {width: 100%;}
  .hhs-col-5 {width: 100%;}
  .hhs-col-4 {width: 100%;}
  .hhs-col-3 {width: 100%;}
  .hhs-col-2 {width: 100%;}
  .hhs-col-1 {width: 100%;}
  
  .hhs-footer-nd .hhs-footer-mini-links ul{ float: none!important; width: 100%; text-align: center;}
  .hhs-footer-nd .hhs-footer-mini-links ul li{ display: inline-block; float: none!Important;}
  
  #hhs-why-smartagents img { bottom: 0px!important;}
 
}

@media (max-width: 575px) {
  /* Fix for header items icon */
  .custom .hhs-header-logo { max-width: none !important; }
  .custom .hhs-header-cta { display: none; }
  .custom .hhs-header-menu .mobile-trigger { top: -36px!important; }
}

@media (max-width: 640px) {
  .training-list-content{ min-height: auto!important; }
}

@media (max-width: 479px) {
  /* Fix for header items icon */
  .custom .hhs-header-menu .mobile-trigger { right: 0px !important; top: -32px !important; }
  .podcast-page-header{ height: auto; margin-bottom: 0px;}
  .video-container iframe{ height: 100%;}
}



/* Custom Css
--------------------------------------------- */
#main-header{
	background: var(--00-neutral-700, #212121);
}

#mobile-header{ display: none;}

#primary-menu{
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
}

#primary-menu li{
	display: inline-block;
	padding: 18px 14px;
}

#primary-menu li a{
	color: #FAFAFA;
	font-size: 14px;
	font-family: 'gothamlight'!important;
	font-style: normal;
	font-weight: bold;
	line-height: 20px;
	letter-spacing: 1px;
	text-decoration: none;
}

#primary-menu li a:hover{
	color: #00B9D8;
}

.btn-primary{
	border-radius: 5px!important;
	background-color: #dc1f28!important;
	border: 0px!important;
	font-family: 'gothamlight';
	font-size: 12px!important;
	font-weight: 600!important;
	letter-spacing: 0.5px;
}

.btn-primary:visited{
	color: #fff!important;
}

.btn-primary .fas{
  color: #fff!important;
}

.btn-primary:hover{
	background-color: #c10008!important;
}

.tcb-button-link, .tcb-button-link  span{
	font-family: 'gothamlight';
	font-weight: 600!important;
}

.btn-login{
	font-family: 'gothamlight'!important;
	font-weight: 600!important;
	font-size: 14px!important;
	letter-spacing: 1.5px;
	padding: 11px 17px!important;
}

#footer{
	background: #FAFAFA;
}

.footer-widget h2{
	color: var(--00-neutral-500, #505050);
	font-size: 16px;
	font-family: Figtree;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 1.6px;
}

.footer-widget ul{
	list-style: none;
	padding: 0px;
	margin-left: 0px;
}

.footer-widget ul li{
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.footer-widget ul li a{
	color: var(--00-neutral-700, #212121);
	/* text-base/leading-7/font-semibold */
	font-size: 14px;
	font-family: Figtree;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	text-decoration: none;
}

.footer-widget p, .footer-widget p a{
	color: var(--00-neutral-700, #212121);
	/* text-base/leading-7/font-semibold */
	font-size: 14px;
	font-family: Figtree;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
}

.footer-widget p a:hover{ color: #00B9D8; }

.footer-widget ul li a:hover{
	color: #00B9D8;
}

.footer-bottom p{ 
	font-weight: 600;
	color: #212121!important;
  font-family: "gothamlight";
}

.mobile-nav{ position: relative;}

.menu__icon {
	height: 32px;
	width: 32px;
	margin: 10px 20px 20px 20px;
	position: absolute;
	right: 3%;
	display: inline-block;
	vertical-align: middle;
	z-index: 20;
  }
  
  .menu__icon span {
	display: block;
	background: #fff;
	width: 100%;
	height: 4px;
	border-radius: 3px;
	margin-top: -2px;
	position: absolute;
	left: 0;
	top: 50%;
  }
  
  .menu__icon:before,
  .menu__icon:after {
	content: "";
	display: block;
	background: #fff;
	width: 100%;
	height: 4px;
	position: absolute;
	border-radius: 3px;
	left: 0;
	transform-origin: center center;
	transform: rotate(0deg);
	transition: all 0.3s ease;
  }
  
  .menu__icon:before {
	top: 5px;
	margin-top: -2px;
  }
  
  .menu__icon:after {
	bottom: 5px;
	margin-bottom: -2px;
  }
  
  .menu_shown .menu__icon span {
	background: transparent;
  }
  
  .menu_shown .menu__icon:before {
	top: 50%;
	transform: rotate(45deg);
  }
  
  .menu_shown .menu__icon:after {
	bottom: 50%;
	transform: rotate(-45deg);
  }
  
  .mobile-menu {
	display: none;
  }
  
  .menu_shown .mobile-menu {
	display: block;
  }
  
  .mobile-nav .menu__item {
	display: block;
	line-height: 2;
	padding: 25px 0;
  }

  .listing-data h2 a{
	color: #212121;
	font-size: 30px;
	text-decoration: none;
  }

  .listing-data h3, .listing-data h4{
	color: #212121;
	font-size: 16px;
	font-family: 'gotham';
	font-weight: 600;
	line-height: 20px;
  }

  .listing-data h3 a{
	color: #212121;
	text-decoration: none;
  }

  .listing-data img{
	border-radius: 10px;
  }

  .listing-data h3 a:hover{
	color: #00B9D8;
  }

  .listing-data a.link{
	color: #212121;
	font-family: 'gothamlight';
	font-weight: 600!important;
	text-decoration: none;
  }

  .listing-data:last-child{
	border-bottom: 0px;
  }

  .listing-data p{ font-size: 14px;}

  .podcast-platform-text p{
	font-family: 'gotham';
	font-weight: bold;
	text-decoration: underline;
	text-decoration-color: #CBDC4B;
	text-underline-offset: 8px;
  }

  .play-link {
	font-family: 'gothammedium';
	font-weight: normal;
	text-decoration: underline;
	text-decoration-color: #CBDC4B;
	text-underline-offset: 8px;
  font-size: 15px;
	color: #000;
  }

  .podcast-body-content{ display:none;}

  .see-more-content{
	color: #000;
	font-family: 'gothammedium';
	cursor: pointer;
	font-weight: normal;
  font-size: 14px;  
  }

  .no-head #main-header, .no-foot #footer{
	display: none;
  }

  .sa-blog-tags{
	background-color: #212121;
	color: #fff;
	padding: 5px 10px;
	margin-bottom: 5px;
	margin-right: 5px;
	border-radius: 15px;
	font-size: 11px;
	display: inline-block;
	text-transform: capitalize;
  }

  .workshops h2{ 
	font-size: 20px;
	margin-top: 20px;
	text-align: center;
	display: block;
  }

  .workshops a{
	color: #212121;
	text-decoration: none;
  }

  .workshops img, .execution img, .templates img{
	border-radius: 10px;
	border: 1px solid #D0D0D0;
  }

  .templates h2{ 
	font-size: 24px;
  }

  .blog-section .post-listing h2{
    line-height: 17px!important;
  }
  .blog-section .post-listing h2 a{
    font-size: 17px;
    font-family: gothammedium;
    color: #212121;
  }

  #contact-us-form input[type="text"], #contact-us-form input[type="email"], 
  #contact-us-form input[type="tel"], #contact-us-form textarea{
	border-radius: 6px;
	border: 1px solid var(--00-neutral-100, #D0D0D0);
	background: var(--white, #FFF);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
	width: 100%;
	padding: 10px;
	font-family: 'gothamlight';
  }

  #contact-us-form textarea{
	min-height: 200px;
  }

  #contact-us-form ul{
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	color: #DC1F26;
	margin-top:10px;
	margin-bottom: 0px;
  }

  #contact-us-form input[type="submit"]{
	border-radius: 6px;
	background: var(--00-neutral-700, #212121);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
	width: 100%;
	padding: 20px;
	color: #fff;
	border: 0px;
	font-family: 'gothamlight';
	margin-top: 10px;
  }

  #custom-header-title{
	text-align: center;
	display:block;
	font-size: 50px;
  }

  #custom-header-title span{
	display:inline-block;
	position:relative;
  }

  #custom-header-title span:before{
	content: "";
	position:absolute;
	height: 30px;
	width: 105%;
	padding: 0px 25px;
	background-color: #00B9D8;
	left: -8px;
	top: 33px;
	border-radius: 5px;
	z-index: -1;
  }

  .newsletter-form .hbspt-form, .podcast-interview-form .hbspt-form{
	display:block;
	position: relative;
	font-family: 'gothamlight'!important;
    font-weight: 600;
	color: #00b9d8;
  }

  .newsletter-form .hbspt-form .submitted-message{
	text-align: center;
    font-size: 25px;
  }

  .podcast-interview-form .hbspt-form .submitted-message{
	text-align: center;
    font-size: 20px;
  }

  .newsletter-form .hbspt-form .hs-error-msgs, .podcast-interview-form .hbspt-form .hs-error-msgs{
	position: absolute;
	list-style: none;
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 5px;
	color: #dc1f26;
	font-family: 'gothamlight'!important;
    font-weight: 600;
	font-size: 12px;
	border: 0px;
  }

  .newsletter-form .hbspt-form .hs_email{ 
	display: inline-block;
	width: 75%;
	padding-left: 10px;
	padding-right: 10px;
	font-family: 'gothamlight'!important;
    font-weight: 600;
  }

  .newsletter-form .hbspt-form .hs_email input, .podcast-interview-form .hbspt-form .hs-form-field input,
  .podcast-interview-form .hbspt-form .hs-form-field textarea{
	width: 100%;
	border-radius: 6px;
	border: 1px solid #D0D0D0;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
	  padding: 15px;
	  font-family: 'gothamlight'!important;
    font-weight: 600;
  }

  .podcast-interview-form .hbspt-form .hs-form-field textarea{
	height: 150px;
  }

  .podcast-interview-form .hbspt-form .hs-form-field{
	margin-bottom: 25px;
	color: #212529;
  }

  .podcast-interview-form .hbspt-form .hs-form-field label{
	margin-bottom: 10px;
  }

  .newsletter-form .hbspt-form .hs_submit{ 
	display: inline-block;
	width: 25%;
	padding-left: 10px;
	padding-right: 10px;
  }

  .newsletter-form .hbspt-form .hs_submit input, .podcast-interview-form .hbspt-form .hs_submit input{
	width: 100%;
	background: #212121;
	border-radius: 6px;
	/* shadow/sm */
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
	color: #fff;
	padding: 20px 15px;
	font-family: 'gothamlight'!important;
    font-weight: 600;
	border: 0px;
  }

  .tve_p_lb_close{
	font-size: 16px!important;
	line-height: 16px!important;
	text-align: center;
  }

@media (max-width: 1080px) {
	.footer-widget img{
		margin: 0 auto;
		display: block;
	}
}

@media (max-width: 1024px) {

	#desktop-header{ display: none;}
	#mobile-header{ display: block;}

	#primary-menu{ padding-left: 0px!important; margin-left: 0px; text-align: center;}
	#primary-menu li { display: block!important;}

	#custom-header-title{ font-size: 30px;}
	#custom-header-title span:before{top: 10px;}

	.listing-data h2 a{
		color: #000;
		font-size: 25px;
		text-decoration: none;
	}
}


@media (max-width: 640px) {
	.footer-widget {
		text-align: center;
	}

	.listing-data h2 a{
		color: #000;
		font-size: 22px;
		margin-top: 20px;
		display: block;
		text-decoration: none;
	}

	.newsletter-form .hbspt-form .hs_email, .newsletter-form .hbspt-form .hs_submit{
		width: 100%;
		margin-bottom: 20px;
	}
}