/*
Theme Name: Guineu
Author: Edgar Riu
Version: 1.0
Author URI: http://www.riuweb.com/
Domain Path: /languages
*/

/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:0.4rem;}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{font-size:100%;}
button {cursor: pointer; border: none; background: none; }
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins, a{text-decoration:none;}
a, input {outline:none; color: #000;}
a img {border: none;}


/******************* LAYOUT *******************/

html, body {
	font-size: 14px;
	height: 100%;
	color: #000;
}
html,button,input,select,textarea{
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.container {
	margin: 0 auto;
}
.wrapper {
	padding: 0 2em;
}
.clear:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.transition {
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out
}
.nopadding {
	padding: 0 !important;
}
.max700 {
	max-width: 700px;
}

/******************* end LAYOUT *******************/

/******************* HEADER *******************/

#head {
	padding-top: 15px;
}
#logo {
	display: block;
    float: left;
	border-right: 1px solid #fff;
}
#logo a {
	display: block;
}
#logo #logo_guineu {
	height: auto;
	width: 145px;
}

#main_menu,
#qtranslate-chooser {
	display: none;
}
#main_menu-trigger {
	height: 40px; width: 40px;
	background: url(/web/20180419200332im_/http://www.guineubeer.com/wp-content/themes/guineu/img/icon_menu.png) no-repeat center center;
	cursor: pointer;
	float: right;
	display: block;
}

#head * {
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}


#page.head_smaller {
	padding-top: 100px;
}
.home #page {
	padding-top: 90px;
}
.home #page.head_smaller  {
	padding-top: 0;
}
#head.smaller {
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	border-bottom: 1px solid #ccc;
	position: fixed;
	z-index: 100;
	top: 0;
	width: 100%;
	padding: 10px 0 !important;
	height: 45px;
	background: #FFF !important;;
}
.home #head {
	background: rgba(255,255,255,0.6);
	padding: 25px 0 10px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;
}
#head.smaller #qtranslate-chooser, 
#head.smaller #main_menu {
	padding-top: 15px;
}
#head.smaller #logo_guineu {
	height: 45px;
	width: auto;
	margin: 0;
}
#head.smaller #logo_guineu #logo_text {
	display: none;
}
#head.smaller #main_menu li.current-menu-parent a,
#head.smaller #main_menu li a:hover,
#head.smaller #main_menu li.current-menu-item a {
	border-bottom: none;
	color: #F6921E;
}


/* MENU */

.pml-open .outer-wrap{
	overflow: hidden;
	height: 100%;
}

.mask {
	overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15;
    width: 100%;
    height: 100%;
}
nav.push-menu-left {
    position: fixed;
    z-index: 40;
    background-color: #F6921E;
    overflow-y: auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	top: 0;
	width: 100%;
	left: -100%;
	height: 100%;
}

button.close-menu{
	float: right;
	text-indent: -9999px;
	height: 60px; width: 27px;
	background: url(/web/20180419200332im_/http://www.guineubeer.com/wp-content/themes/guineu/img/icon_close_menu.png) no-repeat center center;
}
#main_menu-mobile,
#qtranslate-chooser-mobile {
	padding: 2em;
	text-align: center;
}
#main_menu-mobile li,
#qtranslate-chooser-mobile li {
    display: block;
	padding: 5px;
}
#main_menu-mobile li a,
#qtranslate-chooser-mobile li a {
	display: inline-block;
    font-size: 1.3em;
    line-height: 1em;
    padding: 15px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}
#main_menu-mobile li.current-menu-parent a,
#main_menu-mobile li.current-menu-item a,
#main_menu-mobile li:hover a {
	border: 2px solid #FFF;
	padding: 13px;
}

#qtranslate-chooser-mobile li {
	display: inline-block;
}
#qtranslate-chooser-mobile li a {
    font-size: 1.1em;
}
#qtranslate-chooser-mobile li.active a,
#qtranslate-chooser-mobile li:hover a  {
	border-bottom: 2px solid #FFF;
}

body.pml-open nav.push-menu-left {
	left: 0
}
body.pml-open .wrapper {
	left: 100%
}

@media all and (min-width: 768px) { 
	.push-menu-left, .mask {
		display: none;
	}
	.mask {
		display: block;
	}
}

/* end MENU */

