@import url('https://fonts.googleapis.com/css?family=Anton');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,700i,900');

/*--2022 BRANDING UPDATES--*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Rubik+Mono+One&family=Rubik:wght@300;400;500;700&display=swap');

@font-face {
  font-family: 'Caveat';
  src: url('https://481308.fs1.hubspotusercontent-na1.net/hubfs/481308/Fonts/Caveat.eot');
  src: url('https://481308.fs1.hubspotusercontent-na1.net/hubfs/481308/Fonts/Caveat.eot') format('embedded-opentype'),
  url('https://481308.fs1.hubspotusercontent-na1.net/hubfs/481308/Fonts/Caveat.woff') format('woff'),
  url('https://481308.fs1.hubspotusercontent-na1.net/hubfs/481308/Fonts/Caveat.svg') format('svg');
}

@keyframes bg-color-shift {
  0%   {background-color: #019CDB;}
  25%  {background-color: #32C3EA;}
  50%  {background-color: #EFEF56;}
  75% {background-color: #CFDB00;}
  100%   {background-color: #019CDB;}
}

@keyframes bg-image-shift {
  0%   {background-image: url("https://tributemedia.com/hubfs/TM%202022%20Textures/texture-1.jpg"); background-repeat:no-repeat;}
  25%  {background-image: url("https://tributemedia.com/hubfs/TM%202022%20Textures/texture-2.jpg"); background-repeat:no-repeat;}
  50%  {background-image: url("https://tributemedia.com/hubfs/TM%202022%20Textures/texture-3.jpg"); background-repeat:no-repeat;}
  75% {background-image: url("https://tributemedia.com/hubfs/TM%202022%20Textures/texture-4.jpg"); background-repeat:no-repeat;}
  100% {background-image: url("https://tributemedia.com/hubfs/TM%202022%20Textures/texture-5.jpg"); background-repeat:no-repeat;}
}

@keyframes bolt-rotate {
  0% {transform:rotate(0deg);}
  100% {transform:rotate(360deg);}
}

/* ******* THESE STYLES ADAPT THE NEW MENU TO THE OLD STRUCTURE. *******/

#hs_cos_wrapper_module_1682002150320168 {
  position: absolute;
  z-index: 11;
}

svg#TM_Logo g#tagline path {
  fill:#384146;
}


/* ******* youtube embeds to make the responsive ****/

.video-container, .video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe, .video-wrapper iframe, .video-container object, .video-wrapper object, .video-container embed, .video-wrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width : 601px) {
	.video-webinar-embed-field {
    width:100%;
	}
}

@media only screen and (max-width : 996px) {
  .webinar-sharing {
    display:block;font-size:90%;
	}
}

@media only screen and (min-width : 992px) {
  .menu-logo {
    padding-top: 0;
    width: 240px;
  }
}

.basic-template .menu-logo {
/*     margin-left: 10px;
    padding-top: 7px;
    width: 41px; */
  padding:28px 0px 0px 0px;
  margin-left:20px;
}  

/* ======================= */
/* = Team Page Accordion = */
/* ======================= */

.hubspot-certifications.row {
  margin: 0;
}

.hs-cert-wrapper {
  margin: 20px 10px 10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.hs-cert-wrapper:hover {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.hs-cert-wrapper .inner {
  height: 0;
  overflow: hidden;
  background: #dddddd;
  border-radius: 0 0 3px 3px;
  -webkit-transition: all 0.2s ease-in-out; 
  -moz-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out;
}

.hs-cert-wrapper:hover .inner {
  height: auto;
  -webkit-transition: all 0.2s ease-in-out; 
  -moz-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out;
}

.hs-cert-wrapper .title {
  color: #ffffff;
  background: #384146;
  padding: 15px 3px;
  text-align: center;
  border-radius: 3px;
  text-transform: uppercase;
}

.hs-cert-wrapper .title .title-chevron {
  display: block;
}

.hs-cert-wrapper:hover .title {
  background: #434e54;
  border-radius: 3px 3px 0 0;
}

.hs-cert-wrapper .title:hover {
  cursor: pointer;
}

@media only screen and (min-width : 993px) {
  .hs-cert-wrapper:hover .inner {
    height: auto;
  }
}

/* ============================== */
/* = Portfolio Page Adjustments = */
/* ============================== */

.thumbnail .thumbnail-hover a {
  display: block;
  height: 100%;
}

/* ========================================== */
/* = Case Studies Page 2018 Redesign Styles = */
/* ========================================== */

.case-studies .page-inner {
  padding-top: 0px !important;
}

.case-studies h1.page-header.title {
  text-align: center !important;
  margin-bottom: 50px;
  margin-top: 50px;
}

.case-studies article.node.node-article.clearfix.row {
  margin-bottom: 100px;
}

.case-studies h3 {
  width:100%;
  text-align:center;
  padding-top:62px;
  margin-top:62px;
  border-top:1px solid #dddddd;
}

.case-study-anchor-links-wrapper {
  background:url("https://481308.fs1.hubspotusercontent-na1.net/hubfs/481308/2016-Case-Studies/horizontal-divider.png") no-repeat bottom center / 100% auto;
  padding-bottom:7px;
}

.case-study-anchor-links-wrapper > .inner.row {
	margin-bottom:0px !important;
}

.anchor {
  font-size:14px;
  text-transform:uppercase;
	text-align:center;
}

.anchor a {
  color:#019CDB;
  display:inline-block;
  border-bottom:2px solid transparent;
  -webkit-transition: all 0.2s ease-in-out; 
  -moz-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out;
}

.anchor a:hover {
  color:#333333;
  border-bottom:2px solid #333333;
  -webkit-transition: all 0.2s ease-in-out; 
  -moz-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out;	
}

.case-studies .field-name-field-image {
  padding-top:40px;
  padding-bottom:40px;
}

#case-studies-col-left {
  width: 100%;
  display: inline-block;
  text-align: left;
}

#case-studies-col-right {
  width: 100%;
  display: inline-block;
  text-align:left;
}

#case-studies-full-width {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  min-height: 50px;
  display: block;
  clear: both;
}

@media only screen and (min-width : 601px) {
	#case-studies-col-left {
    float:left;
    width: 49%;
    display: inline-block;
    text-align: left;
	}
	#case-studies-col-right {
    float:right;
    width: 49%;
    display: inline-block;
    text-align:left;
	}  
} 

/* ========================================= */
/* = Case Studies 2018 Listing View Styles = */
/* ========================================= */

.case-studies .listing-view article {
  border-bottom:0px solid transparent;
  padding-top:40px;
}

.case-studies-column-left {
	margin-left:0px;
  padding-left:0px;
}

.case-studies .listing-view-only, #hs_cos_wrapper_post_body > blockquote.special {
  display:none;
}

.listing-view .listing-view-only {
  display:block;
}

.case-studies .node-article .read-more.clearfix {
  text-align:center;
  padding-top:10px;
}

.case-studies .listing-view article h2 {
  text-align:center;
  font-family:"Oswald";
  font-weight:600;
/*   font-family:"Anton"; */
}

.listing-image {
	width:100%;
}

.listing-quote {
	width:100%;
}

.case-study-listing-button {
  clear: both;
  display: block;
  width: 100%;
  text-align: center;
}

@media only screen and (min-width : 601px) {
	.listing-image {
		width:50%;
    float:left;
    padding-right:20px;
	}
	.listing-quote {
		width:50%;
    float:right;
	}
}

/* ============================== */
/* = Resources Page View Styles = */
/* ============================== */

.category-region {
	margin-top:60px;
  margin-bottom:30px;
}

.category-icon {
  text-align:center;
}

.category-region h2 {
  font-family:"Oswald";
  font-weight:600;
/*   font-family:"Anton"; */
  text-transform:uppercase;	
  text-align:center;
  font-size:3em;
  margin-top:0px;
}

.resource-wrapper {
	margin-top:40px;
	display:inline-block;
  clear:both;
}

.resource-image {
  max-width: 160px;
  margin-right: 20px;
  text-align: center;
}

@media only screen and (min-width : 601px) {
	.resource-image {
		float:left;
	}
}

.resource-info-wrapper {
  float:left;
  width:calc(100% - 180px);
}

.resource-info-wrapper h3 {
  margin-top:0px;
  padding-top:0px;
  margin-bottom:0px;
  padding-bottom:0px;
  font-family:"Oswald";
  font-weight:600;
/*   font-family:"Anton"; */
  text-transform:uppercase;
} 

/* =================================== */
/* = Don's General Style Adjustments = */
/* =================================== */

blockquote.left {
  	text-align:left !important;
		font-family: "Oswald";
  font-weight:600;
/* 		font-family: "Caveat"; */
    color: #019CDB;
    border-left: 2px solid #019CDB;
    border-radius: 0px;
    font-size: 1.5em;
}

blockquote.right {
  	text-align:right !important;
		font-family: "Oswald";
  font-weight:600;
/* 		font-family: "Caveat"; */
    color: #019CDB;
    border-right: 2px solid #019CDB;
  	border-left: 0px solid transparent;
    border-radius: 0px;
    font-size: 1.5em;
    padding-right: 30px;
  	padding-left:0px;
}

img.internal-illustration {
    max-width:50%;
}

img.float.right {
    float:right;
    max-width:50%;
    margin:10px 0 10px 10px;
}

img.float.left {
    float:left;
    max-width:50%;
    margin:10px 10px 10px 0;
}

.hs-search-field--open .hs-search-field__suggestions {
    border: 1px solid #000;
    background: #000000;
    padding: 10px;
}

@media only screen and (max-width : 600px) {
  img.float.right, img.float.left {
    float:none !important;
    max-width:100%;
    width:100% !important;
    margin:10px auto;
  }
}
 
/* =============================== */
/* = Don's Home Page Adjustments = */
/* =============================== */

.nodeid-4044459885 h1.page-header.title, .nodeid-6155710988 h1.page-header.title {
    display:none; 
}

.nodeid-4044459885 .hs_cos_wrapper_type_rss_listing h3 {
    display:none;
}

.nodeid-4044459885 #content-container.container, .nodeid-6155710988 #content-container.container {
  max-width:100% !important;
  width:100% !important;
  padding:10px 0px 0px 0px !important;
}

