/*
 * Project: elcatala.cat
 * Area: Front
 * File: CSS GLOBAL
 */
/* COMPASS */
/* BASE */
/*
 * Project: elcatala.cat
 * Area: Front
 * File: CSS Reset
 */
/* 
 * BOX MODEL 
 */
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_reset\.scss}line{font-family:\0000312}}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* Sass - Compass */
}

/* HTML5 reset-ish, but not really necesary as I'm using htmlshiv,js */
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_reset\.scss}line{font-family:\0000321}}
header, section, footer, aside, nav, main, article, figure {
  display: block;
}

/* COWOWO CSS RESET =============================================================== */
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_reset\.scss}line{font-family:\0000339}}
html, body,
div, span,
h1, h2, h3, h4, h5, h6,
p, a,
pre, code,
img,
dl, dt, dd,
ol, ul, li,
img {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  color:#00645c;
  /* for headings, works */
}

@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_reset\.scss}line{font-family:\0000347}}
ol, ul {
  list-style: none;
}

@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_reset\.scss}line{font-family:\0000349}}
img {
  max-width: 100%;
  height: auto;
  /* The height is added to ensure the aspect ratio of the image is retained. */
}

/* VIP !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  :-)  */
 /* 
this takes away the bottom margin of imgs, it's inline behaviour causes the margin 
pero tb hace lo que dice el codigo...
*/
/* img {display:inline-block;} */
/* THIS DIDN'T WORK */
/*
 * Project: elcatala.cat
 * Area: Front
 * File: Sass - Style
 */
/* 
 * VARIABLES - COLORS - 1ST LEVEL !  
 */
/* 
 * VARIABLES - FONT-SIZE - chnage to fs_system !!!!!!!!!!!
 */
/* CREATE MIXIN for rem fontsize and px fallback solution */
/* Variables - font families */
/* BASE per tota la web / text menys important */
/* 1a TIPUS ESPECIAL */
/* BASE per tota la web / text menys important */
/* 1a TIPUS ESPECIAL */
/* SASS - EXTENDS AND PLACEHOLDERS */
/*
 * Project: elcatala.cat
 * Area: Front
 * File: Sass - Layout
 */
/* 
 * VARIABLES - LAYOUT - MEDIA-QUERIES 
 */
/* 599 */
/*
 * SASS - VARIABLES - LAYOUT - SPACING
 */
/* 
 * MIXINS - LAYOUT - RESPONSIVE 
 */
/* 
 * MIXINS - LAYOUT - PADDING 
 */
/* 
 * MIXINS - LAYOUT - IMAGES 
 */
/* 
 * 
 * SASS - EXTENDS AND PLACEHOLDERS 
 *
 */
/* START - CLEARFIX */
/* apply clearfix to parent */
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_sass_layout\.scss}line{font-family:\0000390}}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_sass_layout\.scss}line{font-family:\0000398}}
* html .clearfix {
  zoom: 1;
}

/* IE6 */
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_sass_layout\.scss}line{font-family:\0000399}}
*:first-child + html .clearfix {
  zoom: 1;
}

/* IE7 */
/*/END - CLEARFIX */
/* 
 * CLASS EXTENDS (vs PLACEHOLDERS) - LAYOUT - VERTICAL (and horizontal) CENTERING
 */
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_sass_layout\.scss}line{font-family:\00003112}}
.ghostFather {
  /* must be inisde a parent container with position: relative; */
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  /* The ghost, nudged to maintain perfect centering */
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_sass_layout\.scss}line{font-family:\00003119}}
.ghostFather:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}

@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_sass_layout\.scss}line{font-family:\00003130}}
.ghostChild {
  width: 95%;
  display: inline-block;
  vertical-align: middle;
}

/*
 * Project: elcatala.cat
 * Area: Front
 * File: TYPOGRAPHY
 */
/*  
 * TEXT: FONTS (font-face declarations)
 */