h1.hide {
	display: none;
}

/******************* end HEADER *******************/


/******************* FOOTER *******************/

#foot {
	background: #000;
	color: #FFF;
	padding: 50px 0;
	text-align: center;
}
#foot #foot_content strong {
	color: #F6921E;
}

#logo_footer {
	text-align: center;
	opacity: 0.5;
}

#social_media {
	margin: 20px 0 30px;
}
#social_media li {
	display: inline-block;
	margin: 0 7px;
}
#social_media li a {
	display: block;
	width: 32px; height: 32px;
	text-indent: -9999px;
	background: url(/web/20180419200332im_/http://www.guineubeer.com/wp-content/themes/guineu/img/icons_social.png) no-repeat 0 0;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

#social_media li.facebook a {background-position: 0 0;}
#social_media li.twitter a {background-position: -32px 0;}
#social_media li.instagram a {background-position: -64px 0;}
#social_media li a:hover {
	opacity: 0.5;
}

.contact_foot {
	margin-bottom: 15px;
}
.contact_foot a {
	color: #fff;
	text-decoration: underline;
	-webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}
.contact_foot a:hover {
	color: #F6921E;
}

/******************* end FOOTER *******************/


/******************* HOME *******************/

.container_home {
	overflow: hidden;
}
.slider-home {
	max-width: 1400px;
	margin: 20px auto 0;
}
.slick-list {
    overflow: visible !important;
}
.slider-home .slick-slide {
	position: relative;
	opacity: 0.3;
}
.slider-home .slick-slide.slick-active {
	opacity: 1;
}
.slider-home .slick-slide img {
	width: 100%;
}

.slider-home .slick-slide .box {
	position: absolute;
	top: 30px;
	width: 100%;
	text-shadow: 2px 2px 10px #000;
}
.slider-home .slick-slide .text_home .title {
	color: #FFF;
}
.slider-home .slick-slide .text_home .title_beta {
	color: #F6921E;
	font-weight: bold;
	font-size: 2.5rem;
}

.slick-dots {
	bottom: 20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);	
    transform: translateX(-50%);
    position: absolute;
    text-align: center;
}
.slick-dots li {
	display: inline-block;
	margin: 0 5px;
}
.slick-dots li button {
	display: block;
	width: 15px;
	height: 15px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #FFF;
	text-indent: -9999px;
	opacity: 0.5;
}
.slick-dots li.slick-active button {
	background: #F6921E;
	opacity: 1;
}

.home .beer_list .grid-item:last-child {
	display: none;
}

.ri-shadow::after, .ri-shadow::before {
	display: none;
}

.instagram_home,
.twitter_home  {
	margin-bottom: 5rem;
}

.instagram_home .timeline,
.twitter_home .timeline  {
	margin-top: 3rem;
}

.instagram_home .timeline li {
	width: 20%;
	display: inline-block;
	vertical-align: top;
	background: #000;
}
.instagram_home .timeline li a {
	display: block;
}
.instagram_home .timeline li a:hover {
	opacity: 0.3;
}
.instagram_home .timeline li img {
	width: 100%;
}

.twitter_home .timeline li {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #000;
}
.twitter_home .timeline li .data {
	color: #ccc;
	margin-bottom: 5px;
	font-size: 0.9;
}
.twitter_home .timeline li .text {
	font-size: 1.2rem;
	line-height: 1.2;
}
.twitter_home .timeline li a {
	color: #F6921E;
}
.twitter_home .timeline li a:hover {
	text-decoration: underline
}


/******************* end HOME *******************/


/******************* GENERAL *******************/

.container {
	padding: 5rem 2rem 3rem;
	text-align: center;
}

.bloc_text {
    margin-bottom: 2rem;
	text-align: left;
	line-height: 1.8rem;
}
.bloc_text p {
    margin-bottom: 1rem;
}
.bloc_text h2 {
	margin:2.5rem 0 1.5rem;
	font-size: 1.7rem;
}
.bloc_text a {
    text-decoration: underline;
    color: #F6921E;
}
.bloc_text a:hover {
    text-decoration: none;
}
.bloc_text ul, .bloc_text ol {
	padding-left: 50px;
	margin-bottom: 1rem;
}
.bloc_text ul li {
	list-style: disc outside;
	padding-left: 10px;
}
.bloc_text ol li {
	list-style: decimal outside;
	padding-left: 10px;
}