.nodeid-4044459885 #content-container.container .inner.row, .nodeid-6155710988 #content-container.container .inner.row {
  margin-bottom:0px;
  padding-bottom:0px;
}

.nodeid-6155710988 .content-body > div {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}

.messaging-wrapper {
  flex-flow: column;
  padding-bottom: 30px !important;
  margin-top: 3%;
}

.nodeid-4044459885 h1.page-header, .nodeid-6155710988 h1.page-header {
  font-size:4.3vw;
  line-height:5vw;
  text-align:left;
  color:#333333;
  margin-left:40px;
}

.hero-text {
  margin-top:0px;
}

.nodeid-4044459885 .hero-text h4, .nodeid-6155710988 .hero-text h4 {
  font-size:1.96vw !important;
  line-height:2vw;
  text-align:left;
  margin-left:40px;
}

.hero-cta {
  text-align:left;
  margin-left:40px;
  margin-top:20px;
  margin-bottom:20px;
}

.hero-cta a.button {
  font-size:1vw !important;
}

.hero-image {
  display: flex;
  align-items: flex-end;
}

.hero-image img {
  margin-bottom: 0px;
}

/***** 2018 Home Page Case Studies *****/

.nodeid-6155710988 #second-long-page-region {
	background: #384146;
	box-shadow: 0px 1px 4px;
}  

.nodeid-6155710988 #second-long-page-region h2 {
  color:#ffffff;
}

#home-page-case-studies .hs-rss-item {
	width: 100%;
	margin-bottom:20px;
}

#home-page-case-studies .hs-rss-item-text {
  text-align:center;
	width: 100%;
  float: none;
  padding-right: 0px;
  margin-bottom:20px;
}

#home-page-case-studies .hs-rss-item-text .hs-rss-title {
	font-size:20px;
  line-height:20px;
  text-transform:uppercase;
}

#home-page-case-studies .hs-rss-item-image-wrapper {
    text-align: center;
    width: 100%;
    margin-left: 0%;
    display: block !important;
}

#home-page-case-studies .hs-rss-item-image-wrapper img.hs-rss-featured-image {
  display:block !important;  
}

@media only screen and (min-width : 601px) {
	#home-page-case-studies .hs-rss-item-image-wrapper {
		text-align:center;
  	width:70%;
  	margin-left:15%;
  	display:block !important;
	}
}

@media only screen and (min-width : 993px) {
	#home-page-case-studies .hs-rss-item-image-wrapper {
		text-align:center;
  	width:60%;
  	margin-left:20%;
  	display:block !important;
	}
  #home-page-case-studies .hs-rss-item {
    width: 33.333%;
    float: left;
	}
}

/***** 2017 Home Page Updates *******/

#home-page-blog h2 {
  padding-bottom:0;
  margin-bottom:0;
}

#home-page-blog h3 {
  text-align:center;
  font-size:23px;
  padding-top:0;
  margin-top:0;
}

.row.hero-row {
  margin-bottom:0;
}

.legit-section {
  padding-bottom: 30px;
  padding-top: 0px;
  margin-bottom: 0px;
  box-shadow: 0px 0px 100px #cccccc inset;
}

.legit-logo {
  text-align:center;
}

#trust-icons {
	padding-top:30px;
  padding-bottom:40px;
}

.trust-icon {
  width:50%;
  display: inline-block;
  text-align:center;
}

.trust-icon.last {
  width:100%;
  display: inline-block;
  text-align:center;
}

@media only screen and (min-width : 601px) {
  .trust-icons-container {
		width:600px;
		margin-left:auto;
  	margin-right:auto;
	}
	.trust-icon, .trust-icon.last {
  	width:20%;
	}
}

/**** 2017 social sprites ******/

.social-sprite-icon {
  color:transparent !important;
  background-image:url(https://481308.fs1.hubspotusercontent-na1.net/hubfs/481308/branding/tm-social-sprites.png);
  width:40px;
  height:40px;
  display:inline-block;
  border-radius: 2px;
  background-clip: padding-box;
}

.sprite-instagram {
  background-position:0px -40px;
}

.sprite-instagram:hover {
  background-position:0px 0px;
}

.sprite-twitter {
  background-position:-40px -40px;
}

.sprite-twitter:hover {
  background-position:-40px 0px;
}

.sprite-facebook {
  background-position:-80px -40px;
}

.sprite-facebook:hover {
  background-position:-80px 0px;
}

.sprite-linkedin {
  background-position:-120px -40px;
}

.sprite-linkedin:hover {
  background-position:-120px 0px;
}

.sprite-contact {
  background-position:-160px -40px;
}

.sprite-contact:hover {
  background-position:-160px 0px;
}

/* ================================== */
/* = Don's Support Page Adjustments = */
/* ================================== */

.support-list-contact-wrapper .support-widget iframe {
    min-height:862px;
}

/**** tm 2016 theme specific overrides ****/

body, button, button.css3button {
/*   font-family: 'Lato' !important; */
  font-family:"Rubik" !important;
  font-weight:300;
}

h1, h2, h3, h4, h5, h6 {
  color:#384146;
}

h1, h1.page-header.title {
/*   font-family: "Anton", Helvetica, Arial, san-serif; */
  font-family:"Oswald" !important;
  font-weight:600;
  font-size: 4em;
  line-height: 1em;
  padding-top: 15px !important;
  padding-bottom: 5px !important;
  text-transform: uppercase;
  color:#384146;
}

.hs h1.title {
  padding:0;
}

.content-wrapper h1.title {
  color:#333;
}

h2 {
  text-transform:uppercase;
}

h3 {
  font-size:1.75em;
}

h4 {
  font-size:1.25em;
  text-transform:uppercase;
}

h5 {
  font-size:1em;
  font-weight:700;
  text-transform:uppercase;
}

h6 {
  font-size:1em;
  font-weight:700;
  text-transform:none;
}

blockquote {
  font-family:"Caveat";
  color:#019CDB !important;
  border-left: 2px solid #019CDB;
  border-radius:0px;
  font-size:1.5em;
}

strong {
  font-weight:bold;
}

.content-wrapper .content-region, .long-page-regions {
  font-size:1.1rem;
  line-height:2rem;
}

.page.navigation-pull-down {
  margin-bottom: 0;
  overflow: visible;
  padding: 0;
  position: relative;
  z-index: 100;
}
 
.page-inner {
/* 	background:url('//481308.fs1.hubspotusercontent-na1.net/hubfs/481308/2016-Page-Images/tm-mobile-logo.png') no-repeat 10px 0px / 150px auto; */
	padding-top:0px;
/*   padding-top:17px; */
}

.page h1#centered-title.centered-title {
  padding-top: 30px !important;
}

.blog .page-inner {
    padding-top:0px !important;
}

.backup-unsubscribe .page-inner, .fivehundred .page-inner, .hs .page-inner {
    padding-top:16px;
}

.nodeid-4044459885 .hs .page-inner, .nodeid-6155710988 .hs .page-inner {
    padding-top:0px;
}

.hs.fourohfour .page-inner {
    padding-top: 95px;
}

.nav-button {
  top:9px;
}

.nav-button .menu-text {
  font-size:1.9rem;
  top:-5px;
}

.content-area-wrapper .image-wrapper .field-name-field-image {
  width:100%;
  height:200px;
  overflow:hidden;
  border-bottom:30px solid #C4D32D;
}

.content-area-wrapper .image-wrapper img {
  width:100% !important;
}

.body-icon {
  float:left;
  max-width:21%;
  padding:1%;
}

div p:first-child {
  margin-top:0;
}

div p:last-child {
  margin-bottom:0;
}

.nodeid-2449325404 .images-wrapper {
  clear: both;
}

/*---------- General Colors ---------------*/

/*these override the hubspot defaults. remove to use hubspot defaults */
html {
  font-size:16px;
}

body {
  background:#777;
  background-color:#777;
  color:#555555;
}

.content-wrapper {
  color:#444;
}

a {
  color:#019CDB;
}

a:hover {
  color:#C4D32D;
}

.tm-green {
  color:#C4D32D;
}

.tm-blue {
  color:#019CDB;
}

.page,#header-wrapper {
  background:#fff;
  border-color:#444;
}

.dark-region a {
  color:#019cdb;
}

.dark-region a:hover {
  color:#cfdb00;
}

.dark-region strong {
  color: white;
}

.black-region {
  background-color: #384146;
}

.content-wrapper h1 {
  color:#111;
}

.contact::before {
  color:#fff;
}

ul#social-links {
  margin-top:0;
}

/*------------ Menu Colors ---------------*/

#nav-mobile {
  background-color:#0d89bb;
}

/*mobile*/

ul.side-nav {
  background-color:#1C75BC;
}

/*mobile header*/

ul.side-nav .side-nav-header ul.mobile-secondary li a {
  color:#fff;
}

/*mobile-footer*/

ul.side-nav .side-nav-footer, ul.side-nav .side-nav-footer a, ul.side-nav .side-nav-footer a:hover {
  color:#fff;
}

/* buttons */

button, .form-submit, a.btn, a.button, .button {
  white-space:nowrap;
  color: #fff;
  background: #019CDB;
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  border: 1px solid transparent;
  font-size: 1rem;
  padding: 10px 30px 10px 30px;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  height: auto;
  line-height: auto;
  text-shadow:1px 1px 3px #384146;
}

button:hover, .form-submit:hover, a.btn:hover, a.button:hover, .button:hover {
  color:#ffffff;
  background:#00b0fc;
}

.button.two {
  color:#384146 !important;
  background:#c4d32d !important;
  padding-left:25px;
  padding-right:25px;
}

.button.two:hover {
  color:#384146 !important;
  background:#dbed17 !important;
}

button, .form-submit, a.btn, a.button, .button, button.css3button {
  background: #019CDB !important; /*#1C75BC;*/
}

button:hover, .form-submit:hover, a.btn:hover, a.button:hover, .button:hover, button.css3button:hover {
  background: #4CA0E0 !important;
}

.button a {
  color:#fff;
} /*this is for the buttons added via CK Editor */

ul.mega-menu ul.advanced .button {
  background-color:#C4D32D;
} /*this is for the advanced menu buttons*/

ul.mega-menu ul.advanced .button:hover {
  background-color:#B0BC2F;
}

/* ** webinar jam  overrides ** */