/*
@font-face { // bold & italic
    font-family: 'ArcherBoldPro';
    src: url('../fonts/archer-bold-pro/archer-bold-pro.eot');
    src: url('../fonts/archer-bold-pro/archer-bold-pro.eot') format('embedded-opentype'),
         url('../fonts/archer-bold-pro/archer-bold-pro.woff2') format('woff2'),
         url('../fonts/archer-bold-pro/archer-bold-pro.woff') format('woff'),
         url('../fonts/archer-bold-pro/archer-bold-pro.ttf') format('truetype'),
         url('../fonts/archer-bold-pro/archer-bold-pro.svg#archer-bold-pro') format('svg');
}


@font-face { // bold
    font-family: 'ArcherBoldItalPro';
    src: url('../fonts/archer-boldital-pro/archer-boldital-pro.eot');
    src: url('../fonts/archer-boldital-pro/archer-boldital-pro.eot') format('embedded-opentype'),
         url('../fonts/archer-boldital-pro/archer-boldital-pro.woff2') format('woff2'),
         url('../fonts/archer-boldital-pro/archer-boldital-pro.woff') format('woff'),
         url('../fonts/archer-boldital-pro/archer-boldital-pro.ttf') format('truetype'),
         url('../fonts/archer-boldital-pro/archer-boldital-pro.svg#archer-boldital-pro') format('svg');
}

@font-face { // aka "normal"
    font-family: 'ArcherBookPro';
    src: url('../fonts/archer-book-pro/archer-book-pro.eot');
    src: url('../fonts/archer-book-pro/archer-book-pro.eot') format('embedded-opentype'),
         url('../fonts/archer-book-pro/archer-book-pro.woff2') format('woff2'),
         url('../fonts/archer-book-pro/archer-book-pro.woff') format('woff'),
         url('../fonts/archer-book-pro/archer-book-pro.ttf') format('truetype'),
         url('../fonts/archer-book-pro/archer-book-pro.svg#archer-book-pro') format('svg');
}

*/
@font-face {
  font-family: 'Gotham Book';
  src: url("../fonts/Gotham/Gotham-Book.ttf");
}

@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_typography\.scss}line{font-family:\0000361}}
body {
  /* @include font0; */
  font-family: 'Gotham Book', sans-serif;
  font-size: 16px;
  /* line-height: $baseSpacing; */
}

@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_typography\.scss}line{font-family:\0000396}}
a,
a:visited,
a:hover {
  text-decoration: none;
 /* color: black; */
}

/*  Typography - Headers ======================== */
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_typography\.scss}line{font-family:\00003167}}
.m_htmleditor h3 {
  font-size: 20px;
  margin-top: 24px;
  margin-bottom: 12px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_typography\.scss}line{font-family:\00003175}}
.m_htmleditor p {
  margin-bottom: 12px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_typography\.scss}line{font-family:\00003189}}
.m_htmleditor ul {
  margin-left: 24px;
  margin-bottom: 24px;
  list-style: disc;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_typography\.scss}line{font-family:\00003198}}
.m_htmleditor li {
  margin-bottom: 18px;
  margin-bottom: 12px;
  margin-bottom: 10px;
}

/* CSS Document - FRONT-END */
/* START - CODE FOR RESPONSIVE STICKY FOOTER + add class .block to footer */
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\000035}}
html, body {
  height: 100%;
  /* VIP */
}

@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\000038}}
#page {
  height: 100%;
  /* VIP */
  width: 100%;
  /* VIP for RESPONSIVE */
}

@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\0000313}}
.block {
  display: table-row;
  /* VIP */
  height: 1px;
  /* VIP */
}

/* ====================================================================================================================== */
/* MACRO LAYOUT                                                                                                           */
/* ====================================================================================================================== */
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\0000336}}
body {
  color: black;
  font-size: 1rem;
  /* browser default */
 /* background-color: #FBBA00; */
  background-position: center center;
  background-size: cover;
  -webkit-animation: mymove 12s infinite;
  /* Chrome, Safari, Opera */
  animation: mymove 12s infinite;
}

/* Chrome, Safari, Opera */


@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\0000378}}
#page {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  /*
  position:relative;
  height:100%;
  */
  text-align: center;
}

@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\0000396}}
.m_language {
  margin-top: 12px;
  position: relative;
  z-index: 5;
  text-align: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003108}}
.m_language ul {
  display: inline-block;
  overflow: hidden;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003113}}
.m_language li {
  float: left;
  margin-right: 12px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003116}}
.m_language li:last-of-type {
  margin-right: 0;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003119}}
.m_language a {
  display: block;
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003123}}
.m_language a:hover {
  border-bottom-color: inherit;
}