/******************* end GENERAL *******************/


/******************* NOSALTRES *******************/

.entradeta {
	font-size: 1.5em;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
	max-width: 850px;
	margin: 4rem auto 0;
}
.entradeta:before {
	border-top: 6px solid #f6921e;
    content: "";
    display: block;
    margin: 0 auto;
    padding-bottom: 2rem;;
    width: 40px;
}

#nosaltres .img_full {
	width: 100%;
}

#nosaltres .block {
	position: relative;
}
#nosaltres .block_outter .text_bloc {
	margin-top: 3rem;
}
#nosaltres .block_outter .text_bloc h2 {
	background: #000;
	color: #FFF;
	font-size: 1.6rem;
	letter-spacing: 0.2rem;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0.8rem 1.2rem;
	display: inline-block;
}
#nosaltres .block_outter .text_bloc .text {
	padding: 2rem 1.6rem;
}
#nosaltres .block_outter .text_bloc .text p {
	margin-bottom: .8rem;
	line-height: 1.7rem;
}


@media (max-width:769px) { 
	
	#nosaltres .block_outter .text_bloc {
		margin-top: 3rem !important;
	}
	
}


@media (min-width:768px) { 

	.entradeta {
		font-size: 2em;
		margin: 7rem auto 0;
	}
	
	#nosaltres .block_outter {
		position: absolute;
		top: 0;
		width: 100%;
	}
	#nosaltres .block_outter.right .text_bloc {
		float: right;
	}
	#nosaltres .block_outter .text_bloc {
		margin-top: 5rem;
		max-width: 500px;
	}
	#nosaltres .block_outter .text_bloc h2 {
		font-size: 1.8rem;
		padding: 1.2rem 1.6rem;
	}
	#nosaltres .block_outter .text_bloc .text {
		padding: 5rem 3rem 3rem;
		background: rgba(255, 255, 255, 0.8);
		margin: -2rem 0 0 2rem;
	}

}

@media (min-width:990px) { 

	#nosaltres .block_outter .text_bloc .text {
		background: #FFF;
	}

}


/******************* end NOSALTRES *******************/


/******************* LLISTAT *******************/

.button-group {
	margin: 1rem 0 3rem;
}
.button-group li {
	display: inline-block;
	padding: 0 0.8rem;
	border-left: 1px solid #000;
}
.button-group li:first-child {
	padding-left: 0;
	border-left: none;
}
.button-group li .filters-item {
	text-transform: uppercase;
	font-size: 0.9rem;
	line-height: 0.8rem;
}
.button-group li .filters-item.is-checked,
.button-group li .filters-item:hover {
	color: #F6921E;
}

#menu_filtres li a {
	color: #AAA;
	text-transform: uppercase;
	-webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
    padding: 5px 15px;
    display: block;
}
#menu_filtres li.first a {
	color: #000;
}
#menu_filtres li:hover a,
#menu_filtres li.current a {
	color: #f6921e;
}

.cerveses {
	margin: 0 -1rem;
}
.cerveses .grid-item { 
	width: 50%;
	text-align: center;
	display: inline-block;
}
.cerveses .grid-item .content { 
	margin: 0 1rem 3rem;
}
.cerveses .grid-item img { 
	position: relative;
	top: 0;
	width: 100%;
	height: auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-bottom: 10px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
}
.cerveses .grid-item .beer_list_title {
	font-weight: bold;
}
.cerveses .grid-item .beer_list_title_beta {
	font-size: 0.8rem;
}

.cerveses .grid-item .link:hover .beer_list_title {
	color: #f6921e;
}
.cerveses .grid-item .link:hover img {
	top: -10px;
}