button.css3button {
  -webkit-border-radius: 2px !important;
  -moz-border-radius: 2px !important;
  border-radius: 2px !important;
  border:1px solid transparent !important;
  font-size: 1.2rem !important;
  padding: 10px 20px 10px 20px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  box-shadow: 0 0 0 transparent !important;
  -webkit-box-shadow: 0 0 0 transparent !important;
  height:auto !important;
  line-height:auto !important;
}

#webinarjam_Modal .modal-dialog a {
  display:none;
}

.title-wrapper {
  background: #C4D32D;
  margin-top: -30px;
  padding: 20px 0 0;
}

@media only screen and (max-width: 992px) {
    .title-wrapper {
        margin-top: 0;
        padding: 0;
    }
    .mobile-logo-cover {
        position: absolute;
        top: 0;
        left: 0;
      	z-index:-1;
    }
}

.title-wrapper .date-time {
  text-align:center;
}

.webinar-text, .bottom-section-wrapper {
  font-size:1.25rem;
}

.registration-button > div {
  margin:0 !important;
}

#next-webinar {
  margin-top:0;
}

.social-section-wrapper {
  background: #C4D32D;
  color:#384146;
  padding:20px 0;
  text-align:center;
  font-size:150%;
}

.social-section-wrapper .hs_cos_wrapper_type_social_sharing {
  top:-10px;
  position:relative;
  margin-left:20px;
}

.bottom-section-wrapper {
  background:#ededed;
}

.bottom-section-inner.row {
  margin-bottom:0;
  padding-bottom:20px;
}

.about_presenter img {
  border-radius: 200px;
  width:25%;
  float:left;
  margin:10px;
}

.all-events-wrapper {
  text-align:center;
  font-size:1.4rem;
  background:#019CDB;
  color:#fff;
  display:block;
  padding:20px 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.all-events-wrapper:hover {
    background-color:#4CA0E0;
    color:#fff;
}

.other-times-section-wrapper {
    font-size:1.2rem;
}

.other-times-section-wrapper .date-time {
    margin-top:15px;
}

/* ================================== */
/* =     Media Queries              = */
/* ================================== */

@media only screen and (min-width : 401px) {
	.page-inner {
/*     background:url('//481308.fs1.hubspotusercontent-na1.net/hubfs/481308/2016-Page-Images/tm-mobile-logo.png') no-repeat 10px -6px / 230px auto; */
  }
}

/***************** styles from 2015 tm.com **************/

/* ================================== */
/* = Sliding Function of Top Drawer = */
/* ================================== */

.page.navigation-pull-down {
  background:#777;
}

.tm-navigation-section {
  background:#fff;
}

.tm-header-block.desktop.closed .tm-menu-icon.one {
  z-index:10;
  position:relative;
}

.tm-header-block.desktop.open .tm-menu-icon.one {
  z-index:-10;
  position:relative;
}

.tm-menu-icon-wrapper {
  position:absolute;
  top:26px;
  left:50%;
  width:45px;
  height:45px;
  cursor:pointer;
}

.tm-menu-icon {
  position:absolute;
  top:0;
  left:0;
  width:45px;
  height:45px;
}

.tm-logo-section .tm-menu-icon.two {
  background-image: url("//cdn2.hubspot.net/hub/481308/file-2423857011-png/icons/menu-icon.png");
  -webkit-transition: all 0.5s in-ease-out; 
  transition: all 0.5s in-ease-out; 
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.tm-header-block.open .tm-menu-icon.two {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all 0.5s in-ease-out; 
  transition: all 0.5s in-ease-out; 
}

/* ================ */
/* = header block = */
/* ================ */

.tm-header-block.closed {
  top:-350px;
  -webkit-transition: all 0.3s ease-out; 
  transition: all 0.3s ease-out; 
}

.tm-header-block.open {
  top:0px;
  -webkit-transition: all 0.3s ease-out; 
  transition: all 0.3s ease-out; 
}

.tm-header-block {
  height:300px;
  position:fixed;
  width:100%;
  top:0;
  z-index:105;
  -webkit-transition: all 0.3s ease-out; 
  transition: all 0.3s ease-out;
}

/*navigation section*/

.tm-navigation-section {
  height:350px;
  position:relative;
  z-index:2;
}

.tm-nav-block {
  width:20%;
  text-align:center;
  float:left;
}

.tm-nav-block .inner {
  margin:4px; 
}

.tm-nav-block .icon {
  margin:0 auto 5px;
}

.tm-nav-block.web-design .icon {
  background: url("//cdn2.hubspot.net/hub/481308/file-2427985567-png/icons/web-design-icon2.png") no-repeat scroll top left;
  width: 80px;
  height: 71px;
}

.tm-nav-block.web-development .icon {
  background: url("//cdn2.hubspot.net/hub/481308/file-2427985572-png/icons/web-dev-icon2.png") no-repeat scroll top left;
  width: 80px;
  height: 71px;
}

.tm-nav-block.digital-marketing .icon {
  background: url("//cdn2.hubspot.net/hub/481308/file-2427985562-png/icons/digital-marketing-icon2.png") no-repeat scroll top left;
  width: 80px;
  height: 71px;
}

.tm-nav-block.web-strategy .icon {
  background: url("//cdn2.hubspot.net/hub/481308/file-2427985577-png/icons/web-strategy-icon2.png") no-repeat scroll top left;
  width: 80px;
  height: 71px;
}

.tm-nav-block.all-things-tribute .icon {
  background: url("//cdn2.hubspot.net/hub/481308/file-2427985557-png/icons/all-things-icon2.png.png") no-repeat scroll top left;
  width: 80px;
  height: 71px;
}

.tm-nav-block .heading {
  text-align:center;
  text-transform:uppercase;
  font-family:"Oswald";
  font-size:24px;
  margin-bottom:5px;
  color:#019CDB;
}

@media only screen and (max-width : 600px) {
  .tm-nav-block .heading {
    font-size:18px;
  }
}

.tm-nav-block .services ul {
  margin:0;
  padding:0;
}

.tm-nav-block .services ul li {
  list-style:none;
  line-height:80%;
/*   font-family: "Lato"; */
  font-family:"Rubik";
  font-weight:300;
  height:30px;
  margin-bottom:5px;
  display:table;
  width:100%;
}

.tm-nav-block .services ul li a {
/*   font-family: "Lato"; */
  font-family:"Rubik";
  font-weight:300;
  text-transform:uppercase;
  font-size:13px;
  color:#384146;
  border-left:1px solid transparent;
  border-right:1px solid transparent;
  display:table-cell;
  vertical-align:middle;
  -webkit-transition: all 0.2s ease-in-out; 
  -moz-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out;
}

.tm-nav-block .services ul li:hover {
/*   font-family:"Lato"; */
  font-family:"Rubik";
  font-weight:300;
  color:#C4D32D;
  border-left:1px solid #C4D32D;
  border-right:1px solid #C4D32D;
  -webkit-transition: all 0.2s ease-in-out; 
  -moz-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out;
}

.tm-nav-block .services ul li a:hover {
  color:#C4D32D;
}
 
/*logo section*/
 
.tm-logo-section {
  background:#0F1416;
  position:relative;
}

.tm-logo-section, .tm-logo-section .inner {
  height:100px;
}

.nut-bolt {
  background: url("//cdn2.hubspot.net/hub/481308/file-2425284105-png/branding/nut-bolt.png") no-repeat scroll -100px 0;
  width: 97px;
  height: 200px;
  position: relative;
  top: -70px;
  left: 0px;
  z-index: 1;
}

.tm-logo {
  background-image: url("//481308.fs1.hubspotusercontent-na1.net/hubfs/481308/2016-Page-Images/tribute-media-2016-logo.png");
  width: 363px;
  height: 70px;
  text-indent: -9999em;
  text-transform: capitalize;
  display: block;
  position: absolute;
  top: 23px;
  left: 100px;
  background-repeat:no-repeat;
}

.tm-logo-section .secondary-menu {
  position:absolute;
  top:20px;
  right:20px;
}

.tm-logo-section .secondary-menu ul {
  margin:0;
  padding:0;
}

.tm-logo-section .secondary-menu ul li {
  list-style:none;
  display:block;
  float:left;
}

.tm-logo-section .secondary-menu ul li a {
  color:#fff;
/*   font-family: "Lato"; */
  font-family:"Rubik";
  font-weight:300;
  text-transform:uppercase;
  padding:7px;
  -webkit-transition: all 0.2s ease-in-out; 
  -moz-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out;
}

.tm-logo-section .secondary-menu ul li a:hover {
  color:#C4D32D;
  -webkit-transition: all 0.2s ease-in-out; 
  -moz-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out;
}

.tm-logo-section .phone-number {
  position:absolute;
  top:40px;
  right:20px;
  font-family:"Rubik";
  font-weight:300;
/*   font-family: "Lato"; */
  color:#019CDB;
  font-size:35px;
}

/* =============================== */
/* = Project Gallery Page Styles = */
/* =============================== */

.thumbnail-wrapper {
  width:100%;
}

.thumbnail-inner {
  position:relative;
  width:100%;
}

.thumbnail-row {
  position:relative;
  width:100%;
  clear:both;
}

.thumbnail-hover {
  position:absolute;
  height:99%;
  width:95%;
  text-align:center;
  background:url("//cdn2.hubspot.net/hub/481308/file-2468388481-png/Images/1px-darken-90.png");
  opacity:0;
  -webkit-transition: all 0.2s ease-in-out; 
  -moz-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out;
}

.thumbnail-hover:hover {
  opacity:1;
  -webkit-transition: all 0.2s ease-in-out; 
  -moz-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out;
}

.thumbnail-name {
  color: #ffffff;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transform: translate(0%, -10%);
}

.thumbnail-title {
  color: #ffffff;
  text-transform:uppercase;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transform: translate(0%, -10%);
}

.thumbnail-hover {
  height:93.5%;
  width:95%;
  text-align: center;
}

.thumbnail-name {
  padding:25% 5px 0;
  font-size:13px;
  line-height:14px;
}

.thumbnail-title {
  padding:10px 5px 0;
  font-size:10px;
  line-height:12px;
}

@media only screen and (max-width : 663px) {
  .thumbnail-hover {
    height:93%;
    width:95%;
  }
  .thumbnail-name {
    padding:20px 5px 0;
    font-size:12px;
    line-height:14px;
  }
  .thumbnail-title {
    padding:10px 5px 0;
    font-size:10px;
    line-height:12px;
  }
}

.thumbnail {
  background:#384146;
  position:relative;
  float:left;
  width:19%;
  padding:.5%;
  height:auto;
}

.nodeid-2449325404  .thumbnail {
  width:20%;
}

.thumbnail img {
  max-width:100%;
  margin-bottom:-5px;
}

.images-wrapper {
    position: relative;
    width: 100%;
}

.images-inner {
    position: relative;
    width: 100%;
}

.images-row {
  background:transparent;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  margin-bottom:20px;
  margin-top:20px;
  padding-top:20px;
  display:inline-block;
}

.images-row .image {padding-top:70px;}
.image {
  text-align:center;
  padding-bottom:0px;
  margin-bottom:0px;
}

.image img {
  max-width:100%;
  margin-bottom:-4px;
}

.top-button-bar {
  position:fixed;
  bottom:0;
    left:50%;
  width:122PX;
    transform:translateX(-50%);
}

.top-button-bar-inner {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 122px;
}

.top-button {
  text-align:center;
}

.top-button a {
  background:url("//cdn2.hubspot.net/hub/481308/file-2474939764-png/Images/1px-lighten-70.png");
  display:inline-block;
  padding:10px;
  text-decoration:none;
  color:#000000;
  opacity:.6;
  -webkit-transition: all 0.2s ease-in-out; 
  -moz-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out;
}

.top-button a:hover {
  display:inline-block;
  padding:10px;
  text-decoration:none;
  color:#000000;
  opacity:1;
  -webkit-transition: all 0.2s ease-in-out; 
  -moz-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out;
}

/* about team */

.biosocial.bioinfo ul li {
  list-style:none;
}

.hubspot-certifications > div {
  width:24%;
  padding:.5%;
  float:left;
}

.hs-badge.col.s6.m3 {
    height: 100px;
}

.hs-badge img {
  height:100% !important;
  width:auto !important;
}

.bioinfotext p {
    padding:15px 2rem;
}

/* optimized mobile accordion team */

ul.collapsible {
    padding:10px 5px 5px;
}

ul.collapsible li {
    list-style-type: none;
}

.btn-floating {
    opacity: 0.7  !important;
    filter: alpha(opacity=70);
    background-color:transparent !important;
    border:2px solid #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.btn-floating.btn-large {
    display: flex;
    justify-content: center;
    align-items: center;
}

.active a.btn-floating.btn-large {
   transform: rotate(45deg);   
}

.collapsible-header>div>div:hover .btn-floating.btn-large {
  background-color:#c4d32d !important;
}

.btn-large:hover {
    background-color:#c4d32d;
}

.material-icons {
    color:#fff;
    margin-right: 0px !important;
    padding-right: 2px;
}

.nav-button .material-icons {
  color:#333333 !important;
}

.collapsible-header i {
    width:3.2rem;
}

ul.collapsible>li{
    margin: 0 0 1rem 0 !important;
    padding: 0 1rem !important;
}

div.collapsible-header{
    padding:0;
}

div.collapsible-header > div > div > img {
    margin-top:-40px;
}

@media only screen and (max-width : 600px) {
  .hubspot-certifications > div {
    width:49%;
    padding:.5%;
    float:left;
  }
  #case-studies-col-left {
    margin: 0 auto;
    min-width: 100%;
    text-align: center;
  }
}

/***** home page styling ****/

.nodeid-4044459885 .hs h1.title, .nodeid-6155710988 .hs h4 {
  border-bottom:none;
  /*text-align:center;*/
  font-size:6.4vw;
  line-height:5vw;
  padding-top:10px;
}

.hs h1.title {
  margin-bottom:20px;
}

.nodeid-4044459885 .hs h4 {
  color:#019CDB;
  font-size:2.2vw;
/*   font-family:"Lato"; */
  font-family:"Rubik";
  font-weight:500;
}
.nodeid-6155710988 .hs h4 {
  color:#019CDB;
  font-size:2.2vw;
/*   font-family:"Lato"; */
  font-family:"Rubik";
  font-weight:500;
	padding: 0px;
	/* margin-left: -10px; */
	line-height: 1em;
}

.nodeid-4044459885 .home-image, .nodeid-6155710988 .home-image {
  padding:10px 0;
}

.nodeid-4044459885 .please-share, .nodeid-6155710988 .please-share {
  display:none !important;
}

.please-share {
/*   top:320px !important; */
  top:0px !important;
  border-radius: 2px;
  padding-left: 12px !important;
  padding-bottom: 32px !important;
}

.lp-2022 .please-share {
  top:0px !important;
  border-radius: 2px;
  padding-left: 12px !important;
  padding-bottom: 32px !important;
}

.case-studies .please-share {
  top:-6px !important;
  border-radius: 2px;
  padding-left: 12px !important;
  padding-bottom: 32px !important;
}

.please-share img {
  width:32px !important;
  height:32px !important;
}

.please-share-inner {
  float: left;
  margin-right: 7px;
  position: relative;
  top: -6px;
  font-family: 'Caveat';
  text-align:center;
  line-height:1em;
  font-size:1em;
}

.share_class {
  padding:0px;
  margin:0px
  position: relative;
  display:flex;
  justify-content:left;
}

#please_share {
  visibility: hidden;
}

