/*!
 * project-name v0.0.1
 * A description for your project.
 * (c) 2019 YOUR NAME
 * MIT License
 * https://github.com/SBdC/jeans-team.git
 */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
/* apply a natural box layout model to all elements, but allowing components to change */
/* line 8, src/sass/components/_default.scss */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* line 12, src/sass/components/_default.scss */
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

/* line 18, src/sass/components/_default.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
/* line 109, src/sass/components/_default.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

/* line 123, src/sass/components/_default.scss */
body {
  line-height: 1;
}

/* line 127, src/sass/components/_default.scss */
ol,
ul {
  list-style: none;
}

/* line 132, src/sass/components/_default.scss */
blockquote,
q {
  quotes: none;
}

/* line 137, src/sass/components/_default.scss */
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

/* line 145, src/sass/components/_default.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 150, src/sass/components/_default.scss */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* ************ */
/* colors
white yellow: #eeeee6
light blue: #79d5ff
 dark grey rgba(0, 0, 0, .7);
white
red

/* ************ */
/**********
general
**********/
/* line 17, src/sass/components/_base.scss */
body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background-image: url("../images/jt_background-pattern3.jpg");
  overflow-x: hidden;
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: 50%;
}

/* line 26, src/sass/components/_base.scss */
.wrapper {
  margin-right: auto;
  margin-left: auto;
}

/* line 32, src/sass/components/_base.scss */
.wrapdap {
  margin-left: 1em;
  margin-right: 1em;
}

/**********
Navigation
**********/
/* line 41, src/sass/components/_base.scss */
nav {
  text-align: center;
  background-color: #eeeee6;
  border-bottom: 10px solid white;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

/* line 51, src/sass/components/_base.scss */
nav a {
  display: inline-block;
  padding: 15px 20px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1em;
}

/* line 60, src/sass/components/_base.scss */
#navigation a {
  color: #79d5ff;
}

/* transform nav
-------------------------*/
/* line 67, src/sass/components/_base.scss */
.box:hover {
  -webkit-transform: rotateZ(-10deg);
          transform: rotateZ(-10deg);
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

/* line 74, src/sass/components/_base.scss */
#navigation a:hover {
  color: red;
}

/* ************ */
/* banner */
/* ************ */
/* line 84, src/sass/components/_base.scss */
.jtlogo {
  width: 70%;
  margin: 4em 1em 1em 1em;
  z-index: 300;
}

/* line 91, src/sass/components/_base.scss */
.header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* line 99, src/sass/components/_base.scss */
.slide-show {
  margin-top: -80px;
  background-color: #eeeee6;
}

/* line 106, src/sass/components/_base.scss */
.siema {
  margin: 1rem 0;
}

/* line 112, src/sass/components/_base.scss */
.siema .link-slider:hover {
  cursor: pointer;
}

/* line 118, src/sass/components/_base.scss */
.siema img {
  width: 100%;
  background-color: black;
}

/* line 121, src/sass/components/_base.scss */
.siema img:hover {
  cursor: pointer;
  opacity: 0.6;
}

/* line 128, src/sass/components/_base.scss */
.siema .slider-caption {
  margin: 2px 0;
  color: black;
  font-weight: 400;
  font-size: 1em;
  text-align: center;
  line-height: 1.2;
  padding: 5px 0 10px;
  border: 10px;
}

/* line 145, src/sass/components/_base.scss */
section {
  margin-bottom: 160px;
}

/* line 150, src/sass/components/_base.scss */
.main-title {
  padding: 1.5em 1em 1em;
  font-size: 2em;
  letter-spacing: 0.1em;
  font-weight: 700;
  color: RGBA(0, 0, 0, 0.7);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
}

/* line 163, src/sass/components/_base.scss */
#musica {
  color: rgba(0, 0, 0, 0.7);
  margin: 2em 0 1em;
}

/* line 169, src/sass/components/_base.scss */
.section-music {
  margin-top: 80px;
  background-color: #eeeee6;
}

/* Card Based Layout - Base styles */
/* line 178, src/sass/components/_base.scss */
.card {
  margin: 1em;
}

/* line 182, src/sass/components/_base.scss */
.card a {
  color: rgba(0, 0, 0, 0.7);
  text-decoration: none;
}

/* line 187, src/sass/components/_base.scss */
.card a picture:hover {
  -webkit-box-shadow: 3px 3px 8px #b3b3b3;
          box-shadow: 3px 3px 8px #b3b3b3;
}

/* line 191, src/sass/components/_base.scss */
.card-content {
  padding: 1.4em;
  text-align: center;
}

/* line 197, src/sass/components/_base.scss */
.card-content h2 {
  margin-top: 0;
  margin-bottom: .5em;
  font-weight: normal;
}

