/* fonts */
//@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&subset=latin,latin-ext);
//@import url(https://fonts.googleapis.com/css?family=Dosis:400,700,800&subset=latin,latin-ext);

@import "base/variables.less";
@import "base/mixins.less";
@import "base/fonts";

/* svg icon font */
@import (less) "../../../public/fonts/getfit/style.css";
@import (less) "../../../public/fonts/info/style.css";


/* bootstrap */
@import (less) "../../../public/js/plugins/bootstrap/css/bootstrap-theme.min.css";
@import (less) "../../../public/js/plugins/bootstrap/css/bootstrap.min.css";

/* reset */
@import "base/normalize";

/* elements */
@import "elements/header";
@import "elements/inline";
@import "elements/table";

img {
  max-width: 100%;
}
//.row {
//  width: 100%;
//}
//
//.row:before,
//.row:after {
//  content: " ";
//  display: table;
//}
//
//.row:after {
//  clear: both;
//}

.col-6, .col-md-6 {
  width: 50%;
  float: left;
}

.col-md-6 {
  width: 45.5%;
  float: left;
}

.col-3 {
  width: 31%;
  padding: 1%;
  float: left;
}

.col-offset-3 {
  margin-left: 25%;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}


.intro {
  page-break-after: always;
}

.intro .text {
  font-family: 'Caveat', cursive;
  font-size: 25px;
}

h1.date {
  font-size: 250%;
}

h2.recipe-name {
  font-size: 200%;
  margin-top: 0;
}

hr {
  width: 50%;
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid @colored-2;
  margin: 1em auto;
  padding: 0;
}

.recipe-description {
  line-height: 120%;
  text-align: justify;
}

img.recipe-img {
  max-height: 50mm;
}

header {
  position: relative;

  img {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
  }
}