.share-it {
    float: left;
    position: relative;
    width: 48px;
    height: auto;
}

.share-it img {
  width: 100% !important;
  height: auto !important;
}

.social-icons {
/*     margin-left: 60px; */
  margin-left:10px;
  margin-top:8px;
}

.social-icon-facebook {
  display:inline;
  margin-right:5px;
}

.social-icon-linkedin {
  display:inline;
  margin-right:10px;
}

.social-icon-twitter {
  display:inline;
}

.post_body {
  position:relative;
}

.long-page-region {
  min-height:100px;
  border-bottom:1px solid #ddd;
}

.long-page-region h2 {
  padding:10px 0 10px;
  text-align:center;
  font-size:3.6vw;
  display:inline-block;
  width:100%;
}

.wwd-wrapper-top {
  background-color:#C4D32D;  
  -webkit-box-shadow: inset 0px 4px 5px -3px #444;
  box-shadow: inset 0px 4px 5px -3px #444;
}

.wwd-wrapper-top .what-we-do-top .wwd-icons {
  padding-bottom:50px;
  text-align:center;
}

.wwd-wrapper-top .what-we-do-top .wwd-icons img {
  position:relative;
  top:0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.wwd-wrapper-top .what-we-do-top .wwd-icons img:hover {
  cursor:pointer;
  position:relative;
  top:-20px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.wwd-icons.active {
  background:transparent url('//481308.fs1.hubspotusercontent-na1.net/hubfs/481308/2016-Page-Images/home-caret.png') center bottom no-repeat;
}

.what-we-do-bottom {
  background-color:#fff;
}

.what-we-do-bottom {
  position:relative;
  overflow:hidden;
}

.what-we-do-bottom .wwd-text {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  background-color:#fff;
  z-index:0;
  padding-bottom:30px;
}

.what-we-do-bottom .wwd-text-height {
  position:relative;
  top:0;
  left:0;
  width:100%;
  background-color:#fff;
  z-index:-1;
}

.what-we-do-bottom .wwd-text.active {
/*   z-index:10; */
  z-index:1;
}

.wwd-text-main {
/*   font-family: 'Anton'; */
  font-family:"Oswald";
  font-weight:600;
  text-transform:uppercase;
  font-size:1.9em;
}

.what-we-do-bottom .text {
  font-size:1.5em;
}

.what-we-do-bottom .wwd-text-right ul {
  border-left:2px solid #999;
  text-transform:uppercase;
  padding:3px 0 3px 10px;
}

.what-we-do-bottom .wwd-text-right ul li {
  list-style-type:none;
  font-size:.9rem;
}

#second-long-page-region {
  background: #1f5984; /* Old browsers */
  background: -moz-linear-gradient(top, #1f5984 0%, #2a76ae 43%, #2a76ae 55%, #1f5984 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #1f5984 0%,#2a76ae 43%,#2a76ae 55%,#1f5984 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1f5984 0%,#2a76ae 43%,#2a76ae 55%,#1f5984 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f5984', endColorstr='#1f5984',GradientType=0 ); /* IE6-9 */
}

#home-page-portfolio .col.s6 {
  padding:0 4px;
}

#home-page-portfolio .button {
  padding-left:65px;
  padding-right:65px;
  margin:30px 0;
}

.nodeid-4723666312 .content-wrapper {
    padding-top: 75px;
}

.nodeid-4044459885 .hs #home-page-blog h2, .nodeid-6155710988 .hs #home-page-blog h2 {
  color:#019CDB;
  margin-bottom:0;
  padding-bottom:0;
}

.nodeid-4723666312 .content-wrapper {
    padding-top: 75px;
}

.nodeid-4044459885 .hs #home-page-blog h4, .nodeid-6155710988 .hs #home-page-blog h4 {
  color:#222;
  font-size:1.9vw;
  text-align:center;
  margin-top:0;
  margin-bottom:40px;
}

#home-page-blog .center-align a.button {
  margin:2px;
}

.materialize.hs #home-page-blog .hs-rss-item, #home-page-blog .hs-rss-item {
  min-height:200px;
}

.materialize.hs #home-page-blog .hs-rss-item:after, #home-page-blog .hs-rss-item:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.materialize.hs #home-page-blog .hs-rss-item.hs-with-featured-image {
  overflow:visible;
}

.materialize.hs #home-page-blog .hs-with-featured-image .hs-rss-item-text, #home-page-blog .hs-with-featured-image .hs-rss-item-text {
  padding-left:11px;
}

.materialize.hs #home-page-blog .hs-rss-item-text, #home-page-blog .hs-rss-item-text {
  float:right;
  padding-left:220px;
  width: 100%;
}

.materialize.hs #home-page-blog .hs-rss-title, #home-page-blog .hs-rss-title {
  font-size:1.6rem;
  line-height:1.6rem;
  text-transform:uppercase;
}

.materialize.hs #home-page-blog .hs-rss-item-image-wrapper, #home-page-blog .hs-rss-item-image-wrapper {
  float:left;
  width:200px;
  height:200px;
  overflow:hidden;
}

