/*
Theme Name:     HelpGuru Child Theme 5
Theme URI: 		http://herothemes.com/
Description:    
Author: 		Hero Themes
Author URI: 	http://herothemes.com
Template:       helpguru
Version:        1.0.0
*/


/* ------- Insert custom styles below this line ------- */

body {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}
h1, h2, h3, h4, h5, h6, #page-header-title {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  color: #4b4d4d;
}

#page-header-title {
  padding-top: 50px;
}

a:hover { }
.push-bottom { margin-bottom: 30px; }
.push-double-bottom { margin-bottom: 60px; }
.text-center { text-align: center; }
.push-top { margin-top: 30px; }
.push-double-top { margin-top: 60px; }

.btn-see-all,
.home-seeall a {
  margin: 0 0 4px;
  padding: 0 20px;
  display: inline-block;
  min-width: 110px;
  height: 36px;
  line-height: 34px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  color: #7f8c8d;
  border-radius: 10px;
  border: 2px solid #7f8c8d;
  background: transparent;
}
.btn-see-all:visited,
.home-seeall a:visited { color: #7f8c8d; }
.btn-see-all:hover,
.home-seeall a:hover {
  text-decoration: none;
  color: #1a1a1a;
  border-color: #1a1a1a;
}
.home-seeall {
  padding: 0; 
  list-style: none;
}
.back-to-site {
  margin-left: 30px;
  float: left;
  line-height: 72px;
}

/* HEADERS */
#logo { padding: 9px 0; }
.slogan {
  margin-top: 1px;
  height: 15px;
  line-height: 15px;
  font-size: 0.625rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #7f8c8d;
}
#site-header {
  padding: 0;
  margin-bottom: 11px;
}

#page-header #page-header-title { font-size: 44px; }

/*#site-footer-widgets { display: none; }*/
#site-footer { display: none; }

.ht-container { max-width: 1170px; }

form button,
form input[type="reset"],
form input[type="submit"],
form input[type="button"] {
  padding: 12px 14px;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  background: #3bbca2;
}

.hkb-category .hkb-category__header { border-bottom: 2px solid #2f9581 !important; }

/* HOME */
#homepage-features { background: none; }
#homepage-features .ht-container { border-bottom: 1px solid #dfe4e6; }
#homepage-features #page-header-title {
  margin-bottom: 1.4em;
  font-size: 60px;
  text-align: center;
}

.home-menu { margin-bottom: 40px; }
.home-menu .title {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.home-menu ul {
  margin-top: 2em;
  padding-left: 0;
  list-style: none;
}
.home-menu li { margin-bottom: 1em; }
.home-menu li a {
  font-size: 20px;
  font-weight: normal;
}

/*@media screen and (min-width: 480px) {
  .home-menu + .home-menu { border-left: 2px solid #ecf0f1; }
}*/

#homepage-widgets .heading {
  margin-top: 0;
  margin-bottom: 50px;
  font-size: 28px;
  text-align: center;
  color: #3bbca2;
}
#homepage-widgets .widget-title {
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
#homepage-widgets .widget-section-title {
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 22px;
  color: #3bbca2;
}

#homepage-widgets .hkb_widget_articles { width: 100%; }
#homepage-widgets .hkb_widget_articles > ul > li {
  margin: 0;
  padding: 0;
  float: left;
  display: block;
  width: 32%;
  height: 150px;
  border: none;
}
#homepage-widgets .hkb_widget_articles > ul > li:before { content: none; }
#homepage-widgets .hkb_widget_articles > ul > li + li { margin-left: 2%; }
#homepage-widgets .hkb_widget_articles > ul > li > a {
  padding: 15px;
  display: block; 
  width: 100%;
  height: 100%;
  font-family: 'Blogger Sans', sans-serif;
  font-size: 24px;
  line-height: 1.2;
  border: 3px solid #dfe4e6;
}
#homepage-widgets .hkb_widget_articles a { color: #2f9581 !important; }
#homepage-widgets .hkb_widget_articles a:hover { color: #3bbca2 !important; }

#homepage-widgets .hkb_widget_faq > ul > li {
  padding: 0;
  border: none;
}
#homepage-widgets .hkb_widget_faq > ul > li > a {
  font-weight: normal;
  color: #4b4d4d;
}

/* IFRAME HEADER FOOTER MAGIC */
body {
  position: relative;
  /*padding-top: 163px;*/
  /*padding-bottom: 400px;*/
  background-color: transparent;
}

