/*
Theme Name: A Poc A Poc
Description: Tema pesonalitzat per A Poc A Poc
Author: Webthesigns
Template: flatsome
Text Domain: apocapoc
Version: 1.0
*/

/* Això arregla un problema a la botiga de woocommerce, */
/* on un --> trenca l'estil de la capçalera */
html { background: #fff; }
body { color: #fff; }
main { color: #777; }


/*BODY*/


body {
	text-align: left;
}
.custom-section-home{
	transform: translateY(-140px);
}
.custom-section-form{
	padding-top: 200px;
}

h2{
	font-size: 2.2em !important;
}
.font-bold{
    font-weight: bold;
}
.font-extrabold{
    font-weight: 900;
}
.font-light{
    font-weight: lighter;
}
/*BUTTON*/

button {
	border-radius: 40px !important;
	text-transform: lowercase !important;
	color: white;
}
.button.facebook:not(.is-outline),
.button.facebook:hover,
.button.instagram:not(.is-outline),
.button.instagram:hover { 
	color: black !important;
}
.btn-def{
	border-radius:99px;
	padding: 0 3.2em;
}

/*404*/
.mt {
    margin-top: 210px !important;
}

/*NAVBAR / LOGO / SOCIALS*/
.header-position{
	transform: translateY(-64px);
}
.header-wrapper{
	height: 130px !important;
	position: fixed !important;
}
.header-main{
	height: 70px !important;
}
li.wpml-ls-menu-item {
    display: none;
}
.is-divider{
	background-color: white !important;
}
.mobile-nav{
	transform: translateY(14px) !important;
}
#logo-scroll{
	height: 45px;
	margin-left: -2px;
	z-index: 1
}

#logo img{
	max-height: 83px !important;
	position: fixed !important;
	margin-top: -50px;
}
.button.icon.circle {
    padding-left: 1px;
    padding-right: 0;
}
.header-wrapper.stuck, .header-shadow .header-wrapper, .layout-shadow #wrapper {
	box-shadow: none!important;
}
/*SECCIÓ HEADER*/

.section-header .section-bg.bg-loaded {
	background-image: url(../flatsome/wp-content/uploads/2019/03/header-apocapoc-home-mbl-1.jpg);
}
.section-header .section-bg {
	background-position: 30% 0% !important;
}
#section-header {
		padding-top: 350px;
		padding-bottom: 0;
		background-image: url(https://apocapoc.cat/wp-content/uploads/2019/03/header-apocapoc-home-1.jpg);
	}
.fill{
	height: 75% !important;
}
.img-header {
	transform: translate(20px,97px);
	opacity: 0.5;
	
	width: 72px;
}

.btn-header{
	padding: 0 3.2em !important;
}

body.home .header-bg-color,
body.home .header-wrapper {
    background-color: rgba(255,255,255,0) !important;
}

/*SECCIÓ 1*/

.section1{
	transform: translateY(-260px);
}
#section1{
	padding-top: 50px;
	padding-bottom: 50px;
}
.text-section1, .p-section1{
	text-align: center;
	font-size: 30px !important;
	line-height: 1;
}
.text-continue{
    font-size: 30px;
    line-height: 1;
	   }
.img-section1 {
    transform: translate(-60px,-80px);
    z-index: -1;
    position: relative;
    width: 81px;
}
.div-right{
	text-align: right;
}
.btn-section1{
	background-color: #7F0BBA !important;
	padding: 0 3.2em !important;
	transform: translate(0,-31px);
}
.color-text{
	color: blue !important;
	opacity: 0.9;
}
.div-section-1{
	width: 100%;
	margin: 0;
	text-align: center;
}
.div-section-1 br{
	display: none;
}
.img-maleta{
	display:none;
}

/*SECCIÓ 2*/