.materialize.hs #home-page-blog .hs-rss-item-image-wrapper img.hs-rss-featured-image, #home-page-blog .hs-rss-item-image-wrapper img.hs-rss-featured-image {
  width:270%;
  max-width:270%;
  position:relative;
  left:-170px;
}

#home_clipme_var, body.blog h3:first-child {
    display: none;
}

#home-page-blog div.hs-rss-description p {
    margin: 0;
}

#home-page-blog div.hs-rss-description.clipme_ready p::first-letter {
    visibility: hidden;
}

img.hs-rss-featured-image.clipme_left {
  left:0px !important;
}

img.hs-rss-featured-image.clipme_right {
  left:-340px !important;
}

img.hs-rss-featured-image.clipme_center {
  left:-170px !important;
}

#home-page-blog .hs-rss-description a:last-child {
  background:#eee;
  display:inline-block;
  padding:5px 10px;
  color:#333;
  border-radius: 3px;
  background-clip: padding-box;
  position:relative;
  -webkit-box-shadow: 0 1px 4px 0 #999;
  box-shadow: 0 1px 4px 0 #999;
  top:5px;
  right:0;
  float:right;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin:0 0 15px;
}

#home-page-blog .hs-rss-description a:last-child:hover {
  background:#eee;
  -webkit-box-shadow: 0 3px 5px 1px #999;
  box-shadow: 0 3px 5px 1px #999;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  top:4px;
}

#home-page-blog .hs-rss-description a:last-child:active {
  -webkit-box-shadow: 0 0px 3px 0 #999;
  box-shadow: 0 0px 3px 0 #999;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  top:5px;
}

#home-page-blog .hs-rss-description a:last-child {
  color:#333;
}

#home-page-blog .hs-rss-description a:last-child:after {
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-family: FontAwesome;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size: inherit;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  content: "";
  margin-left:10px;
}

.blog-pagination a {
    background: #ddd;
    color: #555;
    padding:10px 15px;
    margin-top:20px;
    border-radius: 3px;
    background-clip: padding-box;
}

.blog-pagination a:hover {
    background:#bbb;
    color:#222;
}

/* footer */

#attribution-line {
  font-size:.9rem;
  padding-bottom:20px;
  padding-top:20px;
}

