/*
 Engagement styles
 */

 /* =============================================================================
   Structure
   ========================================================================== */

.quick-facts {
  margin: 0 0 40px 0;
  padding: 40px 45px 45px 45px;
  background: #f5f5f5;
  border-radius: 4px;
  overflow: hidden;
}

.management-team article {
  text-align: center;
}

.author-bio {
  margin: 30px 0 30px 0;
  padding: 0 0 50px 0;
  border-bottom: 1px solid #e0e0e0;
  overflow: hidden;
}

.media-contact-block {
  margin: 40px 0;
}

.about-block {
  padding: 45px 50px 50px 50px;
  background: #e7e7e7;
  border-radius: 3px;
}

.webinar-details, .event-details {
  margin: 0 0 50px 0;
  padding: 0 0 50px 0;
  border-bottom: 1px solid #e0e0e0;
}

.event-details {
  line-height: 1.7;
}

.webinar-single-speaker-info {
  margin: 20px 0 0 0;
}

.webinar-single-speaker-info:first-of-type {
  margin: 0;
}

.query-result {
  margin: 0 0 40px 0;
  padding: 0 0 40px 0;
  border-bottom: 1px solid #e0e0e0;
  overflow: hidden;
}

.query-result:first-of-type {
  margin: 60px 0 40px 0;
}

.callout-block {
  width: 100%;
  margin: 40px 0 0 0;
  padding: 35px;
  background: #f2f2f2;
  overflow: hidden;
}

.wide-alert {
  width: 100%;
  font-size: 1.1em;
  font-weight: 600;
  line-height: 1;
  color: #282829;
  text-align: center;
  padding: 25px;
  background: #e7e7e7;
  overflow: hidden;
}

.wide-alert a {
  display: inline-block;
  font-size: 0.85em;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0 0 0 20px;
  padding: 8px 12px;
  background: #285fac;
  border-radius: 2px;
}

/* =============================================================================
   Typography
   ========================================================================== */

.archive-page .grid-container article h2, .archive-page .grid-container article h3 {
  font-size: 1.35em;
  font-weight: 400;
  margin: 0 0 15px 0;
}

.archive-page.find-partner-archive .grid-container article h2 {
  font-size: 1.75em;
  font-weight: 700;
}

.webinars-archive .grid-container article h2 {
  font-size: 1.5em;
}

.management-archive h2 {
  font-size: 2.5em;
  font-weight: 300;
  margin: 0 0 30px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #e0e0e0;
}

.quick-facts h2 {
  font-size: 1.5em;
  margin: 0 0 10px 0;
}

.media-contact-block h2, .about-block h2 {
  font-size: 1.5em;
  font-weight: 600;
  margin: 0 0 10px 0;
}

.webinar-details h2, .event-details h2 {
  font-size: 1.65em;
  margin: 0 0 10px 0;
}

.query-result h2 {
  font-size: 1.85em;
  font-weight: 400;
  margin: 0 0 10px 0;
}

.management-team h3 {
  line-height: 1.2;
  margin: 0;
}

.more-posts h3 {
  font-size: 1.1em;
  margin: 0;
}

.archive-page.resources-archive .grid-container article p {
  font-size: 0.97em;
  line-height: 1.5;
  margin: -4px 0 0 0;
}

.management-team p.job-title {
  font-size: 1em;
  line-height: 1.5;
  color: #282829;
  margin: 5px 0 0 0;
}

.post-summary p {
  font-size: 1.45em;
  line-height: 1.5;
  margin: -15px 0 20px 0;
}

.media-contact-block p {
  font-size: 1em;
  margin: 0;
}

.archive-page article p {
  font-size: 0.95em;
  line-height: 1.6;
  margin: 10px 0 0 0;
}

.archive-page .partner-info {
  font-size: 1.05em;
}

.webinar-details .webinar-date, .webinar-details .webinar-time, .webinar-details .webinar-speaker {
  font-size: 1.2em;
}

.webinar-details p {
  font-size: 1em;
  line-height: 1.6;
  margin: 5px 0 0 0;
}

.query-result p {
  font-size: 1em;
  line-height: 1.7;
  margin: 0;
}

.author-bio p, .about-block p {
  font-size: 0.97em;
  line-height: 1.6;
  margin: 0;
}

p.staff-email {
  margin: 8px 0 0 0;	
}

p.staff-email a, p.staff-email a:hover {
  padding: 0;
  border: 0;
}

p.staff-email a .fa-envelope {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align:center;
  padding: 10px;
  background: #285fac;
  border-radius: 100px;
  transition: all 0.15s ease-in-out;
}

p.staff-email a:hover .fa-envelope {
  color: #fff;
  background: #666;
}

