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

:root {
  --color-orange: #ff6b00;
  --color-green: #33cc66;
  --color-gray: #666666
  --color-light-gray: #ababab;
  --color-dark-gray: #55565a;
}
   

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


header.header--1 a.btn{
	transition:.3s ease-out;
	font-size:16px;
	font-weight:600;
}
header.header--1 a.btn:hover{
	background: rgba(51,204,102,0.8);
	transform:none;
}
header.header--1 .links__header li a{
	font-size:16px;
	font-weight:700;
	line-height:28px;
}
header.header--1 .links__header li a::before{
	background-color:#FF6B00;
}

@media only screen and (max-width: 1139px) and (min-width: 767px){
	header.header--1 .button__header{
		display:none;
	}
}
@media(max-width:1139px){
	header.header--1 .mnav__buttons{
		border-top: 1px solid #ededed;
		border-bottom: none;
	}
	.header .ui-icon svg {
		height: 2.875rem;
		width: 2.875rem;
	}
}

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



footer.footer--11 .footer__section--main {
   padding-bottom: 0px;
	 padding-top: 50px;
}
footer.footer--11 .footer__section--bottom{
	  padding-bottom: 55px;
}
.links-footer .col-nav__title{
	font-size:20px;
	line-height:35px;
	font-weight:700;
}
.links-footer .col-nav__title a:hover {
    text-decoration: none;
}
.links-footer .col-nav__link{
	font-size:14px;
	font-weight:14px;
	letter-spacing:4%;
	position:relative;
}

.links-footer .col-nav__link.footer__phone,
.links-footer .col-nav__link.footer__email{
	padding-left:40px;
}
.links-footer .col-nav__link.footer__phone:hover,
.links-footer .col-nav__link.footer__email:hover{
	color:#FFFFFF;
}