@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003134}}
.m_center {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  /* center the interior */
  position: relative;
  z-index: 5;
}

@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003145}}
.m_logo {
  /* display: block; */
  margin-left: auto;
  margin-right: auto;
  width: 600px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003153}}
.m_logo img {
  width: 100%;
}
@media only screen and (max-width: 700px) {
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003145}}
  .m_logo {
    width: 62%;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003165}}
.section_content {
  font-size: 24px;
  margin-top: 36px;
}

@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003175}}
.section_date {
  font-size: 20px;
  margin-top: 18px;
  text-align: center;
}

@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003191}}
.section_details {
  line-height: 1.4em;
  margin-top: 48px;
  margin-top: 36px;
  /*
  @media only screen and (max-width: $bp_s) {
  	font-size: 20px;
  	} // MEDIA-QUERY	
  */
  position: relative;
  z-index: 5;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003204}}
.section_details a {
  padding-bottom: 2px;
  border-bottom: 1px solid transparent;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003207}}
.section_details a:hover {
  border-bottom-color: inherit;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003229}}
.section_details ul {
  margin-top: 12px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003231}}
.section_details li {
  display: inline-block;
  width: 40px;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003239}}
.section_details li img {
  width: 100%;
  display: block;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003244}}
.section_details li:hover {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
}

@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003268}}
.other {
  /* display: block; */
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  padding-left: 24px;
  padding-right: 24px;
  overflow: hidden;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003275}}
.other .image {
  float: left;
  width: 45%;
  margin-right: 10%;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003279}}
.other .image:last-of-type {
  margin-right: 0px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003281}}
.other .image img {
  width: 100%;
  display: block;
}

@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003297}}
.l_bottom {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
@media only screen and (max-width: 700px) {
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003297}}
  .l_bottom {
    position: relative;
    bottom: auto;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003343}}
.m_song {
  position: absolute;
  z-index: 5;
  bottom: 24px;
  left: 24px;
  width: 240px;
}
@media only screen and (max-width: 700px) {
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003343}}
  .m_song {
    position: relative;
    left: auto;
    bottom: 0px;
    margin-top: 48px;
    font-size: 20px;
    /* display: block; */
    margin-left: auto;
    margin-right: auto;
  }
}

@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003376}}
.w_mailchimp {
  width: 340px;
  /* display: block; */
  margin-left: auto;
  margin-right: auto;
}

@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003381}}
.w_mailchimp {
  width: 100%;
  text-align: center;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003389}}
.w_mailchimp input[type=email] {
  max-width: 100%;
  background-color: transparent;
  font-weight: bold;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003397}}
.w_mailchimp #mc_embed_signup input {
  border: 1px solid #000;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003405}}
.w_mailchimp input[type=email]:hover,
.w_mailchimp input[type=email]:focus {
  max-width: 100%;
  background-color: black;
  color: #fff;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003413}}
.w_mailchimp #mc_embed_signup .button {
  background-color: #000;
  width: 100%;
  width: calc(100% - 10px);
}

@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003427}}
.m_developer {
  /*
  position: absolute;
  bottom: $spacing; right: $spacing;
  */
  margin-top: 24px;
  text-align: center;
  z-index: 5;
  /*
  @media only screen and (max-width: $bp_s) {
  	position: relative;
  	
  	// bottom: 0px; 
  	right: auto;
  	
  	@include centered;
  	// margin-top: $spacing2; // ???
  	margin-top: $spacing4;
  	
  	padding-bottom: $spacing;
  	
  	
  .text {
  	display: block;
  	}
  
  .image {
  	// display: block;	
  	}	
  	
  	
  			
  	} // MEDIA-QUERY	
  	
  */
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003438}}
.m_developer > .inner {
  display: inline-block;
  overflow: hidden;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003449}}
.m_developer .text {
  display: inline-block;
  vertical-align: middle;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003455}}
.m_developer .image {
  display: inline-block;
  vertical-align: middle;
  width: 120px;
}
@media -sass-debug-info{filename{font-family:file\:\/\/E\:\/wamp\/www\/labeata\/landing\/assets\/scss\/base\/_layout\.scss}line{font-family:\00003460}}
.m_developer .image img {
  width: 100%;
  display: block;
}