p.disclaimer-form-text {
  font-size: 0.9em;
  line-height: 1.7;
  margin: 0;
}

.callout-block p {
  font-size: 1.25em;
  line-height: 1.4;
  color: #282829;
  margin: 0;
}

.callout-block p:first-of-type {
  font-weight: 600; 
}

.callout-block p:last-of-type {
  font-size: 1.1em;
  margin: 20px 0 0 0;
}

.quick-facts ul {
  margin: 0 0 0 20px;
}

.quick-facts li {
  font-size: 1em;
}

.author-bio .author-name {
  display: block;
  font-size: 1.55em;
  font-weight: 400;
  color: #282829;
  margin: 0 0 4px 0;
}

.author-name a {
  color: #285fac;
  padding: 0;
  text-decoration: none;
  border: none;
}

.author-bio p a, .post-date a {
  color: #285fac;
  padding: 0;
  text-decoration: none;
  border: none;
}

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

.post-cats li {
  display: inline;
  font-size: 0.83em;
  line-height: 1;
  padding: 0;
}

.post-cats li a, .single-cat a {
  float: left;
  display: block;
  font-weight: 600;
  color: #282829;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0 12px 12px 0;
  padding: 7px 15px;
  background: #e0e0e0;
  border: none;
  border-radius: 100px;
  transition: all 0.15s ease-in-out;
}

.single-cat a {
  float: none;
  display: none;
  font-size: 0.83em;
  line-height: 1;
  margin: 0 0 30px 0;
}

.single-cat a:first-of-type {
  display: inline-block;
}

.grid-container article .single-cat a {
  font-size: 0.78em;
  margin: 20px 0 0 0;
}

.archive-page.resources-archive .grid-container article .single-cat a {
  margin: 0 0 15px 0;
}

.query-result .single-cat a {
  margin: 0 0 14px 0;
}

.query-result .single-cat a.pdf-doc {
  background: #93c9ed;
}
.query-result .single-cat a .fa-file-alt {
  margin: 0 6px 0 0;
}

.post-cats li a:hover, .single-cat a:hover {
  color: #fff;
  padding: 7px 15px;
  background: #4a5765;
  border: none;
}

.query-result .single-cat a:hover.pdf-doc {
  color: #fff;
  background: #4a5765;
}

.post-date a:hover, .author-name a:hover, .author-bio p a:hover, .event-reg-link a:hover {
  text-decoration: underline;
  padding: 0;
  border: none;
}

.post-cats span, .sharing-tools span {
  display: block;
  font-size: 0.9em;
  font-weight: 600;
  color: #282829;
  text-transform: uppercase;
  margin: 0 0 15px 0;
}

.sharing-tools a, a.social-profile-link {
  float: left;
  display: block;
  width: 44px;
  height: 44px;
  font-size: 0.95em;
  line-height: 44px;
  color: #fff;
  text-align: center;
  margin: 0 10px 0 0;
  background: #ffc709;
  border-radius: 50%;
  transition: all 0.25s ease-in-out;
}

.sharing-tools a.tweetIt, a.social-profile-link.tweetIt {
  background: #1da1f2;
}

.sharing-tools a.shareIt, a.social-profile-link.shareIt {
  background: #3b5998;
}

.sharing-tools a.postIt, a.social-profile-link.postIt {
  background: #0077b5;
}

.sharing-tools a.reddIt {
  background: #ff4500;
}

.sharing-tools a.soundcloudSub {
  background: #f30;
}

.sharing-tools a.YouTubeSub {
  background: #ff0000;
}

.sharing-tools a.mailIt {
  color: #111;
}

.sharing-tools a:hover, a:hover.social-profile-link {
  opacity: 0.7;
  /*transform: rotate(360deg);*/
}

.post-date {
  display: block;
  font-size: 0.9em;
  line-height: 70px;
  color: #666;
}

.grid-container .post-date {
  font-size: 0.85em;
  line-height: 1.5;
}

.grid-container .post-date .post-author {
  font-size: 1.1em;
}

.webinars-archive .grid-container .post-date {
  font-size: 1em;
}

.post-date.no-avatar {
  line-height: 1.5;
}

.post-date strong {
  color: #282829;
}

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

ul.archive-filters li {
  display: inline;
  line-height: 1;
  padding: 0;
}

ul.archive-filters li a {
  display: inline-block;
  font-size: 0.75em;
  font-weight: 600;
  color: #111;
  text-decoration: none;
  text-transform: uppercase;
  margin: 5px;
  padding: 7px 15px;
  background: #d3d3d3;
  border: none;
  border-radius: 100px;
  transition: all 0.15s ease-in-out;
}