.footer-outer {
  background: #384146; /* Old browsers */
  background: -moz-radial-gradient(center, ellipse cover, #384146 0%, #2b3236 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #384146 0%,#2b3236 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #384146 0%,#2b3236 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#384146', endColorstr='#2b3236',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  margin-bottom:-20px;
  max-width: 1800px;
  margin: auto;
}

.footer-outer h2, .footer-outer h3 {
  font-size:2.5vw;
  padding:10px 0;
  margin:10px 0;
}

.search {
	width:100%;
}

.social-sprites {
	width:100%;
}

@media only screen and (min-width : 993px) {
	.search {
	  width:calc(100% - 220px);
	  float:left;
	}
	.social-sprites {
		width:220px;
	  float:left;
	}
	.page-inner {
    background:none;
  }
}

@media only screen and (min-width : 1000px) {
  .case-studies .please-share, .please-share {
    top:250px !important;
    border-radius: 2px;
    padding-left: 12px !important;
    padding-bottom: 32px !important;
  }
}

@media only screen and (min-width : 1200px) {
  .case-studies .please-share, .please-share {
    top:440px !important;
    border-radius: 2px;
    padding-left: 12px !important;
    padding-bottom: 32px !important;
  }
}

.page {
  /*background-color:#2b3236; */
  background-color: #777 !important;
  padding-bottom:0;
}

.page-inner {
  background-color:#fff;
}

.instagram:before {
    color:#f4904a;
}

.instagram:hover:before {
    background-color:#f4904a;
}

/* internal pages */

fieldset.form-columns-2 {
    width:1100px;
    max-width:95% !important;
}

.post-footer .comment button.comment-reply-to {
    color:#fff;
}

.comment-body {
/*   font-family: "Lato"; */
  font-family:"Rubik";
  font-weight:300;
  text-transform:initial;
}

.new-comments {
/*   font-family: "Lato"; */
  font-family:"Rubik";
  font-weight:300;
}

.hs-form label {
  text-transform:uppercase;
  letter-spacing:1px;
  font-weight:600;
}

.field--name-field-tags::after, .field-name-field-tags::after {
  width:100%;
}

.field--name-field-tags a, .field-name-field-tags a {
  float:left;
}

a.topic-link {
    display: none;
}

.tm-404 .content-area-wrapper {
  background: url('https://481308.fs1.hubspotusercontent-na1.net/hubfs/481308/Images/Page%20Images/page-404.jpg') no-repeat center center fixed #ffffff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
  min-height:400px;
}

.fourohfour .content-body {
  padding:20px;
  margin:70px 0;
  background-color:rgba(255,255,255,.75);
}

.bio-name-container .bioname {
    font-size: 30px;
    line-height: 150%;
}

.bio-name-container .biotitle {
    font-style: italic;
}

/* ================================= */
/* = Template Websites Page Styles = */
/* ================================= */

.template-left {
    width: 100%;
    float: left;
    padding-top: 30px;
    padding-bottom: 20px;
}

.template-right {
    width: 100%;
}

@media only screen and (min-width : 601px) {
  .template-left {
      width: 50%;
      float: left;
      padding-top: 30px;
      padding-right: 20px;
      padding-bottom:0px;
  }
  .template-right {
      float: left;
      width: 50%;
  }
}

@media only screen and (min-width : 768px) {
  .template-left {
      width: 40%;
  }
  .template-right {
      width: 60%;
  }
}

/* ============================= */
/* = Client Portal Page Styles = */
/* ============================= */

.body_section-row-0-force-full-width-section.dnd-section .dnd-column {
  box-shadow:none;
  border-radius:0px;
  border:unset;
  margin-bottom:0px;
}

.body_section-row-0-force-full-width-section.dnd-section .dnd-column:hover {
  box-shadow:none;
  border-radius:0px;
  border:unset;
  margin-bottom:0px;
}

.widget_1614294779883-flexbox-positioning img {
  margin-bottom:-7px;
}

.hs-content-path-client-portal h1.page-title {
  text-align:center;
  margin-top:0px;
}

.hs-content-path-client-portal .row-number-6 {
  margin-bottom:40px;
}

.hs-content-path-client-portal .row-number-6 .dnd-column {
  background:transparent;
  border-radius:4px;
  border:1px solid transparent;
  padding-bottom:10px;
  padding-top:10px;
  box-shadow: 0px 0px 0px rgb(0 0 0 / 0%), 0 0px 0px rgb(0 0 0 / 15%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hs-content-path-client-portal .row-number-6 .dnd-column:hover {
  background:#ffffff;
  border:1px solid #019cdb;
  box-shadow: 0px 5px 11px rgb(0 0 0 / 18%), 0px 4px 15px rgb(0 0 0 / 15%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hs-content-path-client-portal .body-content.dnd-column {
  box-shadow:none;
  border-radius:0px;
  border:unset;
  margin-bottom:0px;
}

.hs-content-path-client-portal .body-content.dnd-column:hover {
  box-shadow:none;
  border-radius:0px;
  border:unset;
  margin-bottom:0px;
}

.hs-content-path-client-portal .row-number-21 .dnd-column, .hs-content-path-client-portal .row-number-34 .dnd-column {
  border:1px solid transparent;
  box-shadow: 0px 0px 0px rgb(0 0 0 / 0%), 0 3px 6px rgb(0 0 0 / 15%);
  border-radius:4px;
  margin-bottom:30px;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hs-content-path-client-portal .row-number-21 .dnd-column:hover, .hs-content-path-client-portal .row-number-34 .dnd-column:hover {
  border:1px solid #019cdb;
  box-shadow: 0px 5px 11px rgb(0 0 0 / 18%), 0px 4px 15px rgb(0 0 0 / 15%);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hs-content-path-client-portal .row-number-21 .dnd-column .hs_cos_wrapper_type_linked_image, .hs-content-path-client-portal .row-number-34 .dnd-column .hs_cos_wrapper_type_linked_image {
  display:block;
  text-align:center;
}

.hs-content-path-client-portal .row-number-21 .dnd-column .hs_cos_wrapper_type_module, .hs-content-path-client-portal .row-number-34 .dnd-column .hs_cos_wrapper_type_module {
  width:100%;
}

.hs-content-path-client-portal .row-number-21 .dnd-column .hs-button, .hs-content-path-client-portal .row-number-34 .dnd-column .hs-button {
  width:100%;
}

.hs-content-path-client-portal .module_1550841311829141-row-9-vertical-alignment .dnd-column {
  box-shadow:none;
  border-radius:0px;
  border:unset;
  margin-bottom:0px;
}

.hs-content-path-client-portal .module_1550841311829141-row-9-vertical-alignment .dnd-column:hover {
  box-shadow:none;
  border:unset;
  border-radius:0px;
  margin-bottom:0px;
}

.hs-content-path-client-portal .row-nummber-34 .dnd-column {
  display:none !important;
}

.accent-text {
  font-family:"Caveat";
  font-size: 22px;
  font-weight: bold;
}

/* ========================== */
/* BREADCRUMB BAR STYLES 2022 */
/* ========================== */

.breadcrumb-bar {
  display:block;
  padding:10px 0px;
  margin-bottom:20px;
  background: rgb(11,36,48); /* Old browsers */
  background: -moz-linear-gradient(-45deg,  rgba(11,36,48,1) 0%, rgba(0,94,127,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  rgba(11,36,48,1) 0%,rgba(0,94,127,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  rgba(11,36,48,1) 0%,rgba(0,94,127,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b2430', endColorstr='#005e7f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.breadcrumb-bar {
  color:#0086b5;
}

/* ================== */
/* NEW TEAM PAGE 2022 */
/* ================== */

.custom-header h1 {
  margin-top:0px;
  margin-bottom:20px;
  font-size:3em;
  text-shadow:0px -5px 0px rgba(23,138,188,.25), 0px 5px 0px rgba(197,211,45,.25);
}

.team-members-section {
  display:inline-block;
  margin-bottom:60px;
}

.team-member-wrapper {
  width:100%;
}

.team-member-name-title-wrapper {
  margin-top:5px;
}

.team-member-wrapper .inner {
  padding:30px;
}

.team-member-name a {
  color:#384146 !important;
  font-size:24px;
  line-height:24px;
  font-family:"Rubik";
  font-weight:500;
}

.team-member-title a {
  color:#384146 !important;
  font-size:16px;
  font-family:"Rubik";
}

.team-member-thumb {
  width:102%;
  margin-left:-1%;
  margin-top:-1%;
}

.team-member-thumb-inner {
  position:relative;
  background:#019CDB;
  overflow:hidden;
}

.team-member-wrapper .inner:hover .team-member-thumb-inner {
  position:relative;
  background:#019CDB;
  overflow:hidden;
  animation: bg-color-shift 2.5s linear 0s infinite;
}

.bolt-overlay {
  position:absolute;
  z-index:2;
  width:100%;
}

.team-member-wrapper .team-member-thumb img {
  position:relative;
  z-index:1;
  transform:scale(1);
  margin-bottom:-7px;
  -webkit-transition: all 3s ease-in-out; 
  -moz-transition: all 3s ease-in-out; 
  -o-transition: all 3s ease-in-out; 
  transition: all 3s ease-in-out;
}

.team-member-wrapper:hover .team-member-thumb img {
  position:relative;
  z-index:1;
  transform:scale(1.15);
  -webkit-transition: all 3s ease-in-out; 
  -moz-transition: all 3s ease-in-out; 
  -o-transition: all 3s ease-in-out; 
  transition: all 3s ease-in-out;
}

.team-member-button {
  text-align:right;
}

.team-member-button .button {
  line-height: 18px;
  border-radius: 50%;
  letter-spacing: -1px;
  padding: 0px;
  margin: 0px;
  width: 38px;
  height: 38px;
  text-shadow: unset;
  font-size: 2rem !important;
  -webkit-transition: all 0.2s ease-in-out; 
  -moz-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out;  
}

.team-member-button .button:hover {
  box-shadow:none !important;
  -webkit-transition: all 0.2s ease-in-out; 
  -moz-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out;
}

/* ================================== */
/* INDIVIDUAL TEAM MEMBER PAGE STYLES */
/* ================================== */

.breadcrumb-bar span.root {
  margin-left:20px;
  font-weight:500;
}

h2.custom-header {
  font-family:"Oswald";
  font-weight:500;
  text-transform:uppercase;
  text-align:center;
  margin-top:0px;
  margin-bottom:0px;
  font-size:3em;
  text-shadow:0px -5px 0px rgba(23,138,188,.25), 0px 5px 0px rgba(197,211,45,.25);
}

.nodeid-83568558508 .page-inner > .row-fluid {
  position:relative;
  z-index:1;
}

.list-wrapper .inner {
  display:flex;
  justify-content:center;
  margin: 20px 0px 25px 0px;
}

.list-wrapper .thumbnail-wrapper {
  position:relative;
  background:#019CDB;
  transform:scale(.65);
  -webkit-transition: all 0.2s ease-in-out; 
  -moz-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out;  
}

.list-wrapper .thumbnail-wrapper:hover, .list-wrapper .thumbnail-wrapper.current {
  position:relative;
  background:#019CDB;
  transform:scale(.8);
  -webkit-transition: all 0.2s ease-in-out; 
  -moz-transition: all 0.2s ease-in-out; 
  -o-transition: all 0.2s ease-in-out; 
  transition: all 0.2s ease-in-out;  
}

.list-wrapper .thumbnail-wrapper .bolt-overlay {
    width: 103%;
    margin-left: -2%;
    margin-top: -1%;
}

.list-wrapper .thumbnail-wrapper img {
  margin-bottom:-10px;
}

.team-member-row-top {
  background:#384146;
}

.team-member-row-top-inner {
  display:block;
}

.main-left {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.full-img-wrapper {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.full-img-wrapper .inner {
  position:relative;
  background:#019CDB;
/*   border: 10px solid #384146; */
  border-radius:50%;
}

.full-img-wrapper .bolt-overlay {
  animation: bolt-rotate 40s linear 0s infinite;
  position: absolute;
  z-index: 2;
  width: 104%;
  margin-top: -1.5%;
  margin-left: -1.5%;
}

.full-img-wrapper img {
  margin-bottom:-7px;
}

.main-right {
    width: 100%;
    padding: 0px 30px;
    position: relative;
}

.name-title-wrapper {
  padding-bottom:40px;
}

.name-title-wrapper h1 {
    font-family: 'Rubik' !important;
    color: #ffffff;
    margin: 0px;
    padding: 0px;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 2rem;
}

.name-title-wrapper h2 {
    color: #ffffff;
    margin: 0px;
    padding: 0px;
    font-size: 1rem;
    font-weight: 100;
}

.name-title-wrapper * {
  color:#ffffff;
}

.team-member-row-bottom .page-center {
  padding:40px 0px;
}

.certs {
  flex-basis:278px;
  margin-right: 40px;
  margin-left:30px;
}

.certs h2 {
  font-family:"Oswald";
  text-transform:uppercase;
  font-weight:500;
  margin-top:0px;
}

h3.hubspot {
  background:url("https://tributemedia.com/hubfs/Team%20Page%202022/hubspot.png") no-repeat left / 32px;
  padding-left:34px;
}

h3.google {
  background: url(https://tributemedia.com/hubfs/Team%20Page%202022/google.png) no-repeat 3px 1px / 26px;
  padding-left: 34px;
}

.irl-image {
  flex-basis:calc(100% - 278px);
  text-align:center;
}

.irl-image img {
    width: 70%;
    max-width: 700px;
    object-fit: cover;
    max-height: 500px;
}

/* COREY'S PAGE */

.nodeid-83568558508 .team-member-row-bottom .page-center {
  width:100%;
  display:block !important;
}

.nodeid-83568558508 .certs ul {
    display: grid;
    width: 100%;
    flex-basis:100%;
    grid-template-columns: repeat(auto-fit, minmax(278px , 320px));
}

.nodeid-83568558508 .certs {
    width: 100%;
    flex-basis:100%;
    margin-right: 40px;
    margin-left: 30px;
}

/* ============= */
/* MEDIA QUERIES */
/* ============= */

@media only screen and (min-width:576px) {
  .team-member-wrapper {
    width:50%;
    float:left;
  }
  h2.custom-header {
    font-size:4em;
  }
  .custom-header h1 {
    font-size:4em;
  }
  .team-member-title {
    min-height:48px;
  }
}

@media only screen and (min-width:768px) {
  .team-member-row-bottom .page-center {
    display:flex;
  }
  .team-member-name-title-wrapper {
    min-height:102px;
  }
  .team-member-wrapper {
    width:33.333%;
  }
  h2.custom-header {
    font-size:5em;
    padding-bottom:10px;
  }
  .custom-header h1 {
    font-size:5em;
  }
}

@media only screen and (min-width:992px) {
  .team-member-wrapper {
    width:25%;
    height:400px;
  }
  h2.custom-header {
    margin-top:30px;
    margin-bottom:20px;
    padding-bottom:0px;
    font-size:6em;
  }
  .custom-header h1 {
  margin-top:30px;
  margin-bottom:20px;
  font-size:6em;
  }
  .team-member-row-top-inner {
    display:flex;
  }
  .main-left {
    width:50%;
  }
/*   .full-img-wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 600px;
  } */
  .full-img-wrapper {
    padding-top:30px;
    padding-bottom:45px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .main-right {
    width:50%;
  }
/*   .name-title-wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - 15px));
    padding-bottom:0px;
  } */
  .name-title-wrapper {
    position: relative;
    padding-bottom: 45px;
    padding-top: 30px;
    min-height:530px;
  }
  .name-title-wrapper h2 {
    padding: 0px 0px 25px 0px;
    font-size: 2rem;
  }
  .team-member-name-title-wrapper {
    margin-bottom:10px;
  }
}
  
@media only screen and (max-width : 600px) {
  .materialize.hs .hs-with-featured-image .hs-rss-item-text,.hs-with-featured-image .hs-rss-item-text {
    padding-left:0;
  }
  .materialize.hs .hs-rss-item-text, .hs-rss-item-text {
    float:none;
    padding-left:0;
    width:100%;
  }
  .materialize.hs .hs-rss-item-image-wrapper, .materialize.hs .hs-rss-item-image-wrapper img.hs-rss-featured-image {
    display:none;
  }
  .footer-outer h2, .footer-outer h3 {
    font-size:7vw;
  }
  .long-page-region h2 {
    font-size:7vw;
  }
  .hs h1.title {
      font-size:3rem;
  }
  .nodeid-4044459885 .hs h4, .nodeid-6155710988 .hs h4 {
    font-size:4.1vw;
    margin-top:5px;
  }
  .nodeid-4044459885 .hs h1.title, .nodeid-6155710988 .hs h1.title {
    font-size: 8.3vw;
    line-height: 7.2vw;
    margin-top: -20px;  
  }
  .content-area-wrapper .image-wrapper .field-name-field-image {
    height:100px;
  }
  .hero-text {
    margin-top:0px;
  }
  .hero-cta {
    text-align:center;
      margin-left:0px;
  }
  .hero-cta a.button {
    font-size:4.8vw !important;
  }
  .nodeid-4044459885 h1.page-header, .nodeid-6155710988 h1.page-header {
    font-size:8vw;
    line-height:8vw;
    text-align:center;
    margin-left:0px;
  }
  .nodeid-4044459885 .hero-text h4, .nodeid-6155710988 .hero-text h4 {
      font-size: 3vw !important;
      line-height: 2vw;
      text-align: center;
      margin-left: 0px;
  }
  ul.collapsible>li {
      padding:0;
  }
  #email-prefs-form .item {
    width:100%; 
    float:left; 
    min-width:100%;
  }
}

@media only screen and (min-width : 600px) and (max-width : 1024px) {
  .footer-outer h2, .footer-outer h3 {
    font-size:3.7vw;
  }
  .long-page-region h2 {
    font-size:7vw;
  }
  .content-area-wrapper .image-wrapper .field-name-field-image {
    height:150px;
  }
  .hero-cta a.button {
    font-size:1.6vw !important;
  }
  .nodeid-4044459885 h1.page-header, .nodeid-6155710988 h1.page-header {
    font-size: 5.3vw;
    line-height: 5vw;
    text-align: left;
    margin-left: 20px;
  }
  .nodeid-4044459885 .hero-text h4, .nodeid-6155710988 .hero-text h4 {
    font-size: 1.9vw !important;
    line-height: 2vw;
    text-align: left;
    margin-left: 20px;
  }
  .hero-text {
    margin-top:5%;
  }
  .hero-cta {
    text-align:left;
    margin-left:20px;
    margin-bottom:0px;
  }
  .hero-cta a.button {
      font-size: 1.4vw !important;
  }
  .materialize.hs #home-page-blog .hs-rss-item-text, #home-page-blog .hs-rss-item-text {
    width:calc(100% - 200px);
  }
}

/* *** featured blog box ** */

.featurebox-subtitle {
  background: #019CDB url('https://481308.fs1.hubspotusercontent-na1.net/hubfs/481308/aMaterialTheme/featured-corner.png') bottom right no-repeat;
  padding: 20px;
  color: #fff;
  font-family:"Rubik";
  font-weight: 300;
  margin-top: -10px;
  font-size: 110%;
  line-height: 170%;
}

@media only screen and (min-width : 992px) {
  .hero-cta a.button {
      font-size: 1.5vw !important;
  }
  .materialize.hs #home-page-blog .hs-rss-item-text, #home-page-blog .hs-rss-item-text {
    width:calc(100% - 200px);
  }
  .hs aside.sidebar-second.form.form-right-of-content {
    margin-top:8px;
  }
  aside.form-right-of-content h3 {
    margin-top:0;
  }
  .case-studies .page-inner {
    padding-top: 80px !important;
	}
  .hs-content-name-inbound-marketing-pillar .share_class {
/*     top: 490px !important; */
  }
  .share_class {
    margin-left: -80px !important;
/*     top: 242px; */
    padding: 15px;
    width: 75px;
    position: fixed;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    bottom:0;
    top:unset !important;
  }
  .full-width-lp-2022 .share_class {
    margin-left: -60px !important;
/*     top: 440px !important; */
  }
  .lp-2022 .share_class {
    margin-left: -80px !important;
/*     top: 440px !important; */
  }
  .social-icons {
    margin-left: 10px;
  }
  .social-icon-facebook {
    display: block;
    margin-right: 0px;
  }
  .social-icon-linkedin {
    display:block;
    margin-right:0px;
    margin-bottom:0px;
  }
  .social-icon-twitter {
    display:block;
  }
  .breadcrumb-bar span.root {
    margin-left:80px; 
  }
  .name-title-wrapper {
    position: relative;
    padding-bottom: 45px;
    padding-top: 30px;
  }
  .name-title-wrapper h1 {
    font-size: 3rem;
  }
}

@media only screen and (max-width : 992px) {
  .thumbnail-wrapper {
    display: none;
  }
}

@media only screen and (max-width : 1024px) {
    #attribution-line {
    font-size:.75rem;
    padding-bottom:0px;
  } 
  .hs-badge.col.s6.m3 {
    height: 100px;
  }
}

/*** thank you pages **/

.hs.ty-template h1.title {
  font-size:3vw;
  text-align:center;
  padding-top:0 !important;
  margin-bottom:0;
}

.ty-delivery-box {
  background-color:rgba(0, 0, 0, .1);
  border:1px solid rgba(23, 156, 215, 1);
}

.ty-delivery-box .inner {
  padding:15px 15px 25px;
}

.email-someone {
  height: 36px;
  background: #444;
  display: inline-block;
  position: relative;
  top: 4px;
  width: 90px;
  border-radius: 2px;
  margin-bottom:10px;
}

.email-someone:hover {
  background:#333;
}

.email-someone a {
  color:#fff;
  position:relative;
  top:3px;
  padding:20px 10px;
}

.email-someone .anchor {
  font-family:"Rubik";
  font-weight:300;
  text-transform:uppercase;
  font-size:.8em;
}

.social-widgets .hs_cos_wrapper a:last-child img {
  width:90px;
  max-width:90px !important;
}

.ty-template .content-body {
  padding-top:20px;
}

/* please share hider */

.nodeid-2450111602 .please-share {
  display:none;
}

.nodeid-2449399914 #footer-wrapper {
  display:none;
}

/*** email subscription page ***/

.subscribe-options {
  margin-bottom:20px;
}

#email-prefs-form .item p {
  margin-top:0;
  margin-bottom:20px;
  font-size:70%;
}

#email-prefs-form .item {
  width:50%;
  float:left;
  padding:0 5%;
}

#tm-unsub-memo {
  font-size:.8em;
  display:inline-block;
}

/**** assessment *** */

.dec_logo_wrapper {
  display:none !important;
}

/*#019CDB*/

/*** fixes december 21, 2018 ****/

.events-template .page-inner {
    padding-top:117px;
}

@media only screen and (max-width : 996px) {
    .nodeid-4044459885 .page-inner .content-area-wrapper .image-wrapper, .nodeid-6155710988 .page-inner .content-area-wrapper .image-wrapper {
        padding-top:0px;
    }
    page-inner .content-area-wrapper .image-wrapper {
        padding-top:10px;
    }    
}

/** additional blog styles by Corey **/

.page-anchor::before {
	content:"";
	display:block;
	height:100px; /* fixed header height*/
	margin:-100px 0 0; /* negative fixed header height */
}

.page-anchor .inner{
  border-top:1px solid #ccc;
  background: url('https://481308.fs1.hubspotusercontent-na1.net/hubfs/481308/shades/page-anchor.png') top center no-repeat;
	background-size: 80% 10px;
	margin-top:20px;
}

.certification-wrapper .inner .col {
  padding:0 0 10px;
}
	
.certification-wrapper .academy-badge {
  float:right;
  max-width:50%;
}

.certification-wrapper .button {
  margin:2px;
}

.blog-buttons {
  display:block;
  margin:5px;
}

/** pillar page styling by Corey **/
	
.pillar-template h1.title {
  text-align:center;
}

.pillar-template .content-body {
  position:relative;
  z-index:10;
}

.top-box {
  position:relative;
}
	
.top-box .box-text {		
  height:200px;
  padding:10px;
  -webkit-transition: all 0.5s ease-out;  
  transition: all 0.5s ease-out;
}

.top-box .primary-text {
  position:relative;
  z-index:1;
  background:#249DD5;
  color:#fff;
}

.top-box .secondary-text {
		position:relative;
		top:0px;
		z-index:-1;
		top:-200px;
		margin-bottom:-200px;
		background:#CDD93D;
}

.top-box.open .primary-text {
  opacity:0;
}

.top-box.open .secondary-text {
	z-index:2;
}
	
.box-text .inner {
	width:100%;
}
	
.long-page-regions .long-page-region h2 {
	padding:0 0 10px;
	margin-top:10px;
}

.long-page-region.page-anchor .inner {
	background:none;
	border-top:0;
}
	
.long-page-regions #second-long-page-region {
	background:none;
}
	
.on-page-navigation ul {
	text-align:center;
}

.on-page-navigation li {
	list-style:none;
	display:inline-block;
	margin:3px 2px;
}

.on-page-navigation li, .on-page-navigation li a {
  background:#aaa;
  padding:10px 20px;
  color: #fff;
  background: #168abc;
  -webkit-border-radius: 2;
  -moz-border-radius: 2;
  border-radius: 2px;
  border: 1px solid white;
  font-size: 1rem;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
  box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  height: auto;
  line-height: auto;
  text-shadow:1px 1px 3px #384146;
}
	
.on-page-navigation li:hover, .on-page-navigation li a:hover {
  color:#ffffff;
  background:#00b0fc;
  cursor:pointer;
}

/*PILLAR PAGE UPDATE 2019 */

.pillar-header-img {
  margin-bottom: -7px;
}

.pinned {
  width: 100%;
  max-width: 1798px;
}

.pillar-nav {
  background-color: #168abc !important;
  border-top: 10px solid #cfdb00 !important;
  padding: 5px !important;
}

h1.pillar-page-title {
  text-align: center !important;
}

blockquote.pillar-page-bq {
  border: none;
  text-align: center;
  font-size: 3pc;
  line-height: 3.2pc;
  padding: 10% 15px;
}

blockquote.pillar-page-bq span.bq-author {
  font-size: 1.3pc;
}

.dark-background {
  background-color: #384146 !important;
}

.dark-background-secondary {
/*   box-shadow:0px 0px 100px inset rgb(255 255 255);
  background-color:#DCF8FF; */
  box-shadow:none !important;
  background-color:#384146;
}

.dark-background-secondary h1, .dark-background-secondary h1.title, .dark-background-secondary h2, .dark-background-secondary h2.title, .dark-background-secondary h2 a, .dark-background-secondary h3, .dark-background-secondary h4, .dark-background-secondary h5, .dark-background-secondary h6, .dark-background-secondary div, .dark-background-secondary p, .dark-background-secondary ol, .dark-background-secondary ul, .dark-background-secondary dl, .dark-background-secondary blockquote, .dark-background-secondary fieldset, .dark-background-secondary label, html body .dark-background-secondary .caret, .dark-background-secondary .fieldset-legend {
  color:#384146;
}

.long-page-region.page-anchor .inner{
  padding: 10px 0px 30px 0px;
}

.hs-content-id-8321545815 .row-number-25 {
  display:none;
}

/*---------- Attribution ------------------*/

/* NEEDED FOR ALL DRAG AND DROP TEMPLATES */
.container-fluid .row-fluid .page-center {
  float: none;
  max-width: 1358px;
  margin: 0 auto;
}

/* .lp-2022 .container-fluid .row-fluid .page-center {
  float: none;
  max-width: unset;
  width:70%;
  margin: 0 auto;
} */

.lp-2022 .container-fluid .row-fluid .page-center {
  float: none;
  max-width: unset;
  width:99.999999993%;
  margin: 0 auto;
}

.container-fluid .row-fluid .page-center a {
  color: #019cdb;
}

.container-fluid .row-fluid .page-center a:hover {
  color: #b2bb1e;
}

.row-fluid [class*="span"] {
  min-height: 0px;
}

@media only screen and (max-width: 992px) {
 .container-fluid .row-fluid .page-center {
   padding-top: 30px !important;
  }
}

/* ===================== */
/* NEW CONTACT PAGE 2019 */
/* ===================== */

/* vvv drag and drop template vvvv*/
.body-container-wrapper {
  background-color: white;
}

.page-title {
  margin-bottom: 30px;
}

.navigation-pull-down .inner {
  max-width: 1800px;
}

.blog-header .navigation-pull-down .inner {
  margin: auto;
}

.connect-column {
  display: flex;
  flex-flow: column;
  justify-content: right;
  align-content: space-between;
}
/* ^^^ drag and drop template ^^^*/

.contact-info {
  display: flex;
  flex-flow: row;
  padding: 50px 0px;
  justify-content: space-between;
}

.contact-heading {
  font-size: 40px;
  text-transform: capitalize;
}

.form-heading {
  font-family: "Anton";
  text-transform: uppercase;
  font-size: 40px;
  margin-top: 0px;
}

.contact-heading {
    font-family: "Caveat";
    color: #019cdb !important;
}

.contact-form {
  max-width: calc(100% - 500px);
  min-width: 350px;
}

.form-heading {
  font-family:"Oswald";
  font-weight:600;
  text-transform: uppercase;
  font-size: 40px;
  margin-top: 0px;
}

@media only screen and (max-width: 992px) {
  .contact-info, .contact-info .row-fluid {
      display: flex;
      flex-flow: column-reverse !important;
      align-items: flex-start !important;
  }
  .contact-info .row-fluid {
      width: 95%;
      margin: auto;
  }
  .contact-form {
    max-width: 700px !important;
    width: 100% !important;
  }
  .contact-form .form-heading {
      padding-top: 0px !important;
  }
}

@media only screen and (max-width: 760px) {
  .contact-info .row-fluid {
      align-items: none !important;
  }
  .contact-form form {
    width: 90vw;
    min-width: 350px;
  }
}

.no-header-image {
    margin-top: 100px !important;
}

.body-content {
  padding: 60px 3% 60px 3%;
  font-size: 1.1rem;
  line-height: 2rem;
}

/* .lp-2022 .body-content {
  padding: 60px 0px 60px 0px;
  font-size: 1.1rem;
  line-height: 2rem;
} */

.lp-2022 .body-content {
  padding: 60px 3% 60px 3%;
  font-size: 1.1rem;
  line-height: 2rem;
}

.full-width-lp-2022 .body-content {
  padding: 30px 15px;
  font-size: 1.1rem;
  line-height: 2rem;
}

.default-top-image {
    height: 300px;
    overflow: hidden;
    border-bottom: 30px solid #c4d32d;
}

/* =================== */
/*    HOME PAGE 2019   */
/* =================== */

#home-page h2 {
  line-height: 1.1em;
  font-size: 3.6vw !important;
}

#home-page h3 {
 font-size: 1.9vw;
}

.home-button {
  padding-top: 75px;
}

#home-page-blog h2{
  color: #019cdb;
}

/* =================== */
/* THANK YOU PAGE 2019 */
/* =================== */

.flex-container{
  padding-bottom: 50px;
  border-bottom: 10px solid #12556e;
  width: 90% !important;
  margin-top: -90px !important;
}

.download-box-text {
    padding: 0px 10px 10px 10px;
}

.thx-soical-sharing-box {
    min-height: 100px !important;
    display: flex !important;
    flex-flow: column;
    justify-content: space-between;
}

.thank-you-body, div.thnx-body-text {
    font-size: 1.5rem;
    margin-bottom: 40px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 100px;
    padding-right: 15%;
    padding-left: 15%;
}

.thnx-body-text {
  padding-top: 35px;
}

.signature {
  font-family: "Caveat";
  color: #019CDB;
  -ms-transform: skewY(-5deg);
  -webkit-transform: skewY(-5deg);
  transform: skewY(-5deg);
  font-size: 2.1em;
  margin-top: -40px;
}

.thank-you-body-content, {
  display: none;
}

.paypal-center {
  text-align: center;
  margin: auto;
}

.paypal-center input {
  width: 25%;
}

.thank-you-side-bar {
  display: flex;
  flex-flow: row-reverse nowrap;
}

@media only screen and (max-width: 992px) {
  .flex-container {
    border-bottom: 8px solid #12556e;
  }
  .thx-soical-sharing-box {
    min-height: 60px !important;
  }
  .thank-you-body, div.thnx-body-text {
    padding-right: 3%;
    padding-left: 3%;
  }
  .signature {
    margin-top: -30px;
  }
}

@media only screen and (min-width: 992px) {
  .full-width-lp-2022 .body-content {
    padding: 60px;
  }
  .share-it {
    float:none;
    position:relative;
    width: 48px;
    height: auto;
  }
  .container-fluid .row-fluid .page-center {
    max-width: 885px;
  }
/*   .lp-2022 .container-fluid .row-fluid .page-center {
    max-width: unset;
    width:70%;
  } */
  .lp-2022 .container-fluid .row-fluid .page-center {
    max-width: 885px;
    width: 99.999999993%;
  }
}

@media only screen and (max-width: 750px) {
  .thx-download {
    margin-bottom: 40px;
  }
  .flex-container {
    border-bottom: 5px solid #12556e;
  } 
   .thank-you-body, div.thnx-body-text {
    width: 80%;
  }
  .thank-you-image {
    width: 90%;
  }
  .nodeid-83568558508 .thank-you-image {
    width: 100%;
  }
  .signature {
    margin-top: -10px;
  }
}

@media only screen and (min-width: 1200px) {
  .container-fluid .row-fluid .page-center {
    max-width: 1090px;
  }
  .lp-2022 .container-fluid .row-fluid .page-center {
    max-width: 1090px;
    width:99.999999993%;
  }
  .team-member-name-title-wrapper {
    min-height:75px;
  }
}

@media only screen and (min-width: 1400px) {
  .container-fluid .row-fluid .page-center {
    float: none;
    max-width: 1290px;
    margin: 0 auto;
  }
  .lp-2022 .container-fluid .row-fluid .page-center {
    float: none;
    max-width: 1290px;
/*     width:70%; */
    margin: 0 auto;
  }
}

/* =============== */
/* NEW FOOTER 2019 */
/* =============== */

.footer {
  background-color: #384146 !important;
}

.footer-box {
  display: flex;
  padding-top: 30px;
}

.footer-cta {
  display: flex;
  flex-flow: column;
  min-width: 50%;
  max-width: 350px !important;
  justify-content: space-around;
  align-items: center;
}

.footer-cta img{
  max-height: 350px;
}

footer .page-center {
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
  padding-top: 50px;
}

.content-center {
  width: 90%;
  margin: auto;
}

.footer-container-wrapper .content-center { 
  width: 100%;
}

#footer-container {
  padding-left: 3%;
  padding-right: 3%;
}

/* stacks text and cta */
@media only screen and (max-width: 750px) {
  .footer-box {
    flex-flow: column;
  }
  
  .footer-text {
    max-width: 90%;
    margin: auto;
  }
  
  .footer-cta {
    margin: auto;
    margin-top: 30px;
  }
  
  .footer-cta {
  max-width: 90%;
  }
  
  blockquote.pillar-page-bq {
    padding: 5% 15px;
    font-size: 2pc;
    line-height: 2pc;
}
 
}

/* Drag n Drop Home Page */


/* FORM OVERRIDE */
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    left: 0px !important;
    position: relative !important;
    visibility: inherit !important;
    margin-right: 10px;
}

form select.hs-input {
    display: block;
}

/* LANDING PAGE LAYOUT*/
#form-side {
  padding-left: 50px;
}

