/* 
Theme Name: Proquimia
Description: Canvas child theme
Author: Zoo Studio
Author URI: http://www.zoo.ad/
Template: canvas
*/

@import url("../canvas/style.css");


.debug {
	display: none;
}
#top-nav {
    float: right;
}
#logo {
	position: absolute;
	top: -51px;
	left: 0;
}
#logo-phone {
	display: none;
	padding: 20px 50px;
	background-color: #283C80;
}
body #header {
	padding: 0;
	z-index: 9001;
}
body #navigation {
	margin-bottom: 0;
}
body #navigation ul.nav ul {
	width: 18em;
}
#navigation h3 {
	display: none;
}
.entry img, 
img.thumbnail,
#portfolio .group.portfolio-img img {
	border: none;
	padding: 0;
}
body h5 {
	font: bold 16px/1.1em Arial, sans-serif;
	color: #00bae5;
}
body hr {
	background-color: #B3BBC8;
	margin: 0.8em 0;
}
.entry h3 {
	line-height: normal;
}

/* Menu */

ul.nav li.current_page_item a, 
ul.nav li.current_page_parent a, 
ul.nav li.current-menu-ancestor a, 
ul.nav li.current-cat a, 
ul.nav li.current-menu-item a {
	color: #00bae5;
}

ul.nav ul li.current_page_item a, 
ul.nav ul li.current_page_parent a, 
ul.nav ul li.current-menu-ancestor a, 
ul.nav ul li.current-cat a, 
ul.nav ul li.current-menu-item a, 
#navigation ul.cart .cart_list a {
	color: #00bae5 !important;
}

#navigation ul.nav > li > a {
	font-weight: bold;
}
#navigation ul.nav > li a:hover {
	color: #00bae5 !important;
	text-decoration: none;
}
ul.nav li ul li a,
ul.nav li.current-menu-item a {
	color: #1C368D !important;
}

.social {
	margin-right: 10px;
}
#top ul.nav li.social a {
	padding: 2px;
	float: left;
}

/* Widgets */

.widget ul li, .widget_nav_menu ul li {
	list-style-type: none;
	border-bottom: 1px solid #B3BBC8;
	padding: 0.7em 0;
}
.widget ul li a {
	line-height: normal;
}
.widget ul li a:hover {
	color: #00bae5;
	text-decoration: none;
}

.widget ul li span.post-date {
	display: block;
	color: #c4643b;
}

/* Pages */

.cap {
	margin-bottom: 20px;
	overflow: hidden;
}
.cap img {
	height: auto;
}
.cap .noimg {
	height: 120px;
}
.page-title, .post .title, .page .title {
	margin: 0 0 1.5em;
}
body.three-col-middle-960 #main-sidebar-container #main { /* Ombres 3 columnes */
	box-shadow: 0 10px 0 0 white, 0 -10px 0 0 white, 5px 0 10px -5px rgba(0, 0, 0, 0.3), -5px 0 10px -5px rgba(0, 0, 0, 0.3);
}
body.two-col-right-960 #main-sidebar-container section#main { /* Ombra 2 columnes */
	box-shadow: 0 10px 0 0 white, 0 -10px 0 0 white, 0 0 0 0 white, -5px 0 10px -5px rgba(0, 0, 0, 0.3);
}

/* Top Navigation */

#top {
	background: #FFF;
	display: block!important;
}
#top h3 {
	display: none;
}
#top ul.nav {
	position: relative;
	margin-bottom: 0;
	width: auto;
	margin: 9px;
}
#top ul:first-child {
	margin-right: 2em;
}
#top ul.nav li {
	position: relative;
	float: left;
	zoom: 1;
	list-style: none;
}
#top div ul.nav li a {
	color: #909090;
	font-size: 1em;
}
#top div ul.nav > li.menu-item-type-custom > a,
#top div ul.nav > li.menu-item-language > a {
	border-right: 1px solid #909090;
}
#top ul.nav li a:hover {
	text-decoration: none;
}
#top ul.nav li ul li a:hover {
	text-decoration: underline;
}

/* Top Submenus */

#top ul.nav ul {
	width: 8.4em;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 9999;
	margin: 0;
	padding: 0.4em 0;
}
#top ul.nav ul li {
	float: none;
}
#top ul.nav ul li a {
	width: 100%;
	display: inline-block;
	padding: 0.2em 1em!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1em;
}
#top ul.nav ul ul {
	left: 100%;
	top: 0;
}
#top ul.nav li:hover > ul {
	visibility: visible;
}
#top ul.nav > li a:hover {
	background: #555;
	color: #ddd;
}
#top ul.nav > li:hover {
	background: #555;
	color: #ddd;
}
#top ul.nav ul {
	background: #555;
}
#top ul.nav ul li a {
	color: #ddd!important;
}
#top ul.nav li.current_page_item a,
#top ul.nav li.current_page_parent a,
#top ul.nav li.current-menu-ancestor a,
#top ul.nav li.current-cat a,
#top ul.nav li.current-menu-item a {
	color: #333;
	background: #fff;
}