.links-footer .col-nav__link.footer__phone::before{
	content:url(https://success.tmcdigitalmedia.com/hubfs/image/phne.svg);
	position: absolute;
  left: 0;
}
.links-footer .col-nav__link.footer__email::before{
	content:url(https://success.tmcdigitalmedia.com/hubfs/image/email.svg);
	position: absolute;
  left: 0;
	top:0;
}


.links-footer a.col-nav__link:hover {
  text-decoration: none;
	color:#FF6B00;
}
footer.footer--11 .footer__section--bottom a:hover{
	text-decoration:none;
	color:#FF6B00;
}



@media(min-width: 993px){
	footer.footer--11 .container > .row{
	  justify-content: space-between;
	}
	footer.footer--11 .container .s4{
		width:20%;
	}
	footer.footer--11 .container .s8{
		width:73%;
	}
	footer.footer--11 .container .s8 .module__inner .s3{
		width:22%;
	}
	footer.footer--11 .container .s8 .module__inner .s3:last-child{
		width:30%;
	}
	footer.footer--11 .container .s8 .module__inner .s3:last-child .col-nav__item{
		margin-bottom:40px;
	}
}
@media(max-width: 765px){
	footer.footer--11 .footer__links ul li{
		margin: 0 20px 60px 0px;
	}
	footer.footer--11 .footer__section{
	  padding-bottom:0;
	}
	footer.footer--11 .container .s8 .module__inner .s3:last-child .col-nav__col{
		margin-bottom: 30px;
	}
}
 
  
/* @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    */
/*****************************************/


.btn{
	font-family: 'Urbanist', sans-serif;
    font-size:16px;
	font-weight:600;
	transition: background-color .3s ease-out;
	border-radius: 50px;
}

.btn.btn--accent{
	background-color:#ff6b00;
	color:#ffffff;
}

.btn.btn--outline{
	border: solid 1px;
}   

.btn--accent.btn--outline {
   border-color: #ff6b00;
  ;
  color: white;
}

.btn--white.btn--outline {
   border-color: #fff;
   color: #fff;
}

.btn:hover{
	border:none;
	background-color:rgba(51,204,102,0.8);
	color:#ffffff;
	transform: none;
}



.btn.btn--outline:not(.btn--accent):hover{
	border:1px solid #FF6B00 ;
	background-color:#FF6B00;
	color:#ffffff;
	transform: none;
}

.btn--accent.btn.btn--outline:hover {
  background-color: var(--color-green) !important;
  border: none !important;
}

.btn.btn--outline.green-on-hover:hover {
  background-color: var(--color-green) !important;
  border: none !important;
}

.btn--outline.button-white:hover {
  background-color: var(--color-green);
}
.btn--large {
  padding: 1rem 2rem !important
}

.btn--medium{
	padding: 0.64rem 1.91rem!important;
}

.btn--small {
  .5rem 1rem !important
}

div.blog-toolbar-1{
	padding-top: 29px;
	padding-bottom: 29px;
}

.blog-toolbar-1__search .search-box{
	width: 182px;
}

.blog-toolbar-1__search input.search-box__input{
	padding: 10px;
	font-size: 12px;
	line-height: 18px;
}

.blog-toolbar-1__search .search-box__btn{
	right: 10px;
}

.blog-toolbar-1__topics .drop-down__btn{
	padding: 12px;
	background-color: #ff6b00!important;
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
}

.blog-toolbar-1__topics .drop-down{
	width: 292px;
}

.blog-listing-2{
	padding-bottom: 0px !important;
}

.blog-listing-2>div>div{
	max-width: 1070px;
	margin: 0 auto;
}

.blog-listing-2 .blog-card{
	margin-bottom: 32px;
	border-radius: 10px;
	box-shadow: 0px 8px 24px rgba(85, 86, 90, 0.15);
}
.blog-listing-2 .blog-card:hover{
	box-shadow: 0px 8px 24px rgba(85, 86, 90, 0.15);
}

.blog-listing-2 .blog-card__img{
	border-radius: 10px 10px 0 0;
}

.blog-listing-2 .blog-card:hover,
.blog-listing-2 .blog-card:hover .blog-card__img img{
	transform: scale(1) !important;
}

.blog-listing-2 .blog-card__body{
	padding: 16px 10px;
}

.blog-listing-2 .blog-card__text .blog-card__tags {
	margin-bottom: 19px;
}

.blog-listing-2 .blog-card__text .blog-card__tags span{
	font-size: 12px;
	line-height: 18px;
	font-weight: 400;
	color: #FFFFFF;
	background-color: #FF6B00;
	text-transform: capitalize;
	padding: 7px 10px !important;
	border-radius: 5px;
}

.blog-listing-2 .blog-card__text .blog-card__title {
	margin-bottom: 19px;
	font-weight: 700;
	font-size: 20px;
	line-height: 35px;
	color: #000000;
}

.blog-listing-2 .blog-card__info {
	margin-top: 0px !important;
	color: #979797;
	font-size: 16px;
	line-height: 28px;
	font-weight: 400;
}

.blog-listing-2 .blog-card__info span {
	color: #979797;
	font-size: 16px;
	line-height: 28px;
	font-weight: 400;
}

.blog-listing-2 .blog-card__button {
	width: fit-content;
}

.blog-listing-2 .blog-card__button-link {
	display: block;
	border-radius: 50px;
	margin-top: 19px;
	padding: 15px 30px;
	font-size: 16px;
	line-height: 16px;
	font-weight: 600;
	color: #FFFFFF;
	background-color: #33cc66;
	transition: 0.3s;
}

.blog-listing-2 .blog-card__button-link:hover {
	background-color: #ff6b00;
	transition: 0.3s;
}

.blog-load-more__btn{
	margin: 0 30px!important;
	padding: 15px 30px!important;
	border: 1px solid #FF6B00!important;
	border-radius: 50px!important;
	color: #FF6B00 !important;
	font-weight: 600!important;
	font-size: 16px!important;
	line-height: 100%!important;
	letter-spacing: 0.04em!important;
	text-transform: capitalize!important;
}

a.btn.blog-load-more__btn:hover {
	margin: 0 30px!important;
	padding: 15px 30px!important;
	border: 1px solid #FF6B00!important;
	border-radius: 50px!important;
	color: #FFFFFF!important;
	background-color: #FF6B00!important;
	font-weight: 600!important;
	font-size: 16px!important;
	line-height: 100%!important;
	letter-spacing: 0.04em!important;
	text-transform: capitalize!important;
}

.blog-load-more{
	padding-bottom: 60px;
}

.module.module--blog-listing__cards-posts.module--blog-card>div>div{
	max-width: 1070px;
	margin: 0 auto;
}

div.blog-listing__cards-posts.blog-listing__cards-posts{
	padding-top: 60px;
	padding-bottom: 28px !important;
}

@media (max-width: 692px) {
	div.blog-toolbar-1{
		padding: 20px 56px;
	}
	.blog-toolbar-1__search{
		margin-top: 16px !important;
	}
	.blog-toolbar-1__search .search-box{
		width: 100%;
	}
	.blog-listing-2>div{
		padding: 0 28px;
	}
	.blog-load-more .center-btn{
		margin: 0 auto;
	}
	.blog-load-more__btn{
		width: fit-content;
	}
}

 
 

/*****************************************/
/************** BLOG POST ****************/
/*****************************************/


.blog-hero-1__tags .blog-hero-1__tags-visible > a{
	background: #FF6B00;
	padding: 8px 15px;
	font-weight:400;
	font-size:12px;
	line-height:18px;
	text-transform: capitalize;
}
.blog-hero-1__author-name,.blog-infobar__time,.blog-infobar__date{
	font-size:16px;
	line-height:28px;
	color:#fff;
}
.blog-hero-1__name{
	font-weight:700;
}
.blog-hero-1__name:hover{
	text-decoration:none!important;
}
.blog-hero-1__bread{
	display:flex;
	color:#fff;
	font-size:16px;
	line-height:18px;
	margin-bottom:70px;
	align-items: center;
	gap: 5px;
}
.blog-hero-1__infobar{
	margin-top:-15px;
}
.blog-hero-1__infobar .blog-infobar__author img{
	width:60px;
	height:60px;
}
.blog-hero-1__bread .page__name{
	color:#FF6B00;
	font-size:12px;
}
.blog-hero-1__bread .blog__url{
	color:#fff;
	font-size:12px;
}
.blog-hero-1__bread .blog__url:hover{
	color:#fff;
}
.blog-hero-1__bread .home_icon{
	position:relative;
	top:-3px;
	margin-right:3px;
}
.blog-hero-1__bread p{
	display:flex;
	align-items:center;
}
.blog-hero-1__bread p:nth-child(1){
	gap:3px;
}
.blog-hero-1__bread p:nth-child(2){
	gap:5px;
}



.blog-related{
	padding: 86px 0 75px;
}
.blog-related__button{
	margin-top:24px;
}
.blog-related .blog-card:hover,.blog-related .blog-card:hover .blog-card__img img {
	transform: none;
}
.blog-related .blog-card__tags .badge--accent{
	background:#FF6B00;
	padding: 8px 10px;
	font-weight: 400;
	text-transform: capitalize;
}
.blog-related .blog-card__title{
	color:#000000;
}
.blog-related .blog-card__info{
	color:#979797;
	font-size: 16px;
	line-height: 28px;
}
/* .blog-sub__form-placeholder input[type=email]{
	border-radius:30px;
	box-shadow:none;
	padding: 15px 20px;
	font-size:12px;
	color:#747474;
	line-height:18px;
} */
.hs_submit {
  width: 100% !important;
  order: 90
}

.blog-sub__form-placeholder .form-title{
	font-size:20px;
	line-height:35px;
	color:#000000;
}
.blog-nav .blog-nav__link{
	font-size:20px;
	line-height: 35px;
	color:#000000;
	font-weight:700;
}
.blog-nav .blog-nav__link:hover{
	text-decoration:none;
}
.blog-nav .svg__left{
	margin-right:20px;
	position: relative;
	top: -2px;
}
.blog-nav .svg__right{
	margin-left:20px;
	position: relative;
	top: -2px;
}
.blog-nav .blog-nav__label{
	font-size:12px;
	line-height:18px;
	color:#000000;
}
.blog-sub__form-placeholder .actions input.hs-button{
	font-size:16px;
	font-weight:600;
	transition: background-color .3s ease-out;
	padding: 0.64rem 1.91rem;
}
.blog-sub__form-placeholder .actions input.hs-button:hover{
	border:none;
	background-color:#FF6B00;
	color:#ffffff;
	transform: none;
}
.blog-body-1__sharing-title{
	color:#000;
}
.blog-body-1__sharing .clear svg path{
	fill:#000;
}
.sharing__icon .icon{
	width:60px;
	height:60px;
}
.sharing__icon .icon__glyph{
	width:1.8rem;
	height:1.8rem;
}
.blog-body-1.section{
	padding-bottom:0px;
}
.blog-sub.section{
	padding-bottom:36px;
}
.blog-sub__form-thanks{
	text-align: center;
	display:none;
}
@media(max-width:1138px){
	.blog-body-1__aside-1{
		width:11%;
	}
}
@media(max-width:767px){
	.blog-body-1__aside-1{
		width:100%;
	}
	.blog-body-1__sharing{
		display:flex;
		align-items:center;
		gap:15px;
		padding-top: 10px!important;
	}
	.blog-body-1__sharing-title{
		margin-bottom:0;
	}
	.section {
		padding-bottom: 40px;
		padding-top: 48px;
	}
	.blog-related{
		padding-bottom: 75px;
		padding-top: 95px;
	}
	.blog-sub__form-placeholder .form-title {
		text-align: center!important;
	}
	.blog-sub__form-placeholder form .field > label{
		display:none;
	}
	.blog-sub__form-placeholder .hs-submit .actions{
		display:flex;
		justify-content:center;
	}
}

.blog-nav__next{
	padding-right: 0;
}


#blog-load-more__btn{
  color: white;
}

/* Fake the header styles. This is based on the current header. It forced the background color to make it seem transparent before being active and going white  */
.hs-blog-listing .header--sticky:not(.header--sticky-active) .header__section   {
  background: #ccc;
}

.blog-body-1__content a {
  color: var(--color-orange);
  text-decoration: underline;
}

.blog-body-1__content a:hover {
  color: var(--color-orange);
  text-decoration: underline !important;
  font-weight: 600
}

/*****************************************/
/************ END BLOG POST **************/
/*****************************************/


.icon--fill.icon--accent {
  background: #ff6b00;
}


.quick-action__btn.btn--outline:hover {
  background: var(--color-green) !important;
  border-color: var(--color-orange)
}

.btn--1674315155677-1:hover,
.btn--171295305135912-1:hover,
.btn--16826231788146-1:hover,
.btn--1674315155677-1:hover,
.btn--171295305135912-1:hover,
.btn.btn--outline.btn--16857380818959-1:hover
.btn--17129443861747-1.btn:hover,
.green-on-hover:hover {
  background-color: #5bd684 !important;
  border: 0;
}

.btn.btn--outline.btn-white:hover{
  background-color: var(--color-green) !important
}

.btn--outline.btn--medium.btn--white.btn--default:hover {
  background: var(--color-green) !important;
  border: none !important;;
}




.feature-card--accent {
  background-color: #ff6b00 !important;
}

.feature-card--accent.feature-card--shadow {
  box-shadow: 0 16px 32px rgba(255,107,0,.2),0 8px 16px rgba(255,107,0,.2) !important;
}

/* Shift module text */
.shifter__nav__item.small-text {
  font-size: 1rem;
  font-weight: bold;
}

featshow__bg--active#widget_1682442761403-1::before {
  transition: none;
}