ul.archive-filters li a:hover, ul.archive-filters li a.current-category {
  color: #fff;
  background: #4a5765;  
}

ul.archive-filters li a:hover {
  padding: 7px 15px;
  border: none;
}

a.toggle-filters {
  display: block;
  width: 155px;
  font-size: 0.8em;
  font-weight: 600;
  color: #666;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  margin: 40px auto;
  padding: 9px 18px;
  background: #e7e7e7;
  border-radius: 100px;
  transition: all 0.15s ease-in-out;
}

a:hover.toggle-filters, a.active-toggle {
  color: #333;
  background: #c7c7c7;
}

.advanced-filters {
  display: none;
  max-width: 970px;
  margin: -10px auto 50px auto;
}

.facetwp-checkbox {
    padding-left: 30px !important;
 }

.webinars-archive article hr {
  width: 100px;
  margin: 15px auto;
  border-top: 3px solid #ddd;
}

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

.side-cats li {
  display: inline;
  font-size: 0.97em;
  line-height: 1.3;
  padding: 0;
}

.side-cats li a {
  float: left;
  display: block;
  margin: 0 10px 10px 0;
  padding: 0;
  border: 0;
}

.side-cats li a:hover {
  text-decoration: underline;
  padding: 0;
  border: 0;
}

.number-icon {
  display: block;
  width: 85px;
  height: 85px;
  font-size: 2.5em;
  font-weight: 700;
  line-height: 70px;
  color: #93c9ed;
  text-align: center;
  margin: 0 auto -25px auto;
  border: 8px solid #93c9ed;
  border-radius: 50%;
}

/* =============================================================================
   Images
   ========================================================================== */

.archive-page .grid-container article figure {
  width: 297.5px;
  margin: -30px 0 25px -30px;
}

.archive-page.events-archive .grid-container article figure, .webinars-archive .grid-container article figure {
  width: 400px;
}

.archive-page.resources-archive .grid-container article figure {
  /*width: auto;*/
}

.more-posts .grid-container article figure {
  width: 263.33px;
  margin: -30px 0 25px -30px;
}

.more-posts.more-resources .grid-container article figure {
  width: auto;
  margin: -10px 0 20px 0;
}

.find-partner-archive .grid-container article figure {
  float: none;
  width: auto;
  margin: 0 0 20px 0;
}

.find-partner-archive .grid-container article figure img {
  max-height: 120px;
  margin: 0;
}

.archive-page .grid-container article:hover figure img, .more-posts .grid-container article:hover figure img {
  transform: scale(1.1);
}

.archive-page .grid-container article:hover figure img, .more-posts.more-resources .grid-container article:hover figure img {
  transform: none;
}

.post-date img {
  float: left;
  width: 70px;
  height: 70px;
  margin: 0 10px 0 0;
  /*border-bottom: 2px solid #285fac;*/
  border-radius: 100px;
}

.post-date img.second-author-pic {
  float: none;
  display: inline;
  vertical-align: middle;
}

.archive-page article .post-date img {
  float: none;
  width: 60px;
  height: 60px;
  margin: 0 auto 7px auto;
}

.featured-image {
  margin: 30px 0 50px 0;
}

.full-post .featured-image img {
  border-radius: 4px;
}

.no-fallback-thumbanil {
  margin: 30px 0 10px 0;
}

.archive-page.resources-archive .grid-container article figure {
  /*margin: -10px 0 20px 0;*/
}

.archive-page.resources-archive .grid-container article figure img {
  margin: 0 auto;
}

.resource-thumbnail img {
  margin: 0;
}