/* line 203, src/sass/components/_base.scss */
.card-content p {
  font-size: 60%;
  letter-spacing: 0.1em;
  line-height: 1.5em;
}

/*--------------------------------------------------------------
Layouts
--------------------------------------------------------------*/
/*-------- flex container --------*/
/* line 215, src/sass/components/_base.scss */
#flexum {
  margin-left: 1em;
}

/* line 219, src/sass/components/_base.scss */
.flex-container {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  margin-left: -0.1em;
  padding: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* line 233, src/sass/components/_base.scss */
.flex-item {
  color: #fff;
  height: 300px;
  padding: 0px;
  width: 300px;
  position: relative;
  margin-right: 1em;
  margin-left: 1em;
  margin-bottom: 5em;
}

/* line 244, src/sass/components/_base.scss */
.flex-item-inner {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  padding-right: 0px;
  width: 100%;
}

/* line 256, src/sass/components/_base.scss */
.flex-item-inner a {
  color: #fff;
  cursor: pointer;
}

/*-------- cards --------*/
/* line 263, src/sass/components/_base.scss */
.card-front,
.card-back {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  left: 0;
  width: 100%;
  padding: 0px;
  margin: 0px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* line 280, src/sass/components/_base.scss */
.card-back {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

/* line 285, src/sass/components/_base.scss */
.detail {
  font-size: 12px;
  text-align: center;
  padding: 10px;
  width: auto;
  height: 340px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  letter-spacing: 1px;
  color: RGBA(0, 0, 0, 0.7);
  line-height: 1.5em;
  font-family: arial;
  font-weight: 200;
  text-transform: uppercase;
}

/* line 302, src/sass/components/_base.scss */
.detail h3 {
  font-weight: 600;
}

/*-------- cards / flip effect --------*/
/* line 308, src/sass/components/_base.scss */
.flex-item:hover .card-front {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

/* line 313, src/sass/components/_base.scss */
.flex-item:hover .card-back {
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
}

/*--------------------------------------------------------------
about
--------------------------------------------------------------*/
/* line 324, src/sass/components/_base.scss */
.about-section {
  margin-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #eeeee6;
}

/* line 337, src/sass/components/_base.scss */
.sobre-texto {
  width: 100%;
  height: auto;
  margin: 10px 40px 30px 10px;
  line-height: 1.5em;
  font-size: 1em;
  font-weight: 400;
  padding: 1em 4em 2em;
  text-align: justify;
  text-indent: 2em;
  color: rgba(0, 0, 0, 0.7);
}

/*--------------------------------------------------------------
footer
--------------------------------------------------------------*/
/* line 355, src/sass/components/_base.scss */
.single-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #eeeee6;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: auto;
  padding-right: 1em;
  padding-left: 1em;
  padding-bottom: 2em;
}

/* line 366, src/sass/components/_base.scss */
.single-footer img {
  width: 5em;
  padding: 1em;
}

/* line 371, src/sass/components/_base.scss */
.single-footer i {
  font-size: 3em;
  padding: 1em;
}

/* line 380, src/sass/components/_base.scss */
.footer-col-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  margin-left: 2em;
  -webkit-box-flex: 1 1 auto;
      -ms-flex-positive: 1 1 auto;
          flex-grow: 1 1 auto;
  margin-top: 1em;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* line 389, src/sass/components/_base.scss */
.footer-col-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  margin-top: 1em;
  -webkit-box-flex: 1 1 auto;
      -ms-flex-positive: 1 1 auto;
          flex-grow: 1 1 auto;
}

/* line 399, src/sass/components/_base.scss */
.footer-col-right-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-right: 2em;
}

/* line 406, src/sass/components/_base.scss */
.footer-col-right-main button {
  margin-right: 30px;
  border: solid rgba(0, 0, 0, 0.7) 2px;
  background-color: transparent;
  padding: 10px 5px;
  text-transform: uppercase;
}

/* line 412, src/sass/components/_base.scss */
.footer-col-right-main button:hover {
  cursor: pointer;
  background-color: white;
}

/* line 420, src/sass/components/_base.scss */
footer {
  padding: 4px;
  margin-top: 20px;
  height: 60px;
  font-size: 12px;
  letter-spacing: 0.2em;
  line-height: 1.8em;
  font-weight: 400;
  color: #777676;
  border-bottom: 10px solid white;
}

/* unvisited link */
/* line 435, src/sass/components/_base.scss */
a:link {
  color: #777676;
  text-decoration: none;
}

/* visited link */
/* line 442, src/sass/components/_base.scss */
a:visited {
  color: #777676;
}

/* mouse over link */
/* line 448, src/sass/components/_base.scss */
a:hover {
  color: red;
}

/* selected link */
/* line 456, src/sass/components/_base.scss */
a:active {
  color: #777676;
}

/* line 462, src/sass/components/_base.scss */
#impressum:hover {
  color: red;
  cursor: pointer;
}

