/*
Theme Name: ADP 2020
Text Domain: adp2020
Version: 1.3
Description: Plantilla del projecte #AlimentsDeProp de Prodeca.
Author: Caramelo Studio
Author URI: https://www.caramelostudio.com/
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');

body {
	margin: 0;
	padding: 0;
	border: 0 none;
	font-family: "Open Sans", Arial, Helvetica, "Myriad Pro", "sans-serif";
	font-weight: 300;
	font-size: 20px;
	line-height: 22px;
	letter-spacing: -1px;
	text-align: left;
	color: #000;
}
strong {
	font-weight: 600;
}
a:link,a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	color: #c00000;
}
h1 {
	margin: 0 0 55px;
	font-weight: 600;
	font-size: 38px;
	line-height: 38px;
	color:#c00000;
}
.content {
	margin: 0 auto;
	width: 1100px;
}
.clear {
	clear: both;
}
#head_frst {
	height: 45px;
	background-color: #F3F3F2;
}
#head_frst .head_logo {
	padding-top: 8px;
	float: left;
}
#head_frst .head_logo img {
	display: block;
}
#head_rrss {
	padding-top: 15px;
	float: right;
}
#head_rrss a {
	font-size: 0;
	line-height: 0;
}
#head_rrss .twitter svg {
	width: 20px;
}
#head_rrss .twitter svg path {
	fill: #000;
}
#head_rrss .twitter:hover svg path {
	fill: #c00000;
}
#head_scnd {
	padding: 55px 0;
	border-bottom: 5px solid #c00000;
}
#head_scnd .head_logo {
	float: left;
}
#head_scnd .head_logo img {
	height: 54px;
	display: block;
}
#head_slog {	
	text-align: right;
	float: right;
}
#head_slog p {	
	margin: 3px 0 0;
	font-size: 24px;
	line-height: 24px;
}
#head_slog strong {	
	font-weight: 400;
	color: #c00000;
}
.head_slid .slid_imag {
	padding-bottom: 1px;
	background-color: #c00000;
	position: relative;
}
.head_slid .slid_imag .slid_slog {
	width: 100%;
	height: 315px;
	display: table;
	background: #fff url('img/slid_back.jpg') center center no-repeat;
	background-size: cover;
}
.head_slid .slid_imag .slid_slog > div {
	display: table-cell;
	vertical-align: middle;
}
.head_slid .slid_imag .content {
	font-size: 128px;
	line-height: 128px;
	letter-spacing: -7px;
	text-align: center;
	text-shadow: 1px 1px 1px #666;		
	color: #fff;
}
.head_slid .slid_bott {
	position: relative;
	padding-bottom: 45px;
}
.head_slid .slid_bott {
	padding-bottom: 45px;
	position: relative;
}
.head_slid .slid_bott .slid_cont {
	background-color: #c00000;
	position: relative;
}
.head_slid .slid_bott .slid_cont .content {
	padding: 40px 0 60px;
	background: url('img/head_image.png') center right no-repeat;
}
.head_slid .slid_bott .slid_cont .content .slid_text {
	width: 84%;
}
.head_slid .slid_bott .slid_cont .content p {
	margin: 0;
	font-weight: bold;
	font-size: 28px;
	line-height: 32px;
	color: #fff;
}
.head_slid .slid_line {
	width: 100%;
	height: 45px;
	background: url('img/back_line.png') center bottom repeat;
	position: absolute;
	bottom: 0;
	left: 0;
}
.head_slid .slid_bott .slid_cont .slid_line.frst {
	background-position: center top;
	top: 0;
	bottom: auto;
}
.head_slid .slid_bott > .slid_line {
	background-position: center top;
}
#home_head .slid_imag .slid_slog {
	height: 400px;
}
footer {
	font-weight: 400;
	letter-spacing: 0;
}
footer .content {
	padding: 0;
}
#foot_frst {	
	padding: 35px 0 20px;
	background-color: #F3F3F2;
}
#foot_frst p {	
	margin: 0 0 18px;
	font-size: 15px;
	line-height: 18px;
}
#foot_frst .frst,#frst_scnd,#foot_frst .scnd,#foot_frst .thrd,#foot_frst .frth {
	float: left;
}
#foot_frst .frst {
	box-sizing: border-box;
	padding-right: 70px;
	width: 32%;
}
#frst_scnd {
	width: 68%;
}
#foot_frst .scnd{
	width: 40%;
}
#foot_frst .thrd {
	width: 39%;
}
#foot_frst .frth {
	width: 21%;
}
#foot_frst nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#foot_frst nav li {
	margin: 0;
	padding: 0;	
	font-size: 15px;
	line-height: 27px;
}
#foot_frst strong {
	text-transform: uppercase;
}
#foot_frst .frth strong {
	line-height: 27px;
}
#foot_frst .frth a {
	margin-top: 30px;
	display: block;
}
#foot_logo img {
	width: 230px;
	display: block;
}
#foot_rrss svg {
	margin-right: 15px;
	width: 20px;
}
#foot_rrss .youtube svg {
	width: 21px;
}
#foot_rrss .linkedin svg {
	width: 17px;
}
#foot_rrss svg path {
	fill: #000;
}
#foot_rrss svg:hover path {
	fill: #c00000;
}
#frst_scnd  p {
	margin-bottom: 8px;
}
#foot_scnd {	
	padding: 15px 0;
	background-color: #000;
}
#foot_scnd p {	
	margin: 0;
	font-size: 15px;
	line-height: 18px;
	text-align: center;
	color: #fff;
}
main .content {
	padding: 75px 0;
}
#page_back {
	padding: 42px 0 0;
	font-weight: 700;
	font-size: 17px;
	line-height: 17px;
	text-align: right;
	text-transform: uppercase;
	color: #c00000;
}
#page_back a:link,#page_back a:visited {
	text-decoration: none;
	color: #c00000;
}
#page_back a:hover {
	color: #000;
}
#inic_info {
	margin-top: 50px;
}
#inic_info h2 {
	font-weight: 300;
	font-size: 21px;
	line-height: 21px;
	color: #c00000;
}
#inic_text,#inic_imag {
	float: left;
}
#inic_text {
	padding-right: 3%;
	width: 27%;
}
#inic_text p {
	font-weight: 300;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0;
}
#inic_text p strong {
	font-weight: 400;
	font-size: 18px;
}
#inic_imag {	
	width: 70%;
}
#inic_imag img {	
	max-width: 100%;
}
#dist_logo {
	margin-top: 50px;
}
#dist_logo img {
	margin-right: 14px;
	max-height: 60px;
	vertical-align: middle;
}
.info_rrss {
	margin: 16px 10px 0 0;
	padding: 11px 0 10px;
	width: 42px;
	text-align: center;
	background-color: #eee;
	display: inline-block;
	vertical-align: middle;
}
.info_rrss svg {
	width: 20px;
	height: 20px;
}
.tabl_lege {
	margin-top: 20px;
}
.tabl_lege .item {
	margin-right: 30px;
	display: inline-block;
}
.lege_colo,.lege_text {
	float: left;
}
.lege_colo {
	margin-right: 10px;
	border: 1px solid #bbb;
	width: 50px;
	height: 24px;
}
.lege_text {
	font-size: 15px;
	line-height: 26px;
}
.page h2 {	
	font-weight: 300;
	font-size: 24px;
	line-height: 24px;
	color: #c00000;
}
.page p {
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
}
.page p strong {
    font-weight: 400;
    font-size: 18px;
}
.page a:link,.page a:visited {	
	text-decoration: none;
	color: #000;
}
.page a:hover {	
	text-decoration: underline;
	color: #c00000;
}
@media screen and (max-width: 1200px) { 
	.content{width: 90%;}
	.head_slid .slid_imag .content{font-size: 100px;line-height: 100px;}
	#foot_frst .scnd,#foot_frst .thrd,#foot_frst .frth{width: 33.3333%;}
	#inic_text{width: 37%;}
	#inic_imag{width: 60%;}
}
@media screen and (max-width: 900px) { 
	#head_slog{width: 50%;}
	.head_slid .slid_imag .content{font-size: 90px;line-height: 90px;}
	.head_slid .slid_bott .slid_cont .content{box-sizing: border-box;padding-right: 160px;}
	.head_slid .slid_bott .slid_cont .content p{font-size: 25px;line-height: 30px;}
	#foot_frst .frst, #frst_scnd{width: 100%;float: none;}
	#foot_frst .frst{margin-bottom: 40px;padding: 0;}
	#inic_text{width: 47%;}
	#inic_imag{width: 50%;}
}
@media screen and (max-width: 750px) { 
	.head_slid .slid_imag .content{font-size: 70px;line-height: 70px;letter-spacing: -3px;}
	#inic_text,#inic_imag{width: 100%;}
	#inic_text{margin-bottom: 60px;padding: 0;}
}
@media screen and (max-width: 600px) { 
	#head_scnd .head_logo,#head_slog{width: 100%;float: none}
	#head_slog{margin-top: 30px;text-align: left;}
	.head_slid .slid_imag .content{font-size: 50px;line-height: 50px;letter-spacing: -2px;}
	#foot_frst .scnd, #foot_frst .thrd, #foot_frst .frth{width: 50%}
	#foot_frst .frth{margin-top: 40px;clear: both}
}
@media screen and (max-width: 450px) { 
	.head_slid .slid_imag .content{font-size: 40px;line-height: 40px;}
	#foot_frst .scnd, #foot_frst .thrd, #foot_frst .frth{width: 100%;float: none;}
	#foot_frst .thrd{margin-top: 40px}
	.head_slid .slid_bott .slid_cont .content{padding-right: 0;background-image: none}
	#home_head .slid_imag .slid_slog{height: 315px}
}