.section2{
	transform: translateY(-210px);	
}
#section2 {
	padding-top: 190px;
	padding-bottom: 0;
	background: url(https://apocapoc.cat/wp-content/uploads/2019/03/costa_brava1.jpg) no-repeat center center;	 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/*SECCIÓ 3*/
.section3{
	transform: translateY(-230px);
	padding: 0 !important;
}
.box-text{
	z-index: 2 !important;
}
.img-1-last{
	z-index: -1;
	transform: translate(-83px,-76px);
	position: relative;
}
.img-2-last{
	transform: translate(106px,35px);
}
.img-3-last{
	transform: translate(188px,17px);
}
.small-6{
	flex-basis: auto !important;
	max-width: 100% !important;
}
/*FOOTER*/

.img-3-last{
		transform: translate(44px,8px);
	}
.social-footer a{
	background-color: black;			
}
.social-footer i{
	color: white;
}
.absolute-footer{
	display: none !important;
}

.footer-2{
	border-top: 0px solid rgba(0,0,0,0);
}

/*BLOG & COLORS CATEGORIES*/

.badge.post-date {
    top: 14%;
}
.cat-item-11 a, .cat-item-17 a {
	transform: translateX(40px);
}
.cat-item-12 a, .cat-item-18 a {
	transform: translateX(40px);
}
.cat-item-13 a, .cat-item-19 a {
	transform: translateX(40px);
}
.cat-item-14 a, .cat-item-20 a {
	transform: translateX(40px);
}
.cat-item-15 a, .cat-item-21 a {
	transform: translateX(40px);
}
.cat-item-16 a, .cat-item-22 a {
	transform: translateX(40px);
}
.cat-item-11, .cat-item-17{
	background: url("https://apocapoc.cat/wp-content/themes/apocapoc/img/cat_esport.svg");
	background-repeat: no-repeat;
	background-size: 34px;
}
.cat-item-12, .cat-item-18{
	background: url("https://apocapoc.cat/wp-content/themes/apocapoc/img/cat_excursions.svg");
	background-repeat: no-repeat;
	background-size: 34px;
}
.cat-item-13, .cat-item-19{
	background: url("https://apocapoc.cat/wp-content/themes/apocapoc/img/cat_experiencia.svg");
	background-repeat: no-repeat;
	background-size: 34px;
}
.cat-item-14, .cat-item-20{
	background: url("https://apocapoc.cat/wp-content/themes/apocapoc/img/cat_gastronomia.svg");
	background-repeat: no-repeat;
	background-size: 34px;
}
.cat-item-15, .cat-item-21{
	background: url("https://apocapoc.cat/wp-content/themes/apocapoc/img/cat_paisatge.svg");
	background-repeat: no-repeat;
	background-size: 34px;
}
.cat-item-16, .cat-item-22{
	background: url("https://apocapoc.cat/wp-content/themes/apocapoc/img/cat_relax.svg");
	background-repeat: no-repeat;
	background-size: 34px;
}

.widget > ul > li + li {
    border-top: none;
}

.tag-blog{	
	position:absolute;
	transform: translateY(-53px);
}
.tag-blog img {
    width: 50px;
}
.blog-wrapper{
	padding-top: 200px;
}
.text-left {
    text-align: center;
    margin-top: 20px;
}

/*BOX IMAGE*/
.box-image-wts{	
	height: auto;	
	overflow: hidden;
	justify-content: left;
	width: 20%;
}

#section-consultoria {
  padding-top: 200px;
  padding-bottom: 200px;
}
#section-consultoria{
  background-image: url(https://apocapoc.cat/wp-content/uploads/2019/03/header-apocapoc-home-1.jpg);
}

@media (max-width:765px) and (min-width:369px) {
    .img-2-last img{
		display: none !important;
	}
		
}

@media only screen and (min-width: 550px) {

	/*SECCIÓ HEADER*/

	.text-header{
		font-size: 3em !important;
	}

	/*SECCIÓ 1*/

    #section1{
        padding-top: 70px;
        padding-bottom: 70px;
    }
	.badge.post-date {
		top: 7%;
	}
	.text-left {
		text-align: left;

	}

}