.collaboracions .grid-item img {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

/******************* end LLISTAT *******************/

/******************* CERVESA *******************/

.title {
	font-size: 2.5rem;
	line-height: 2rem;
	font-weight: bold;
	color: #F6921E;
	text-transform: uppercase;
}
.title.center {
	text-align: center;
}
.title_margin {
	margin-bottom: 3rem;
}

.subtitle {
	font-size: 1.4rem;
	line-height: 1.8rem;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
}

.beer_img {
	margin: 2.5rem 0 2rem;
}
.beer_img img {
	max-height: 300px;
}

.vol_ibu {
	overflow: auto;
	margin-bottom: 1.5rem;
}
.vol_ibu li {
	display: inline-block;
	padding: 0 1.5rem;
	border-right: 1px solid #000;
}
.vol_ibu li:last-child {
	border-right: none;
}
.vol_ibu li span {
	display: block;
}
.vol_ibu li .destacat {
	font-size: 2rem;
	line-height: 2rem;
	font-weight: bold;
	color: #F6921E;
}
.vol_ibu li span {
	display: block;
}

.og_fg {
	overflow: auto;
	margin-bottom: 2rem;
}
.og_fg li {
	display: inline-block;
	padding: 0 1rem;
	border-right: 1px solid #000;
}
.og_fg li:last-child {
	border-right: none;
}
.og_fg li strong {
	font-weight: normal;
	color: #F6921E;
	text-transform: uppercase;
}

.button {
	border: 2px solid #000;
	font-weight: bold;
	color: #000;
	font-size: 1.1rem;
	padding: 0.8rem 1.5rem;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.button:hover {
	background: #000;
	color: #fff;
}

.beer_text {
	margin-top: 2rem;
}

.fitxa_tecnica {
	margin-bottom: 3rem;
}
.fitxa_tecnica li {
	margin-bottom: .5rem;
	line-height: 1.5rem;
}
.fitxa_tecnica li span {
	display: block;
}
.fitxa_tecnica li .nom {
	color: #F6921E;
	text-transform: uppercase;
	font-size: 0.9rem;
	font-weight: bold;
}

.package {
	margin-bottom: 3rem;
}
.package_img, .package_text {
	display: inline-block;
	vertical-align: bottom;
}
.package_img {
	margin-right: 15px;
}
.package_img img {
	margin-right: 5px;
}
.package_text {
	text-align: left;
}
.package_text strong {
	color: #F6921E;
}

.rrssb-buttons {
	margin: 25px -5px 0;
}
.beer_info .rrssb-buttons {
	margin-top: 5rem;
}
.rrssb-buttons li {
	display: inline-block;
	line-height:13px;
	list-style:none;
	width: 33.3333%;
}
.rrssb-buttons li.rrssb-facebook a:hover {
	background-color:#306199; border-color: #306199;
}
.rrssb-buttons li.rrssb-twitter a:hover {
	background-color:#26c4f1; border-color: #26c4f1;
}
.rrssb-buttons li.rrssb-pinterest a:hover {
	background-color:#b81621; border-color: #b81621;
}
.rrssb-buttons li a {
	margin: 0 5px;
	border: 1px solid #ccc;
	display:block;
	font-size:11px;
	font-weight:bold;
	padding:10px 0;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	width:auto;
	-webkit-transition:background-color 0.2s ease-in-out;
	-moz-transition:background-color 0.2s ease-in-out;
	-o-transition:background-color 0.2s ease-in-out;
	transition:background-color 0.2s ease-in-out
}
.rrssb-buttons li a .rrssb-icon {
	display:inline-block;
	padding: 0 5px 2px;
}
.rrssb-buttons li a .rrssb-icon svg {
	height:17px;
	width:17px
}
.rrssb-buttons li a .rrssb-icon svg path,.rrssb-buttons li a .rrssb-icon svg polygon {
	fill:#ccc
}
.rrssb-buttons li a .rrssb-text {
	color:#ccc;
	display:inline-block;
	margin-top: 3px;
    vertical-align: top;
    min-width: 70px;
    padding: 0 10px;
}
.rrssb-buttons li a:hover .rrssb-icon svg path,.rrssb-buttons li a:hover .rrssb-icon svg polygon {
	fill:#fff; 
}
.rrssb-buttons li a:hover .rrssb-text {
	color: #fff;
}

.beer_list {
	clear: both;
	padding-top: 60px;
	margin-bottom: 2rem;
}
.bar_title {
	text-align: center;
	text-transform: uppercase;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 2rem;
}
.bar_title:before {
	border-top: 6px solid #f6921e;
    content: "";
    display: block;
    margin: 0 auto;
    padding-bottom: 15px;
    width: 40px;
}
.bar_title_nmb {
	margin-bottom: 0;
}
.bar_subtitle {
	text-align: center;
	color: #f6921e;
}
.bar_subtitle a {
	color: #f6921e;
}

/******************* end CERVESA *******************/


/******************* PÀGINA *******************
	
.pagina h1 {
	font-size: 3em;
	line-height: 1.3em;
	font-weight: bold;
	margin-bottom: 30px;
}
.pagina .text {
	font-size: 1.3em;
	line-height: 1.8em;
	color: #999;
}
.pagina .text p {
	margin-bottom: 15px;
}

/******************* end PÀGINA *******************/


/******************* NOTÍCIES *******************/


.title_blog {
	text-align: center;
	margin-bottom: 4rem;
}

article.noticia {
	padding-bottom: 35px;
	border-bottom: 1px solid #ddd;
	margin: 0 auto 85px;
	max-width: 700px;
}
article.noticia:last-child {
	margin-bottom: 0;
	border: none;
}
article.noticia .data {
	color: #f6921e;
	margin-bottom: 10px;
	font-size: 0.9em;
	text-transform: uppercase;
	text-align: center;
}
article.noticia h2 {
    font-size: 2.4em;
    font-weight: bold;
    margin-bottom: 40px;
    line-height: 1.5em;
    text-align: center;
}
article.noticia h2 a:hover {
    color: #f6921e;
}
article.noticia .blog_img {
	text-align: center;
	margin-bottom: 25px;
}
article.noticia .blog_img img {
	max-width: 700px;
}
article.noticia .tags {
	margin-top: 40px;
	text-align: center;
}
article.noticia .tags a {
    color: #f6921e;
    font-size: 0.8em;
    line-height: 1.3em;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #ddd;
	-webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    -o-transition: color 0.2s;
    transition: color 0.2s;
}
article.noticia .tags a:hover {
	color: #000;
}
article.noticia .tags a:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}

#pagination {
	text-align: center;
	padding-top: 30px;
}
#pagination a {
	display: inline-block;
	border: 2px solid #000;
	padding: 0.8rem 1.5rem;
	text-transform: uppercase;
	font-weight: bold;
	color: #000;
	font-size: 1.1rem;
	letter-spacing: 2px;
	-webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -ms-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
}
#pagination a:hover {
	background: #000;
	color: #FFF;
}