.lp-2022 #form-side, .full-width-lp-2022 #form-side {
  padding-left: 0px;
}

.landing-page-text div p:first-child {
    margin-top: 20px !important;
}
/* Drag n Drop Blog Template */
div#blog {
    max-width: 1800px;
    background: white;
    padding: 0 15%;
    padding-bottom: 50px;
}

#blog-listing .post-header h2 {
  font-size: 36px;
}

#blog-listing .hs-blog-social-share {
  display: none;
}

#blog-listing .hs-featured-image-wrapper {
    display: flex;
    flex-flow: column;
}

#blog-listing .hs-featured-image {
    float: none;
    margin: 0 0 0px 0px;
    max-width: 99%;
}

#blog-listing blockquote {
  border-left: 2px solid #168abc;
}

#blog-listing .btn {
    background: #eee !important;
    display: inline-block;
    padding: 0 20px;
    box-shadow: 2px 2px 5px lightgrey;
    text-shadow: none;
    margin: 15px 0;
}

body.hs-blog-id-2385770453 .body-container-wrapper  {
  background-color: #444;
}

#blog-side-bar a {
  color: #019cdb;
  transition: all 0.2s ease-in-out;
}

#blog-side-bar a:hover {
  color: #c4d32d;
}

#blog-side-bar .hs-postlisting-item {
    margin-bottom: 15px;
    padding-left: 10px;
    border-left: 3px solid #019cdb;
}
#blog-side-bar .post-tags li {
  padding-left: 13px;
} 

#blog-listing .post-item {
  margin: 0 0 75px 0;
  padding-bottom: 50px;
}

.blog-footer, .blog-footer h2 {
  color: white !important;
}

.blog-footer #footer-container {
  padding-top: 0px;
}

/* =============== */
/* = Chat Styles = */
/* =============== */

.chat-widget {
    margin-left: 0px !important;
}

.p-left-5 {
    padding-left: 0px !important;
}

/* Headers color for CTA pages */
.tribute-blue {color: #168ABC}

/* Fullwidth Landing Page */
.landing-pg-form-width {
    max-width: 700px;
}

/* ======================== */
/* = Form Style Overrides = */
/* ======================== */

.input ul {
  margin-left:0px;
  padding-left:20px;
}

[type="radio"]:not(:checked), [type="radio"]:checked {
    position: absolute;
    margin-top: 10px;
    left:0 !important;
    visibility:visible !important;
}

/* =================================== */
/* = 2020 Kickoff Survey Form Styles = */
/* =================================== */

.hs-content-name-2020-current-client-survey .landing-pg-form-width {
    max-width: 100%;
}

@media (min-width: 1024px){
  .page > .body-container-wrapper {
/*     margin-top: 100px; */
    margin-top: 0px;
  }
}