@media only screen and (min-width: 765px) {

	/*BODY*/

	.custom-section-home{
		transform: translateY(-180px);
	}	

	.fill{
		height: 100% !important;
	}

	.container{
		max-width: 1300px !important;
	}

	h2{
		font-size: 2.2em !important;
	}

	/*NAVBAR / LOGO / SOCIALS*/

	.header-position{
		transform: translateY(-64px);
	}
	.header-wrapper{
		height: 145px !important;
	}
	.custom-nav{
		top: 23px !important;
	}
	#logo-scroll{
		height: 45px;
		margin-left: -2px;
		z-index: 1
	}
	#logo img{
		max-height: 83px;
		position: fixed !important;
		margin-top: -50px;
	}
	.social-icons,.wpml-ls-display{
		transform: translateY(27px);
	}	

	/*SECCIÓ HEADER*/

	.row-header{
		transform: translateY(200px);
		max-width:1300px;
	}
		#section-header {		
		padding-bottom: 350px;
		background-image: url(https://apocapoc.cat/wp-content/uploads/2019/03/header-apocapoc-home-1.jpg) no-repeat center center fixed;	 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}
	.text-header{
		font-size: 60px !important;
	}
	.img-header {
		transform: translate(-41px,200px);
		opacity: 0.5;		
		width: 240px;
	}	
	.btn-header{
		padding: 0 3.2em !important;
	}

	/*SECCIÓ 1*/

	.section1{
		transform: translateY(0);
	}
	.div-section-1{
		text-align: left;
		margin-right: 40px;
	}
	.text-section1{
		text-align: left;
		font-size: 35px !important;
        line-height: 1;
	}
	.p-section1{
		text-align: left;
		font-size: 40px;
	}
	
	.img-section1 {
		transform: translate(-89px,-59px);
		width: 110px;
	}
	.btn-section1{
		padding: 0 3.2em !important;
		transform: translate(0,-70px);
		margin-left: 0;
	}
	

	/*SECCIÓ 2*/

	.section2{
		transform: translateY(0);	
	}
	#section2 {
		  padding-top: 250px;
		  padding-bottom: 250px;
		  background-image: url(https://apocapoc.cat/wp-content/uploads/2019/03/costa_brava1.jpg);
		}
	.text-section2{
		font-size: 66px !important;
	}

	/*SECCIÓ 3*/

	.section3{
		transform: translateY(0);
		padding-top: 130px !important;
	}
	.column-section2{
		transform: translate(1px,200px);
	}
	.box-text p {
	    margin-top: 2em;
	    margin-bottom: .1em;
	    line-height: 1.4;
	}
	.small-6{
		max-width: 50% !important;
		-ms-flex-preferred-size: 50% !important;
		flex-basis: 50% !important;
	}
	/*FOOTER*/

	.footer-wrapper{
		transform: translateY(0)!important;
	}	
	
	.absolute-footer{
		display: none !important;
	}
	.img-1-last{
		transform: translate(-83px,-76px);
	}
	.img-2-last{
		transform: translate(106px,35px);
	}
	.img-3-last{
		transform: translate(44px,8px);
	}
}

@media only screen and (min-width: 850px) {
	.social-footer{
		transform: translate(31vw,100px);
	}
	.div-section-1 > .img-maleta{
		display:block;
	}
}

@media only screen and (min-width: 992px) {

	/*SECCIÓ 3*/
	.small-6{
		max-width: 25% !important;
		-ms-flex-preferred-size: 25% !important;
		flex-basis: 25% !important;
	}
	
}

/* Treiem la transparència de la capçalera al blog */
body.blog .header-wrapper {
	background: #fff !important;
}

/* Configuració de l'slide */

.n2-ss-section-main-content {
	position: relative;
	top: 150px;
}
.n2-ss-slider .n2-ss-img-wrapper img {
    opacity: 0.8;
}
.n2-ss-slider .n2-ss-item-content:not(.n2-ss-img-wrapper),
.n2-ss-slider .n2-ss-button-container {
	position: relative;
	left: 50px;
}
.n2-ss-slider .n2-ss-item-content:not(.n2-ss-img-wrapper) {
	bottom: 200px;
}
.n2-ss-slider .n2-ss-button-container {
	margin-top: 20px;
}

@media only screen and (max-width: 992px) {
	.n2-ss-section-main-content {
		position: relative;
		top: 200px;
	}
	.n2-ss-slider .n2-ss-item-content:not(.n2-ss-img-wrapper) {
	bottom: 160px;
}
	.n2-ss-slider .n2-ss-item-content:not(.n2-ss-img-wrapper):not(.n2-ss-button-container) {
	    font-size: 250% !important;
	}
	 .n2-ss-slider .n2-ss-img-wrapper img {
	 	max-width: 150px !important;
	 }
}

#main-menu .nav>li>a, .nav-dropdown>li>a, .nav-column>li>a {
    color: #555;
}

#main-menu .header-social-icons {
	display: none;
}

.section {
    padding: 70px;
}

.container {
    padding-left: 50px;
    padding-right: 50px;
}

.dark, .dark p, .dark td {
    color: #555 !important;
}
.footer {
	padding: 30px 70px 0 70px;
}
.footer-2 {
	padding-top: 0 !important;
}

.pap-form-widget {
	padding-left: 50px;
	padding-right: 50px;
}

.header-bg-color, .header-wrapper {
    background-color: rgba(255,255,255,0.7) !important;
}

.col, .gallery-item, .columns {
    padding: 0 30px 30px;
}

.woocommerce-result-count {
	display: none;
}
.woocommerce-result-count+.woocommerce-ordering{
	display: none;
}
body.woocommerce .category-page-row,
body.single-product .product,
body.page-template-default main {
	padding-top: 250px;
}

.image-tools {
	display: none;
}
body.woocommerce .social-icons {
	/*display: none;*/
}

.product-title {
    font-size: 2em;
    font-weight: bold;
    margin-top: 0 !important;
}

form.cart {
	display: none;
}

/* A la grella és un span, però a la pàgina de producte és un <p> */
span .amount {
	display: none;
}

footer .dark a:hover,
footer .dark .widget a:hover {
    color: #000;
    text-decoration: underline;
}