/* @override 
	http://localhost:8888/ic/itf/ic-themes/ic-theme-v1/wp-content/themes/ic-theme/style.css */

/*
Theme Name: InboundCycle
Template Theme URI: https://inboundcycle.com/
Author: el equipo de InboundCycle
Description: Plantilla base para el desarrollo de proyectos de inbound marketing.
Text Domain: ic-theme
Domain Path: /languages
Version: 1.4.1
*/


/* Estilos requeridos */
@import url("lib/css/bootstrap.min.css");
@import url("lib/css/font-awesome.min.css");

/* @group Globals ============================================ */
/* @group Layout --------------------------------------------- */

	* {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale }

	html, body {
		font-family: "Roboto", sans-serif;
		font-size: 16px;
		line-height: 150% }
	
	.social-icons-lists {
		padding: 0;
		margin: 0 }

/* @end */
/* @end */
/* @group Header ============================================= */
/* @group Layout --------------------------------------------- */

	body > header .logotype {
		height: 24px;
		width: auto }

/* @end */
/* @group Top bar -------------------------------------------- */

	body > header > .blog-navbar {
		z-index: 100;
		padding-top: 20px;
		padding-bottom: 20px;
		-webkit-transition: padding 0.4s ease;
		-moz-transition: padding 0.4s ease;
		transition: padding 0.4s ease  }

	body > header > .navbar.contracted {
		padding-top: 0px;
		padding-bottom: 0px;
		-webkit-transition: padding 0.2s ease;
		-moz-transition: padding 0.2s ease;
		transition: padding 0.2s ease }

	body.customize-support > header > .navbar {
		top: 32px }

/* @end */
/* @group Hero ----------------------------------------------- */

	.hero {
		padding: 0;
		margin: 0 0 40px 0;
		text-align: center;
		background-position: center;
		background-size: cover }

	.hero.void-margin {
		margin: 0 }

	.hero-caption {
		padding: 200px 20px 100px 20px }

	.hero-caption .container {
		max-width: 768px }

	.hero .blog-title {
		margin: 0;
		font-size: 52px;
		font-weight: 500;
		line-height: 120% }
	
	.hero .button-home {
		margin-top: 30px }


	/* Responsive ---------------------------------------------- */

	@media (max-width: 768px) {

		.hero-caption {
			padding-top: 120px;
			padding-bottom: 20px; }

		.hero .blog-title {
			font-size: 32px }

		.hero .blog-subtitle {
			font-size: 18px }

	}