/*@media screen and (max-width: 1009px) {
  body { padding-bottom: 605px; }
}*/

#iframeExport {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  /*bottom: 0;*/
  width: 100%;
  height: 163px;
  border: 0;
  z-index: 3;
}

#ht-site-container {
  position: relative;
  z-index: 2;
}

#snippet-box {display:none}

/* Posts grid */
.bordered {
  padding: 10px;
  border: 3px solid #3bbca2;
}
.ajax-load-more-wrap ul.alm-listing li.grid-item { margin-bottom: 20px; }
.alm-listing li img {
  position: static;
  margin-top: 10px;
  margin-bottom: 20px;
  width: 100%;
  height: auto;
}
body.single .hentry .entry-title {
 font-size: 36px;
	color: #4b4d4d;
	font-weight: 600;
}

.grid-item .entry-title a {
  font-weight: bold;
  line-height: 1.2;
  color: #1a1a1a;
}
.grid-item .entry-excerpt {
  font-size: 14px;
  line-height: 1.4;
}

button.alm-load-more-btn,
button.alm-load-more-btn.done {
  height: 36px;
  line-height: 34px;
  font-size: 12px;
  text-transform: uppercase;
  color: #7f8c8d;
  border-radius: 10px;
  border: 2px solid #7f8c8d;
  background: transparent;
}

button.alm-load-more-btn.loading:before { margin-top: 1px; }
button.alm-load-more-btn:hover {
  color: #1a1a1a;
  border-color: #1a1a1a;
  background: transparent;
}

/* Post */
.hentry { border-bottom: none; }
body.single .hentry {  margin: 0 auto; }

@media screen and (min-width: 1200px) {
  .tutorial-custom-field { width: 1130px; }
}
.entry-header .entry-title {
  font-weight: 300;
  color: #3bbca2;
}
.entry-header .entry-meta a,
.entry-header .hkb-entry-meta a { font-weight: bold; }

.entry-content { font-size: 16px; line-height: 1.7; }
.tutorial-custom-field { font-size: 14px; line-height: 1.625; }
@media screen and (min-width: 992px) {
	.entry-content { font-size: 18px; }
	.tutorial-custom-field { font-size: 15px; }
}
@media screen and (min-width: 1200px) {
	.entry-content { font-size: 20px; }
	.tutorial-custom-field { font-size: 16px; }
}

.entry-content span,
.tutorial-custom-field p { font-weight: 300 !important; }

/* Knowledge base archive */
.hkb-category .hkb-category__header { border: none !important; }
.hkb-category .hkb-category__title {
  font-size: 13px !important;
  font-weight: bold;
  text-transform: uppercase;
}

.hkb-subcats .hkb-subcats__cat,
.hkb-category .hkb-article-list > li,
.hkb-category .hkb-article {
  margin: 0 0 20px !important;
  padding: 0 !important;
  float: left;
  display: block;
  width: 100%;
  height: 150px;
  border: none !important;
}

.hkb-subcats .hkb-subcats__cat {
  margin-bottom: 30px !important;
  height: auto;
}

@media screen and (min-width: 768px) {
	.hkb-subcats .hkb-subcats__cat,
	.hkb-category .hkb-article-list > li,
	.hkb-category .hkb-article { margin-left: 2% !important; width: 32%; }
	.hkb-subcats .hkb-subcats__cat:nth-child(3n+1),
	.hkb-category .hkb-article-list > li:nth-child(3n+1),
	.hkb-category .hkb-article:nth-of-type(3n+1) { margin-left: 0 !important; }
}

.hkb-subcats .hkb-subcats__cat:before,
.hkb-category .hkb-article-list > li:before,
.hkb-category .hkb-article:before { content: none !important; }

.hkb-category .hkb-article .hkb-article__title {
  padding: 0 !important;
  height: 100%;
}
.hkb-subcats .hkb-subcats__cat-title {
  font-size: 24px;
  font-weight: normal;
  text-decoration: underline;
  color: #2f9581 !important;
}
.hkb-subcats .hkb-subcats__cat-title:hover {
  text-decoration: none;
  color: #3bbca2 !important;
}

.hkb-category .hkb-article-list > li > a,
.hkb-category .hkb-article a {
  padding: 15px;
  display: block;
  width: 100%;
  height: 100%;
  font-family: 'Blogger Sans', sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.2;
  color: #2f9581 !important;
  border: 3px solid #dfe4e6;
}