.tech-partners-archive article img {
  max-height: auto;
  max-width: 80%;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

img.tech-partner-thumbnail {
  float: right;
  max-width: 410px;
  text-align: center;
  margin: 10px 0 60px 60px;
  padding: 50px;
  border: 1px solid #ddd;
}

.management-team article figure, .featured-image-titan {
  margin: 0 0 20px 0;
  border-bottom: 3px solid #ffc709;
  transition: all 0.15s ease-in-out;
}

.featured-image-titan {
  float: right;
  max-width: 325px;
  margin: 0 0 75px 20px;
}

.resource-post-thumbnail {
  border: none;
  border-radius: 4px;
}

.management-team article:hover figure {
  /*transform: translate(0, -4px);*/
}

.callout-block img {
  float: left;
  width: 120px;
  margin: 0 22px 0 0;
}

.author-bio img {
  float: left;
  width: 170px;
  height: 170px;
  margin: 0 20px 0 0;
  border-radius: 100px;
  /*border-bottom: 2px solid #ffc709;*/
}

.authors-list img {
  display: inline-block;
  width: 22%;
  margin: 1%;
  border-radius: 50%;
}

.pie {
  background: transparent;
  border-radius: 50%;
  transform: rotate(0deg);
  width: 200px;
  height: 200px;
  /*box-shadow: -5px 0 20px 2px rgba(0,0,0,0.2);*/
  margin: 0 auto 25px auto;
}

.pie circle {
  stroke: #285fac;
  stroke-width: 10;
  stroke-dasharray: 200 100;
  fill: none;
}

.pie.ninety-seven circle {
  stroke-dasharray: 180 100;
 }

 .pie .pie-value {
   fill: #285fac;
   font-weight: 600;
 }

.tech-validate-quote {
  display: block;
  text-align: center;
  clear: both;
}

.product-page-block .grid-container.grid-blocks-by-three .tech-validate-quote p {
  font-size: 1.1em;
  line-height: 1.75em;
  color: #282829;
  margin: 0;
}

/* =============================================================================
   Video, iframes
   ========================================================================== */

/* =============================================================================
   Forms
   ========================================================================== */

.demo-form {
  padding: 40px;
  background: #e7e7e7;
  border-radius: 5px;
}

.pardot-embed {
  width: 55%;
}

/* =============================================================================
   < 1280
   ========================================================================== */
@media only screen
and (max-width : 1280px) {

.archive-page .grid-container article figure {
  width: 330px;
}

.more-posts .grid-container article figure {
  width: 213.33px;
}

}/* end media query */


/* =============================================================================
   < 1024
   ========================================================================== */
@media only screen
and (max-width : 1050px) {

.advanced-filters {
  max-width: 100%;
}

.query-result h2 {
  font-size: 1.5em;
}

.archive-page .grid-container article figure {
  width: 345px;
}

.more-posts .grid-container article figure {
  width: 226.66px;
}

.featured-image-titan {
  max-width: 300px;
}

img.tech-partner-thumbnail {
    float: none;
    margin: 0 0 40px 0;
    padding: 40px;
}

}/* end media query */


/* =============================================================================
   < 768
   ========================================================================== */
@media only screen
and (max-width : 768px) {

.author-bio {
  text-align: center;
  padding: 30px;
}

.callout-block {
  padding: 0;
  background: none;
}

.post-summary p {
  font-size: 1.3em;
}

.author-bio .author-name {
  font-size: 1.25em;
}

.author-bio p {
  font-size: 0.9em;
}

.callout-block p {
  font-size: 1em;
  line-height: 1.5;
}

.post-date {
  line-height: 1.3;
}

.post-date img {
  float: none;
  width: 60px;
  height: 60px;
  margin: 0 0 15px 0;
}

.post-date img.second-author-pic {
  float: left;
  display: block;
  vertical-align: baseline;
}

.author-bio img {
  float: none;
  width: 150px;
  height: 150px;
  margin: 0 auto 12px auto;
}

.more-posts .grid-container article figure {
  width: 100%;
  margin: 0 0 20px 0;
}

.callout-block img {
  float: none;
  margin: 0 0 20px 0;
}

.authors-list img {
  width: 22%;
}

.pardot-embed {
  width: 100%;
}

.wide-alert a {
  margin: 20px 0 0 0;
  clear: both;
}

}/* end media query */


/* =============================================================================
   < 640
   ========================================================================== */
@media only screen
and (max-width : 640px) {

.query-result h2 {
  font-size: 1.25em;
}

.post-summary p {
  font-size: 1.2em;
}

.query-result p {
  font-size: 0.9em;
  line-height: 1.5;
}

.sharing-tools a {
  width: 38px;
  height: 38px;
  font-size: 0.9em;
  line-height: 38px;
  margin: 0 8px 0 0;
}

.post-cats li {
  font-size: 0.8em;
}

.archive-page .grid-container article figure {
  width: 100%;
  margin: 0 0 20px 0;
}

.featured-image-titan {
  float: none;
  max-width: 100%;
  margin: 0 auto 30px auto;
}

}/* end media query */


/* =============================================================================
   < 520
   ========================================================================== */
@media only screen
and (max-width : 520px) {

.post-summary p {
  font-size: 1.1em;
}

.post-date {
  font-size: 0.85em;
}

.post-cats span, .sharing-tools span {
  font-size: 0.8em;
}

.post-cats li {
  font-size: 0.75em;
}

a.social-profile-link {
  width: 40px;
  height: 40px;
  font-size: 0.9em;
  line-height: 40px;
}

.post-date img {
  width: 50px;
  height: 50px;
  margin: 0 0 12px 0;
}

.author-bio img {
  width: 110px;
  height: 110px;
}

img.tech-partner-thumbnail {
    margin: 0 0 30px 0;
    padding: 30px;
}

}/* end media query */