+
+body {
+ background-color: #fafefe;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-family: $font-family-serif;
+}
+
+.main-container {
+ background-color: #fafafa;
+}
+
+// Top bar.
+header {
+
+ .region-navigation-collapsible {
+
+ .logo {
+ -webkit-transition: height 0.3s;
+ -moz-transition: height 0.3s;
+ -ms-transition: height 0.3s;
+ -o-transition: height 0.3s;
+ transition: height 0.3s;
+
+ height: 6.5em;
+
+ .smaller {
+ height: 2em;
+ }
+
+ }
+
+
+ .navbar-nav {
+ margin-top: -0.4em;;
+ }
+
+ #block-mainnavigation {
+ float: left;
+ }
+
+
+ .search-block-form {
+ //margin-top: 2.2em;
+ margin-top: 2.6em;
+
+ input {
+ width: 30ex;
+ float: right;
+ }
+ }
+ }
+
+ -webkit-transition: height 0.3s;
+ -moz-transition: height 0.3s;
+ -ms-transition: height 0.3s;
+ -o-transition: height 0.3s;
+ transition: height 0.3s;
+
+ .smaller {
+ height: 75px;
+ }
+
+}
+
+.main-container {
+ padding-top:75px;
+}
+
+/* ----------------------------------------------
+* Generated by Animista on 2017-3-17 18:21:18
+* http://animista.net
+* T: @cssanimista
+* ---------------------------------------------- */
+
+/**
+* ----------------------------------------
+* animation slide-in-bck-center
+* ----------------------------------------
+*/
+@keyframes slide-in-bck-center {
+ 0% {
+ transform: translateZ(700px);
+ opacity: 0;
+ }
+ 100% {
+ transform: translateZ(1);
+ opacity: 1;
+ }
+}
+
+/**
+* ----------------------------------------
+* animation kenburns-top
+* ----------------------------------------
+*/
+@keyframes kenburns-top {
+ 0% {
+ transform: scale(1) translateY(0);
+ transform-origin: 50% 16%;
+ }
+ 100% {
+ transform: scale(1.25) translateY(-15px);
+ transform-origin: top;
+ }
+
+}
+
+/*****************************/
+
+/**
+* Yaffs
+*/
+.highlightlink {
+ position: absolute;
+ right: 0;
+ display: block;
+}
+
+.front_highlight.row {
+ .region {
+ margin-top: 1em;
+ }
+}
+
+/* Pane 1 - Images */
+.container-fluid.front-pane-1 {
+ margin-top: 35px;
+ margin-bottom: 35px;
+}
+
+/* Pane 2 - Logos */
+.container-fluid.front-pane-2 {
+ background: $yaffs-fade-1;
+ padding-bottom: 2em;
+}
+
+/* Pane 3 - Features */
+.container-fluid.front-pane-3 {
+ margin-top: 35px;
+ margin-bottom: 35px;
+}
+
+/* Pane 4 - documents */
+.container-fluid.front-pane-4 {
+ margin-bottom: 35px;
+ background: $yaffs-fade-1;
+
+ .region-front-pane-4 {
+ margin-bottom: 35px;
+ }
+
+ .row {
+ margin-top: 15px;
+ }
+
+ .views-field-field-teaser-image {
+ float: left;
+
+ img {
+ margin-right: 1em;
+ margin-top: 1.5em;
+ }
+ }
+
+ .views-field-title {
+
+ }
+
+ .views-field-body {
+ @include clearfix();
+ }
+
+ .views-field-upload-1 {
+ .file > span {
+ background-color: inherit;
+ }
+ }
+}
+
+/* Footer region 1 */
+.region-footer-first {
+ @include make-xs-column(6);
+}
+
+/* Footer region 1 */
+.region-footer-second {
+ @include make-xs-column(6);
+ text-align: right;
+}
+
+.yaffs-menu-btn {
+ @include button-variant(blue, $yaffs-fade-1, blue);
+}
+
+.view-id-yaffs_document_highlights {
+ @include make_row() {}
+}
+
+.yaffs-more-docs {
+ a {
+ font-weight: bolder;
+ }
+}
+
+.view-yaffs-document-highlights {
+
+}
+
+/* Logos molecule */
+.view-id-yaffs_user_logos {
+
+ .row {
+ /* FLex is going to be an issue on IE old. */
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin: 2em;
+ }
+
+}
+
+/* Features molecule */
+.view-id-highlighted_yaffs_features {
+
+ .col {
+ .views-field-field-icon-text {
+ font-size: 60px;
+ margin-right: 25px;
+ float: left;
+ }
+
+ .views-field-title {
+ @include clearfix();
+ }
+
+ margin-bottom: 35px;
+
+ }
+}
+
+/* Styling for Yaffs papers */
+.paper, .page {
+
+ p {
+ orphans: 2;
+ widows: 2;
+ page-break-before: auto
+ }
+ //p { font-size: 16px }
+ #Frame1 {
+ img {
+ clear: left;
+ margin-top: 1em;
+ }
+
+ }
+
+ #Frame2 {
+ p.frame-contents-western {
+ font-size: 20px
+ }
+ p.frame-contents-western:first-child {
+ @include hide-text();
+ }
+ p.frame-contents-western:last-child {
+ font-size: 18px;
+ }
+ }
+
+ table {
+ border: 1px solid $table-border-color;
+ > thead,
+ > tbody,
+ > tfoot {
+ > tr {
+ > th,
+ > td {
+ border: 1px solid $table-border-color;
+ padding: 1ex;
+ }
+ }
+ }
+ > thead > tr {
+ > th,
+ > td {
+ border-bottom-width: 2px;
+ padding: 1ex;
+ }
+ }
+ }
+
+ /*p.western { font-family: "Liberation Sans", sans-serif; font-size: 11pt }
+ p.cjk { font-size: 10pt }*/
+
+ /*h1 { margin-bottom: 0.21cm }
+ h1.western { font-family: "Liberation Sans", sans-serif; font-size: 16pt }
+ h1.cjk { font-family: "DejaVu Sans"; font-size: 16pt }
+ h1.ctl { font-family: "Lohit Hindi"; font-size: 16pt }
+ h2 { margin-top: 0.42cm; page-break-before: auto }
+ h2.western { font-family: "Liberation Sans", sans-serif; font-size: 16pt; font-style: italic }
+ h2.cjk { font-size: 16pt; font-style: italic; font-weight: normal }
+ h2.ctl { font-family: "Lohit Hindi"; font-size: 16pt; font-style: italic }
+ h3 { margin-top: 0.42cm }
+ h3.western { font-family: "Liberation Sans", sans-serif }
+ h3.ctl { font-family: "Lohit Hindi" }
+ h4 { margin-top: 0.42cm }
+ h4.western { font-family: "Liberation Sans", sans-serif; font-size: 11pt; font-style: italic }
+ h4.cjk { font-size: 11pt; font-style: italic }
+ h4.ctl { font-family: "Lohit Hindi"; font-size: 11pt; font-style: italic }
+ td p { margin-bottom: 0cm }
+ td p.western { font-family: "Liberation Serif", serif }
+ td p.cjk { font-size: 10pt }
+ a:link { so-language: zxx }
+ */
+}