/* Forms  */

form .hs-button {
  font-family: "Urbanist", sans-serif
}

/* Blog Cards */
.blog-card__content a.btn {
  text-transform: uppercase
}

/* Main Nav */
nav {
   font-family: 'Urbanist', sans-serif;
}

/* Buttons  */
.quick-action__btn.btn--outline:hover {
  background: var(--color-green) !important;
  border-color: var(--color-orange)
}
input.hs-button, button.hs-button {
  text-transform: uppercase;
}

/* Blog Filters */
.blog-toolbar-1__topics .drop-down__btn {
  background-color: white !important;
  color: black;
  border: none;
}

.drop-down__option:hover {
  font-weight: 900
}

.blog-toolbar-1__search .search-box {
  width: 300px;
}


/* Fake the header styles. This is based on the current header. It forced the background color to make it seem transparent before being active and going white  */
.hs-blog-listing .header--sticky:not(.header--sticky-active) .header__section   {
  background: #ccc;
}

.blog-listing-2 .blog-card__button-link {
  background-color: var(--color-orange);
  transition: all .1s
}

.blog-listing-2 .blog-card__button-link:hover {
  background-color: var(--color-green);
}

.hs-blog-listing .header--sticky:not(.header--sticky-active) .header__section {
  background: transparent;
}

.hs-blog-listing .section-intro__desc-inner {
  color: white;
}

.drop-down__option {
  font-size: 12px;
  text-transform: capitalize;
}

.blog-infobar__author img {
  object-fit: contain;
}

.hs_submit {
  width: 100% !important;
  order: 90
}
.blog-card__img {
  max-height: 225px;
  object-fit: contain;
  object-fit: top center;
}

.pillar-body a {
  color: #ff6b01;
  text-decoration: none;
}
.pillar-body  a:hover {
  color: #ff6b01;
  text-decoration: underline;
}

.blog-hero-1__tags .blog-hero-1__tags-visible > a {
  font-size: 14px;
  color: white;
}