/* @override
	http://localhost:8888/inv/wp-content/themes/invacare/style.css */

/*
Theme Name: Invacare
Template Theme URI: https://inboundcycle.com/
Author: el equipo de InboundCycle
Description: Plantilla desarrollada en exclusiva para Invacare.
Version: 1.0
*/

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

	html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004) }

	html, body {
		color: #434343;
		font-family: "Lato", sans-serif }

	a,
	a:active,
	a:checked,
	a:hover {
		color: #2766be }

	a:hover {
		text-decoration: underline }

	.blue 	{ color: #2766be }
	.orange { color: #ea5c00 }
	.gray 	{ color: #434343 }
	.white 	{ color: #fff }

	body > .container-fluid {
		padding-top: 25px;
		max-width: 1200px }

/* @end */
/* @group Forms -.--------------------------------------- */

	.form-control {
		height: 38px;
		font-size: 14px;
		font-weight: 600;
		box-shadow: none;
		border-radius: 0;
		border-color: #eee }

	.form-control:hover {
		border-color: #ddd }

	.form-control:focus {
		border-color: #2766be;
		box-shadow: none }

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

	body > header {
		height: 400px;
		background-size: cover;
		background-position: center }

	@media (max-width:768px) {

		body > header {
			height: 380px } }

	@media (max-width:480px) {

		body > header {
			margin-bottom: 14px;
			height: 320px } }

/* @end */
/* @group Topbar ---------------------------------------- */

	body > header .topbar {
		position: relative;
		height: 80px;
		border-bottom: 1px solid rgba(255,255,255,0.25);
		text-align: center;
		background-color: rgba(0,0,0,0.4) }

	body > header .topbar .logotype {
		position: absolute;
		top: 10px;
		left: 50px;
		height: 60px }

	body > header .topbar .main-site {
		position: absolute;
		top: 10px;
		right: 50px;
		padding: 20px 0 }

	body > header .topbar .main-site a {
		color: #fff;
		font-size: 16px;
		font-weight: 700;
		padding: 10px;
		background-color: #a4097c }

	@media (max-width: 1200px) {

		body > header .topbar .logotype {
			left: 20px }

		body > header .topbar .main-site {
			right: 20px } }

	@media (max-width: 920px) {

		body > header .topbar .main-site {
			font-size: 12px;
			font-weight: 500 }

		body > header .topbar .logotype {
			top: 15px;
			height: 50px } }

	@media (max-width: 768px) {

		body > header .topbar .main-site {
			display: none } }

/* @end */
/* @group Main Navegation ------------------------------- */

	body > .main-nav {
		margin: 0 auto;
		background-color: #2766be; }

	body > .main-nav ul {
		max-width: 1190px;
		margin: 0 auto;
		padding: 25px 25px }

	body > .main-nav li {
		display: inline;
		margin: 0 15px 0 0;
		padding: 0 15px 0 0;
		border-right: 2px solid #fff;
		list-style: none }

	body > .main-nav li a {
		color: #fff;
		font-weight: 600;
		text-transform: uppercase }

	body > .main-nav li a:hover {
		text-decoration: none;
		color: rgba(255,255,255,0.5) }

	body > .main-nav li.current-menu-item a {
		color: rgba(255, 255, 255, 0.5) }
	
	body > .main-nav li.pink-button {
		background-color: #a4097c;
		padding: 10px;
		border: 0 }
	
	body > .main-nav ul.sub-menu {
	    position: absolute;
	    z-index: 8;
	    background-color: #2766be;
	    display: none;
	    margin: -2px 60px !important;
	    padding: 30px 20px 5px !important;
	    width: 20% }
	
	body > .main-nav ul.sub-menu li {
	    width: 100%;
	    border: 0 !important;
	    display: inline-block;
	    padding-left: 0 !important;
	    margin: 0 !important;
	    padding-bottom: 10px !important }
	 
	 body > .main-nav ul li:hover ul.sub-menu {
	 	display:block }

	@media (max-width: 920px) {

		body > .main-nav li a {
			font-size: 13px } }

	@media (min-width: 768px) {

		body > header .topbar .main-nav {
			display: inline-block!important }

		body > header .topbar .main-nav-show {
			display: none } }

		@media (min-width:768px) {

			body > .main-nav.fixed {
				position: fixed;
				top: 0;
				z-index: 999;
				width: 100% }

		}



	@media (max-width: 768px) {

		body > header .topbar .main-nav-show {
			position: absolute;
			right: 20px;
			top: 24px;
			cursor: pointer }

		body > header .topbar .main-nav-show span {
			display: block;
			margin: 5px 0;
			width: 26px;
			height: 3px;
			background-color: #fff }

		body > .main-nav {
			display: none;
			position: absolute;
			padding: 0px;
			left: 0px;
			top: 79px;
			width: 100%;
			background-color: #fff;
			box-shadow: 0px 10px 20px rgba(0,0,0,0.8);
			z-index: 999 }

		body > .main-nav ul {
			width: 100%;
			padding: 0 }

		body > .main-nav li {
			display: block;
			width: 100%;
			text-align: left;
			padding: 0;
			margin: 0;
			border-top: 1px solid #ddd }

		body > .main-nav li a {
			display: block;
			color: #2766be;
			font-size: 16px;
			padding: 16px!important }

		body > .main-nav li a:hover {
			color: #2766be;
			background: #eee }
		
		body > .main-nav li.pink-button a {
			color: #fff }

	}

/* @end */
/* @group Caption --------------------------------------- */

	body > header {
		text-align: center }

	body > header .caption {
		margin: 0;
		width: 100%;
		height: 320px;
		background: rgba(0,0,0,0);
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.5)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
		background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ) }

	body > header .caption h1,
	body > header .caption span {
		margin: 85px 0 20px 0;
		color: #fff;
		font-size: 44px;
		font-weight: 800;
		text-transform: uppercase }

	body > header .header-description {
		width: 800px;
		margin: 0 auto }

	body > header .caption p {
		display: inline-block;
		margin: 0;
		color: #fff;
		font-size: 24px;
		font-weight: 600; }

	@media (max-width:768px) {

		body > header .caption {
			height: 300px }

		body > header .caption h3 {
			margin: 80px 0 20px 0;
			font-size: 42px }

		body > header .header-description {
			width: 100% }

		body > header .caption p {
			font-size: 16px } }

	@media (max-width:480px) {

		body > header .caption {
			height: 240px }

		body > header .caption h3 {
			margin: 60px 0 20px 0;
			font-size: 32px }

		body > header .caption p {
			margin: 0;
			padding: 0;
			display: inline;
			font-size: 14px;
			background: none } }

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

	.filter-query {
		margin: 14px 14px 28px 14px;
		font-size: 32px;
		font-weight: 200; }

	.filter-query strong {
		color: #2766be }

	.pagination {
		margin: 0 0 40px 0;
		padding: 0 14px;
		width: 100% }

	.pagination .in-right {
		float: left;
		text-align: right;
		width: 50%;
		height: 22px;
		border-right: 1px solid #ddd }

	.pagination .in-right a {
		margin-right: 10px }

	.pagination .in-left {
		float: right;
		width: 50%;
		text-align: left;
		height: 22px }

	.pagination .in-left a {
		margin-left: 10px }

	.blog-introduction {
		padding: 0 16px;
		margin: 50px 0;
		font-size: 24px;
		font-weight: 400 }

	@media (max-width: 768px) {

		.blog-introduction {
			margin: 20px 0;
			font-size: 18px }

	}

/* @end */
/* @group Post Listing ---------------------------------- */

	.post-listing {
		float: left;
		margin-bottom: 50px }

	.post-featured {
		width: 100%;
	 	height:auto}

	.post-featured .post-item,
	.post-listing .post-item {
		padding: 14px }

	.post-featured .post-item .post-item-frame,
	.post-listing .post-item .post-item-frame {
		margin: 0;
		padding: 18px;
		box-shadow: 0px 1px 4px rgba(0,0,0,0.3) }

	.post-featured .post-item-caption {
		min-height: 420px }

	.post-featured .post-item h2,
	.post-listing .post-item h2 {
		margin: 0 0 10px 0;
		font-size: 16px;
		font-weight: 600 }

	.post-featured .post-item h2 {
	font-size: 28px !important }

	.post-featured .post-item .post-excerpt,
	.post-listing .post-item .post-excerpt {
		margin-bottom: 5px;
		font-size: 13px }

	.post-featured .post-item .post-excerpt p,
	.post-listing .post-item .post-excerpt p {
		margin: 0 0 5px 0 }

	.post-featured .post-item .post-excerpt a,
	.post-listing .post-item .post-excerpt a {
		color: #a4097c }

	.post-featured .post-item .post-tags,
	.post-featured .post-item .post-tags a,
	.post-listing .post-item .post-tags,
	.post-listing .post-item .post-tags a {
		color: #999;
		font-style: italic;
		font-size: 13px }

	.post-featured .post-item time,
	.post-listing .post-item time {
		color: #727272;
		font-size: 13px }

	.post-listing .post-item img {
		margin: 0 0 18px 0;
		width: 100%;
		height: auto }

	.post-featured .post-item-caption {
		position: relative }

	.post-featured .post-item-content {
		padding: 120px 20px 20px 20px;
		position: absolute;
		z-index: 1;
		bottom: 0;
		width: 100%;
		background: rgba(255,255,255,0);
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.49) 27%, rgba(255,255,255,1) 55%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(27%, rgba(255,255,255,0.49)), color-stop(55%, rgba(255,255,255,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.49) 27%, rgba(255,255,255,1) 55%);
		background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.49) 27%, rgba(255,255,255,1) 55%);
		background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.49) 27%, rgba(255,255,255,1) 55%);
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.49) 27%, rgba(255,255,255,1) 55%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ) }

	@media (max-width:768px) {

		.post-listing .post-item {
			padding: 20px 0 14px 0 }

		.post-featured .post-item-content {
			margin-bottom:-120px !important
		}


		 }



	/* Grid configuration */

	@media (min-width:768px) { #grid[data-columns]::before { content: '2 .column.size-1of2' } }
	@media (max-width:768px) { #grid[data-columns]::before { content: '1 .column.size-1of1' } }

	.column 	 { float: left }
	.size-1of2 { width: 50% }
	.size-1of1 { width: 100% }

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

	.post-body h1 {
		margin: 20px 0;
		padding: 0 0 20px 0;
		color: #2766be;
		font-size: 48px;
		font-weight: 600;
		border-bottom: 1px solid #eee }

	.post-body h2, .post-body h2 span, .post-body h3, .post-body h3 span {
		color: #a4097c !important;
		margin-bottom: 25px;
		margin-top: 40px }

	.post-body p, .post-body li {
	    font-size: 17px;
	    margin-bottom: 20px;
	    line-height: 160% }
	
	.post-body ul {
		list-style: none }
	
	.post-body ul li:before {
		content: "\f111";
		font-family: 'FontAwesome';
		font-style: normal;
		color: #a4097c;
		padding-right: 10px;
		vertical-align: middle;
		font-size: 6px }

	.post-body img {
		margin: 0 0 20px 0;
		max-width: 100%;
		height: auto }

	.post-body header {
		margin-bottom: 23px }

	.post-body header .post-categories {
		float: right;
		padding: 0;
		list-style: none }

	.post-body header .post-categories li {
		float: left }

	.post-body header .post-categories li:before {
		margin-left: 1px;
		content: ", " }

	.post-body header .post-categories li:first-child:before {
		content: "" }

	.body-cta {
		text-align: center }

	.body-cta img {
		max-width: 100% }
	
	.zem_rp_wrap ul li:before {
		content: none }
	
	.zem_rp_wrap .related_post_title {
		font-weight: 700;
		color: #434343 !important }

	@media (max-width:768px) {

		.post-body h1 {
			margin-top: 10px;
			font-size: 32px }

		.post-body h2 {
			font-size: 28px }

		.post-body h3 {
			font-size: 22px } }

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

	.resources-content {
		padding: 30px 0 60px 0;
		font-size: 18px;
		border-bottom: 2px dashed #eee }

	.resources-listing article {
		padding: 60px 0;
		border-bottom: 2px dashed #eee }

	.resources-listing article h2 {
		margin: 0 0 30px 0 }

	.resources-listing article:last-child {
		border-bottom: none }

	.resources-listing article img {
		margin: 0;
		width: auto;
		max-height: 220px }

	.resources-listing article .resource-item-content {
		padding-bottom: 70px;
		position: relative }

	.resources-listing article a {
		position: absolute;
		bottom: 0px;
		display: inline-block;
		margin: 12px 0 0 0;
		padding: 12px 22px;
		color: #fff;
		font-weight: 400;
		font-size: 16px;
		text-transform: uppercase;
		background-color: #0e4180 }

	.resources-listing article a:hover{
		text-decoration: none;
		background-color: #ea5c00 }

	@media (min-width:768px) {

		.resources-listing article .resource-item-content {
			min-height: 150px }

	}


	@media (max-width:768px) {

		.resources-content {
			padding: 0 0 20px 0;
			font-size: 16px }

		.resources-listing article {
			text-align: center }

		.resources-listing article img {
			margin-bottom: 30px }

		.resources-listing article .resource-item-content {
			padding-bottom: 0px;
			min-height: auto  }

		.resources-listing article a {
			position: relative }

	}

/* @end */
/* @end */
/* @group Sidebar ======================================= */
/* @group Default Widgets ------------------------------- */

	aside .widget {
		padding: 18px;
		margin: 0 0 25px 0;
		background-color: #f8f8f8 }

	aside .widget h3 {
		margin: 0 0 20px 0;
		font-size: 20px;
		font-weight: 200;
		text-align: center;
		text-transform: uppercase }

	@media (max-width:768px) {

		aside {
			margin: 40px 0 0 0;
			padding: 40px 0 0 0;
			border-top: 1px solid #eee } }

/* @end */
/* @group Search Form ----------------------------------- */

	aside .widget .search-form {
		position: relative }

	aside .widget .search-form button {
		position: absolute;
		top: 0;
		right: 0;
		height: 38px;
		width: 38px;
		border: none;
		background: none }

	aside .widget .search-form button:hover {
		color: #2766be }

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

	aside .widget ul {
		float: left;
		padding: 0;
		list-style: none;
		text-align: center;
		width: 100% }

	aside .widget ul li {
		padding: 5px 0 ;
		border-bottom: 1px solid #ddd }

	aside .widget ul li:last-child {
		border: none;
		padding-bottom: 0 }

	aside .widget .cat-item {
		list-style: none;
		display: inline;
		border: none; }

	aside .widget .cat-item .sep {
		margin-left: -3px }

/* @end */
/* @group Follow Us ------------------------------------- */

	aside .widget ul.social-icons-lists li a span.socicon {
		display: block;
		margin: 0 0 5px 0 }

/* @end */
/* @group Subscription ---------------------------------- */

	aside .widget.form-subscription {
		background-color: #4b70b4 }

	aside .widget.form-subscription h3 {
		color: #fff;
		margin-bottom: 5px }

	aside .widget.form-subscription p {
		margin-bottom: 20px;
		text-align: center;
		color: rgba(255, 255, 255,0.75) }

	aside .widget.form-subscription .btn {
		padding: 9px 12px;
		color: #fff;
		text-transform: uppercase;
		background-color: #ea5c00;
		border-radius: 0px;
		border: none }

/* @end */
/* @group CTA ------------------------------------------- */

	aside .widget.sidebar-cta {
		text-align: center;
		background: none;
		padding: 0 }

	aside .widget.sidebar-cta img {
		max-width: 100% }

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

	body > footer {
		overflow: hidden;
		margin: 75px 0 0 0;
		color: #fff }

	body > footer ul li a {
		color: #fff }

	body > footer ul li a:hover {
		text-decoration: none;
		color: rgba(255, 255, 255,0.5)!important }

	body > footer .container-fluid {
		max-width: 1200px }

	@media (max-width: 768px) {

		body > footer {
			text-align: center }

		body > footer .text-right {
			text-align: center }

	}

/* @end */
/* @group Block 1 --------------------------------------- */

	body > footer .block-1 {
		padding-top: 40px;
		padding-bottom: 40px;
		background: #0e4180 }

	body > footer .block-1 .contact-form-link {
		display: inline-block;
		margin: 8px 0 0 0;
		padding: 12px 22px;
		color: #0e4180;
		font-weight: 400;
		font-size: 18px;
		text-transform: uppercase;
		background-color: #fff }

	body > footer .block-1 .contact-form-link:hover {
		text-decoration: none;
		background-color: rgba(255,255,255,0.75) }

	body > footer .block-1 .contact-numbers {
		margin: 0;
		padding: 0;
		list-style: none }

	body > footer .block-1 .contact-numbers li {
		padding: 0 0 0 28px;
		margin: 6px 0 8px 0;
		background-repeat: no-repeat }

	body > footer .block-1 .contact-numbers li:last-child {
		margin: 0 }

	body > footer .block-1 .contact-numbers li.contact-phone {
		background-image: url('img/ico-phone.png') }

	body > footer .block-1 .contact-numbers li.contact-fax {
		background-image: url('img/ico-fax.png') }

	body > footer .block-1 .contact-address {
		margin: 0 0 0 0;
		padding: 0;
		list-style: none }

	body > footer .block-1 .contact-address li {
		padding: 0 0 0 28px;
		background-position: 0 2px;
		background-repeat: no-repeat;
		background-image: url('img/ico-address.png') }

	@media (max-width: 768px) {

		body > footer .block-1 .contact-address li {
			padding: 0;
			background: none }

		body > footer .block-1 .contact-numbers{
			margin: 20px 0 0 0 }

		body > footer .block-1 .contact-numbers li {
			padding: 0;
			margin: 0;
			background: none!important }

		body > footer .block-1 .contact-form-link {
			margin-top: 30px }

	}

/* @end */
/* @group Block 3 --------------------------------------- */

	body > footer .block-2 {
		padding-top: 25px;
		padding-bottom: 25px;
		background: #0f3263 }

	body > footer .block-2 small {
		display: block;
		font-size: 14px;
		font-weight: 600 }

	body > footer .block-2 .menu {
		margin: 0;
		padding: 0;
		text-align: right }

	body > footer .block-2 .menu li {
		display: inline;
		margin: 0 0 0 10px }

	body > footer .block-2 .menu li:before {
		content: "•";
		margin: 0 10px 0 0;
		color: rgba(255,255,255,0.25) }

	body > footer .block-2 .menu li:first-child:before {
		content: none }

	@media (max-width: 768px) {

		body > footer .block-2 small {
			margin-bottom: 20px }

		body > footer .block-2 .menu li {
			display: block;
			text-align: center }

		body > footer .block-2 .menu li:before {
			content: none }

	}

.elq-form {width:100%; float:left;}

.elq-form .field-wrapper {
	margin:10px 0px !important;
}

.elq-form .field-wrapper label {
	margin:0px 0px 5px !important;
	font-family:'Lato','HelveticaNeue', Helvetica;
	font-size:14px;
	color:#337ab7;
}

.elq-form .field-wrapper input {
	width: 100%;
    	padding: 5px 0px;
	font-family:'Lato','HelveticaNeue', Helvetica;
	font-size:16px !important;
	text-indent:5px !important; }

.elq-form input[type="submit"] {
	width: 100% !important;
    	padding: 5px 1px !important;
	border:1px solid #337ab7;
	color:#fff;
	font-family:'Lato','HelveticaNeue', Helvetica;
	font-size:16px !important;
	background:#337ab7 !important;
	height:auto !important;
}

.elq-form input[type="submit"]:hover {
	background:#2766be !important;
	font-weight:bolder;
}



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