@charset "utf-8";

/* blog */
.cat-nav-inner {text-align: left; width: 100%; max-width: 1080px;margin: 0 auto;padding:0;position:relative; height: 100%;}
#cat-nav-wrapper {float: left; width: calc(100% - 290px);}
#menu-blog-category-nav li {display: inline-block; padding: 0px 2%;}
#menu-blog-category-nav li:first-child {padding-left: 0;}
#menu-blog-category-nav li a {color: #9B9B9B;font-size: 14px;font-weight: 500; border-bottom: solid 3px transparent; text-transform: uppercase;}
.post-type-archive-blog_posts #menu-blog-category-nav li:first-child a {border-color:#9B9B9B;}
#menu-blog-category-nav li:nth-child(2) a {color: #00BFA5;}
#menu-blog-category-nav li:nth-child(2) a:hover,#menu-blog-category-nav li:nth-child(2).current-menu-item a {border-color: #00BFA5;}
#menu-blog-category-nav li:nth-child(3) a {color: #4050C6;}
#menu-blog-category-nav li:nth-child(3) a:hover,#menu-blog-category-nav li:nth-child(3).current-menu-item a {border-color: #4050C6;}
#menu-blog-category-nav li:nth-child(4) a {color: #2F91E8;}
#menu-blog-category-nav li:nth-child(4) a:hover,#menu-blog-category-nav li:nth-child(4).current-menu-item a {border-color: #2F91E8;}
#menu-blog-category-nav li.current-menu-item a, #menu-blog-category-nav a:hover {border-bottom: solid 3px #9B9B9B;}
#category-nav ul {margin-left: 30px;}
.blog-search {height: 40px; margin-right: 30px;	border: 0px;width: 260px;border: 1px solid #ccc; font-size: 14px; border-radius: 5px; overflow: hidden;position: relative; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); box-shadow: 0 2px 4px rgba(0,0,0,0.15); background-color: #fff; }

#search-blog-input {float: left; height: 100%; width: calc(100% - 40px); padding: 5px 10px;; border: none; box-shadow: none;background-color: transparent;}

#search-blog-button {position: relative; cursor: pointer;height: 100%; float: right; border: none; box-shadow: none; background-color: transparent; width: auto;}

select#mobile-categories {width: 50%;margin: 0 20px;height: 40px;border: none;font-size: 14px;}

.single-blog_posts .mktoForm input[type="text"], .post-type-archive-blog_posts .mktoForm input[type="text"], .tax-blog-cats .mktoForm input[type="text"] {
	height: 40px !important;
	border: 0px !important;
	width: 100% !important;
	padding-left:20px !important; 
	background-color: #ffffff !important; 
	color:#777777 !important; 
	font-size: 14px !important; 
	font-family: museo-sans !important; 
	border-radius:0;
}
.single-blog_posts .sub-bar-form .mktoForm .mktoFormRow {clear: none !important; float: left;}
.single-blog_posts .sub-bar-form .mktoForm .mktoButtonRow {position: absolute; margin-left: 10px;}
.single-blog_posts .sub-bar-form .mktoForm .mktoFieldDescriptor.mktoFormCol {margin-bottom: 0px !important;}
.single-blog_posts .sub-bar-form .mktoForm .mktoOffset {display: none !important;}
.single-blog_posts .sub-bar-form .mktoForm .mktoFieldWrap {height: 30px !important;}
.single-blog_posts .sub-bar-form .mktoForm input[type="text"] {width: 155px !important; float: left !important;width: 155px !important;height: 100% !important; background-color: #fff !important;border: none !important; box-shadow: 0 2px 4px rgba(0,0,0,.15) !important; padding: 0 10px !important; margin-left: 30px !important;color: #555 !important;font-size: 12px !important;height: 30px !important;}

.tax-blog-cats .mktoForm .mktoFieldWrap, .single-blog_posts .mktoForm .mktoFieldWrap, .post-type-archive-blog_posts .mktoForm .mktoFieldWrap  {height: auto !important; float: none !important; width: 100% !important;}

.post-type-archive-blog_posts .mktoForm .mktoButtonWrap.mktoRound .mktoButton, .single-blog_posts .mktoForm .mktoButtonWrap.mktoRound .mktoButton, .tax-blog-cats .mktoForm .mktoButtonWrap.mktoRound .mktoButton  {
	width: auto !important;
	-webkit-appearance:none  !important; 
	font-weight: 500  !important; 
	text-transform: capitalize  !important; 
	color: #fff  !important; 
	border:1px solid #fff  !important;
	padding:7px 15px 7px 15px  !important; 
	background-color: transparent  !important; 
	cursor: pointer  !important; 
	font-size:14px  !important; 
	font-weight: 500 !important; 
	border-radius: 0px !important; 
	margin-top: 0px !important; 
}
.single-blog_posts .sub-bar-form .mktoForm .mktoButtonWrap.mktoRound .mktoButton {font-size: 11px !important;line-height: normal;}
.subscribe .insti-follow p {margin-bottom: 20px;font-size: 18px;color: #4A4A4A;line-height: 1.7em;}
.subscribe .fa-stack {font-size: 14px;}
.subscribe .fa-circle { color: #9B9B9B;}
.page-blog input::-moz-placeholder{font-family:museo-sans;font-size:14px;color:#ccc;}
.page-blog input::-webkit-input-placeholder{font-family:museo-sans;font-size:14px;color:#ccc;}
.page-blog input:-ms-input-placeholder{font-family:museo-sans;font-size:14px;color:#ccc;}

#no-results, #too-short {font-size: 24px; color: #4a4a4a; font-family: 'graphik', sans-serif; /*font-style: italic;*/}

/* blog hero */
.page-blog section.content {padding-top: 200px}
.blog-hero {height: 420px;position: relative; background-color: #F0ECE9;max-width: 100%;}
.blog-hero .inner {padding: 0; height: 100%;}
.blog-hero-image {height: 100%;}
.hero-article {background-color: #fff; padding-right: 40px; height: 100%;  position: relative; overflow: hidden;}
.hero-article a {padding: 3% 3% 3% 4%; display: block; height: 100%; }

#feature-date, #featured-cat {color: #00BFA5; font-family: museo-sans; font-size: 14px; font-weight: 600; margin-right: 20px;}
#featured-cat {font-weight: 100;}

/* blog article tiles */
#list-all {margin-bottom:180px; width: 102%; margin-left: -1%;}
#blog-landing article:first-child {display: none}
.all-articles {background-color: #F2F2F2;}
.all-articles .inner {padding-top: 0px;}
.article-preview {background-color: #fff; padding: 0 7% 7%;position: relative;}
.article-preview .before {position: absolute; width: 100%; height: 100%; left: 0; top: 0; transform: skewY(6.5deg); -moz-transform: skewY(6.5deg); -webkit-transform: skewY(6.5deg);background-color: #fff; transform-origin: right;}
article {position: relative;}

article:after,.hero-article:after  {content:'';position: absolute; bottom: 0; left: 0; height: 60px; width: 100%; background-image: linear-gradient(0deg, #ffffff 35%, rgba(255,255,255,0.00) 100%); z-index: 2;}
article.featured-article:after {width: 50%; right: 0; left: auto;}
article.subscribe:after {display: none;}
.hero-article:after {height: 80px;}
.author-box {position: relative; margin-bottom: 10px;}
.article-preview h3 {font-size: 20px; font-weight: 300; font-family: 'graphik', sans-serif; /*font-style: italic;*/ line-height: 1.3em;}
.article-preview p {font-size: 14px; line-height: 24px;}
.article-preview .ionicons, .hero-article .ionicons {color: #2F91E8; padding-left: 5px; font-size: 16px; padding-top: 5px;}
.author-image {height: 40px; width: calc(44px - 4px);display: inline-block; vertical-align: middle;background-image: url(/wp-content/themes/medallia-2017/images/default-headshot.png); background-size:cover;}
.author-info {display: inline-block;width: calc(100% - 48px); vertical-align: middle; padding-left: 20px;}
.author-info h4 {color: #9B9B9B; font-size: 14px; font-weight: 600; font-family: museo-sans;margin-bottom: 0px; line-height: 1em;}
.author-info h5 {color: #9B9B9B; line-height: 1.2em;}
#list-all article, #search-list article, .article-tile{float: left; width: 31.33% ; margin: 0 1% 2%; height: 510px; overflow: hidden;  background-color: #fff; transition: all 0.3s ease;}
#list-all article:hover, #search-list article:hover, .article-tile:hover { box-shadow: 2px 14px 8px -7px rgba(0,0,0,0.15); }
article .feat-img {width: 100%;background-position: center center;background-size: cover;height: 210px;background-color: #ccc; margin-bottom: 20px;}
article .meta {margin-bottom:10px}
article .meta .date,article .meta .category {font-weight: 600; display: block;line-height: 1.3em; font-size: 14px; color: #00BFA5;}
.bcat-people-and-culture .meta .date, .bcat-people-and-culture .meta .category {color: #2F91E8}
.bcat-product-and-innovation .meta .date, .bcat-product-and-innovation .meta .category {color: #4050C6;}
article .meta .category {font-weight: 100; text-transform: uppercase;}
article .meta-author {margin: 25px 0 40px}
article .meta-author img {height: 50px; width: auto; float: left;margin-right: 0px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.15);border-radius: 50%;}
.artilce-preview p {font-size: 14px; font-weight: 300;}
.article-single article .meta-author img {margin-right: 20px;}
#load-more-articles {width: 100%;text-align: center; cursor: pointer;}
.single-blog_posts p br {display: block; margin-bottom: 20px; line-height: 3em;}

#list-all .featured-article {width: 98%; height: 414px;}
.featured-article h2 {font-family: 'graphik', sans-serif; /*font-style: italic;*/ font-size: 32px; line-height: 40px;}
#list-all article.subscribe, #list-all .single-subscribe {padding: 4% 5%;position: relative; background-color: #071E3C}
 .single-subscribe {padding: 3% 2%;}
.subscribe-copyright {position: absolute; left: 7%; bottom: 15px; width: 86%;text-align: center; color: #717E8F; font-size: 11px;}
.subscribe h5, .single-subscribe h5 {color: #fff; font-weight: 300; font-size: 32px; font-family: 'graphik', sans-serif; /*font-style: italic;*/ line-height: 1.4em;margin-bottom: 20px;}
.subscribe p, .single-subscribe p {font-size: 14px; color: #fff;}

/* blog single template */
	/*  --- single hero --- */
.single-hero {background-color: #4050C6;}
.single-hero .date, .post-cat {color: #fff; font-size: 14px; font-weight: 700; font-family: museo-sans; line-height: 1.4em;}
.post-cat {font-weight: 300; text-transform: uppercase;	}
.single-hero .inner {width:100%; max-width: 660px; padding: 60px 24px 100px;}
.single-cat {color: #fff;text-transform: uppercase;}
.single-hero h1 {color: #fff; font-size: 36px; line-height: 48px;}
/*.single-blog_posts .jssocials-share-twitter .jssocials-share-link,.single-blog_posts .jssocials-share-facebook .jssocials-share-link,.single-blog_posts .jssocials-share-linkedin .jssocials-share-link  {background-color: transparent !important;background-size: 100%;  padding: 0 !important; display: block !important; width: 100%; height: 100%; position: relative;} 
.single-blog_posts .jssocials-share-logo {display: none !important;}
.single-blog_posts .jssocials-share {display: block; width: 100%; height: 30px;}
.single-blog_posts .jssocials-share-twitter .jssocials-share-link:after {content:'';left:0; top: 0; background-repeat: no-repeat; background-position: center center;position: absolute; width:100%; height:	100%;background-image: url(/wp-content/themes/medallia-2017/images/blog-single-twiiter.svg);  }
.single-blog_posts .jssocials-share-facebook .jssocials-share-link:after {content:'';left:0; top: 0; background-repeat: no-repeat; background-position: center center;position: absolute; width:100%; height:100%;background-image:url(/wp-content/themes/medallia-2017/images/blog-single-facebook.svg); }
.single-blog_posts .jssocials-share-linkedin .jssocials-share-link:after {content:'';left:0; top: 0; background-repeat: no-repeat; background-position: center center;position: absolute; width:100%; height:100%;background-image:url(/wp-content/themes/medallia-2017/images/linked-in-social.png); }*/
.single-blog_posts  .jssocials-share-link:hover {opacity: .6;}
	/* 	--- single content --- */
#blog-share-btns {float: left; width: 90px; }
#blog-share-btns.sticky {position: fixed; top: 100px;	}
.single-blog_posts .single-post { width: calc(100% - 90px); max-width: 940px; }
.single-content-wrap {position: relative;}
.single-content-wrap .inner {padding-top: 20px;}
.single-content-angle {transform: skewY(3.5deg); -moz-transform: skewY(3.5deg); -webkit-transform: skewY(3.5deg) ;position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform-origin: right; }
.single-blog_posts blockquote {padding-left: 40px; position: relative;width: 100%; max-width: 630px; margin: 30px auto;}
.single-blog_posts blockquote:before {content:'“'; font-size:144px; font-family: 'graphik', sans-serif; /*font-style: italic;*/ color:#00BFA5; position: absolute; left: -40px; top: 40px; }
.single-blog_posts blockquote p {font-size: 36px; font-family: 'graphik', sans-serif; /*font-style: italic;*/ color: #00BFA5;  line-height: 1.4em; }
.single-blog_posts .single-people-and-culture blockquote p,.single-blog_posts .single-people-and-culture blockquote:before {color:#2F91E8 }
.single-blog_posts .single-product-and-innovation blockquote p,.single-blog_posts .single-product-and-innovation blockquote:before {color:#4050C6 }
.tweet-quote {position: absolute; left: -100px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); width: 36px; height: 36px; overflow: hidden;overflow: hidden; border-radius: 50%; opacity: .5; transition: opacity 0.3s ease;}
.tweet-quote iframe {height: 100% !important;}
.tweet-quote:hover {opacity: 1;}
.tweet-quote:after {content:'\f243'; font-family:"Ionicons"; background-color: #00aced; width: 100%; height: 100%; position: absolute;left: 0; top: 0; color: #fff;font-size: 17px; pointer-events: none; padding: 3px 11px;}
.single-blog_posts .sub-bar-form .mktoForm .mktoError {bottom: -31px !important;}
.single-featured-image {height: 100%; width: calc(100% - 270px); float: left; background-color: #ccc;}
.single-subscribe {width: 250px; float: right; height: 100%; }
.blog-hero h2 {font-family:'graphik', sans-serif; /*font-style: italic;*/color:#4A4A4A;font-weight: 400;font-size: 32px;line-height: 42px;}
#category-nav {display: block; background-color: #F2F2F2; position: relative;}
#catetory-nav-mobile {display:none;width: 100%;}
.category-nav {height: 100px;line-height: 100px;}
.blog-intro ,.single-hero{background-color: #00BFA5;  padding: 50px 24px;}
.term-people-and-culture .blog-intro ,.single-people-and-culture .single-hero{background-color:#2F91E8 }
.term-product-and-innovation .blog-intro, .single-product-and-innovation .single-hero {background-color:#4050C6 }
.blog-intro h1 {color: #fff;}
.article-category .content .blog-intro h3, .search-results h3 span {color: #00C0A5}

.blog-intro h3 { color: #fff;}
.main-resource {background-color:#f5f5f5;padding: 40px;box-shadow:  0 5px 15px rgba(0,0,0,0.15);}
#blog-sidebar {padding-left: 30px;}
#subscribe-conf {color: #ffffff;display: none;padding: 0;}
.loader {text-align: center;}
.loader svg path,
.loader svg rect{ fill: #00C0A5;}
#loading-posts {position: relative; width: 30px; margin: 0 auto; }


/* Single Article */
.single-blog_posts .blog-hero {height: 410px; background-color: transparent; margin-bottom: 80px;}
#the-post .meta-author h5 {width: 60%;float:left}
#the-post .meta-author .jssocials-share-link { border-radius: 50%; }
.jssocials-share-logo {width: 19px!important;vertical-align: middle!important;font-size: 22px!important;height: 22px!important;}

.article-single  section.content {padding-top: 84px;}
.article-single .blog-hero .float60	{width:100%}
.subscribe-bar {padding: 30px 0; color: #fff; position: relative; z-index: 1;}
.subscribe-bar h3 {display: inline-block; vertical-align: middle; color: #fff; font-family: 'graphik', sans-serif;/*font-style: italic;*/ font-weight: 300; margin-bottom: 0px;}
.sub-bar-form {display: inline-block;vertical-align: middle; }
#sub-bar-subscribe {height: 30px;}
#bar-subscribe-email {float: left; width: 155px; height: 100%; background-color: #fff; border: none; box-shadow: 0 2px 4px rgba(0,0,0,0.15); padding: 0 10px; margin-left: 30px;}
.sub-bar-form input[type="submit"] {color: #fff; border: 1px solid #fff; float: left; background-color: transparent; height: 100%; margin-left: 10px;}
.blog-home-link {text-align: center; font-size: 34px;}
.blog-home-link a {color: #aaaaaa;}
#bar-subscribe-conf {padding-left: 10px;}

/* related single posts */

.related-single-posts {padding-bottom: 0px; z-index: 1; position: relative;}
.related-single-posts h2 {font-size: 36px;}
#rel-carousel {width: 102%;margin-left: -1%; height: 540px; overflow: hidden;position: relative; margin-bottom: 45px;}
.rel-group {position: relative;opacity: 0; position: absolute; left: 0; top:0;transform: translateX(100%); -webkit-transform: translateX(100%);-moz-transform: translateX(100%); 100%;z-index: 0; transition: all 0.5s ease;}
.rel-group.active {opacity: 1;z-index: 1;transform: translateX(0%); -webkit-transform: translateX(0%);-moz-transform: translateX(0%);}
.rel-group.fade-left {transform: translateX(-100%); -webkit-transform: translateX(-100%);-moz-transform: translateX(-100%); 100%;z-index: 0; }
.pag-dot {width: 11px; height: 11px; background-color: #d8d8d8; border-radius: 50%; display: inline-block; margin: 0 5px; cursor: pointer;}
.pag-dot.active {background-color: #989898; }



@media only screen and (max-width: 1024px){ 

		
/* 	blog nav */
	#category-nav {z-index: 3;}
	.cat-nav-inner {padding: 0 20px;}
	#catetory-nav-mobile {display:inline-block}
	#menu-blog-category-nav li {display: block;}
	#menu-blog-category-nav li a{border: none;}
	.blog-search {width: 48%; margin-left: 4%; margin-right: 0;}
	#cat-nav-wrapper {width: 48%;height: 40px; background-color: #fff; position: relative; display: inline-block; float: none; vertical-align: middle;}
	#category-nav ul#menu-blog-category-nav {padding-left: 0px !important; width: 100%; margin-left: 0;}
	#cat-nav-current {display: block;line-height: 1em; padding: 12px 20px;font-size: 14px;font-weight: 600; transition: background-color 0.3s ease; cursor: pointer;position: relative;}
	#cat-nav-current:before, #cat-nav-current:after {content: "";  position: absolute; z-index: 2;  top: 18px; right: 10px;  width: 0; height: 0; border-color: #9B9B9B;  pointer-events: none; }
	#cat-nav-current:before{  border-bottom: 5px solid #9B9B9B; border-left: 5px solid transparent; border-right: 5px solid transparent;}
	#cat-nav-current:after{ margin-top: 7px; border-top: 5px solid #9B9B9B; border-left: 5px solid transparent; border-right: 5px solid transparent;}
	.menu-blog-category-nav-container {display: none;}
	#menu-blog-category-nav li {padding: 0 ; margin: 0; }
	#menu-blog-category-nav li a {padding: 7px 20px; display: block; height: 100%;	}
	#menu-blog-category-nav li.current-menu-item a, #menu-blog-category-nav li a:hover {background-color: #ccc;border: none;}
	#cat-nav-current:hover {background-color: #ccc;}
	.menu-blog-category-nav-container {z-index: 2; background-color: #fff;position: relative;}
	
}

@media only screen and (max-width: 800px) {
	/* blog */
	.post-type-archive-blog_posts .blog-hero {height: auto; margin-bottom: 50px;}
	.post-type-archive-blog_posts .content .inner {padding: 0 12px;	}
	.blog-hero-image {height: 300px;}
	.blog-intro h1 {font-size:64px;line-height:1.25em;}
	.blog-hero h2 {font-size: 24px;line-height: 36px;}
	#list-all article, #rel-carousel article, #search-list article {width:48%; margin: 0 1% 2%;}
	#list-all article.featured-article { width: 98%; float: none; height: 400px; overflow: hidden;	}
	.featured-article .blog-hero-image.float50, .featured-article .hero-article.float50 {width: 50%; float: left; height: 100%;}
	.featured-article .hero-article h2 {font-size: 20px !important; line-height: 1.3em; font-weight: 300;}
	
		
/* 	blog single */
	.single-blog_posts .blog-hero {height: auto;}
	.single-featured-image {width: 100%; float: none; height: 250px; margin-bottom: 30px;}
	.single-subscribe {width: 100%; margin-bottom: 30px; border-radius: 0; text-align: center;float: none;	}
	.single-subscribe #blog-subscribe {max-width: 400px; margin: 0 auto;}
	#blog-share-btns {width: 100%; float: none;}
	.blog-home-link {float: left; margin-right: .2em;}
	#blog-share-btns.sticky {position: relative; top: auto;}
	.single-blog_posts .jssocials-share {display: inline-block; width: 31px; margin-left: 20px;}
	.single-blog_posts .single-post {float: none; width: 100%;}
	.article-single #posts-container {width: 100%; max-width: 880px; margin: 0 auto 40px;}
	.single-blog_posts blockquote {padding-left: 75px; margin: 30px 0;}
	.single-blog_posts blockquote p {font-size: 28px;}
	.single-blog_posts blockquote::before { font-size: 104px; left: 35px; top: 20px;}
	.tweet-quote {left: 0px;}
	.single-blog_posts .sub-bar-form {display: block; width: 100%;}
	.single-blog_posts .sub-bar-form .mktoForm .mktoFormRow {clear: none !important; float: none; width: auto; display: inline-block;}
	.single-blog_posts .sub-bar-form .mktoForm {text-align: center !important; padding-top: 10px;}
	.single-blog_posts .sub-bar-form .mktoForm input[type="text"] {margin-left: 0px !important;}
	.single-subscribe .mktoForm, .subscribe .mktoForm {max-width: 400px !important; width: 100% !important; margin: 0 auto !important;}
	.single-subscribe .mktoForm .mktoButtonRow, .subscribe .mktoForm .mktoButtonRow {text-align: center !important;}
}

@media only screen and (max-width: 600px){ 
	/* 	blog */
	#list-all article.featured-article { height: auto; overflow: hidden;	}
	.featured-article .blog-hero-image.float50, .featured-article .hero-article.float50 {width: 100%; float: left; height: 300px;}

}

@media only screen and (max-width:500px) {
	/* blog */
	.blog-intro h1 {font-size:48px;line-height:1.25em;}
	#list-all article ,#rel-carousel article,#search-list article{width:100%; margin-left: 0 !important;}
	#cat-nav-wrapper {width: 100%;}
	#category-nav {height: auto; padding: 20px 0;}
	#cat-nav-current, .blog-search {width: 100%; float: none; margin: 0 0 20px;}
	
}