// @file
// Custom sass mixins
//
// Define the custom mixins for your project here.
// http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#defining_a_mixin

// Makes an element visually hidden, but accessible.
// @see http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
@mixin element-invisible {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

// Turns off the element-invisible effect.
@mixin element-invisible-off {
  position: static !important;
  clip: auto;
  height: auto;
  width: auto;
  overflow: auto;
}

// Makes an element visually hidden by default, but visible when focused.
@mixin element-focusable {
  @include element-invisible;

  &:active,
  &:focus {
    @include element-invisible-off;
  }
}


@mixin flexbox() {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@mixin linear-gradient($color1, $color2, $start:0%, $end:100%) {
  /* IE10 Consumer Preview */
  background-image: -ms-linear-gradient(top, #{$color1} #{$start}, #{$color2} #{$end});

  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #{$color1} #{$start}, #{$color2} #{$end});

  /* Opera */
  background-image: -o-linear-gradient(top, #{$color1} #{$start}, #{$color2} #{$end});

  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #{$color1} #{$start}, #{$color2} #{$end});
  /* IE6 & IE7 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$color1}', endColorstr='#{$color2}');
  /* IE8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$color1}', endColorstr='#{$color2}')";

  background-color: $color2;
}

@keyframes msg-on {
  0% {
    margin-top: -100vh;
  }
  100% {
    margin-top: 0;
  }
}

@counter-style brackets {
  system: extends decimal;
  prefix: "[";
  suffix: "]  "
}

/* colors */
$brown: #8E6D25;
$brown1: #927026;
$light-brown: #9E7929;
$light-gray: #f8f8f8;
$gray: #707070;
$border: #d2d2d2;
$red: #eb0000;
$cream: #FEF7E6;

/* fonts */
@font-face {
  font-family: 'Adobe Garamond Pro';
  src: url("../fonts/Adobe_Garamond_Pro/agaramondpro-regular-nocode-webfont.eot");
  src: url("../fonts/Adobe_Garamond_Pro/agaramondpro-regular-nocode-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Adobe_Garamond_Pro/agaramondpro-regular-nocode-webfont.ttf") format("truetype"), url("../fonts/Adobe_Garamond_Pro/agaramondpro-regular-nocode-webfont.woff") format("woff"), url("../fonts/Adobe_Garamond_Pro/agaramondpro-regular-nocode-webfont.svg#agpregular") format("svg");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Bodoni TM Condensed';
  src: url("../fonts/Bodoni_TM_Condensed/bodoni_mt_cond-webfont.eot");
  src: url("../fonts/Bodoni_TM_Condensed/bodoni_mt_cond-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Bodoni_TM_Condensed/bodoni_mt_cond-webfont.ttf") format("truetype"), url("../fonts/Bodoni_TM_Condensed/bodoni_mt_cond-webfont.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}