@media only screen and (max-width: 320px) {
  /* line 474, src/sass/components/_base.scss */
  .main-title {
    font-size: 1.5em;
  }
  /* line 479, src/sass/components/_base.scss */
  .slide-show {
    margin-top: 0;
  }
  /* line 483, src/sass/components/_base.scss */
  .flex-item {
    height: 250px;
    width: 250px;
    margin-left: -2em;
    margin-top: 1em;
  }
  /* line 496, src/sass/components/_base.scss */
  .detail {
    margin-left: 4em;
    font-size: 0.5em;
  }
  /* line 502, src/sass/components/_base.scss */
  #texto {
    margin-right: 0em;
    margin-left: 0em;
    margin-bottom: 1em;
    padding: 0 10px;
    font-size: 0.9em;
    font-weight: 400;
  }
}

@media only screen and (max-width: 386px) {
  /* line 521, src/sass/components/_base.scss */
  .slide-show {
    margin-top: 0;
  }
  /* line 527, src/sass/components/_base.scss */
  #navigation a {
    font-size: 0.5em;
    font-weight: 800;
  }
  /* line 532, src/sass/components/_base.scss */
  #texto {
    margin-right: 0em;
    margin-left: 0em;
    margin-bottom: 1em;
    padding: 0 10px;
    font-size: 0.9em;
    font-weight: 400;
  }
  /* line 545, src/sass/components/_base.scss */
  .main-title {
    font-size: 1.5em;
  }
}

@media only screen and (max-width: 704px) {
  /* line 555, src/sass/components/_base.scss */
  .slide-show {
    margin-top: 0;
  }
  /* line 559, src/sass/components/_base.scss */
  section {
    margin-bottom: 20px;
  }
  /* line 564, src/sass/components/_base.scss */
  .main-title {
    font-size: 1.5em;
  }
  /* line 571, src/sass/components/_base.scss */
  nav a {
    font-size: 0.8em;
  }
  /* line 577, src/sass/components/_base.scss */
  #news {
    font-size: 1em;
    padding-top: 2em;
  }
  /* line 582, src/sass/components/_base.scss */
  #qu {
    font-size: 0.6em;
  }
  /* line 586, src/sass/components/_base.scss */
  #dots {
    display: none;
  }
  /* line 591, src/sass/components/_base.scss */
  #slidout {
    display: none;
  }
  /* line 595, src/sass/components/_base.scss */
  #morerec {
    display: none;
  }
  /* line 599, src/sass/components/_base.scss */
  .detail {
    height: 350px;
  }
  /* line 603, src/sass/components/_base.scss */
  #captionslider {
    line-height: 1.5em;
    font-weight: 400;
    font-size: 0.6;
  }
  /* line 612, src/sass/components/_base.scss */
  .aboutim {
    margin-right: 0em;
    margin-left: 0em;
  }
  /* line 617, src/sass/components/_base.scss */
  #jtlong {
    display: none;
  }
  /* line 621, src/sass/components/_base.scss */
  #jtshort {
    display: inline-block;
  }
  /* line 629, src/sass/components/_base.scss */
  .footer-col-right i {
    font-size: 2em;
  }
}

@media screen and (min-width: 30em) {
  /* line 646, src/sass/components/_base.scss */
  h2.main-title {
    font-size: 1.5em;
  }
  /* line 650, src/sass/components/_base.scss */
  .flex-item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(50% - 2em);
            flex: 0 1 calc(50% - 2em);
    margin-bottom: 1em;
  }
}

@media screen and (min-width: 709) {
  /* line 659, src/sass/components/_base.scss */
  h2.main-title {
    font-size: 1.5em;
  }
  /* line 663, src/sass/components/_base.scss */
  .card-front,
  .card-back {
    margin-top: inherit;
  }
  /* line 668, src/sass/components/_base.scss */
  .flex-item-inner {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33% - 4em);
            flex: 0 1 calc(33% - 4em);
    margin-bottom: 2em;
  }
}

@media screen and (min-width: 75em) {
  /* line 676, src/sass/components/_base.scss */
  .card-front,
  .card-back {
    margin-top: inherit;
  }
  /* line 681, src/sass/components/_base.scss */
  .flex-item-inner {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(33% - 3em);
            flex: 0 1 calc(33% - 3em);
    margin-bottom: 2em;
  }
}