teagles / CanvasInnovations.us

@charset 'utf-8';

@font-face {
  font-family: 'Brixton';
  src:
    font-url('/fonts/Brixton.woff')  format('woff'),
    font-url('/fonts/Brixton.ttf')  format('truetype');
}

@import 'settings';
@import 'foundation6/foundation';

@include foundation-global-styles;
@include foundation-grid;

@include foundation-typography;
@include foundation-forms;
@include foundation-button;
@include foundation-accordion;
@include foundation-accordion-menu;
@include foundation-badge;
@include foundation-breadcrumbs;
@include foundation-button-group;
@include foundation-callout;
@include foundation-card;
@include foundation-close-button;
@include foundation-menu;
@include foundation-menu-icon;
@include foundation-drilldown-menu;
@include foundation-dropdown;
@include foundation-dropdown-menu;
@include foundation-responsive-embed;
@include foundation-label;
@include foundation-media-object;
@include foundation-off-canvas;
@include foundation-orbit;
@include foundation-pagination;
@include foundation-progress-bar;
@include foundation-slider;
@include foundation-sticky;
@include foundation-reveal;
@include foundation-switch;
@include foundation-table;
@include foundation-tabs;
@include foundation-thumbnail;
@include foundation-title-bar;
@include foundation-tooltip;
@include foundation-top-bar;
@include foundation-visibility-classes;
@include foundation-float-classes;

@import "vendor/trumbowyg";
@import "footer";
@import "forms";
@import "services";
@import "header";


body, html {
    // height: 100%;
    background: $white;
}

body {
  background: image-url('/images/body-bg.png') repeat;
}

#main {
  padding-top: 10px;
  margin-top: 20px;
  margin-bottom:  20px;
  background: $white;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

section.page {
  padding-top: 1rem;

  h2 {
    font-size: rem-calc(24);
    font-weight: bold;
  }
}

.title-bar a.logo {
  color: $white;
  font-weight: bold;
}

.top-bar {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.services .card .card-section {
  width: 100%;
}


.lead {
  font-family: $header-font-family;
}

p.thin {
  margin-bottom: 0;
  .button {
    margin-bottom: 0;
  }
}

hr.thin {
  margin: 0.5rem auto;
}
.g-recaptcha > div {
  margin:auto;
}

// .content {
//   background-color: $light-gray;
// }

.clickable, .pointer {
  cursor: pointer;
}


blockquote.highlight {
  margin-top: 1rem;
  background-color: whitesmoke;
  border-left: 5px solid #C01B28;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
  padding: 1.25em 1.5em;

  p {
    color: #000000;
    margin: 0;
    font-size: 1.1rem;
  }

  a {
      color: #C01B28;
      cursor: pointer;
      text-decoration: none;
  }
}