/* Foot */

#footer {
	display: none;
}
#footer-widgets .block {
	padding-top: 10px;
}
#footer-widgets .widget_nav_menu {
	margin-bottom: 10px;
}
#footer-widgets .widget_nav_menu ul li {
	border: 0;
	padding: 0;
	display: inline;
}
#footer-widgets .block.footer-widget-1 li {
	margin-right: 5px;
}
#footer-widgets .block.footer-widget-2 {
	text-align: right;
}
#footer-widgets .block.footer-widget-2 li {
	margin-left: 5px;
}

/* Blog */

.post {
	margin: 0;
}
.post-entries {
	display: none;
}
.archive_header {
	display: none;
}
.post-meta abbr {
	border-bottom: none;
	cursor: auto;
	font-weight: bold;
}
.read-more a:link, .read-more a:visited {
	color: #993300;
}
.blog #main {
	padding-top: 50px;
}
.blog #main article {
	padding: 0 0 50px 30px;
}

/* Slider */

#loopedSlider, .cap {
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.3);
}
#loopedSlider {
	margin-bottom: 20px;
}
#loopedSlider .content {
	padding: 0;
}

/* Forms */

.formcheck > span {
	display: block;
}
.form-jobs {
	padding: 0 30px;
}
.form-jobs-code {
	display: none;
}

/* Responsive */

@media only screen and (min-width: 768px) {
	section#main article {
		padding: 20px 30px;
	}
	#sidebar, #sidebar-alt {
		padding: 20px 0;
	}
	#wrapper #inner-wrapper {
		border-top: 0;
	}
	/* Catalogs */
	body.two-col-right-960 #main-sidebar-container #sidebar {
		width: 17.385%;
	}
	body.two-col-right-960 #main-sidebar-container #main {
		width: 79.385%;
	}
	/* Menu */
	ul#main-nav { 
		padding-left: 275px;
	}
	body #navigation .nav li.parent > a {
		padding-right: 1em;
	}
	body #navigation .nav li.parent > a:after {
		content: none;
	}
	#navigation ul.nav > li > a {
		padding-top: .5em!important;
		padding-bottom: .5em!important;
		margin-top: .8em;
		margin-bottom: .8em;
		border-right: 1px solid #00bae5;
	}
	#navigation ul.nav > li:last-child a {
		border-right: none;
	}
	.social-foot {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	#logo {
		display: none;
	}
	#logo-phone {
		display: block;
	}
	#wrapper #inner-wrapper {
		padding: 0;
	}
	.nav-toggle, body.boxed-layout #top {
		margin: 0;
	}
	#content, #footer {
		padding-left: 1em;
		padding-right: 1em;
	}
	#top ul {
		float: left;
	}
	#top ul.nav {
		margin: 0;
	}
	#top ul.nav li a {
		padding: .5em .8em;
	}
	#top ul:first-child {
		margin-right: 0;
	}
	#top-nav > li.menu-item-language {
		left: 0;
	}
	.social {
		display: none;
	}
	.social-foot {
		display: block;
		padding: 1em;
	}
	body.three-col-middle-960 #main-sidebar-container #main,
	body.two-col-right-960 #main-sidebar-container section#main {
		box-shadow: none;
	}
	.show-nav #navigation .top-navigation {
		display: none;
	}
	#sidebar-alt.only-title {
		display: none;
	}
	#footer-widgets {
		padding: 1em;
	}
	#footer-widgets .widget_nav_menu ul li {
		display: block;
	}
	#footer-widgets .block.footer-widget-2 {
		text-align: left;
	}
	#footer-widgets .block.footer-widget-2 li {
		margin-left: 0;
		margin-right: 5px;
	}
}

/* CSS estil per a fer hover button en el myproquimia de la home */

.mypqImg { 
	width: 185px; 
	height:185px; 
	display:block; 
	background-image: url('http://www.proquimia.com/wp-content/uploads/2017/02/mypq.jpg'); 
	} 
.mypqImg:hover { 
	background-image: url('http://www.proquimia.com/wp-content/uploads/2017/02/mypq_over.jpg'); 
	}