/******************* end NOTÍCIES *******************/

/******************* CONTACTE *******************/

.contacta {
	margin: 3rem 0 2.5rem;
}

#contact_info .text {
	font-size: 1em;
	line-height: 1.8em;
	margin-bottom: 4rem;
}
#contact_info .text strong {
	font-weight: bold;
	text-transform: uppercase;
	color: #f6921e;
}

.contacta .frase::before {
    border-top: 6px solid #f6921e;
    content: "";
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
    width: 40px;
}

.wpcf7-form .wpcf7-form-control-wrap {
	display: block;
	margin-bottom: 15px;
}
.wpcf7-form input.wpcf7-text,
.wpcf7-form textarea,
.wpcf7-form .wpcf7-submit {
	border: none;
	padding: 15px;
	background: #EEE;
	box-sizing: border-box;
    width: 100%;
    font-size: 1em;
}
::-webkit-input-placeholder {color: #AAA;font-weight: bold;text-transform: uppercase;}
:-moz-placeholder {color: #AAA;font-weight: bold;text-transform: uppercase;}
::-moz-placeholder {color: #AAA;font-weight: bold;text-transform: uppercase;}
:-ms-input-placeholder {color: #AAA;font-weight: bold;text-transform: uppercase;}

.wpcf7-form .wpcf7-submit {
	width: auto;
	border: 2px solid #000;
	padding: 0.8rem 1.5rem;
	text-transform: uppercase;
	font-weight: bold;
	background: none;
	color: #000;
	font-size: 1.1rem;
	letter-spacing: 2px;
	-webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -ms-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
}
.wpcf7-form .wpcf7-submit:hover {
	background: #000;
	color: #FFF;
}

.wpcf7-form .ajax-loader {
	margin-left: 15px;
	display: inline-block;
}
.wpcf7-form .wpcf7-not-valid-tip {
	background: #f6921e;
	display: block;
	font-size: 1em;
	line-height: 1.5em;
	padding: 10px;
	color: #fff;
}
.wpcf7-form .wpcf7-response-output {
	margin-bottom: 3rem;
	border: 2px solid #f6921e;
	font-size: 1.2em;
	line-height: 1.5em;
	padding: 10px;
	color: #f6921e;
	font-weight: bold;
}
.wpcf7-form .wpcf7-response-output ul {
	display: none !important;
}
.screen-reader-response,
.wpcf7-form .wpcf7-display-none {
	display: none;
}

.post-password-form {
	margin-top: 5em;
}
.post-password-form p {
	font-size: 1.4em;
	line-height: 1.5em;
	margin-bottom: 20px;
}
.post-password-form .wpcf7-text {
	width: 100%;
	margin-bottom: 10px;
}
.post-password-form .wpcf7-submit {
	width: 100%;
}

#contact_map iframe {
	width: 100%;
	height: 400px;
}


/******************* end CONTACTE *******************/



@media (min-width: 568px) {

	.cerveses .grid-item { 
		width: 25%;
	}
	
}

@media (min-width:768px) { 

	#page {
		height: auto !important;
	    margin: 0 auto -185px;
	    min-height: 100%;
	}
	#foot{
		height: 185px;
		padding: 0 auto;
	}
	#push {
		height: 185px;
		clear: both;
	}

	/******************* HEADER *******************/
	
	#head {
		padding-top: 25px;
		height: 75px;
		z-index: 100;
		position: relative;
	}
	/*.home #page {
		padding-top: 0;
	}*/
	
	.container {
    	padding: 6rem 4rem 5rem;
    	text-align: left;
	}

	/******************* end HEADER *******************/
	
	
	/******************* HOME *******************/
	
	.slider-home .slick-slide .box {
		position: absolute;
		top: 150px;
	}
	
	/******************* end HOME *******************/
	
	/******************* FOOT *******************/
	
	.contact_foot p {
		display: inline-block;
		padding: 0 8px 0 10px;
		border-left: 1px solid #666;
	}
	.contact_foot p:first-child {
		border-left: none;
	}

	/******************* end FOOT *******************/
	
	/******************* CERVESA *******************/
	
	.cerveses .grid-item { 
		width: 25%;
	}
	
	.beer_main {
		float: left;
		width: 60%;
	}
	.beer_img {
		float: right;
		width: 40%;
		margin: 0;
		text-align: center;
	}
	
	.beer_img img {
		max-height: 500px;
	}
	
	.title {
		font-size: 3.5rem;
		line-height: 3rem;
	}
	.subtitle {
		font-size: 1.7rem;
		line-height: 2rem;
	}
	
	.vol_ibu {
		margin: 3rem 0 5rem;
	}
	.vol_ibu li {
		text-align: center;
	}
	.vol_ibu li:first-child {
		padding-left: 0;
	}
	.og_fg li:first-child{
    	padding-left: 0;
	}
		
	.beer_text {
		float: left;
	    margin-top: 3rem;
	    width: 60%;
	}

	/******************* CERVESA *******************/
	
	
	/******************* QUI SOM *******************
		
	.qui_som .entradeta,
	.qui_som .text {
		float: left;
		width: 55%;
		clear: left;
	}
	.qui_som .entradeta {
		margin-bottom: 75px;
	}
	.qui_som .fotos {
		float: right;
		width: 40%;
		margin: 0;
	}
	.qui_som .fotos img {
		width: 100%;
		margin-bottom: 10px;
		display: block;
	}
	.qui_som .fotos .img:last-child img {
		display: none;
	}
	
	/******************* end QUI SOM *******************/
	
	/******************* PÀGINA *******************
		
	.pagina #content {
		max-width: 515px;
	}

	/******************* end PÀGINA *******************/
	
	/******************* CONTACTE *******************/
		
	.contacta #contact_info {
		float: left;
		width: 30%;
	}
	.contacta #content {
		float: right;
		width: 65%;
	}
	
	.contacta {
		margin: 5rem 0 3rem;
	}
	.contacta .frase::before {
		display: none;
	}
	
	.post-password-form .wpcf7-text {
		max-width: 300px;
	}
	.post-password-form .wpcf7-submit {
		width: auto;
	}
	
	#contact_map iframe {
		height: 600px;
	}
	
	/******************* end CONTACTE *******************/



}