/* @end */
/* @group Categories Navigator ------------------------------- */

	nav.navbar-categories.fixed {
		position: fixed;
		z-index: 10;
		box-shadow: 0px 0px 20px rgba(0,0,0,0.5) }

	nav.navbar-categories {
		width: 100%;
		padding: 20px;
		margin: 0 0 40px 0;
		background-color: #ddd }

	nav.navbar-categories ul {
		margin: 0;
		padding: 0 }

	/* Responsive ---------------------------------------------- */

	@media (max-width: 768px) {

		nav.navbar-categories {
			display: none }

	}

/* @end */
/* @end */
/* @group Body =============================================== */
/* @group Post listing --------------------------------------- */

	.post-listing .post-item {
		padding-bottom: 30px;
		border-bottom: 1px solid #ddd }

	/* Meta */

	.post-listing .post-item .post-meta {
		margin: 25px 0 }

	.post-listing .post-item .post-meta .meta-item {
		float: left;
		margin: 0 0 0 10px;
		padding: 0 0 0 10px;
		border-left: 1px solid #ddd }

	.post-listing .post-item .post-meta .meta-item:first-child {
		margin: 0;
		padding: 0;
		border-left: none }

	.post-listing .post-item .post-meta .meta-item.meta-author {
		position: relative;
		padding-left: 52px;
		font-weight: bold }

	.post-listing .post-item .post-meta .meta-author img {
		position: absolute;
		top: -12px;
		left: 0px;
		margin-right: 10px }

	.post-listing .post-item .post-meta .meta-categories ul {
		margin: 0 }

	.post-listing .post-item .post-meta .meta-categories ul li {
		padding: 0;
		margin: 0 10px 0 0 }

	.post-listing .post-item .meta-date {
		margin-bottom: 10px }

	.post-listing .post-item .post-thumbnail {
		width: 100% }
		
	.post-listing .meta-item.meta-reading-time {
		margin-bottom: 5px }

	.post-listing .post-item .read-more {
		margin-top: 20px }

	.post-listing .post-item .ic-social-icons {
		float: right }

	/* Compact Style ---------------------------------------------- */

	.post-listing-compact .panel {
		margin-bottom: 60px }

	.post-listing-compact .panel .panel-heading,
	.post-listing-compact .panel .panel-body,
	.post-listing-compact .panel .panel-footer {
		padding: 20px }
		
	.post-listing-compact .panel .panel-body img {
		width: 100%;
		max-width: 100% }

	.post-listing-compact .panel .panel-body h2 {
		margin: 10px 0 20px 0;
		font-weight: bold }

	.post-listing-compact .panel .panel-body .meta-author {
		display: inline-block;
		margin: 0 14px 6px 0;
		padding: 0 20px 0 0;
		border-right: 1px solid #ddd }

	.post-listing-compact .panel .panel-body .meta-author .avatar {
		margin-right: 10px }

	.post-listing-compact .panel .panel-body .meta-categories {
		display: inline-block }

	.post-listing-compact .panel .panel-body .meta-categories ul {
		margin-bottom: 0 }	

	.post-listing-compact .panel .panel-body .meta-date {
		display: inline-block;
		margin: 0 4px 8px 0 }
		
	.post-listing-compact .panel .panel-body .meta-reading-time {
		position: relative;
		top: -2px;
		display: inline-block;
		margin-bottom: 8px }

	.post-listing-compact .panel .panel-body .meta-reading-time .label {
		padding: 4px 6px }

	.post-listing-compact .panel .panel-body .meta-reading-time .label span {
		margin-right: 1px }

	/* Responsive ---------------------------------------------- */

	@media (max-width: 990px) {
		
		.post-listing .post-item .post-thumbnail {
			margin-bottom: 10px }

	}

	@media (max-width: 768px) { 

		.post-listing-compact .panel .panel-body .post-listing-content {
			display: none; }
			
		.pagination li a,
		.pagination li span {
			display: none }
		
		.pagination,
		.pagination ul {
			width: 100% }
		
		.pagination li a.previouspostslink,
		.pagination li a.nextpostslink {
			display: block;
			width: 60px;
			font-size: 26px;
			border-radius: 0 }
		
		.pagination li a.previouspostslink {
			float: left }
		
		
		.pagination li a.nextpostslink {
			float: right }
		

	}

/* @end */
/* @group Post body ------------------------------------------ */
	
	.container.post-style-new {
		padding-top: 70px }	
	
	/* Header */
	
	.post-header .hero-caption .container {
		max-width: 1200px }
	
	.post-header .hero-caption .blog-title {
		margin-bottom: 40px;
		font-size: 18px }
	
	.post-header .hero-caption h1 {
		margin: 0 0 60px 0;
		font-weight: 600 }
	
	.post-header .hero-caption .hero-post-meta > div {
		display: inline;
		margin: 0 4px }
	
	.post-header .hero-caption .meta-date {
		display: block;
		margin-top: 40px }
	
	.post-header .hero-caption .meta-reading-time > span {
		padding: 0 0 0 12px;
		font-size: 16px;
		font-weight: 500;
		border-radius: 0px;
		border-left: 1px solid;
		background: none }
	
	/* Meta */

	.post-body .post-meta {
		margin: 40px 0 }

	.post-body .post-meta .meta-item {
		float: left;
		margin: 0 0 0 10px;
		padding: 0 0 0 10px;
		border-left: 1px solid #ddd }

	.post-body .post-meta .meta-item:first-child {
		margin: 0;
		padding: 0;
		border-left: none }

	.post-body .post-meta .meta-item.meta-author {
		position: relative;
		padding-left: 70px;
		font-weight: bold }

	.post-body .post-meta .meta-author img {
		position: absolute;
		top: -20px;
		left: 0px;
		margin-right: 10px }

	.post-body .post-meta .meta-categories ul {
		margin: 0 }

	.post-body .post-meta .meta-categories ul li {
		padding: 0;
		margin: 0 10px 0 0 }
	
	.post-body .meta-item.meta-reading-time {
		margin-bottom: 10px }

	.post-body .post-meta .ic-social-icons {
		float: right }

	/* Content */

	.post-body .post-content {
		margin-bottom: 20px }

	.post-body .post-content img {
		max-width: 100%;
		height: auto }

	.post-body .post-content img.alignleft {
		float: left;
		margin: 10px 10px 10px 0 }

	.post-body .post-content img.aligncenter {
		display: inherit;
		margin: 0 auto }

	.post-body .post-content img.alignright {
		float: right;
		margin: 10px 0 10px 10px }

	.post-body .post-content .post-thumbnail {
		width: 100%;
		margin-bottom: 20px }
	
	.post-body .post-content .first-paragraph {
		margin-bottom: 20px;
		font-size: 22px;
		line-height: 120% }
	
	.post-body .post-content .first-paragraph:first-letter {
		float: left;
		margin: 14px 5px 0 0;
		font-size: 60px;
		font-weight: 600 }
	
	.post-body .post-content .table-wrapper {
		max-width: 100%;
		overflow-x: auto }
	
	/* Footer */

	.post-body .post-footer {
		margin-bottom: 40px }
	
	/* Progress Bar */
	
	#ic-post-progress {
		position: absolute;
		z-index: 99999;
		top: auto;
		left: 0;
		width: 100%;
		height: 10px;
		background-color: #ddd }
	
	#ic-post-progress > .ic-post-progress-bar {
		display: block;
		height: 10px;
		width: 0%;
		background-color: #aaa }

	/* Author */

	.post-body .post-author .avatar {
		width: 100%;
		height: auto }

	.post-body .post-author .post-author-name {
		font-size: 18px;
		font-weight: 600 }

	.post-body .post-author .post-author-social {
		margin-top: 20px }
	
	.post-body .post-author-clean {
		margin: 0 0 60px 0 }
	
	.post-body .post-author-clean .avatar {
		float: left;
		width: auto;
		margin: 0 20px 0 0 }
	
	.post-body .post-author-clean .post-author-name {
		margin: 18px 0 0px 0 }

	/* Related Posts */
	
	.post-body .post-related-posts .panel-back-link {
		float: right }
	
	.post-body .zem_rp_wrap {
		margin-left: -1%;
		width: 102% }

	.post-body .zem_rp_wrap .zem_rp_content {
		width: 100% }

	.post-body .zem_rp_wrap .zem_rp_content .related_post.zem_rp {
		margin: 0!important;
		width: 100% }

	.post-body .zem_rp_wrap .zem_rp_content .related_post.zem_rp li {
		width: 29%!important;
		margin: 0 1% !important }

	.post-body .zem_rp_wrap .zem_rp_content .related_post.zem_rp li img {
		margin: 0 0 20px 0!important;
		width: 100%!important;
		height: auto!important;
		border-radius: 0!important;
		box-shadow: none!important }

	.post-body .zem_rp_wrap .zem_rp_content .related_post.zem_rp li .zem_rp_title {
		color: #585858!important;
		font-size: 14px!important;
		font-weight: 500 }

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

	/* Scroll top */
	
	.post-scroll-top {
		position: fixed;
		z-index: 9999;
		bottom: 20px;
		right: 20px;
		width: 40px;
		height: 40px;
		text-align: center;
		border-radius: 50%;
		background-color: #ddd;
		cursor: pointer;
	}
	
	.post-scroll-top i {
		color: #999;
		font-size: 24px;
		line-height: 150%;
	}

	/* Responsive ---------------------------------------------- */
	@media (min-width: 769px) {
		.video-container.center {
			margin: 30px auto;
		}

		.video-container.right {
			margin-left: auto;
		}

		.video-container.small {
			max-width: 50%;
			padding-bottom: 28%;
		}

		.video-container.medium {
			max-width: 75%;
			padding-bottom: 42%;
		}

		.video-container.large {
			max-width: 100%;
			padding-bottom: 52.25%;
		}
	}

	@media (max-width: 768px) {

		.post-body .zem_rp_wrap {
			margin-left: 0;
			width: 100% }

		.post-body .zem_rp_wrap .zem_rp_content .related_post.zem_rp li {
			width: 100%!important;
			margin: 0 0 20px 0!important }

		.post-body .zem_rp_wrap .zem_rp_content .related_post.zem_rp li > a {
			float: none!important }

	}

/* @end */
/* @group Comments ------------------------------------------- */
	
	.post-comments .panel-heading p,
	.post-comments .panel-heading .post-comments-show-comments {
		display: inline-block }
	
	.post-comments .panel-heading .post-comments-show-comments {
		margin: 0 0 0 10px;
		padding: 0 0 0 12px;
		border-left: 1px solid #ccc }
	
	.post-comments .panel-heading .post-comments-show-comments i {
		margin-left: 5px }
	
	.post-comments .media {
		margin-bottom: 40px }
	
	.post-comments .media:last-child {
		margin-bottom: 0px }
	
	.post-comments .media.reply {
		margin-left: 60px }
	
	.post-comments .media-heading {
		margin-bottom: 10px }
	
	.post-comments .post-comments-list-author {
		float: left;
		margin: 0;
		font-weight: 600 }
	
	.post-comments .post-comments-list-date {
		float: right;
		margin: 0;
		font-size: 14px }
	
	.post-comments-form-actions-wrapper {
		margin: 20px 0 0 0 }
		
	#commentform div.alert {
		padding: 0px;
		margin: 0 0 5px 0;
		border: none;
		background: none;
		font-size: 14px }

/* @end */
/* @group Author --------------------------------------------- */

	.template-author .post-author-avatar-wrapper img {
		max-width: 100%;
		height: auto }

	.template-author .post-author {
		padding: 0 0 20px 0;
		margin-bottom: 40px;
		border: none;
		box-shadow: none!important;
		border-bottom: 1px solid #ddd; }

	.template-author .post-author-name {
		font-size: 18px;
		font-weight: bold }

	.template-author .post-author-social {
		margin-top: 20px }

/* @end */
/* @group Sidebar -------------------------------------------- */

	aside .widget {
		margin-bottom: 40px }

	aside .widget-title {
		margin-bottom: 16px;
		padding-bottom: 16px;
		font-size: 16px;
		font-weight: bold;
		border-bottom: 1px solid #ddd }

	aside .widget .social-icons-lists {
		text-align: center }

/* @end */
/* @group Share module --------------------------------------- */

	.share-module-wrapper {
		margin: 40px 0;
		padding: 40px;
		text-align: center }

	.share-module-wrapper strong {
		display: block;
		margin: 0 0 30px 0;
		font-size: 18px }

	.share-module-wrapper .ic-social-icons-share .ic-social-icons-share-item button {
		padding: 10px 14px 10px 12px!important }

	.share-module-wrapper .ic-social-icons-share .ic-social-icons-share-item button i {
		margin: 0 8px 0 0!important;
		font-size: 14px }

	.share-module-wrapper .ic-social-icons-share .ic-social-icons-share-item button span {
		font-size: 14px }

/* @end */
/* @group Category ------------------------------------------- */
	
	/* Header */
	
	.category-header .hero-caption .container {
		max-width: 1200px }
	
	.category-header .hero-caption .blog-title {
		margin-bottom: 80px;
		font-size: 18px }
	
	.category-header .hero-caption h1 {
		color: #fff }
	
/* @end */
/* @end */
/* @group Templates ========================================== */
/* @group 404 ------------------------------------------------ */

	.template-404 form {
		margin: 40px 0 }

/* @end */
/* @group Landing Pages -------------------------------------- */

	.template-landing h1 {
		margin: 0 0 20px 0 }

	.template-landing .ic-form-title {
		margin-bottom: 20px;
		font-size: 22px }

	.template-landing .wp-post-image {
		max-width: 100%;
		height: auto }
	
	@media ( max-width: 768px) {
		
		.template-landing.mobile-reverse .landing-form-right > div {
			display: flex;
			flex-flow: column-reverse }

		.template-landing.mobile-reverse .landing-form-bottom > div {
			display: flex;
			flex-flow: column-reverse }
		
	}

/* @end */
/* @group Thank You Pages ------------------------------------ */

	.template-thank-you h1 {
		margin: 0 0 20px 0 }

	.template-thank-you .ic-form-title {
		margin-bottom: 20px;
		font-size: 22px }

	.template-thank-you .wp-post-image {
		max-width: 100%;
		height: auto }
	
	@media ( max-width: 768px) {
			
			.template-thank-you.mobile-reverse .thank-you-form-right > div {
				display: flex;
				flex-flow: column-reverse }
	
			.template-thank-you.mobile-reverse .thank-you-form-bottom > div {
				display: flex;
				flex-flow: column-reverse }
			
		}

/* @end */
/* @group Resources Center ----------------------------------- */

	.template-resources-center .wp-post-image {
		max-width: 100%;
		height: auto }

/* @end */
/* @group Maintenance ----------------------------------- */
	
	.template-maintenance {
	  position: absolute;
	  top: 30%;
		width: 100%;
	  height: 100px;
	  margin-top: -50px }
	
	.tempalte-maintenance-wrapper {
		margin: 0 auto;
		padding: 20px;
		max-width: 600px;
		text-align: center }
		
	.template-maintenance .logotype {
		margin: 0 0 90px 0;
		max-width: 160px }
	
	.template-maintenance h1 {
		margin: 0 0 20px 0;
		font-weight: 600 }
	
	.template-maintenance p {
		margin: 0 }
	
/* @end */
/* @end */
/* @group Footer ============================================= */
/* @group Layout --------------------------------------------- */

	body > footer {
		margin: 40px 0 0 0;
		padding: 40px 0;
		background-color: #eee }

	body > footer .footer-logotype {
		height: 20px }

	body > footer .social-icons-lists {
		margin-top: -4px;
		text-align: right }

	body > footer .social-icons-lists li {
		margin: 0!important }

	body > footer .social-icons-lists li span {
		top: 0;
		padding: 8px!important }

/* @end */
/* @end */
/* @group Plugins ============================================ */
/* @group icFixIt -------------------------------------------- */

	#icFixIt.absolute {
		position: absolute }

	#icFixIt.fixed {
		position: fixed }

/* @end */
/* @end */