/*
Theme Name: LoanBook 
Template Theme URI: https://blog.loanbook.es/ 
Author: el equipo de InboundCycle 
Description: Plantilla desarrollada para LoanBook. 
Version: 1.0 
*/
/* @group Globals ======================================= */
/* @group Layout ---------------------------------------- */

	html, body {
		font-family: "Ruda", sans-serif }
	
	a,
	a:active,
	a:visited {
		color: #26798e;
		text-decoration: none;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease }
	
	a:hover {
		color: #26798e;
		text-decoration: underline }
	
	h1 {
		margin: 0;
		color: #26798e;
		font-size: 30px;
		font-weight: 600;
		letter-spacing: -1px }

	h2 {
		margin: 30px 0 20px 0;
		color: #999;
		font-size: 24px;
		font-weight: 600;
		letter-spacing: -1px }

	h3 {
		margin: 30px 0 20px 0;
		color: #666;
		font-size: 18px;
		font-weight: 600 }
		
	@media (max-width:768px) {
		
		h1 { font-size: 22px }
		h2 { font-size: 18px }
		h2 { font-size: 16px }
		
		.pull-right {
			float: none!important }
		
	}

/* @end */
/* @group Forms ----------------------------------------- */
	
	form .form-control,
	form .hs-input {
		padding: 10px 12px!important;
		margin-bottom: 10px!important;
		height: auto!important;
		width: 100%!important;
		border: 2px solid #dfdfdf!important;
		box-shadow: none!important;
		line-height: 120%!important;
		font-size: 14px!important;
		font-family: "Ruda", sans-serif!important;
		box-sizing: border-box!important }
	
	form .form-control:hover,
	form .hs-input:hover {
		border-color: #bbb!important }

	form .form-control:focus,
	form .hs-input:focus {
		border-color: #26798e!important }
	
	form .hs-input.error {
		margin-bottom: 0px!important;
		border-color: #f1cccc!important;
		border-radius: 3px 3px 0px 0px }

	form .hs-input.error:hover {
		margin-bottom: 0px!important;
		border-color: #f1cccc!important;
		border-radius: 3px 3px 0px 0px }
	
	form .hs-input.error:focus {
		margin-bottom: 0px!important;
		border-color: #f1cccc!important;
		border-radius: 3px 3px 0px 0px }
	
	form .actions {
		padding: 0!important;
		margin: 0!important }
	
	.btn,
	.hs-button {
		height: auto!important;
		box-sizing: border-box!important;
		display: inline-block!important;
		padding: 20px 60px!important;
		font-weight: 400!important;
		color: #fff!important;
		border: none!important;
		background: #25798e!important;
		font-family: "Ruda", sans-serif!important;
		text-shadow: none!important;
		text-transform: uppercase!important;
		font-size: 16px!important;
		box-shadow: none!important;
		-webkit-transition: all 0.2s ease!important;
		-moz-transition: all 0.2s ease!important;
		-o-transition: all 0.2s ease!important;
		transition: all 0.2s ease!important }
	
	form .btn:hover,
	form .hs-button:hover {
		background: #165362!important }

	form label {
		color: #616160!important;
		font-family: "Ruda", sans-serif!important }
	
	form .hs-form-field {
		margin: 0!important }
	
	form .hs-error-msgs {
		width: 100%!important;
		padding: 0 8px!important;
		margin: 0 0 10px 0!important;
		background-color: #f1cccc;
		border-radius: 0 0 3px 3px }

	form .hs-error-msgs li {
		padding: 5px 0!important }
	
	form .hs-error-msgs li label {
		margin: 0!important;
		font-size: 12px;
		color: #ec5151!important }

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

	body > header {
		padding: 30px 20px;
		text-align: right }
	
	body > header .logotype {
		float: left }

	a.title-anchor {
		text-decoration:none !important;
		color: #fff !important;
		font-size: 52px;
		font-weight: 600;
		letter-spacing: -2px;
		text-shadow: 0 2px 2px rgba(38, 121, 142, 0.6)
	}
	
	@media (max-width:760px) {
		
		body > header {
			padding: 20px 0 }
		
		body > header .logotype img {
			width: 140px!important }
		
		a.title-anchor {
			font-size: 38px }
		
	}

/* @end */
/* @group Navegation ------------------------------------ */
	body > header .navigation-box {
		width:60%;
		float:right;
		margin-top:-10px !important;
	}
	body > header nav {
		width:100%;
	}
	body > header nav ul {
		width:100%;
		list-style: none;
		padding: 15px 0 ;
		margin: 0 }
	
	body > header nav ul li {
		display: inline;
		margin: 0 0 0 30px;
		 }
	
	body > header nav ul li a {
		color: #616160!important }
	
	body > header nav ul li a:hover {
		color: #aaa!important;
		text-decoration: none }
	
	@media (max-width:760px) {
		
		body > header nav {
			display: none;
		}
		
	}

/* @end */
/* @group Slider ---------------------------------------- */

	.slider {
		height: 320px;
		overflow: hidden }
	
	.slider .caption {
		position: absolute;
		z-index: 999;
		width: 100%;
		height: 320px;
		text-align: center;
		background-image: url('http://blog.loanbook.es/wp-content/themes/loanbook/img/slider-gradient.png')!important }
	
	.slider .caption h1, .slider .caption span {
		display:block;
		max-width: 720px;
		margin: 100px auto 0 auto;
		color: #fff;
		font-size: 52px;
		font-weight: 600;
		letter-spacing: -2px;
		text-shadow: 0 2px 2px rgba(38, 121, 142, 0.6) }
	
	@media (max-width:768px) {
		
	.slider {
		height: 220px }
	
	.slider .caption {
		height: 220px }
	
	.slider .caption h1, .slider .caption span {
		margin: 50px auto 0 auto;
		font-size: 32px;
		letter-spacing: -1px }		
		
	}

/* @end */
/* @group Category Menú --------------------------------- */

	
	.nav-category {
		margin: 0;
		border: none;
		background: #26798e;
		border-radius: 0 }

	.nav-category .container {
		padding: 0;
		margin: 0;
		width: 100% }

	.nav-category ul {
		padding: 0;
		margin: 0;
		width: 100%;
		text-align: center;
		list-style: none }

	.nav-category ul > li {
		display: inline-block;
		width:177px;
		margin: 0 0 0 -4px;
		padding: 0;
		border-left: 1px solid rgba(255,255,255,0.25);
	 	position: relative;
		background: #26798e }
	
	.nav-category ul > li:last-child {
		border-right: 1px solid rgba(255,255,255,0.25) }
	
	.nav-category ul > li > a,
	.nav-category ul > li > span {
		display:block;
		padding: 20px;
		color: #fff!important;
		text-align:center  }

	.nav-category ul > li > a:hover,
	.nav-category ul > li > span:hover {
		text-decoration: none;
		background: rgba(255,255,255,0.25)!important }

	.nav-category ul > li.active > a,
	.nav-category ul > li.active  > span{
		background: rgba(255,255,255,0.25)!important }

	.nav-category ul > li ul {
		display: none;
		list-style: none;
		padding: 0px !important;
		border-left: 0px;
		position: absolute;
		left: 0;
		top: 60 }

	.nav-category ul > li:hover ul {
		display: block;
		margin: 0px 0px;
		min-height: 20px;
		width: auto }

	.nav-category ul > li  ul > li {
		width:100%;
		display:block;
		position:relative;
		margin: 0;
		padding: 0;
		border-left: 0px;
		z-index:10000;
		background: #26798e;
		width:auto }

	.nav-category ul > li  ul > li a {
		display: block;
		width: auto }

	.nav-category ul > li.active,
	.nav-category ul > li.current-menu-ancestor,
	.nav-category ul > li.current-menu-parent, 
	.nav-category ul > li.current_page_item, 
	.nav-category ul > li.current_page_parent, 
	.nav-category ul > li.current_page_ancestor {
		background-color: rgba(255,255,255,0.25)!important }
	
	.nav-category ul > li li.current-menu-item {
		background-color: #5C9AAA !important;
	}

	@media (max-width:768px) {
		
		.nav-category {
			padding: 0 }
		
		.nav-category button {
			border: none }
		
		.nav-category button span {
			background: #fff!important }
		
		.nav-category button:hover {
			background: none!important }
		
		.nav-category ul {
			width: 100%;
			border-right: none;
			margin: 0 }
		
		.nav-category ul li {
			width:100% !important;
			border-left: none;
			border-top: 1px solid rgba(255,255,255,0.25) }
		
		.nav-category ul > li ul {
			display: none;
			list-style:none;
			padding:0px !important;
			border-left:0px;
			position:relative;
			left:0;
			top:60 }
		
	}


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

	.wrapper {
		padding: 60px 0 }
	
	@media (max-width: 768px) {
		
		.wrapper {
			padding: 30px 0 }
		
	}

/* @end */
/* @group Blog ------------------------------------------ */
	
	.blog-wrapper .listing-title {
		font-weight: 200;
		font-size: 42px;
		margin: 0 0 60px 0;
		letter-spacing: -2px; }
	
	.blog-wrapper .listing-title small {
		display: block;
		margin: 0 0 5px 0;
		color: #c;
		letter-spacing: 0px;
		font-size: 16px	}
	
	.blog-wrapper .post-category {
		margin: 0 0 10px 0;
		font-size: 14px }
	
	.blog-wrapper .post-category a {
		color: #999 }
	
	/* Blog Listing --------------------------------------- */
	
	.blog-wrapper,
	.page-wrapper {
		padding-left: 3.333%;
		border-left: 1px solid #ddd }
	
	.blog-listing article {
		margin: 0 0 60px 0 }
	
	.post-title {
		margin: 0 0 20px 0;
		font-size:30px;
		color: #26798e }
	
	.blog-wrapper .post-image {
		width: 100%;
		height: 240px;
		margin: 30px 0 }
	
	.blog-wrapper .post-excerpt {
		text-align: justify }
	
	.blog-listing article .btn.read-more {
		margin: 15px 0 0 0;
		padding: 12px 28px !important;
		font-size: 12px;
		font-weight: 600;
		text-transform: uppercase }
	
	.blog-listing article .read-more i {
		font-size: 14px;
		margin-left: 5px }
	
	.blog-listing article .read-more:hover {
		text-decoration: none;
		opacity: 0.8 }
	
	.blog-listing .blog-post {
		text-align: justify }

	/* Post author */

	.blog-wrapper .post-author {
		margin: 0 0 25px 0 }
	
	.blog-wrapper .post-author-image {
		float: left;
		width: 45px;
		height: 45px;
		overflow: hidden;
		border-radius: 50%;
		margin: 0 10px 0 0 }
	
	.blog-wrapper .post-author-image img {
		width: 100%;
		height: auto!important }
	
	.blog-wrapper .post-author-caption {
		padding: 6px 0 }
	
	.blog-wrapper .post-author-caption address {
		margin: 0;
		margin-bottom: -5px }
	
	.blog-wrapper .post-author-caption address a {
		color: #616161;
		font-weight: 600 }

	.blog-wrapper .post-author-caption time {
		font-size: 12px;
		color: #999999 }

	/* Post full */
	
	.blog-wrapper .post-author-full {
		margin: 60px 0;
		padding: 50px 0 20px 0;
		border-top: 1px dashed #ddd }
	
	.category-page .post-author-full {
		padding: 0 0 50px 0;
		margin-top: 0px;
		border-top: none;
		border-bottom: 1px dashed #ddd }

	.blog-wrapper .post-author-full-caption {
		margin-bottom: 00px }
	
	.blog-wrapper .post-author-full-image {
		float: left;
		width: 80px;
		height: 80px;
		overflow: hidden;
		border-radius: 50%;
		margin: 0 20px 0 0 }
	
	.blog-wrapper .post-author-full-caption .label {
		display: block;
		text-align: left;
		padding: 0;
		margin: 25px 0 0 0;
		font-size: 14px;
		color: #bababa }
	
	.blog-wrapper .post-author-full-image img {
		width: 100%;
		height: auto!important }
	
	.blog-wrapper .post-author-full-caption {
		padding: 6px 0 }
	
	.blog-wrapper .post-author-full-caption address {
		margin: 0;
		margin-bottom: -5px }
	
	.blog-wrapper .post-author-full-caption address a {
		font-size: 18px;
		font-weight: 600 }
		
	.blog-wrapper .post-author-full-description {
		margin-left: 98px;
		color: #999;
		font-size: 14px;
		margin-bottom: 20px;
		line-height: 140%; }
	
	.blog-wrapper .post-author-full-twitter {
		margin-left: 98px }

  .blog-wrapper .post-content,
  .blog-wrapper .post-excerpt {
    font-size: 16px;
		font-weight: 300;
		font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		line-height: 160% }

				
	/* Share buttons */
	
	.blog-wrapper .ssba-wrap {
		float: right;
		height: auto }
	
	.blog-wrapper .ssba {
		margin: 0 0 0 10px;
		border-radius: 50%;
		height: 30px }
	
	.blog-wrapper .ssba img {
		width: 40px!important;
		height: 40px;
		margin: 0!important;
		display: block;
	}
	
	.blog-wrapper .ssba_sharecount {
		display: inline-block;
		top: 0;
		color: #666;
		padding: 5px 0;
		width: 32px;
		height: 32px;
		margin: 0 0 0 1px;
		text-align: center;
		font-size: 12px;
		font-weight: bold;
		border-radius: 50%;
		border: 3px solid #e1e1e1 }
	
	/* Pagination */
	
	.blog-listing .pagination {
		margin: 0;
		width: 100% }
	
	.blog-listing .pagination .in-left {
		float: left }

	.blog-listing .pagination .in-right {
		float: right }

	/* Comments --------------------------------------- */
	
	.blog-comments {
		border-top: 1px solid #ddd }
		
	.blog-comments ol {
		list-style: none;
		padding: 0 }
	
	.blog-comments ol img {
		display: none }
	
	.blog-comments ol li {
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px dashed #ddd }
	
	.blog-comments ol li p {
		font-size: 14px }
	
	.blog-comments ol li cite {
		font-size: 12px }

	h5#comments,
	h5#postcomment {
		margin: 30px 0 20px 0 !important;
		color: #999 !important;
		font-size: 24px !important;
		font-weight: 600 !important;
		letter-spacing: -1px !important 
	}

	@media (max-width:768px) {
		
		.blog-wrapper,
		.page-wrapper {
			padding: 0 20px;
			border: none }

		.blog-wrapper .post-image {
			width: 100%;
			height: 150px;
			margin: 20px 0 }
		
		.blog-wrapper .ssba-wrap {
			float:  none }
		
		.blog-wrapper .post-author-caption {
			padding: 20px 0;
			margin: 20px 0 0 0;
			border-top: 1px solid #eee }
		
		.blog-wrapper .post-author-image {
			margin-top: 15px }
	
		.category-page .post-author-full {
			margin: 0 0 30px 0; 
			padding: 0 0 30px 0 }
	
		.post-author-full-description {
			margin: 20px 0!important }

		.post-author-full-twitter {
			margin-left: 0!important }
			
	}
		
/* @end */
/* @group Sidebar --------------------------------------- */

	aside .aside-block {
		margin: 0 0 60px 0 }

	aside h3 {
		margin:  0 0 30px 0;
		font-size: 18px;
		color: #227e95;
		text-transform: uppercase }

  aside .aside-block ul.recent-posts {
    padding: 0px;
    margin: 0px;
    list-style: none }

  aside .aside-block ul.recent-posts li {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #ddd }
  
  aside .aside-block ul.recent-posts li a {
    color: #656565 }
  	
	aside 	form .hs-button {
		width: 100% }

	aside .hs-cta-wrapper img {
		width: 100% }
	
	aside .featured-post-category {
		margin: 30px 0 0 0;
		padding: 30px 0 0 0;
		border-top: 1px solid #ddd }
	
	aside .featured-post-category.first {
		border: none;
		margin: 0;
		padding: 0 }
	
	aside .featured-post-category .label {
		padding: 3px 5px 2px 5px;
		font-size: 13px;
		text-transform: uppercase;
		background-color: #227e95;
		border-radius: 0;
		font-weight: 300 }
	
	aside .featured-post-category a {
		display: block;
		color: #656565;
		margin: 10px 0 0 0 }

	@media (max-width:768px) {
		
		aside {
			padding: 0 20px }
		
	}

/* @end */
/* @group Page ------------------------------------------ */
	
	.page-wrapper h1 {
		margin: 0 0 40px 0 }
	
/* @end */
/* @end */
/* @group Footer ======================================== */
/* @group Layout ---------------------------------------- */

	footer {
		border-top: 5px solid #26798e;
		padding: 30px 0;
		text-align: right }
	
	footer .footer-logotype {
		float: left }
	
	footer small,
	footer nav {
		font-size: 14px;
		display: inline-block }
	
	footer small {
		color: #999 }
	
	footer nav ul {
		margin: 0;
		padding: 10px 0;
		list-style: none }
	
	footer nav ul li {
		display: inline;
		padding-left: 10px;
		margin-left: 10px;
		border-left: 1px solid #333 }
	
	footer nav ul li a {
		color: #333 }
	
	@media (max-width:768px) {
		
		footer {
			text-align: center }
		
		footer .footer-logotype  {
			float: none }
		
		footer small {
			display: block;
			margin: 20px 0 0 }
		
		footer nav ul {
			padding: 0 }
		
		footer nav ul li {
			border: none;
			margin: 0;
			padding: 0 }
		
	}

/*============ CTAs Center ============*/

.hs-cta-wrapper{
	display: block;
	width: auto;
	margin: 0px auto;
	float: none;
	text-align: center;
	}

/*============ Headere-social Icons ============*/

.social-icons{
	width: 100%;
  float: right }

.social-icons li {
  display: inline-block;
  width: 30px;
  height: 30px }

.social-icons li a {
	display: block;
	padding: 7px 0;
  width: 30px;
  height: 30px;
  color: #ffffff;
  text-align: center;
  border-radius: 50%;
  background-color:#26798E }

.social-icons li a i {
	font-size: 16px }

.social-icons li a:hover {
	opacity: 0.8 }

.search-input {
	background:url('http://blog.loanbook.es/wp-content/themes/loanbook/img/search-icon.png') center right;
	background-size:30px;
	background-color:#fff;
	background-repeat:no-repeat;
}

.cta_button {
	width:100%;
	paading:5px 0px;
} 

.hidden {display:none}