@media (min-width:850px) { 

	#logo #logo_guineu {
		margin-top: 0;
		width: auto;
	}

}

@media (min-width:990px) { 
	
	.wrapper {
		margin: 0 auto;
		max-width: 1150px;
	}
	
	.cerveses .grid-item { 
		width: 20%;
	}
	
	
	#logo {
	    position: relative;
	    z-index: 10;
	    border: none;
	}
	#logo #logo_guineu {
		margin-top: 14px;
	}
	
	#main_menu,
	#qtranslate-chooser {
		display: block;
	}
	#main_menu-trigger {
		display: none;
	}
	
	.menu-menu-1-container {
		float: right;
		margin-right: 2rem;
	}
	#main_menu {
		padding-top: 38px;
	}
	#main_menu li {
		display: inline-block;
		margin: 0 1rem;
	}
	#main_menu li a {
		font-size: 1em;
    	font-weight: bold;
		line-height: 1em;
		text-transform: uppercase;
		display: block;
		padding-bottom: 13px;
		border-color: #F6921E;
		-webkit-transition: all 0.2s;
	    -moz-transition: all 0.2s;
	    -ms-transition: all 0.2s;
	    -o-transition: all 0.2s;
	    transition: all 0.2s;
	}
	#main_menu li.current-menu-parent a,
	#main_menu li a:hover,
	#main_menu li.current-menu-item a {
		border-bottom: 4px solid #F6921E;
	}
	
	#qtranslate-chooser{
		float: right;
		padding-top: 38px;
		position: relative;
	    z-index: 10;
	}
	#qtranslate-chooser li {
		float: left;
		margin-left: 10px;
	}
	#qtranslate-chooser li a {
		font-size: 0.8rem;
		text-transform: uppercase;
		color: #4D4D4D;
		-webkit-transition: border 0.2s;
	    -moz-transition: border 0.2s;
	    -ms-transition: border 0.2s;
	    -o-transition: border 0.2s;
	    transition: border 0.2s;
	}
	#qtranslate-chooser li a:hover,
	#qtranslate-chooser li.active a {
		color: #F6921E;
	}
	
	/******************* HOME *******************/
	
	.home .beer_list .grid-item:last-child {
		display: inline-block;
	}
	
	.twitter_home {
		float: left;
		width: 40%;
	}
	.instagram_home {
		float: right;
		width: 55%;
	}
	
	.instagram_home,
	.twitter_home  {
		margin-bottom: 0;
	}
	
	/******************* end HOME *******************/
	
	
	/******************* CERVESA *******************/
	
	.beer_info {
		float: left;
		width: 55%;
	}
	.beer_text {
		float: right;
		width: 43%;
		margin: 0;
	}
	.beer_img img {
		margin-top: -60px;
		position: relative;
	}
	
	/******************* end CERVESA *******************/
	
	
	/******************* QUI SOM *******************
		
	.qui_som .entradeta,
	.qui_som .text {
		width: 37%;
	}
	.qui_som .fotos {
		width: 60%;
		margin: 0 -5px;
	}
	.qui_som .fotos .img {
		vertical-align: top;
		display: inline-block;
		width: 50%;
	}
	.qui_som .fotos .img.horitzontal {
		width: 100%;
	}
	.qui_som .fotos .img .box {
		display: block;
    	margin: 0 5px;
    	position: relative;
	}
	.qui_som .fotos .img .box img {
		width: 100%;
		display: block;
	}
	
	/******************* end QUI SOM *******************/

	
	/******************* CONTACTE *******************/
		
	.contacta {
    	max-width: 900px;
	}
	
	/******************* end CONTACTE *******************/

}

@media (min-width:1200px) { 

	.beer_img img {
		max-height: 700px;
		margin-top: -150px;
	}
	
}

#wpsl-checkbox-filter, .wpsl-custom-checkboxes {
	width: auto !important;
}
.wpsl-input label {
    width: auto !important;
}
/*
     FILE ARCHIVED ON 20:03:32 Apr 19, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:51:29 Jul 23, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.517
  exclusion.robots: 0.03
  exclusion.robots.policy: 0.02
  esindex: 0.01
  cdx.remote: 94.962
  LoadShardBlock: 158.676 (3)
  PetaboxLoader3.datanode: 288.962 (4)
  load_resource: 160.395
*/