.hkb-category .hkb-article-list > li > a:hover { color: #3bbca2 !important; }
.hkb-category .hkb-category__view-all {
  margin: 0 auto 4px;
  padding: 0 20px !important;
  width: 110px;
  height: 36px;
  line-height: 34px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-align: center;
  text-transform: uppercase;
  color: #7f8c8d !important;
  border-radius: 10px;
  border: 2px solid #7f8c8d;
  background: transparent;
}
.hkb-category .hkb-category__view-all:hover {
  text-decoration: none;
  color: #1a1a1a !important;
  border-color: #1a1a1a;
}
.hkb-category .hkb-category__view-all:before { content: none !important; }

/* Knowledge base article */
.hentry .entry-video,
.hkb-entry-content,
.next-article {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #dfe4e6;
}
.next-article {
  font-size: 20px;
  font-weight: 300;
  text-align: center;
}
.next-article a { font-weight: normal; }

/* Knowledge base feedback */
.hkb-feedback { text-align: center; }
.hkb-feedback .hkb-feedback__title {
  margin-bottom: 20px !important;
  font-size: 16px;
}
.ht-voting .ht-voting-links .ht-voting-upvote,
.ht-voting .ht-voting-links .ht-voting-downvote {
  margin: 0 3px;
  padding: 14px 24px !important;
  border-radius: 2px !important;
}
.ht-voting .ht-voting-links .ht-voting-upvote { background: #ff9b00 !important; }
.ht-voting .ht-voting-links .ht-voting-downvote { background: #3bbca2 !important; }

/* Tutorial advanced custom field */
.tutorial-custom-field + .tutorial-custom-field { margin-top: 50px !important; }
.tutorial-custom-field h2 {
  margin: 0;
  font-size: 40px;
  color: #3bbca2;
}
.tutorial-custom-field img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
}

/*  */

body.single .hentry .entry-header {margin: 0; padding: 0; border: none;}
.hkb-site-search__button {display:none}
#primary.sidebar-right #content {width: 100%;}

/* -- single post -- */

a {color:#2f9581;}
a:hover, a:focus {border-color: #3bbca2; text-decoration: none;}

.topnav {position: relative; height: 120px; background: #2f9581; z-index: 5; }
.topnav__list {list-style-type: none; margin: 0; padding: 0;}
.topnav__list li {float: left; margin:  0; padding: 0;}
.topnav__list li a {display: inline-block; padding: 0 15px; height: 100%;color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase;line-height: 60px; }
.topnav__list li a:hover { color: #3bbca2; }
@media screen and (min-width: 768px) {
	.topnav { height: 60px; background: rgba(0,0,0,0.1); }
	.topnav__list li a { padding: 0 30px; }
}

.topnav__list li.current-menu-item a,
.topnav__list li.current_page_parent a {/* color: #3bbca2 !important;*/ }

.blogpost {color: #444444; line-height: 1.5}

.blogpost__feature-img { position: relative; }
.blogpost__feature-img img {width: 100%; height: 100%;}
#page-header.blogpost__feature-img--empty, .blogpost__feature-img--empty {background: #3bbca2; min-height: 120px;}
@media screen and (min-width: 768px) {
	.blogpost__feature-img { top: -60px; margin-bottom: -60px; }
}

.blogpost__title {
  text-align: center; margin: 34px 0; line-height: 1.5;font-weight: 300; font-size: 30px; color: #2f9581;}
.blogpost__date { text-align: center; margin: 0 auto 34px 0; }
 
.blogpost__tags {position: relative; float: right}
.blogpost__tags i { color: #7f8c8d; }
.blogpost__tag {display: inline-block; margin: 10px 34px 0 0;}
.blogpost__tags .blogpost__tag a { border-color: transparent; display: inline-block;}

.blogpost p, .blogpost ul, .blogpost ol { margin: 0 0 17px 0 !important; font-size: 16px; line-height: 1.7; color: #2d2d2d; }
.blogpost h2 {margin: 68px 0 34px 0; font-weight: bold;font-size: 24px; line-height: 1.5; color: #34495e; }
.blogpost h3 {font-size: 16px; margin: 34px 0 34px 0; font-weight: bold; text-transform: uppercase;letter-spacing: 2px;line-height: 1.7; color: #34495e;}

.blogpost table { width: 100% !important;}
.blogpost table td { border: 1px solid #7f8c8d; vertical-align: top;}
.blogpost table ul, .blogpost table ol { padding: 0 0 0 20px }
.blogpost table li { margin: 0 }

@media screen and (min-width: 992px) {
	.blogpost__title { font-size: 40px; }
	.blogpost p, .blogpost ul, .blogpost ol, .blogpost figure { font-size: 18px; }
	.blogpost h2 { font-size: 26px; }
	.blogpost h3 { font-size: 18px; }
}
@media screen and (min-width: 1200px) {
	.blogpost__title { font-size: 48px; }
	.blogpost p, .blogpost ul, .blogpost ol, .blogpost figure { font-size: 20px; }
	.blogpost h2 { font-size: 30px; }
	.blogpost h3 { font-size: 20px; }
}

.blogpost li {margin: 0 0 17px 20px;}

.blogpost a { border-bottom: .08em solid rgba(0,0,0,.1); padding-bottom: .08em; }
.blogpost a:hover { border-color: #3bbca2; text-decoration: none;}

.blogpost-author {position: relative; margin: -30px 0 0 0; float: left}
.blogpost-author a {display: inline-block; margin: 40px 0 0 10px; border-color: transparent;}
.blogpost-author__avatar {float: left; }
.blogpost-author__avatar img {display:block;max-width:100%;height:auto; width: 100%;border-radius: 50%; border: 3px solid #fff;  }

.blogpost-author--margin {margin-top: 0}

.blogpost__delimiter { display: block; height: 5px; width: 100%; background: rgba(0,0,0,.1); margin: 34px 0; border: none;}

.author-info {}
.author-info__avatar { text-align: center; }
.author-info__bio { font-size: 16px; line-height: 1.8 }
.author-info__bio h3 { margin: 10px 0; text-align: center; }
.author-info__bio a { border-color: transparent; }

/* ------------- */

.box-tosite { margin-top: 20px; padding: 20px; min-height: 180px; }
.box-tosite__title { margin-bottom: 18px; font-size: 24px; line-height: 1.35; font-weight: 300; text-align: center; }
.box-tosite__subtitle { margin-bottom: 20px; font-size: 16px; text-align: center; }
.blogpost a.box-tosite__link { padding: 10px 20px; display: inline-block; font-size: 18px; text-align: center; text-transform: uppercase; transition: background-color .2s ease-out; }
.blogpost a.box-tosite__link:hover { border-bottom-color: rgba(0,0,0,.1); }
.post .box-tosite { margin-top: 0; margin-bottom: 40px; }
.stories .box-tosite { margin-top: 40px; margin-bottom: 40px; }
.post .box-tosite a.box-tosite__link,
.stories .box-tosite a.box-tosite__link { display: block; }

.box-tosite:not(.palette-no-bg):not(.text-center) { padding-top: 250px; background-repeat: no-repeat; background-position: center top; background-size: 100%; }

.box-tosite.palette-default { color: #34495e; background-color: #f2f2f2; }
.box-tosite.palette-default .box-tosite__link { color: #fff; background-color: #3bbca2; }
.box-tosite.palette-default .box-tosite__link:hover { background-color: #2f9581; }

  .box-tosite.box-second.palette-default .box-tosite__link { background-color: #FF9533; }
  .box-tosite.box-second.palette-default .box-tosite__link:hover { background-color: #e5862d; }

.box-tosite.palette-survey { color: #34495e; background-color: #e4f6f1; }
.box-tosite.palette-survey .box-tosite__link { color: #fff; background-color: #3bbca2; }
.box-tosite.palette-survey .box-tosite__link:hover { background-color: #2f9581; }



.box-tosite.palette-accent { color: #fff; background-color: #3bbca2; }
.box-tosite.palette-accent .box-tosite__link { color: #34495e; background-color: #fff; }
.box-tosite.palette-accent .box-tosite__link:hover { background-color: #f2f2f2; }

@media screen and (max-width: 991px) {
  .box-tosite.text-center { display: none; }
	.box-tosite.text-center.show_vc_article {display:block}
}

/* ------------- */

.postitem { margin-bottom: 30px; font-weight: normal; }

.postitem a.postitem__link { color: #34495e; }
.postitem a.postitem__link:hover .postitem__title {color: #3bbca2; }

.postitem__feature-img {height: 150px; overflow: hidden;background: #3bbca2;}
.postitem__feature-img img {display:block;max-width:100%;/*height:auto;*/ width: 100%;}
.postitem__feature-img--empty { width: 100%;height: 150px;}

.postitem__info {/*border: 2px solid #ecf0f1; */border-top: none; }
.postitem__title_date {  height: 120px; padding: 15px;}
.postitem__title {font-size:18px; margin-top: 0; line-height: 1.3; font-weight: bold;}
.postitem__date {color:#7f8c8d;}
.postitem__tags {height: 50px; padding: 15px; text-transform: lowercase; color:#7f8c8d;}

.postitem--top { position: relative; }
.postitem__title_date--top {height: 120px}
.postitem__title--top {font-size:20px;}
.postitem__tags--top {height: 40px; padding: 0 15px; line-height: 40px}

/* ------------- */

.stories-h2 { font-size: 36px; font-weight: bold; text-transform: uppercase; }
.menu-stories-tag-filters-container ul { padding: 0; margin-top:50px; list-style: none; text-align: center; }
.menu-stories-tag-filters-container ul li { padding: 0 15px; display: inline-block; font-size: 16px; font-weight: bold; }
.menu-stories-tag-filters-container ul li a { text-decoration: underline; }
.menu-stories-tag-filters-container ul li a:hover { text-decoration: none; }
.menu-stories-tag-filters-container ul li.active a { text-decoration: none; color: #4b4d4d; cursor: default; pointer-events: none; }

.featured-story .postitem__story_logo,
.posttype-stories .postitem__story_logo { padding: 10px 20px; display: inline-block; height: 70px; }
.featured-story .postitem__story_summary,
.posttype-stories .postitem__story_summary { margin-top: 20px; font-size: 16px; line-height: 1.5; font-weight: 300; color: #fff; }
.featured-story .postitem__story_actions,
.posttype-stories .postitem__story_actions { margin-top: 30px; }
.featured-story .postitem__btn,
.posttype-stories .postitem__btn { padding: 10px 20px; display: inline-block; min-width: 140px; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #4b4d4d; border-radius: 4px; border: 2px solid #fff; background-color: #fff; transition: background-color .2s ease-out; }
.featured-story .postitem__btn:hover,
.posttype-stories .postitem__btn:hover { background-color: rgba(255, 255, 255, .8); }
.featured-story .postitem__btn.btn_video,
.posttype-stories .postitem__btn.btn_video { margin-left: 10px; color: #fff; background-color: transparent; }
.featured-story .postitem__btn.btn_video:hover,
.posttype-stories .postitem__btn.btn_video:hover { background-color: rgba(255, 255, 255, .2); }

.featured-story #page-header-title { font-weight: bold; text-transform: uppercase; }
.featured-story .postitem__story_logo { margin-top: 30px; }
.featured-story .postitem__btn.btn_video { margin-left: 15px; }
.featured-story-thumbnail { padding-top: 50px; }
.featured-story-thumbnail img { width: auto; }

.posttype-stories { position: relative; text-align: center; }
.posttype-stories .postitem__feature-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: auto; z-index: 1; }
.posttype-stories .postitem__feature-img img { position: relative; top: 50%; max-width: 100%; opacity: .2; transform: translateY(-50%); }
.posttype-stories .postitem__info { position: relative; padding: 50px 0; z-index: 2; }
.posttype-stories .postitem__story_summary { padding: 0 25px; height: 115px; overflow: hidden; }
.posttype-stories .postitem__story_title {height: 50px; color: white; font-size: 20px; line-height:1.5; font-weight: bold}
.posttype-stories .postitem__story_actions { height: 44px; }
.posttype-stories .postitem__story_tag {position:absolute; top: 10px; left: 10px; color:rgba(0,0,0, 0.3); font-weight: bold;}

.story-modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: hidden; background: rgba(0, 0, 0, .2); opacity: 0; transition: opacity .15s linear; z-index: 1000; }
.story-modal .story-modal_dialog { position: relative; margin: .5rem; width: auto; }
.story-modal .story-modal_header { padding: 1rem; display: flex; align-items: flex-start; justify-content: space-between; background-color: #34495e; }
.story-modal .story-modal_headertitle { color: #fff; }
.story-modal .story-modal_headerclose { margin: -1rem -1rem -1rem auto; padding: .5rem 1rem; font-size: 2rem; font-weight: bold; color: rgba(255, 255, 255, .7); cursor: pointer; }
.story-modal .story-modal_body { position: relative; padding: 2rem 2rem 5rem; flex: 1 1 auto; background: #fff; }
@media (min-width: 576px) {
  .story-modal .story-modal_dialog { margin: 1.75rem auto; max-width: 800px; }
}
.story-modal.show { opacity: 1; }
.modal-open { padding-right: 17px; overflow: hidden; }

.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.story-additional-info { font-size: 18px; }
.story-additional-info > h4 { font-size: 24px; font-weight: bold; }
.story-additional-info > div { margin-bottom: 10px; }
.story-additional-info > div a { color: #4b4d4d; }

/* ------------- */

.stories-testimonials { margin-top: 50px; padding-bottom: 30px; background-color: #fbfbfb; }

.posttype-testimonials { position: relative; margin-top: 70px; padding: 30px; min-height: 500px; color: #fff; z-index: 1; }
.posttype-testimonials:before { content: url(images/quotes.png); position: absolute; top: 10px; left: 15px; z-index: -2; }
.posttype-testimonials .postitem__testimonial_bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 1; z-index: -1; }
.posttype-testimonials .postitem__testimonial_photo { margin-bottom: -80px; transform: translateY(-100px); }
.posttype-testimonials .postitem__testimonial_photo img { border-radius: 50%; }
.posttype-testimonials .postitem__testimonial_title { margin-bottom: 15px; font-size: 2rem; font-weight: bold; }
.posttype-testimonials .postitem__testimonial_subtitle { font-size: 1.6rem; line-height: 1.5; font-weight: 300; }
.posttype-testimonials .postitem__testimonial_subtitle a { font-weight: normal; text-decoration: underline; color: #fff; }
.posttype-testimonials .postitem__testimonial_subtitle a:hover { text-decoration: none; }
.posttype-testimonials .postitem__testimonial_content { font-size: 1.6rem; line-height: 1.5; font-weight: 300; text-align: left; }
.posttype-testimonials .postitem__btn { padding: 10px 20px; margin-top: 20px; display: inline-block; min-width: 140px; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #4b4d4d; border-radius: 4px; border: 2px solid #fff; background-color: #fff; transition: background-color .2s ease-out; }
.posttype-testimonials .postitem__btn:hover { background-color: rgba(255, 255, 255, 1); }

.posttype-testimonials-small {min-height:350px}



.stories-testimonials .ht-pagination ul span { cursor: pointer; }
.stories-testimonials .ht-pagination ul span.current { cursor: default; }

.testimonial-img img { border-radius: 50%;}

/* ------------- */

.stories-related { margin-top: 50px; padding-bottom: 50px; background-color: #fbfbfb; }
.stories-related .back-to-stories { margin-top: 30px; padding: 20px 40px; display: inline-block; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; text-transform: uppercase; color: #4b4d4d; border-radius: 4px; border: 1px solid #4b4d4d; }

/* ------------- */
.hero { position: relative; margin-bottom: 30px; }
.hero__img { position: relative; }
.hero__img img { width: 100%; }

.hero__text { position: absolute; top: 0; margin-top: 2%; width: 100%; text-align: center; }
.hero__title { font-size: 24px; font-weight: bold; color: #fff; }
.hero__summary { font-size: 14px; color: #fff; }

@media screen and (min-width: 768px) {
	.hero__img { top: -60px; margin-bottom: -60px; }
	.hero__title { font-size: 4vw; }
	.hero__summary { font-size: 1.8vw; }
}
@media screen and (min-width: 1200px) {
	.hero__text { margin-top: 3%; }
	.hero__title { font-size: 3vw; }
	.hero__summary { font-size: 1.4vw; }
}
@media screen and (max-width: 480px) {
	.hero__summary { display: none; }
}

/* --- Pagination ---- */
.ht-pagination {text-align: center; margin: 50px 0;}
.page-numbers {}
.ht-pagination ul {display: inline-block;}
.ht-pagination ul li { float: left}
.ht-pagination ul a,
.ht-pagination ul span {

    display: inline-block; min-width:50px; height: 40px; padding: 0; margin: 0 0 0 -1px; border: none; font-size: 16px;
    line-height: 40px;text-align: center;color: #7f8c8d;}
.ht-pagination ul a:hover, .ht-pagination ul span.current {background:transparent;border-bottom:2px solid #3bbca2;color: #34495e;}
.ht-pagination ul span.current {border-color: #2f9581; font-weight: bold}

/* Youtube responsive container */
.youtube-responsive {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}

.youtube-responsive iframe, .youtube-responsive object, .youtube-responsive embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

/* Page Heading */

.headingSection {
  padding: 20px 0;
}

.headingTitle {
  margin: 0;
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
}

.headingTitleColoredPart {
  color: #6e41ee
}

.headingSummary {
  font-weight: 400;
  text-align: center;
  font-size: 2rem;
  color: #6C7685;
  margin-top: 15px;
}

@media screen and (min-width: 768px) {
  .headingSection {
    padding: 50px 0;
  }
  .headingTitle {
    font-size: 6rem;
  }
}


/* Events Webinars Grid */

.gridContainer {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  grid-gap: 2rem;
  gap: 2rem;
}

@media screen and (min-width: 768px) {
  .gridContainer {
    grid-gap: 4rem;
    gap: 4rem;
  }
}

.gridCard {
  display: flex;
  flex-direction: column;
  position: relative;
}

.gridCard:hover {
  box-shadow: 0px 20px 24px -4px rgba(9, 21, 44, 0.04), 0px 8px 16px -4px rgba(9, 21, 44, 0.04);
}

.gridCardImg {
  height: 230px;
  background-size: cover !important;
  border-radius: 0.8rem 0.8rem 0 0;
}

.gridCardContent {
  display: flex;
  padding: 2rem;
  flex:1;
  flex-direction: column;
  border-radius: 0 0 0.8rem 0.8rem;
}

@media screen and (min-width: 768px) {
  .gridCardContent {
    padding: 2.4rem 4rem 4rem 4rem;
  }
}

.gridCardDate {
  min-width: 64px;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 1.6rem;
  left:1.6rem;
  background: #fff;
  border-radius: 0.4rem;
  padding: 1.2rem;
  font-weight: bold;
  align-items: center;
  box-shadow: 0px 12px 16px -4px rgba(9, 21, 44, 0.08), 0px 4px 6px -2px rgba(9, 21, 44, 0.04);
}

.gridCardDateNumber {
  width: 100%;
  font-size: 3rem;
  color: #3bbca2;
  line-height: 1;
  border-bottom: 1px solid #D0D5DD;
  text-align: center;
  padding-bottom: 4px;
}

.gridCardDateMonth {
  font-size: 1.6rem;
  padding-top: 4px;
  line-height: 1;
  text-transform: uppercase;
  color: #2d2d2d;
}

.gridCardTitle {
  margin: 0;
  flex: 1;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.5;
}

.gridCardLabel {
  display: inline-flex;
  position: absolute;
  align-items: center;
  top: 214px;
  height: 30px;
  background: red;
  border-radius: 30px;
  padding: 6px 16px;
  text-align: center;
  font-weight: bold;
  font-size: 1.2rem;
  text-transform: uppercase;
  line-height: 1;
}

.darkBlue {
  background: #401BA8;
  color: #fff
}
.lightBlue {
  background: #E5F3FF;
  color: #0674B2
}
.lightOrange {
  background: #FFF8DF;
  color: #D79307
}

.cardBtn {
  display: inline-flex;
  flex-direction: row;
  gap: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  margin: 16px 0 0 0;
  
  border-radius: 4px;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;

  background-color: #F9FAFB;
  border: 1px solid #D0D5DD;
  color: #09152C
}

.cardBtn:hover {
  background: #2D3747;
  border-color: #2D3747 !important;
  color: #fff;

}

@media screen and (min-width: 768px) {
  .cardBtn {
    margin: 24px 0 0 0
  }
}


/* --- Site search --- */

.hkb-site-search { float: right;margin: 0;width: 100%;}
.hkb-site-search .hkb-site-search__field {
    float: right;width: 100%;height: 36px;margin: 12px 0 0 0;
    padding: 0 10px;min-height: 36px; border-radius: 0;
}
@media screen and (min-width: 768px) {
	#hkb-jquery-live-search { margin-left: -218px; width: 500px !important; }
}
@media screen and (min-width: 992px) {
	#hkb-jquery-live-search { margin-left: -207px; }
}
@media screen and (min-width: 1200px) {
	#hkb-jquery-live-search { margin-left: -238px; }
}

/* FOOTER */
#site-footer-widgets { background: transparent; }
#site-footer-widgets .ht-container > div {
  position: relative;
  padding-top: 30px;
  border-top: 2px solid #dcda00;
}
#site-footer-widgets .ht-container > div:before {
  content: '';
  position: absolute;
  top: -2px;
  right: 0;
  left: 50%;
  border-top: 2px solid #7bd5c0;
}
#site-footer-widgets .widget { width: 100%; }
@media screen and (min-width: 992px) {
  #site-footer-widgets .widget { width: 50%; }
}
#site-footer-widgets .textwidget p {
  margin-top: 0;
  font-size: 16px;
}
#site-footer-widgets .textwidget a { color: #48698a; }
#site-footer-widgets .textwidget a:hover { color: #34495e; }
#site-footer-widgets .textwidget p a:hover { text-decoration: underline; }
#site-footer-widgets .textwidget ul > li {
  padding-left: 5px;
  padding-right: 5px;
  display: inline-block;
}
#site-footer-widgets #menu-footer-menu { text-align: right; }
#site-footer-widgets #menu-footer-menu > li {
  padding-left: 15px;
  padding-right: 15px;
  display: inline-block;
}
#site-footer-widgets #menu-footer-menu > li > a {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #48698a;
}
#site-footer-widgets #menu-footer-menu > li > a:hover {
  text-decoration: underline;
  color: #34495e;
}

.no-padding-box {padding-top: 20px !important}


@media screen and (min-width: 992px) {
	.timeline-well-prop  {
		height:970px !important;
	}
	
	.timeline-well {
		margin-bottom: 40px !important
	}
}


/* Ensure defaults */
.calendly-inline-widget,
  .calendly-inline-widget *,
  .calendly-badge-widget,
  .calendly-badge-widget *,
  .calendly-overlay,
  .calendly-overlay * {
    font-size: 16px;
    line-height: 1.2em;
  }
.calendly-inline-widget iframe, .calendly-badge-widget iframe, .calendly-overlay iframe {
    /*
    Values other than `display: inline` cause a scrolling bug on iOS where the underlying page
    scrolls instead of the iframe
    */
    display: inline;
    width: 100%;
    height: 100%;
  }
.calendly-popup-content {
  /* Any updates in this section should be updated for inline mode */
  position: relative;
}
.calendly-popup-content.calendly-mobile {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
  }
.calendly-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 9999;
  background-color: #a5a5a5;
  background-color: rgba(31, 31, 31, .4);
}
.calendly-overlay .calendly-close-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
.calendly-overlay .calendly-popup {
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 80%;
    min-width: 900px;
    max-width: 1000px;
    height: 90%;
    max-height: 680px;
  }
@media (max-width: 975px) {
.calendly-overlay .calendly-popup {
      position: fixed;
      top: 50px;
      left: 0;
      right: 0;
      bottom: 0;
      transform: none;
      width: 100%;
      height: auto;
      min-width: 0;
      max-height: none
  }
    }
.calendly-overlay .calendly-popup .calendly-popup-content {
      height: 100%;
    }
.calendly-overlay .calendly-popup-close {
    position: absolute;
    top: 25px;
    right: 25px;
    color: #fff;
    width: 19px;
    height: 19px;
    cursor: pointer;
    background: url(../../assets/external/close-icon.svg) no-repeat;
    background-size: contain;
  }
@media (max-width: 975px) {
.calendly-overlay .calendly-popup-close {
      top: 15px;
      right: 15px
  }
    }
.calendly-badge-widget {
  position: fixed;
  right: 20px;
  bottom: 15px;
  z-index: 9998;
}
.calendly-badge-widget .calendly-badge-content {
    display: table-cell;
    width: auto;
    height: 45px;
    padding: 0 30px;
    border-radius: 25px;
    box-shadow: rgba(0, 0, 0, 0.25) 0 2px 5px;
    font-family: sans-serif;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
  }
.calendly-badge-widget .calendly-badge-content.calendly-white {
      color: #666a73;
    }
.calendly-badge-widget .calendly-badge-content span {
      display: block;
      font-size: 12px;
    }
.calendly-spinner {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  text-align: center;
  z-index: -1;
}
.calendly-spinner > div {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #e1e1e1;
    border-radius: 50%;
    vertical-align: middle;
    animation: calendly-bouncedelay 1.4s infinite ease-in-out;
    animation-fill-mode: both;
  }
.calendly-spinner .calendly-bounce1 {
    animation-delay: -0.32s;
  }
.calendly-spinner .calendly-bounce2 {
    animation-delay: -0.16s;
  }
@keyframes calendly-bouncedelay {
  0%,
  80%,
  100% {
    transform: scale(0.0);
  }
  40% {
    transform: scale(1.0);
  }
};


/*# sourceMappingURL=widget.css.map*/