@charset “utf-8”;
// Define defaults for each variable. $titleFont: “ff-good-headline-web-pro-con”,sans-serif; $base-font-family: “acumin-pro-condensed”, sans-serif !default; $base-font-size: 16px !default; $base-font-weight: 400 !default; $small-font-size: $base-font-size * 0.875 !default; $base-line-height: 1.5 !default;
$spacing-unit: 30px !default;
$accentFontColor: c1a468; $mainFontColor: #2e2e2e;
// Width of the content area $windowSize: 940px; $maxWidth: 720px;
// $content-width: 800px !default;
// $on-palm: 600px !default; // $on-laptop: 800px !default;
@mixin button {
color: $accentFontColor; padding: 5px 20px; border: 1px solid $accentFontColor; &:hover { color: lighten($accentFontColor, 20%); border: 1px solid lighten($accentFontColor, 20%); }
} @mixin center {
float: none; max-width: $maxWidth; width: 90%; padding: 0 5%; margin: 0 auto; @media only screen and (min-width: $windowSize) { width: 100%; padding: 0; }
} @mixin title {
font-weight: 400; color: $accentFontColor; text-transform: uppercase;
} @mixin link-border {
color: $accentFontColor; border: 1px solid $accentFontColor; &:hover { color: lighten($accentFontColor, 20%); border: 1px solid lighten($accentFontColor, 20%); }
}
@mixin submit-button {
background: $accentFontColor; color: #2e2e2e; text-transform: uppercase; font-size: 1em; padding: 0 15px; border: none; cursor: pointer; &.disabled { background: #ccc; pointer-events: none; cursor: no-drop; }
}
@mixin media-query($device) {
@media screen and (min-width: $device) { @content; }
}
@mixin relative-font-size($ratio) {
font-size: $base-font-size * $ratio;
}
.page-header {
background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; height: 485px; width: 100%; overflow: hidden; margin-bottom: 20px; display: flex; justify-content: center; align-items: flex-end; .header-title { @include center; flex: 1 auto; max-width: 980px; margin-bottom: 30px; text-align: left; h2 { font-size: 3em; font-weight: 600; letter-spacing: 0; text-transform: none; color: white; } }
}
.category {
display: inline-block; color: white; margin-right: 10px; i { &:before { color: $accentFontColor; vertical-align: middle; } }
}
// Import partials. @import
"base/reset", "base/header", "base/footer", "base/sidebar", "home/about", "home/contact", "home/home", "home/partners", "home/services", "home/testimonial", "page/news", "post/post"
;