diff --git a/CHANGELOG.md b/CHANGELOG.md index 8540f3e..e3056b4 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,10 @@ +# v1.0.3 +## --/--/---- + +1. [](#improved) + * Updated Fontawesome CSS. + * Updated Demo content + * # v1.0.2 ## 11/09/2022 diff --git a/_demo/config/themes/future2021.yaml b/_demo/config/themes/future2021.yaml index df0788c..48fbde6 100644 --- a/_demo/config/themes/future2021.yaml +++ b/_demo/config/themes/future2021.yaml @@ -38,7 +38,7 @@ miniposts: true miniposts_number: 3 latestposts: true miniposts_category: minipost -displaycustommenus: +custommenus: enabled: false dropdown: enabled: true diff --git a/assets/css/main.css b/assets/css/main.css index 6b5e957..139adf4 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -2036,11 +2036,12 @@ ul.icons li > * .label { ul.posts { list-style: none; padding: 0; + margin-bottom: 0.25rem; } ul.posts li { border-top: dotted 1px rgba(160, 160, 160, 0.3); - margin: 1.5em 0 0 0; - padding: 1.5em 0 0 0; + margin: 0.25em 0 0 0; + padding: 0.25em 0 0 0; } ul.posts li:first-child { border-top: 0; @@ -2076,6 +2077,7 @@ ul.posts article header { ul.posts article header h3 { font-size: 0.7em; margin-top: 0.125em; + margin-bottom: 0.25em; } ul.posts article header .published { display: block; @@ -2176,6 +2178,12 @@ ul.posts article header > :last-child { margin: 0 0 3em 0; position: relative; } +.post img { + max-width: 100%; +} +.post .modular-row.gallery-container { + margin-bottom: 2.75rem; +} .post > header { display: -moz-flex; display: -ms-flex; @@ -2684,6 +2692,7 @@ table.alt tfoot { .menulink { margin: 0; padding: 0; + margin-top: -0.3rem; } ul.menulink > li, @@ -3138,4 +3147,4 @@ body.is-menu-visible #menu { #menu > * { padding: 1.5em; } -}/*# sourceMappingURL=main.css.map */ \ No newline at end of file +}/*# sourceMappingURL=main.css.map */ diff --git a/assets/sass/components/_post.scss b/assets/sass/components/_post.scss index 44e5a21..d959988 100644 --- a/assets/sass/components/_post.scss +++ b/assets/sass/components/_post.scss @@ -13,6 +13,14 @@ margin: 0 0 _size(section-spacing) 0; position: relative; + img { + max-width: 100%; + } + + .modular-row.gallery-container { + margin-bottom: 2.75rem; + } + > header { @include vendor('display', 'flex'); border-bottom: solid 1px _palette(border); @@ -244,4 +252,4 @@ } } } - } \ No newline at end of file + } diff --git a/assets/sass/components/_posts.scss b/assets/sass/components/_posts.scss index 0817cf5..a4f02bf 100644 --- a/assets/sass/components/_posts.scss +++ b/assets/sass/components/_posts.scss @@ -9,11 +9,12 @@ ul.posts { list-style: none; padding: 0; + margin-bottom: 0.25rem; li { border-top: dotted 1px _palette(border); - margin: (_size(element-margin) * 0.75) 0 0 0; - padding: (_size(element-margin) * 0.75) 0 0 0; + margin: (_size(element-margin) * 0.125) 0 0 0; + padding: (_size(element-margin) * 0.125) 0 0 0; &:first-child { border-top: 0; @@ -46,6 +47,7 @@ h3 { font-size: 0.7em; margin-top: 0.125em; + margin-bottom: 0.25em; } .published { @@ -63,4 +65,4 @@ } } } - } \ No newline at end of file + } diff --git a/assets/sass/components/_sidebarmenu.scss b/assets/sass/components/_sidebarmenu.scss index 35ca671..cae5f2e 100644 --- a/assets/sass/components/_sidebarmenu.scss +++ b/assets/sass/components/_sidebarmenu.scss @@ -5,23 +5,24 @@ @media screen and (max-width: 980px) { #sidebarmenu { - display: block; } + display: block; } } .menulink { margin: 0; padding: 0; + margin-top: -0.3rem; } -ul.menulink > li, +ul.menulink > li, ul.menulink > li > ul - { +{ list-style: none; font-family: _font(family-heading); padding: 0.1em 0 0 0; margin: 0em; line-height: 2.3em; - } +} ul.menulink > li a.tags { border: dotted 1px rgba(119, 118, 118, 0.65); padding: 0.2em; @@ -74,8 +75,9 @@ ul.subitem_hide { display:none; } ul.subitem_hide > li > ul, -ul.subitem_hide > li a span { - +ul.subitem_hide > li a span +{ + -webkit-transition: color 0.2s ease; transition: color 0.2s ease; margin-bottom: 0; @@ -85,12 +87,11 @@ ul.subitem_hide > li a span { ul.subitem_hide > li { list-style-type: none; margin-left: 0.4em; - - } +} .dropdown-btn { cursor: pointer; } .fa-caret-down { float: right; padding-right: 8px; -} \ No newline at end of file +} diff --git a/assets/sass/layout/_intro.scss b/assets/sass/layout/_intro.scss index bac942a..2740e40 100644 --- a/assets/sass/layout/_intro.scss +++ b/assets/sass/layout/_intro.scss @@ -6,82 +6,82 @@ /* Intro */ - #intro { - .logo { - border-bottom: 0; - display: inline-block; - margin: 0 0 (_size(element-margin) * 0.5) 0; - overflow: hidden; - position: relative; - width: 4em; - - &:before { - background-image: svg-url(''); - background-position: top left; - background-repeat: no-repeat; - background-size: 100% 100%; - content: ''; - display: block; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - } - - img { - display: block; - margin-left: -0.25em; - width: 4.5em; - } +#intro { + .logo { + border-bottom: 0; + display: inline-block; + margin: 0 0 (_size(element-margin) * 0.5) 0; + overflow: hidden; + position: relative; + width: 4em; + + &:before { + background-image: svg-url(''); + background-position: top left; + background-repeat: no-repeat; + background-size: 100% 100%; + content: ''; + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; } + img { + display: block; + margin-left: -0.25em; + width: 4.5em; + } + } + + header { + h2 { + font-size: 2em; + font-weight: _font(weight-heading-extrabold); + } + + p { + font-size: 0.8em; + } + } + + @include breakpoint('<=large') { + margin: 0 0 _size(section-spacing) 0; + text-align: center; + header { h2 { font-size: 2em; - font-weight: _font(weight-heading-extrabold); } p { - font-size: 0.8em; + font-size: 0.7em; } } + } - @include breakpoint('<=large') { - margin: 0 0 _size(section-spacing) 0; - text-align: center; + @include breakpoint('<=small') { + margin: 0 0 _size(section-spacing-small) 0; + padding: 1.25em 0; - header { - h2 { - font-size: 2em; - } - - p { - font-size: 0.7em; - } - } + > :last-child { + margin-bottom: 0; } - @include breakpoint('<=small') { - margin: 0 0 _size(section-spacing-small) 0; - padding: 1.25em 0; + .logo { + margin: 0 0 (_size(element-margin) * 0.25) 0; + } + + header { + h2 { + font-size: 1.25em; + } > :last-child { margin-bottom: 0; } - - .logo { - margin: 0 0 (_size(element-margin) * 0.25) 0; - } - - header { - h2 { - font-size: 1.25em; - } - - > :last-child { - margin-bottom: 0; - } - } } - } \ No newline at end of file + } +} \ No newline at end of file diff --git a/assets/sass/main.css b/assets/sass/main.css new file mode 100644 index 0000000..0ae01b5 --- /dev/null +++ b/assets/sass/main.css @@ -0,0 +1,3150 @@ +@import 'fontawesome-all.min.css'; +@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Raleway:400,800,900"); +/* + Future Imperfect by HTML5 UP + html5up.net | @ajlkn + Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) +*/ +html, body, div, span, applet, object, +iframe, h1, h2, h3, h4, h5, h6, p, blockquote, +pre, a, abbr, acronym, address, big, cite, +code, del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, b, +u, i, center, dl, dt, dd, ol, ul, li, fieldset, +form, label, legend, table, caption, tbody, +tfoot, thead, tr, th, td, article, aside, +canvas, details, embed, figure, figcaption, +footer, header, hgroup, menu, nav, output, ruby, +section, summary, time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} + +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} + +body { + line-height: 1; +} + +ol, ul { + list-style: none; +} + +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, q:before, q:after { + content: ""; + content: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +body { + -webkit-text-size-adjust: none; +} + +mark { + background-color: transparent; + color: inherit; +} + +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input, select, textarea { + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; +} + +/* Basic */ +@-ms-viewport { + width: device-width; +} +body { + -ms-overflow-style: scrollbar; +} + +@media screen and (max-width: 480px) { + html, body { + min-width: 320px; + } +} +html { + box-sizing: border-box; +} + +*, *:before, *:after { + box-sizing: inherit; +} + +body { + background: #f4f4f4; +} +body.is-preload *, body.is-preload *:before, body.is-preload *:after { + -webkit-animation: none !important; + animation: none !important; + transition: none !important; +} + +/* Type */ +body, input, select, textarea { + color: #2e2e2e; + font-family: "Source Sans Pro", Helvetica, sans-serif; + font-size: 14pt; + font-weight: 400; + line-height: 1.75; +} +@media screen and (max-width: 1680px) { + body, input, select, textarea { + font-size: 12pt; + } +} +@media screen and (max-width: 1280px) { + body, input, select, textarea { + font-size: 12pt; + } +} +@media screen and (max-width: 980px) { + body, input, select, textarea { + font-size: 12pt; + } +} +@media screen and (max-width: 736px) { + body, input, select, textarea { + font-size: 12pt; + } +} +@media screen and (max-width: 480px) { + body, input, select, textarea { + font-size: 12pt; + } +} + +a { + transition: color 0.2s ease, border-bottom-color 0.2s ease; + border-bottom: dotted 1px rgba(160, 160, 160, 0.65); + color: inherit; + text-decoration: none; +} +a:before { + transition: color 0.2s ease; +} +a:hover { + border-bottom-color: transparent; + color: #ba2e5d !important; +} +a:hover:before { + color: #ba2e5d !important; +} + +strong, b { + color: #3c3b3b; + font-weight: 700; +} + +em, i { + font-style: italic; +} + +p { + margin: 0 0 2em 0; +} + +h1, h2, h3, h4, h5, h6 { + color: #3c3b3b; + font-family: "Raleway", Helvetica, sans-serif; + font-weight: 800; + letter-spacing: 0.25em; + line-height: 1.65; + margin: 0 0 1em 0; + text-transform: uppercase; +} +h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { + color: inherit; + border-bottom: 0; +} + +h2 { + font-size: 1.1em; +} + +h3 { + font-size: 0.9em; +} + +h4 { + font-size: 0.7em; +} + +h5 { + font-size: 0.7em; +} + +h6 { + font-size: 0.7em; +} + +sub { + font-size: 0.8em; + position: relative; + top: 0.5em; +} + +sup { + font-size: 0.8em; + position: relative; + top: -0.5em; +} + +blockquote { + border-left: solid 4px rgba(160, 160, 160, 0.3); + font-style: italic; + margin: 0 0 2em 0; + padding: 0.5em 0 0.5em 2em; +} + +code { + background: rgba(160, 160, 160, 0.075); + border: solid 1px rgba(160, 160, 160, 0.3); + font-family: "Courier New", monospace; + font-size: 0.9em; + margin: 0 0.25em; + padding: 0.25em 0.65em; +} + +pre { + -webkit-overflow-scrolling: touch; + font-family: "Courier New", monospace; + font-size: 0.9em; + margin: 0 0 2em 0; +} +pre code { + display: block; + line-height: 1.75em; + padding: 1em 1.5em; + overflow-x: auto; +} + +hr { + border: 0; + border-bottom: solid 1px rgba(160, 160, 160, 0.3); + margin: 2em 0; +} +hr.major { + margin: 3em 0; +} + +.align-left { + text-align: left; +} + +.align-center { + text-align: center; +} + +.align-right { + text-align: right; +} + +/* Row */ +.row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; +} +.row > * { + box-sizing: border-box; +} +.row.gtr-uniform > * > :last-child { + margin-bottom: 0; +} +.row.aln-left { + justify-content: flex-start; +} +.row.aln-center { + justify-content: center; +} +.row.aln-right { + justify-content: flex-end; +} +.row.aln-top { + align-items: flex-start; +} +.row.aln-middle { + align-items: center; +} +.row.aln-bottom { + align-items: flex-end; +} +.row > .imp { + order: -1; +} +.row > .col-1 { + width: 8.3333333333%; +} +.row > .off-1 { + margin-left: 8.3333333333%; +} +.row > .col-2 { + width: 16.6666666667%; +} +.row > .off-2 { + margin-left: 16.6666666667%; +} +.row > .col-3 { + width: 25%; +} +.row > .off-3 { + margin-left: 25%; +} +.row > .col-4 { + width: 33.3333333333%; +} +.row > .off-4 { + margin-left: 33.3333333333%; +} +.row > .col-5 { + width: 41.6666666667%; +} +.row > .off-5 { + margin-left: 41.6666666667%; +} +.row > .col-6 { + width: 50%; +} +.row > .off-6 { + margin-left: 50%; +} +.row > .col-7 { + width: 58.3333333333%; +} +.row > .off-7 { + margin-left: 58.3333333333%; +} +.row > .col-8 { + width: 66.6666666667%; +} +.row > .off-8 { + margin-left: 66.6666666667%; +} +.row > .col-9 { + width: 75%; +} +.row > .off-9 { + margin-left: 75%; +} +.row > .col-10 { + width: 83.3333333333%; +} +.row > .off-10 { + margin-left: 83.3333333333%; +} +.row > .col-11 { + width: 91.6666666667%; +} +.row > .off-11 { + margin-left: 91.6666666667%; +} +.row > .col-12 { + width: 100%; +} +.row > .off-12 { + margin-left: 100%; +} +.row.gtr-0 { + margin-top: 0; + margin-left: 0em; +} +.row.gtr-0 > * { + padding: 0 0 0 0em; +} +.row.gtr-0.gtr-uniform { + margin-top: 0em; +} +.row.gtr-0.gtr-uniform > * { + padding-top: 0em; +} +.row.gtr-25 { + margin-top: 0; + margin-left: -0.25em; +} +.row.gtr-25 > * { + padding: 0 0 0 0.25em; +} +.row.gtr-25.gtr-uniform { + margin-top: -0.25em; +} +.row.gtr-25.gtr-uniform > * { + padding-top: 0.25em; +} +.row.gtr-50 { + margin-top: 0; + margin-left: -0.5em; +} +.row.gtr-50 > * { + padding: 0 0 0 0.5em; +} +.row.gtr-50.gtr-uniform { + margin-top: -0.5em; +} +.row.gtr-50.gtr-uniform > * { + padding-top: 0.5em; +} +.row { + margin-top: 0; + margin-left: -1em; +} +.row > * { + padding: 0 0 0 1em; +} +.row.gtr-uniform { + margin-top: -1em; +} +.row.gtr-uniform > * { + padding-top: 1em; +} +.row.gtr-150 { + margin-top: 0; + margin-left: -1.5em; +} +.row.gtr-150 > * { + padding: 0 0 0 1.5em; +} +.row.gtr-150.gtr-uniform { + margin-top: -1.5em; +} +.row.gtr-150.gtr-uniform > * { + padding-top: 1.5em; +} +.row.gtr-200 { + margin-top: 0; + margin-left: -2em; +} +.row.gtr-200 > * { + padding: 0 0 0 2em; +} +.row.gtr-200.gtr-uniform { + margin-top: -2em; +} +.row.gtr-200.gtr-uniform > * { + padding-top: 2em; +} +@media screen and (max-width: 1680px) { + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + .row > * { + box-sizing: border-box; + } + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + .row.aln-left { + justify-content: flex-start; + } + .row.aln-center { + justify-content: center; + } + .row.aln-right { + justify-content: flex-end; + } + .row.aln-top { + align-items: flex-start; + } + .row.aln-middle { + align-items: center; + } + .row.aln-bottom { + align-items: flex-end; + } + .row > .imp-xlarge { + order: -1; + } + .row > .col-1-xlarge { + width: 8.3333333333%; + } + .row > .off-1-xlarge { + margin-left: 8.3333333333%; + } + .row > .col-2-xlarge { + width: 16.6666666667%; + } + .row > .off-2-xlarge { + margin-left: 16.6666666667%; + } + .row > .col-3-xlarge { + width: 25%; + } + .row > .off-3-xlarge { + margin-left: 25%; + } + .row > .col-4-xlarge { + width: 33.3333333333%; + } + .row > .off-4-xlarge { + margin-left: 33.3333333333%; + } + .row > .col-5-xlarge { + width: 41.6666666667%; + } + .row > .off-5-xlarge { + margin-left: 41.6666666667%; + } + .row > .col-6-xlarge { + width: 50%; + } + .row > .off-6-xlarge { + margin-left: 50%; + } + .row > .col-7-xlarge { + width: 58.3333333333%; + } + .row > .off-7-xlarge { + margin-left: 58.3333333333%; + } + .row > .col-8-xlarge { + width: 66.6666666667%; + } + .row > .off-8-xlarge { + margin-left: 66.6666666667%; + } + .row > .col-9-xlarge { + width: 75%; + } + .row > .off-9-xlarge { + margin-left: 75%; + } + .row > .col-10-xlarge { + width: 83.3333333333%; + } + .row > .off-10-xlarge { + margin-left: 83.3333333333%; + } + .row > .col-11-xlarge { + width: 91.6666666667%; + } + .row > .off-11-xlarge { + margin-left: 91.6666666667%; + } + .row > .col-12-xlarge { + width: 100%; + } + .row > .off-12-xlarge { + margin-left: 100%; + } + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + .row.gtr-25 { + margin-top: 0; + margin-left: -0.25em; + } + .row.gtr-25 > * { + padding: 0 0 0 0.25em; + } + .row.gtr-25.gtr-uniform { + margin-top: -0.25em; + } + .row.gtr-25.gtr-uniform > * { + padding-top: 0.25em; + } + .row.gtr-50 { + margin-top: 0; + margin-left: -0.5em; + } + .row.gtr-50 > * { + padding: 0 0 0 0.5em; + } + .row.gtr-50.gtr-uniform { + margin-top: -0.5em; + } + .row.gtr-50.gtr-uniform > * { + padding-top: 0.5em; + } + .row { + margin-top: 0; + margin-left: -1em; + } + .row > * { + padding: 0 0 0 1em; + } + .row.gtr-uniform { + margin-top: -1em; + } + .row.gtr-uniform > * { + padding-top: 1em; + } + .row.gtr-150 { + margin-top: 0; + margin-left: -1.5em; + } + .row.gtr-150 > * { + padding: 0 0 0 1.5em; + } + .row.gtr-150.gtr-uniform { + margin-top: -1.5em; + } + .row.gtr-150.gtr-uniform > * { + padding-top: 1.5em; + } + .row.gtr-200 { + margin-top: 0; + margin-left: -2em; + } + .row.gtr-200 > * { + padding: 0 0 0 2em; + } + .row.gtr-200.gtr-uniform { + margin-top: -2em; + } + .row.gtr-200.gtr-uniform > * { + padding-top: 2em; + } +} +@media screen and (max-width: 1280px) { + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + .row > * { + box-sizing: border-box; + } + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + .row.aln-left { + justify-content: flex-start; + } + .row.aln-center { + justify-content: center; + } + .row.aln-right { + justify-content: flex-end; + } + .row.aln-top { + align-items: flex-start; + } + .row.aln-middle { + align-items: center; + } + .row.aln-bottom { + align-items: flex-end; + } + .row > .imp-large { + order: -1; + } + .row > .col-1-large { + width: 8.3333333333%; + } + .row > .off-1-large { + margin-left: 8.3333333333%; + } + .row > .col-2-large { + width: 16.6666666667%; + } + .row > .off-2-large { + margin-left: 16.6666666667%; + } + .row > .col-3-large { + width: 25%; + } + .row > .off-3-large { + margin-left: 25%; + } + .row > .col-4-large { + width: 33.3333333333%; + } + .row > .off-4-large { + margin-left: 33.3333333333%; + } + .row > .col-5-large { + width: 41.6666666667%; + } + .row > .off-5-large { + margin-left: 41.6666666667%; + } + .row > .col-6-large { + width: 50%; + } + .row > .off-6-large { + margin-left: 50%; + } + .row > .col-7-large { + width: 58.3333333333%; + } + .row > .off-7-large { + margin-left: 58.3333333333%; + } + .row > .col-8-large { + width: 66.6666666667%; + } + .row > .off-8-large { + margin-left: 66.6666666667%; + } + .row > .col-9-large { + width: 75%; + } + .row > .off-9-large { + margin-left: 75%; + } + .row > .col-10-large { + width: 83.3333333333%; + } + .row > .off-10-large { + margin-left: 83.3333333333%; + } + .row > .col-11-large { + width: 91.6666666667%; + } + .row > .off-11-large { + margin-left: 91.6666666667%; + } + .row > .col-12-large { + width: 100%; + } + .row > .off-12-large { + margin-left: 100%; + } + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + .row.gtr-25 { + margin-top: 0; + margin-left: -0.25em; + } + .row.gtr-25 > * { + padding: 0 0 0 0.25em; + } + .row.gtr-25.gtr-uniform { + margin-top: -0.25em; + } + .row.gtr-25.gtr-uniform > * { + padding-top: 0.25em; + } + .row.gtr-50 { + margin-top: 0; + margin-left: -0.5em; + } + .row.gtr-50 > * { + padding: 0 0 0 0.5em; + } + .row.gtr-50.gtr-uniform { + margin-top: -0.5em; + } + .row.gtr-50.gtr-uniform > * { + padding-top: 0.5em; + } + .row { + margin-top: 0; + margin-left: -1em; + } + .row > * { + padding: 0 0 0 1em; + } + .row.gtr-uniform { + margin-top: -1em; + } + .row.gtr-uniform > * { + padding-top: 1em; + } + .row.gtr-150 { + margin-top: 0; + margin-left: -1.5em; + } + .row.gtr-150 > * { + padding: 0 0 0 1.5em; + } + .row.gtr-150.gtr-uniform { + margin-top: -1.5em; + } + .row.gtr-150.gtr-uniform > * { + padding-top: 1.5em; + } + .row.gtr-200 { + margin-top: 0; + margin-left: -2em; + } + .row.gtr-200 > * { + padding: 0 0 0 2em; + } + .row.gtr-200.gtr-uniform { + margin-top: -2em; + } + .row.gtr-200.gtr-uniform > * { + padding-top: 2em; + } +} +@media screen and (max-width: 980px) { + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + .row > * { + box-sizing: border-box; + } + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + .row.aln-left { + justify-content: flex-start; + } + .row.aln-center { + justify-content: center; + } + .row.aln-right { + justify-content: flex-end; + } + .row.aln-top { + align-items: flex-start; + } + .row.aln-middle { + align-items: center; + } + .row.aln-bottom { + align-items: flex-end; + } + .row > .imp-medium { + order: -1; + } + .row > .col-1-medium { + width: 8.3333333333%; + } + .row > .off-1-medium { + margin-left: 8.3333333333%; + } + .row > .col-2-medium { + width: 16.6666666667%; + } + .row > .off-2-medium { + margin-left: 16.6666666667%; + } + .row > .col-3-medium { + width: 25%; + } + .row > .off-3-medium { + margin-left: 25%; + } + .row > .col-4-medium { + width: 33.3333333333%; + } + .row > .off-4-medium { + margin-left: 33.3333333333%; + } + .row > .col-5-medium { + width: 41.6666666667%; + } + .row > .off-5-medium { + margin-left: 41.6666666667%; + } + .row > .col-6-medium { + width: 50%; + } + .row > .off-6-medium { + margin-left: 50%; + } + .row > .col-7-medium { + width: 58.3333333333%; + } + .row > .off-7-medium { + margin-left: 58.3333333333%; + } + .row > .col-8-medium { + width: 66.6666666667%; + } + .row > .off-8-medium { + margin-left: 66.6666666667%; + } + .row > .col-9-medium { + width: 75%; + } + .row > .off-9-medium { + margin-left: 75%; + } + .row > .col-10-medium { + width: 83.3333333333%; + } + .row > .off-10-medium { + margin-left: 83.3333333333%; + } + .row > .col-11-medium { + width: 91.6666666667%; + } + .row > .off-11-medium { + margin-left: 91.6666666667%; + } + .row > .col-12-medium { + width: 100%; + } + .row > .off-12-medium { + margin-left: 100%; + } + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + .row.gtr-25 { + margin-top: 0; + margin-left: -0.25em; + } + .row.gtr-25 > * { + padding: 0 0 0 0.25em; + } + .row.gtr-25.gtr-uniform { + margin-top: -0.25em; + } + .row.gtr-25.gtr-uniform > * { + padding-top: 0.25em; + } + .row.gtr-50 { + margin-top: 0; + margin-left: -0.5em; + } + .row.gtr-50 > * { + padding: 0 0 0 0.5em; + } + .row.gtr-50.gtr-uniform { + margin-top: -0.5em; + } + .row.gtr-50.gtr-uniform > * { + padding-top: 0.5em; + } + .row { + margin-top: 0; + margin-left: -1em; + } + .row > * { + padding: 0 0 0 1em; + } + .row.gtr-uniform { + margin-top: -1em; + } + .row.gtr-uniform > * { + padding-top: 1em; + } + .row.gtr-150 { + margin-top: 0; + margin-left: -1.5em; + } + .row.gtr-150 > * { + padding: 0 0 0 1.5em; + } + .row.gtr-150.gtr-uniform { + margin-top: -1.5em; + } + .row.gtr-150.gtr-uniform > * { + padding-top: 1.5em; + } + .row.gtr-200 { + margin-top: 0; + margin-left: -2em; + } + .row.gtr-200 > * { + padding: 0 0 0 2em; + } + .row.gtr-200.gtr-uniform { + margin-top: -2em; + } + .row.gtr-200.gtr-uniform > * { + padding-top: 2em; + } +} +@media screen and (max-width: 736px) { + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + .row > * { + box-sizing: border-box; + } + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + .row.aln-left { + justify-content: flex-start; + } + .row.aln-center { + justify-content: center; + } + .row.aln-right { + justify-content: flex-end; + } + .row.aln-top { + align-items: flex-start; + } + .row.aln-middle { + align-items: center; + } + .row.aln-bottom { + align-items: flex-end; + } + .row > .imp-small { + order: -1; + } + .row > .col-1-small { + width: 8.3333333333%; + } + .row > .off-1-small { + margin-left: 8.3333333333%; + } + .row > .col-2-small { + width: 16.6666666667%; + } + .row > .off-2-small { + margin-left: 16.6666666667%; + } + .row > .col-3-small { + width: 25%; + } + .row > .off-3-small { + margin-left: 25%; + } + .row > .col-4-small { + width: 33.3333333333%; + } + .row > .off-4-small { + margin-left: 33.3333333333%; + } + .row > .col-5-small { + width: 41.6666666667%; + } + .row > .off-5-small { + margin-left: 41.6666666667%; + } + .row > .col-6-small { + width: 50%; + } + .row > .off-6-small { + margin-left: 50%; + } + .row > .col-7-small { + width: 58.3333333333%; + } + .row > .off-7-small { + margin-left: 58.3333333333%; + } + .row > .col-8-small { + width: 66.6666666667%; + } + .row > .off-8-small { + margin-left: 66.6666666667%; + } + .row > .col-9-small { + width: 75%; + } + .row > .off-9-small { + margin-left: 75%; + } + .row > .col-10-small { + width: 83.3333333333%; + } + .row > .off-10-small { + margin-left: 83.3333333333%; + } + .row > .col-11-small { + width: 91.6666666667%; + } + .row > .off-11-small { + margin-left: 91.6666666667%; + } + .row > .col-12-small { + width: 100%; + } + .row > .off-12-small { + margin-left: 100%; + } + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + .row.gtr-25 { + margin-top: 0; + margin-left: -0.25em; + } + .row.gtr-25 > * { + padding: 0 0 0 0.25em; + } + .row.gtr-25.gtr-uniform { + margin-top: -0.25em; + } + .row.gtr-25.gtr-uniform > * { + padding-top: 0.25em; + } + .row.gtr-50 { + margin-top: 0; + margin-left: -0.5em; + } + .row.gtr-50 > * { + padding: 0 0 0 0.5em; + } + .row.gtr-50.gtr-uniform { + margin-top: -0.5em; + } + .row.gtr-50.gtr-uniform > * { + padding-top: 0.5em; + } + .row { + margin-top: 0; + margin-left: -1em; + } + .row > * { + padding: 0 0 0 1em; + } + .row.gtr-uniform { + margin-top: -1em; + } + .row.gtr-uniform > * { + padding-top: 1em; + } + .row.gtr-150 { + margin-top: 0; + margin-left: -1.5em; + } + .row.gtr-150 > * { + padding: 0 0 0 1.5em; + } + .row.gtr-150.gtr-uniform { + margin-top: -1.5em; + } + .row.gtr-150.gtr-uniform > * { + padding-top: 1.5em; + } + .row.gtr-200 { + margin-top: 0; + margin-left: -2em; + } + .row.gtr-200 > * { + padding: 0 0 0 2em; + } + .row.gtr-200.gtr-uniform { + margin-top: -2em; + } + .row.gtr-200.gtr-uniform > * { + padding-top: 2em; + } +} +@media screen and (max-width: 480px) { + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + .row > * { + box-sizing: border-box; + } + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + .row.aln-left { + justify-content: flex-start; + } + .row.aln-center { + justify-content: center; + } + .row.aln-right { + justify-content: flex-end; + } + .row.aln-top { + align-items: flex-start; + } + .row.aln-middle { + align-items: center; + } + .row.aln-bottom { + align-items: flex-end; + } + .row > .imp-xsmall { + order: -1; + } + .row > .col-1-xsmall { + width: 8.3333333333%; + } + .row > .off-1-xsmall { + margin-left: 8.3333333333%; + } + .row > .col-2-xsmall { + width: 16.6666666667%; + } + .row > .off-2-xsmall { + margin-left: 16.6666666667%; + } + .row > .col-3-xsmall { + width: 25%; + } + .row > .off-3-xsmall { + margin-left: 25%; + } + .row > .col-4-xsmall { + width: 33.3333333333%; + } + .row > .off-4-xsmall { + margin-left: 33.3333333333%; + } + .row > .col-5-xsmall { + width: 41.6666666667%; + } + .row > .off-5-xsmall { + margin-left: 41.6666666667%; + } + .row > .col-6-xsmall { + width: 50%; + } + .row > .off-6-xsmall { + margin-left: 50%; + } + .row > .col-7-xsmall { + width: 58.3333333333%; + } + .row > .off-7-xsmall { + margin-left: 58.3333333333%; + } + .row > .col-8-xsmall { + width: 66.6666666667%; + } + .row > .off-8-xsmall { + margin-left: 66.6666666667%; + } + .row > .col-9-xsmall { + width: 75%; + } + .row > .off-9-xsmall { + margin-left: 75%; + } + .row > .col-10-xsmall { + width: 83.3333333333%; + } + .row > .off-10-xsmall { + margin-left: 83.3333333333%; + } + .row > .col-11-xsmall { + width: 91.6666666667%; + } + .row > .off-11-xsmall { + margin-left: 91.6666666667%; + } + .row > .col-12-xsmall { + width: 100%; + } + .row > .off-12-xsmall { + margin-left: 100%; + } + .row.gtr-0 { + margin-top: 0; + margin-left: 0em; + } + .row.gtr-0 > * { + padding: 0 0 0 0em; + } + .row.gtr-0.gtr-uniform { + margin-top: 0em; + } + .row.gtr-0.gtr-uniform > * { + padding-top: 0em; + } + .row.gtr-25 { + margin-top: 0; + margin-left: -0.25em; + } + .row.gtr-25 > * { + padding: 0 0 0 0.25em; + } + .row.gtr-25.gtr-uniform { + margin-top: -0.25em; + } + .row.gtr-25.gtr-uniform > * { + padding-top: 0.25em; + } + .row.gtr-50 { + margin-top: 0; + margin-left: -0.5em; + } + .row.gtr-50 > * { + padding: 0 0 0 0.5em; + } + .row.gtr-50.gtr-uniform { + margin-top: -0.5em; + } + .row.gtr-50.gtr-uniform > * { + padding-top: 0.5em; + } + .row { + margin-top: 0; + margin-left: -1em; + } + .row > * { + padding: 0 0 0 1em; + } + .row.gtr-uniform { + margin-top: -1em; + } + .row.gtr-uniform > * { + padding-top: 1em; + } + .row.gtr-150 { + margin-top: 0; + margin-left: -1.5em; + } + .row.gtr-150 > * { + padding: 0 0 0 1.5em; + } + .row.gtr-150.gtr-uniform { + margin-top: -1.5em; + } + .row.gtr-150.gtr-uniform > * { + padding-top: 1.5em; + } + .row.gtr-200 { + margin-top: 0; + margin-left: -2em; + } + .row.gtr-200 > * { + padding: 0 0 0 2em; + } + .row.gtr-200.gtr-uniform { + margin-top: -2em; + } + .row.gtr-200.gtr-uniform > * { + padding-top: 2em; + } +} + +/* Author */ +.author { + display: -moz-flex; + display: -ms-flex; + display: flex; + -moz-flex-direction: row; + flex-direction: row; + -moz-align-items: center; + -ms-align-items: center; + align-items: center; + -moz-justify-content: -moz-flex-end; + -ms-justify-content: -ms-flex-end; + justify-content: flex-end; + border-bottom: 0; + font-family: "Raleway", Helvetica, sans-serif; + font-size: 0.6em; + font-weight: 400; + letter-spacing: 0.25em; + text-transform: uppercase; + white-space: nowrap; +} +.author .name { + transition: border-bottom-color 0.2s ease; + border-bottom: dotted 1px rgba(160, 160, 160, 0.65); + display: block; + margin: 0 1.5em 0 0; +} +.author img { + border-radius: 100%; + display: block; + width: 4em; +} +.author:hover .name { + border-bottom-color: transparent; +} + +/* Blurb */ +.blurb h2 { + font-size: 0.8em; + margin: 0 0 1.5em 0; +} +.blurb h3 { + font-size: 0.7em; +} +.blurb p { + font-size: 0.9em; +} + +/* Box */ +.box { + border: solid 1px rgba(160, 160, 160, 0.3); + margin-bottom: 2em; + padding: 0em; +} +.box > :last-child, +.box > :last-child > :last-child, +.box > :last-child > :last-child > :last-child { + margin-bottom: 0; + padding: 0.5em; +} +.box.alt { + border: 0; + border-radius: 0; + padding: 0; +} + +/* Button */ +input[type=submit], +input[type=reset], +input[type=button], +button, +.button { + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + transition: background-color 0.2s ease, box-shadow 0.2s ease, color 0.2s ease; + background-color: transparent; + border: 0; + box-shadow: inset 0 0 0 1px rgba(160, 160, 160, 0.3); + color: #3c3b3b !important; + cursor: pointer; + display: inline-block; + font-family: "Raleway", Helvetica, sans-serif; + font-size: 0.6em; + font-weight: 800; + height: 4.8125em; + letter-spacing: 0.25em; + line-height: 4.8125em; + padding: 0 2.5em; + text-align: center; + text-decoration: none; + text-transform: uppercase; + white-space: nowrap; +} +input[type=submit]:hover, +input[type=reset]:hover, +input[type=button]:hover, +button:hover, +.button:hover { + box-shadow: inset 0 0 0 1px #ba2e5d; + color: #ba2e5d !important; +} +input[type=submit]:hover:active, +input[type=reset]:hover:active, +input[type=button]:hover:active, +button:hover:active, +.button:hover:active { + background-color: rgba(186, 46, 93, 0.05); +} +input[type=submit]:before, input[type=submit]:after, +input[type=reset]:before, +input[type=reset]:after, +input[type=button]:before, +input[type=button]:after, +button:before, +button:after, +.button:before, +.button:after { + color: #838383; + position: relative; +} +input[type=submit]:before, +input[type=reset]:before, +input[type=button]:before, +button:before, +.button:before { + left: -1em; + padding: 0 0 0 0.75em; +} +input[type=submit]:after, +input[type=reset]:after, +input[type=button]:after, +button:after, +.button:after { + left: 1em; + padding: 0 0.75em 0 0; +} +input[type=submit].fit, +input[type=reset].fit, +input[type=button].fit, +button.fit, +.button.fit { + width: 100%; +} +input[type=submit].large, +input[type=reset].large, +input[type=button].large, +button.large, +.button.large { + font-size: 0.7em; + padding: 0 3em; +} +input[type=submit].small, +input[type=reset].small, +input[type=button].small, +button.small, +.button.small { + font-size: 0.5em; +} +input[type=submit].disabled, input[type=submit]:disabled, +input[type=reset].disabled, +input[type=reset]:disabled, +input[type=button].disabled, +input[type=button]:disabled, +button.disabled, +button:disabled, +.button.disabled, +.button:disabled { + pointer-events: none; + color: rgba(160, 160, 160, 0.3) !important; +} +input[type=submit].disabled:before, input[type=submit]:disabled:before, +input[type=reset].disabled:before, +input[type=reset]:disabled:before, +input[type=button].disabled:before, +input[type=button]:disabled:before, +button.disabled:before, +button:disabled:before, +.button.disabled:before, +.button:disabled:before { + color: rgba(160, 160, 160, 0.3) !important; +} + +/* Form */ +form { + margin: 0 0 2em 0; +} +form.search { + text-decoration: none; + position: relative; +} +form.search:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + font-family: "Font Awesome 5 Free"; + font-weight: 900; +} +form.search:before { + color: #838383; + content: "\f002"; + display: block; + height: 2.75em; + left: 0; + line-height: 2.75em; + position: absolute; + text-align: center; + top: 0; + width: 2.5em; +} +form.search > input:first-child { + padding-left: 2.5em; +} + +label { + color: #3c3b3b; + display: block; + font-size: 0.9em; + font-weight: 700; + margin: 0 0 1em 0; +} + +input[type=text], +input[type=password], +input[type=email], +input[type=tel], +select, +textarea { + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + background: rgba(160, 160, 160, 0.075); + border: none; + border: solid 1px rgba(160, 160, 160, 0.3); + border-radius: 0; + color: inherit; + display: block; + outline: 0; + padding: 0 1em; + text-decoration: none; + width: 100%; +} +input[type=text]:invalid, +input[type=password]:invalid, +input[type=email]:invalid, +input[type=tel]:invalid, +select:invalid, +textarea:invalid { + box-shadow: none; +} +input[type=text]:focus, +input[type=password]:focus, +input[type=email]:focus, +input[type=tel]:focus, +select:focus, +textarea:focus { + border-color: #ba2e5d; + box-shadow: inset 0 0 0 1px #ba2e5d; +} + +.select-wrapper { + text-decoration: none; + display: block; + position: relative; +} +.select-wrapper:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + font-family: "Font Awesome 5 Free"; + font-weight: 900; +} +.select-wrapper:before { + color: rgba(160, 160, 160, 0.3); + content: "\f078"; + display: block; + height: 2.75em; + line-height: 2.75em; + pointer-events: none; + position: absolute; + right: 0; + text-align: center; + top: 0; + width: 2.75em; +} +.select-wrapper select::-ms-expand { + display: none; +} + +select { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(160, 160, 160, 0.3)' /%3E%3C/svg%3E"); + background-size: 1.25rem; + background-repeat: no-repeat; + background-position: calc(100% - 1rem) center; + height: 2.75em; + padding-right: 2.75em; + text-overflow: ellipsis; +} +select option { + color: #3c3b3b; + background: #ffffff; +} +select:focus::-ms-value { + background-color: transparent; +} +select::-ms-expand { + display: none; +} + +input[type=text], +input[type=password], +input[type=email], +select { + height: 2.75em; +} + +textarea { + padding: 0.75em 1em; +} + +input[type=checkbox], +input[type=radio] { + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + display: block; + float: left; + margin-right: -2em; + opacity: 0; + width: 1em; + z-index: -1; +} +input[type=checkbox] + label, +input[type=radio] + label { + text-decoration: none; + color: #2e2e2e; + cursor: pointer; + display: inline-block; + font-size: 1em; + font-weight: 400; + padding-left: 2.4em; + padding-right: 0.75em; + position: relative; +} +input[type=checkbox] + label:before, +input[type=radio] + label:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + font-family: "Font Awesome 5 Free"; + font-weight: 900; +} +input[type=checkbox] + label:before, +input[type=radio] + label:before { + background: rgba(160, 160, 160, 0.075); + border: solid 1px rgba(160, 160, 160, 0.3); + content: ""; + display: inline-block; + font-size: 0.8em; + height: 2.0625em; + left: 0; + line-height: 2.0625em; + position: absolute; + text-align: center; + top: 0; + width: 2.0625em; +} +input[type=checkbox]:checked + label:before, +input[type=radio]:checked + label:before { + background: #3c3b3b; + border-color: #3c3b3b; + color: #ffffff; + content: "\f00c"; +} +input[type=checkbox]:focus + label:before, +input[type=radio]:focus + label:before { + border-color: #ba2e5d; + box-shadow: 0 0 0 1px #ba2e5d; +} + +input[type=radio] + label:before { + border-radius: 100%; +} + +::-webkit-input-placeholder { + color: #838383 !important; + opacity: 1; +} + +:-moz-placeholder { + color: #838383 !important; + opacity: 1; +} + +::-moz-placeholder { + color: #838383 !important; + opacity: 1; +} + +:-ms-input-placeholder { + color: #838383 !important; + opacity: 1; +} + +/* Icon */ +.icon { + text-decoration: none; + border-bottom: none; + position: relative; +} +.icon:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + font-family: "Font Awesome 5 Free"; + font-weight: 400; +} +.icon > .label { + display: none; +} +.icon:before { + line-height: inherit; +} +.icon.solid:before { + font-weight: 900; +} +.icon.brands:before { + font-family: "Font Awesome 5 Brands"; +} +.icon.suffix:before { + float: right; +} + +/* Image */ +.image { + border: 0; + display: inline-block; + position: relative; +} +.image img { + display: block; +} +.image.left, .image.right { + max-width: 40%; +} +.image.left img, .image.right img { + width: 100%; +} +.image.left { + float: left; + padding: 0 1.5em 1em 0; + top: 0.25em; +} +.image.right { + float: right; + padding: 0 0 1em 1.5em; + top: 0.25em; +} +.image.fit { + display: block; + margin: 0 0 2em 0; + width: 100%; +} +.image.fit img { + width: 100%; +} +.image.featured { + display: block; + margin: 0 0 3em 0; + width: 100%; +} +.image.featured img { + width: 100%; +} +@media screen and (max-width: 736px) { + .image.featured { + margin: 0 0 1.5em 0; + } +} +.image.main { + display: block; + margin: 0 0 3em 0; + width: 100%; +} +.image.main img { + width: 100%; +} + +/* List */ +ol { + list-style: decimal; + margin: 0 0 2em 0; + padding-left: 1.25em; +} +ol li { + padding-left: 0.25em; +} + +ul { + list-style: disc; + margin: 0 0 2em 0; + padding-left: 1em; +} +ul li { + padding-left: 0.5em; +} +ul.alt { + list-style: none; + padding-left: 0; +} +ul.alt li { + border-top: solid 1px rgba(160, 160, 160, 0.3); + padding: 0.5em 0; +} +ul.alt li:first-child { + border-top: 0; + padding-top: 0; +} + +dl { + margin: 0 0 2em 0; +} +dl dt { + display: block; + font-weight: 700; + margin: 0 0 1em 0; +} +dl dd { + margin-left: 2em; +} + +/* Actions */ +ul.actions { + display: -moz-flex; + display: -ms-flex; + display: flex; + cursor: default; + list-style: none; + margin-left: -1em; + padding-left: 0; +} +ul.actions li { + padding: 0 0 0 1em; + vertical-align: middle; +} +ul.actions.special { + -moz-justify-content: center; + -ms-justify-content: center; + justify-content: center; + width: 100%; + margin-left: 0; +} +ul.actions.special li:first-child { + padding-left: 0; +} +ul.actions.stacked { + -moz-flex-direction: column; + flex-direction: column; + margin-left: 0; +} +ul.actions.stacked li { + padding: 1.3em 0 0 0; +} +ul.actions.stacked li:first-child { + padding-top: 0; +} +ul.actions.fit { + width: calc(100% + 1em); +} +ul.actions.fit li { + -moz-flex-grow: 1; + -ms-flex-grow: 1; + flex-grow: 1; + -ms-flex-shrink: 1; + flex-shrink: 1; + width: 100%; +} +ul.actions.fit li > * { + width: 100%; +} +ul.actions.fit.stacked { + width: 100%; +} +@media screen and (max-width: 480px) { + ul.actions:not(.fixed) { + -moz-flex-direction: column; + flex-direction: column; + margin-left: 0; + width: 100% !important; + } + ul.actions:not(.fixed) li { + -moz-flex-grow: 1; + -ms-flex-grow: 1; + flex-grow: 1; + -ms-flex-shrink: 1; + flex-shrink: 1; + padding: 1em 0 0 0; + text-align: center; + width: 100%; + } + ul.actions:not(.fixed) li > * { + width: 100%; + } + ul.actions:not(.fixed) li:first-child { + padding-top: 0; + } + ul.actions:not(.fixed) li input[type=submit], +ul.actions:not(.fixed) li input[type=reset], +ul.actions:not(.fixed) li input[type=button], +ul.actions:not(.fixed) li button, +ul.actions:not(.fixed) li .button { + width: 100%; + } + ul.actions:not(.fixed) li input[type=submit].icon:before, +ul.actions:not(.fixed) li input[type=reset].icon:before, +ul.actions:not(.fixed) li input[type=button].icon:before, +ul.actions:not(.fixed) li button.icon:before, +ul.actions:not(.fixed) li .button.icon:before { + margin-left: -0.5em; + } +} + +/* Icons */ +ul.icons { + cursor: default; + list-style: none; + padding-left: 0; +} +ul.icons li { + display: inline-block; + padding: 0 1em 0 0; +} +ul.icons li:last-child { + padding-right: 0; +} +ul.icons li > * { + border: 0; +} +ul.icons li > * .label { + display: none; +} + +/* Posts */ +ul.posts { + list-style: none; + padding: 0; + margin-bottom: 0.25rem; +} +ul.posts li { + border-top: dotted 1px rgba(160, 160, 160, 0.3); + margin: 0.25em 0 0 0; + padding: 0.25em 0 0 0; +} +ul.posts li:first-child { + border-top: 0; + margin-top: 0; + padding-top: 0; +} +ul.posts article { + display: -moz-flex; + display: -ms-flex; + display: flex; + -moz-align-items: -moz-flex-start; + -ms-align-items: -ms-flex-start; + align-items: flex-start; + -moz-flex-direction: row-reverse; + flex-direction: row-reverse; +} +ul.posts article .image { + display: block; + margin-right: 1.5em; + min-width: 4em; + width: 4em; +} +ul.posts article .image img { + width: 100%; +} +ul.posts article header { + -moz-flex-grow: 1; + -ms-flex-grow: 1; + flex-grow: 1; + flex: 1; + -ms-flex: 1; +} +ul.posts article header h3 { + font-size: 0.7em; + margin-top: 0.125em; + margin-bottom: 0.25em; +} +ul.posts article header .published { + display: block; + font-family: "Raleway", Helvetica, sans-serif; + font-size: 0.6em; + font-weight: 400; + letter-spacing: 0.25em; + margin: -0.625em 0 1.7em 0; + text-transform: uppercase; +} +ul.posts article header > :last-child { + margin-bottom: 0; +} + +/* Mini Post */ +.mini-post { + display: -moz-flex; + display: -ms-flex; + display: flex; + -moz-flex-direction: column-reverse; + flex-direction: column-reverse; + background: #ffffff; + border: solid 1px rgba(160, 160, 160, 0.3); + margin: 0 0 2em 0; +} +.mini-post .image { + overflow: hidden; + width: 100%; +} +.mini-post .image img { + transition: transform 0.2s ease-out; + width: 100%; +} +.mini-post .image:hover img { + transform: scale(1.05); +} +.mini-post header { + padding: 1.25em 4.25em 0.1em 1.25em; + min-height: 4em; + position: relative; + -moz-flex-grow: 1; + -ms-flex-grow: 1; + flex-grow: 1; +} +.mini-post header h3 { + font-size: 0.7em; +} +.mini-post header .published { + display: block; + font-family: "Raleway", Helvetica, sans-serif; + font-size: 0.6em; + font-weight: 400; + letter-spacing: 0.25em; + margin: -0.625em 0 1.7em 0; + text-transform: uppercase; +} +.mini-post header .author { + position: absolute; + right: 2em; + top: 2em; +} + +.mini-posts { + margin: 0 0 2em 0; +} +@media screen and (max-width: 1280px) { + .mini-posts { + display: -moz-flex; + display: -ms-flex; + display: flex; + flex-wrap: wrap; + width: calc(100% + 2em); + } + .mini-posts > * { + margin: 2em 2em 0 0; + width: calc(50% - 2em); + } + .mini-posts > :nth-child(-n+2) { + margin-top: 0; + } +} +@media screen and (max-width: 480px) { + .mini-posts { + display: block; + width: 100%; + } + .mini-posts > * { + margin: 0 0 2em 0; + width: 100%; + } +} + +/* Post */ +.post { + padding: 3em 3em 1em 3em; + background: #ffffff; + border: solid 1px rgba(160, 160, 160, 0.3); + margin: 0 0 3em 0; + position: relative; +} +.post img { + max-width: 100%; +} +.post .modular-row.gallery-container { + margin-bottom: 2.75rem; +} +.post > header { + display: -moz-flex; + display: -ms-flex; + display: flex; + border-bottom: solid 1px rgba(160, 160, 160, 0.3); + left: -3em; + margin: -3em 0 3em 0; + position: relative; + width: calc(100% + 6em); +} +.post > header .title { + -moz-flex-grow: 1; + -ms-flex-grow: 1; + flex-grow: 1; + -ms-flex: 1; + padding: 3.75em 3em 3.3em 3em; +} +.post > header .title h2 { + font-weight: 900; + font-size: 1.5em; +} +.post > header .title > :last-child { + margin-bottom: 0; +} +.post > header .meta { + padding: 3.75em 3em 1.75em 3em; + border-left: solid 1px rgba(160, 160, 160, 0.3); + min-width: 17em; + text-align: right; + width: 17em; +} +.post > header .meta > * { + margin: 0 0 1em 0; +} +.post > header .meta > :last-child { + margin-bottom: 0; +} +.post > header .meta .published { + color: #3c3b3b; + display: block; + font-family: "Raleway", Helvetica, sans-serif; + font-size: 0.7em; + font-weight: 800; + letter-spacing: 0.25em; + margin-top: 0.5em; + text-transform: uppercase; + white-space: nowrap; +} +.post > a.image.featured { + overflow: hidden; +} +.post > a.image.featured img { + transition: transform 0.2s ease-out; +} +.post > a.image.featured:hover img { + transform: scale(1.05); +} +.post > footer { + display: -moz-flex; + display: -ms-flex; + display: flex; + -moz-align-items: center; + -ms-align-items: center; + align-items: center; +} +.post > footer .actions { + -moz-flex-grow: 1; + -ms-flex-grow: 1; + flex-grow: 1; +} +.post > footer .stats { + cursor: default; + list-style: none; + padding: 0; +} +.post > footer .stats li { + border-left: solid 1px rgba(160, 160, 160, 0.3); + display: inline-block; + font-family: "Raleway", Helvetica, sans-serif; + font-size: 0.6em; + font-weight: 400; + letter-spacing: 0.25em; + line-height: 1; + margin: 0 0 0 2em; + padding: 0 0 0 2em; + text-transform: uppercase; +} +.post > footer .stats li:first-child { + border-left: 0; + margin-left: 0; + padding-left: 0; +} +.post > footer .stats li .icon { + border-bottom: 0; +} +.post > footer .stats li .icon:before { + margin-right: 0.75em; +} +@media screen and (max-width: 980px) { + .post { + border-left: 0; + border-right: 0; + left: -3em; + width: calc(100% + (3em * 2)); + } + .post > header { + -moz-flex-direction: column; + flex-direction: column; + padding: 3.75em 3em 1.25em 3em; + border-left: 0; + } + .post > header .title { + -ms-flex: 0 1 auto; + margin: 0 0 2em 0; + padding: 0; + text-align: center; + } + .post > header .meta { + -moz-align-items: center; + -ms-align-items: center; + align-items: center; + display: -moz-flex; + display: -ms-flex; + display: flex; + -moz-justify-content: center; + -ms-justify-content: center; + justify-content: center; + border-left: 0; + margin: 0 0 2em 0; + padding-top: 0; + padding: 0; + text-align: left; + width: 100%; + } + .post > header .meta > * { + border-left: solid 1px rgba(160, 160, 160, 0.3); + margin-left: 2em; + padding-left: 2em; + } + .post > header .meta > :first-child { + border-left: 0; + margin-left: 0; + padding-left: 0; + } + .post > header .meta .published { + margin-bottom: 0; + margin-top: 0; + } + .post > header .meta .author { + -moz-flex-direction: row-reverse; + flex-direction: row-reverse; + margin-bottom: 0; + } + .post > header .meta .author .name { + margin: 0 0 0 1.5em; + } + .post > header .meta .author img { + width: 3.5em; + } +} +@media screen and (max-width: 736px) { + .post { + padding: 1.5em 1.5em 0.1em 1.5em; + left: -1.5em; + margin: 0 0 2em 0; + width: calc(100% + (1.5em * 2)); + } + .post > header { + padding: 3em 1.5em 0.5em 1.5em; + left: -1.5em; + margin: -1.5em 0 1.5em 0; + width: calc(100% + 3em); + } + .post > header .title h2 { + font-size: 1.1em; + } +} +@media screen and (max-width: 480px) { + .post > header .meta { + -moz-align-items: center; + -ms-align-items: center; + align-items: center; + -moz-flex-direction: column; + flex-direction: column; + } + .post > header .meta > * { + border-left: 0; + margin: 1em 0 0 0; + padding-left: 0; + } + .post > header .meta .author .name { + display: none; + } + .post > .image.featured { + margin-left: -1.5em; + margin-top: calc(-1.5em - 1px); + width: calc(100% + 3em); + } + .post > footer { + -moz-align-items: -moz-stretch; + -ms-align-items: -ms-stretch; + align-items: stretch; + -moz-flex-direction: column-reverse; + flex-direction: column-reverse; + } + .post > footer .stats { + text-align: center; + } + .post > footer .stats li { + margin: 0 0 0 1.25em; + padding: 0 0 0 1.25em; + } +} + +/* Section/Article */ +section.special, article.special { + text-align: center; +} + +header p { + font-family: "Raleway", Helvetica, sans-serif; + font-size: 0.7em; + font-weight: 400; + letter-spacing: 0.25em; + line-height: 2.5; + margin-top: -1em; + text-transform: uppercase; +} + +/* Table */ +.table-wrapper { + -webkit-overflow-scrolling: touch; + overflow-x: auto; +} + +table { + margin: 0 0 2em 0; + width: 100%; +} +table tbody tr { + border: solid 1px rgba(160, 160, 160, 0.3); + border-left: 0; + border-right: 0; +} +table tbody tr:nth-child(2n+1) { + background-color: rgba(160, 160, 160, 0.075); +} +table td { + padding: 0.75em 0.75em; +} +table th { + color: #3c3b3b; + font-size: 0.9em; + font-weight: 700; + padding: 0 0.75em 0.75em 0.75em; + text-align: left; +} +table thead { + border-bottom: solid 2px rgba(160, 160, 160, 0.3); +} +table tfoot { + border-top: solid 2px rgba(160, 160, 160, 0.3); +} +table.alt { + border-collapse: separate; +} +table.alt tbody tr td { + border: solid 1px rgba(160, 160, 160, 0.3); + border-left-width: 0; + border-top-width: 0; +} +table.alt tbody tr td:first-child { + border-left-width: 1px; +} +table.alt tbody tr:first-child td { + border-top-width: 1px; +} +table.alt thead { + border-bottom: 0; +} +table.alt tfoot { + border-top: 0; +} + +/* Portofolio */ +.portfolio_item .image { + overflow: hidden; + width: 100%; + border-radius: 10px; +} +.portfolio_item .image img { + transition: transform 0.2s ease-out; + width: 100%; +} +.portfolio_item .image:hover img { + transform: scale(1.05); +} + +/* Banner */ +#banner { + padding: 6em 0 4em 0; + display: -moz-flex; + display: -ms-flex; + display: flex; +} +#banner h1 { + margin-top: -0.125em; + font-size: 1.1em; +} +#banner h2 { + margin-top: -0.125em; + font-size: 1em; +} +#banner .content { + -moz-flex-grow: 1; + -ms-flex-grow: 1; + flex-grow: 1; + -ms-flex-shrink: 1; + flex-shrink: 1; + width: 60%; +} +#banner .image { + -moz-flex-grow: 0; + -ms-flex-grow: 0; + flex-grow: 0; + -ms-flex-shrink: 0; + flex-shrink: 0; + display: block; + margin: 0 0 2em 4em; + width: 40%; +} +#banner .image img { + height: 100%; + -moz-object-fit: contain; + -webkit-object-fit: contain; + -ms-object-fit: contain; + -o-object-fit: contain; + object-fit: contain; + -moz-object-position: center; + -webkit-object-position: center; + -ms-object-position: center; + -o-object-position: center; + object-position: center; + width: 100%; +} +@media screen and (orientation: portrait) { + #banner { + -moz-flex-direction: column-reverse; + flex-direction: column-reverse; + } + #banner h1 br { + display: none; + } + #banner .content { + -moz-flex-grow: 0; + -ms-flex-grow: 0; + flex-grow: 0; + -ms-flex-shrink: 0; + flex-shrink: 0; + width: 100%; + } + #banner .image { + -moz-flex-grow: 0; + -ms-flex-grow: 0; + flex-grow: 0; + -ms-flex-shrink: 0; + flex-shrink: 0; + margin: 0 0 4em 0; + height: 25em; + max-height: 50vh; + min-height: 18em; + width: 100%; + } +} +@media screen and (orientation: portrait) and (max-width: 480px) { + #banner .image { + max-height: 35vh; + } +} + +/* Feautres */ +#features header p { + font-family: "Source Sans Pro", Helvetica, sans-serif; + font-weight: 400; + font-size: inherit; + letter-spacing: 0em; + line-height: inherit; + margin-top: 1em; + text-transform: initial; +} +#features header h3 { + margin-top: 0em; +} + +/* Logo */ +#header .logo { + font-family: "Raleway", Helvetica, sans-serif; + font-size: 1.3em; + font-weight: 800; +} +@media screen and (max-width: 736px) { + #header .logo { + font-size: 1em; + } +} + +/* Dropdown menu in header */ +#header .dropdown { + -moz-flex: 1; + flex: 1; + border-left: solid 1px rgba(160, 160, 160, 0.3); + height: inherit; + line-height: inherit; + margin-left: 1.5em; +} +#header .dropdown li { + position: relative; + float: left; + text-transform: uppercase; + font-size: 12pt; + height: inherit; +} +#header .dropdown li a { + font-family: "Raleway", Helvetica, sans-serif; + font-size: 0.8em; + font-weight: 400; + letter-spacing: 0.15em; + display: block; + border-bottom: none; + padding: 0 0.8rem; + height: inherit; +} +#header .dropdown li ul { + position: absolute; + top: 100%; + margin: 0; + padding: 0; + list-style: none; + display: none; + line-height: normal; + background-color: rgb(230, 230, 230); + box-shadow: 0 0.05rem 1rem rgba(0, 0, 0, 0.15) !important; +} +#header .dropdown li ul li a { + font-family: "Raleway", Helvetica, sans-serif; + font-size: 0.8em; + font-weight: 400; + letter-spacing: 0.15em; + text-transform: uppercase; + display: block; + border-bottom: none; + padding: 0.5rem 0.8rem; + line-height: 1.5em; +} +#header .dropdown li ul li a:hover { + color: #181818; +} +#header .dropdown li ul li ul { + left: 100%; + top: 0; +} +#header .dropdown ul li { + margin-left: 0.5em; + padding-left: 0.5em; +} +#header .dropdown ul li:first-child { + border-left: 0; +} +#header .dropdown ul li:hover > ul { + display: -moz-flex; + display: -ms-flex; + display: flex; + -moz-flex-direction: column; + flex-direction: column; + flex-wrap: nowrap; + min-width: 15em; + border: solid 1px rgba(160, 160, 160, 0.3); + background-color: #ffffff; + box-shadow: 0 0.05rem 1rem rgba(0, 0, 0, 0.15) !important; +} +@media screen and (max-width: 980px) { + #header .dropdown { + display: none; + } +} +@media screen and (max-width: 736px) { + #header .dropdown { + margin-left: -1rem; + margin-right: -1rem; + } + #header .dropdown .fixed { + margin: 0; + } +} + +/* Sidebar menu */ +#sidebarmenu { + display: none; +} + +@media screen and (max-width: 980px) { + #sidebarmenu { + display: block; + } +} +.menulink { + margin: 0; + padding: 0; + margin-top: -0.3rem; +} + +ul.menulink > li, +ul.menulink > li > ul { + list-style: none; + font-family: "Raleway", Helvetica, sans-serif; + padding: 0.1em 0 0 0; + margin: 0em; + line-height: 2.3em; +} + +ul.menulink > li a.tags { + border: dotted 1px rgba(119, 118, 118, 0.65); + padding: 0.2em; + font-size: 0.8em; +} + +ul.menulink > li a:hover.tags { + background-color: #ba2e5d; + color: #f4f4f4 !important; +} + +ul.menulink > li > ul, +ul.menulink > li a span { + transition: color 0.2s ease; + font-size: 0.9em; + text-transform: uppercase; + font-weight: 400; +} + +ul.menulink > li a span li { + transition: color 0.2s ease; + font-size: 0.8em; + font-weight: 400; + text-transform: uppercase; +} + +ul.menulink > li * { + list-style-type: none; +} + +ul.menulink > li a:hover span { + color: #ba2e5d !important; +} + +ul.subitem { + display: block; +} + +ul.subitem > li > ul, +ul.subitem > li a span { + transition: color 0.2s ease; + font-size: 0.9em; + font-weight: 400; + text-transform: capitalize; + margin-bottom: 0; +} + +ul.subitem > li { + list-style-type: none; + margin-left: 0.4em; +} + +ul.subitem_hide { + display: none; +} + +ul.subitem_hide > li > ul, +ul.subitem_hide > li a span { + transition: color 0.2s ease; + margin-bottom: 0; + font-weight: 400; + text-transform: capitalize; +} + +ul.subitem_hide > li { + list-style-type: none; + margin-left: 0.4em; +} + +.dropdown-btn { + cursor: pointer; +} + +.fa-caret-down { + float: right; + padding-right: 8px; +} + +/* Header */ +body { + padding-top: 3.5em; +} + +#header { + display: -moz-flex; + display: -ms-flex; + display: flex; + -moz-justify-content: space-between; + -ms-justify-content: space-between; + justify-content: space-between; + background-color: #ffffff; + border-bottom: solid 1px rgba(160, 160, 160, 0.3); + box-shadow: 0 5px 6px -6px rgb(230, 230, 230); + height: 3.5em; + left: 0; + line-height: 3.5em; + position: fixed; + top: 0; + width: 100%; + z-index: 10000; +} +#header a { + color: inherit; + text-decoration: none; +} +#header ul { + list-style: none; + margin: 0; + padding-left: 0; +} +#header ul li { + display: inline-block; + padding-left: 0; +} +#header h1 { + height: inherit; + line-height: inherit; + padding: 0 0 0 1.5em; + white-space: nowrap; +} +#header h1 a { + font-size: 0.7em; +} +#header .main { + height: inherit; + line-height: inherit; + text-align: right; +} +#header .main ul { + height: inherit; + line-height: inherit; +} +#header .main ul li { + border-left: solid 1px rgba(160, 160, 160, 0.3); + height: inherit; + line-height: inherit; + white-space: nowrap; +} +#header .main ul li > * { + display: block; + float: left; +} +#header .main ul li > a { + text-decoration: none; + border-bottom: 0; + color: #838383; + overflow: hidden; + position: relative; + text-indent: 4em; + width: 4em; +} +#header .main ul li > a:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + font-family: "Font Awesome 5 Free"; + font-weight: 900; +} +#header .main ul li > a:before { + display: block; + height: inherit; + left: 0; + line-height: inherit; + position: absolute; + text-align: center; + text-indent: 0; + top: 0; + width: inherit; +} +#header form { + margin: 0; +} +#header form input { + display: inline-block; + height: 2.5em; + position: relative; + top: -2px; + vertical-align: middle; +} +#header #search { + transition: all 0.5s ease; + max-width: 0; + opacity: 0; + overflow: hidden; + padding: 0; + white-space: nowrap; +} +#header #search input { + width: 12em; +} +#header #search.visible { + max-width: 12.5em; + opacity: 1; + padding: 0 0.5em 0 0; +} +@media screen and (max-width: 980px) { + #header .links { + display: none; + } +} +@media screen and (max-width: 736px) { + #header { + height: 2.75em; + line-height: 2.75em; + } + #header h1 { + padding: 0 0 0 1em; + } + #header .main .search { + display: none; + } +} + +/* Wrapper */ +#wrapper { + display: -moz-flex; + display: -ms-flex; + display: flex; + -moz-flex-direction: row-reverse; + flex-direction: row-reverse; + transition: opacity 0.5s ease; + margin: 0 auto; + max-width: 100%; + opacity: 1; + padding: 4.5em; + width: 90em; +} +body.is-menu-visible #wrapper { + opacity: 0.15; +} +@media screen and (max-width: 1680px) { + #wrapper { + padding: 3em; + } +} +@media screen and (max-width: 1280px) { + #wrapper { + display: block; + } +} +@media screen and (max-width: 736px) { + #wrapper { + padding: 1.5em; + } +} +body.single #wrapper { + display: block; +} + +/* Main */ +#main { + -moz-flex-grow: 1; + -ms-flex-grow: 1; + flex-grow: 1; + flex: 1; + -ms-flex: 1; + width: 100%; +} + +/* Sidebar */ +#sidebar { + margin-right: 3em; + min-width: 22em; + width: 22em; +} +#sidebar > * { + border-top: solid 1px rgba(160, 160, 160, 0.3); + margin: 3em 0 0 0; + padding: 3em 0 0 0; +} +#sidebar > :first-child { + border-top: 0; + margin-top: 0; + padding-top: 0; +} +@media screen and (max-width: 1280px) { + #sidebar { + border-top: solid 1px rgba(160, 160, 160, 0.3); + margin: 3em 0 0 0; + min-width: 0; + padding: 3em 0 0 0; + width: 100%; + overflow-x: hidden; + } +} + +/* Intro */ +#intro .logo { + border-bottom: 0; + display: inline-block; + margin: 0 0 1em 0; + overflow: hidden; + position: relative; + width: 4em; +} +#intro .logo:before { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' viewBox='0 0 100 100' preserveAspectRatio='none' zoomAndPan='disable'%3E%3Cpolygon points='0,0 100,0 100,25 50,0 0,25' style='fill:%23f4f4f4' /%3E%3Cpolygon points='0,100 100,100 100,75 50,100 0,75' style='fill:%23f4f4f4' /%3E%3C/svg%3E"); + background-position: top left; + background-repeat: no-repeat; + background-size: 100% 100%; + content: ""; + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; +} +#intro .logo img { + display: block; + margin-left: -0.25em; + width: 4.5em; +} +#intro header h2 { + font-size: 2em; + font-weight: 900; +} +#intro header p { + font-size: 0.8em; +} +@media screen and (max-width: 1280px) { + #intro { + margin: 0 0 3em 0; + text-align: center; + } + #intro header h2 { + font-size: 2em; + } + #intro header p { + font-size: 0.7em; + } +} +@media screen and (max-width: 736px) { + #intro { + margin: 0 0 1.5em 0; + padding: 1.25em 0; + } + #intro > :last-child { + margin-bottom: 0; + } + #intro .logo { + margin: 0 0 0.5em 0; + } + #intro header h2 { + font-size: 1.25em; + } + #intro header > :last-child { + margin-bottom: 0; + } +} + +/* Footer */ +#footer .icons { + color: #2e2e2e; +} +#footer .copyright { + color: #2e2e2e; + font-family: "Raleway", Helvetica, sans-serif; + font-size: 0.5em; + font-weight: 400; + letter-spacing: 0.25em; + text-transform: uppercase; +} +body.single #footer { + text-align: center; +} + +/* Menu */ +#menu { + transform: translateX(25em); + transition: transform 0.5s ease, visibility 0.5s; + -webkit-overflow-scrolling: touch; + background: #ffffff; + border-left: solid 1px rgba(160, 160, 160, 0.3); + box-shadow: none; + height: 100%; + max-width: 80%; + overflow-y: auto; + position: fixed; + right: 0; + top: 0; + visibility: hidden; + width: 25em; + z-index: 10002; +} +#menu > * { + border-top: solid 1px rgba(160, 160, 160, 0.3); + padding: 3em; +} +#menu > * > :last-child { + margin-bottom: 0; +} +#menu > :first-child { + border-top: 0; +} +#menu .links { + list-style: none; + padding: 0; +} +#menu .links > li { + border: 0; + border-top: dotted 1px rgba(160, 160, 160, 0.3); + margin: 1.5em 0 0 0; + padding: 1.5em 0 0 0; +} +#menu .links > li a { + display: block; + border-bottom: 0; +} +#menu .links > li a h3 { + transition: color 0.2s ease; + font-size: 0.7em; +} +#menu .links > li a p { + font-family: "Raleway", Helvetica, sans-serif; + font-size: 0.6em; + font-weight: 400; + letter-spacing: 0.25em; + margin-bottom: 0; + text-decoration: none; + text-transform: uppercase; +} +#menu .links > li a:hover h3 { + color: #ba2e5d; +} +#menu .links > li:first-child { + border-top: 0; + margin-top: 0; + padding-top: 0; +} +body.is-menu-visible #menu { + transform: translateX(0); + visibility: visible; +} +@media screen and (max-width: 736px) { + #menu > * { + padding: 1.5em; + } +}/*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/blueprints.yaml b/blueprints.yaml index d49b951..dac9d8c 100644 --- a/blueprints.yaml +++ b/blueprints.yaml @@ -25,16 +25,16 @@ dependencies: form: validation: loose - fields: + fields: production-mode: type: toggle label: FUTURE.ADMIN.THEME.PRODUCTION_MODE help: FUTURE.ADMIN.THEME.PRODUCTION_MODE_HELP - highlight: 1 default: 1 + highlight: 1 options: - 1: PLUGIN_ADMIN.ENABLED 0: PLUGIN_ADMIN.DISABLED + 1: PLUGIN_ADMIN.ENABLED validate: type: bool @@ -53,7 +53,7 @@ form: toggleable: true filesize: 3 accept: ['image/png', '.ico'] - + custom_logo: type: file label: FUTURE.ADMIN.THEME.CUSTOM_LOGO @@ -73,7 +73,7 @@ form: multiple: false accept: - image/* - + slogan: type: text label: FUTURE.ADMIN.THEME.SLOGAN @@ -95,7 +95,7 @@ form: blog_page: type: text label: FUTURE.ADMIN.THEME.BLOG_PAGE - help: FUTURE.ADMIN.THEME.BLOG_PAGE_DESCRIPTION + help: FUTURE.ADMIN.THEME.BLOG_PAGE_HELP size: medium default: '/blog' @@ -125,7 +125,7 @@ form: validate: min: 1 max: 5 - + footer_section: type: columns fields: @@ -156,7 +156,7 @@ form: footer.button_url: type: text label: FUTURE.ADMIN.THEME.FOOTER_BUTTON_URL - social_icons: + social_icons_section: type: fieldset collapsible: true collapsed: true @@ -179,49 +179,48 @@ form: .icon: type: iconpicker label: FUTURE.ADMIN.THEME.FOOTER_SOCIALS_ICON_ICON - custommenu_options: + custommenu_options_section: type: fieldset collapsible: true collapsed: true icon: bars - title: 'Custom Menu Items' + title: FUTURE.ADMIN.THEME.CUSTOM_MENU_TITLE fields: - displaycustommenus.enabled: + custommenus.enabled: type: toggle - label: 'Display Custom Menu Items' - help: 'Determines if any defined custom menu entries are displayed in the menubar.' + label: FUTURE.ADMIN.THEME.CUSTOM_MENU_ENABLE + help: FUTURE.ADMIN.THEME.CUSTOM_MENU_ENABLE_HELP default: 0 highlight: 1 options: - '0': No - '1': Yes + 0: PLUGIN_ADMIN.DISABLED + 1: PLUGIN_ADMIN.ENABLED validate: type: bool custommenu: name: menu type: list - label: 'Custom Menu Items' + label: FUTURE.ADMIN.THEME.CUSTOM_MENU_TITLE fields: .text: type: text - label: Text - description: 'Text label for menu item.' + label: FUTURE.ADMIN.THEME.CUSTOM_MENU_ITEM_TEXT + description: FUTURE.ADMIN.THEME.CUSTOM_MENU_ITEM_TEXT_DESCRIPTION .icon: type: text - label: Icon - description: 'Font Awesome icon for menu item.' + label: FUTURE.ADMIN.THEME.CUSTOM_MENU_ITEM_ICON + description: FUTURE.ADMIN.THEME.CUSTOM_MENU_ITEM_ICON_DESCRIPTION .url: type: text - label: URL - description: 'URL for menu item.' + label: FUTURE.ADMIN.THEME.CUSTOM_MENU_ITEM_URL + description: FUTURE.ADMIN.THEME.CUSTOM_MENU_ITEM_URL_DESCRIPTION .target: type: select - label: Target + label: FUTURE.ADMIN.THEME.CUSTOM_MENU_ITEM_TARGET default: _self size: medium options: - _blank: 'Open in a new window' - _parent: 'Open in the parent frame' - _top: 'Open in the full body of the window' - _self: 'Open in the same frame as clicked' - + _blank: FUTURE.ADMIN.THEME.CUSTOM_MENU_ITEM_TARGET_BLANK + _parent: FUTURE.ADMIN.THEME.CUSTOM_MENU_ITEM_TARGET_PARENT + _self: FUTURE.ADMIN.THEME.CUSTOM_MENU_ITEM_TARGET_SELF + _top: FUTURE.ADMIN.THEME.CUSTOM_MENU_ITEM_TARGET_TOP diff --git a/future2021.yaml b/future2021.yaml index 6d977f1..56b7666 100644 --- a/future2021.yaml +++ b/future2021.yaml @@ -1,42 +1,2 @@ enabled: true production-mode: false -favicon: - user/themes/future2021/images/logo/Grav_logo.png: - name: Grav_logo.png - type: image/png - size: 15355 - path: user/themes/future2021/images/logo/Grav_logo.png -blog_page: /blog -slogan: 'AYUDA DE GRAV EN ESPAÑOL' -custom_logo: - user/themes/future2021/images/logo/Grav_logo.png: - name: Grav_logo.png - type: image/png - size: 15355 - path: user/themes/future2021/images/logo/Grav_logo.png -custom_logo_mobile: { } -footer: - title: ABOUT - description: 'Mauris neque quam, fermentum ut nisl vitae, convallis maximus nisl. Sed mattis nunc id lorem euismod amet placerat. Vivamus porttitor magna enim, ac accumsan tortor cursus at phasellus sed ultricies.' - copyright_text: 'DESIGN: HTML5 UP. IMAGES: WALLPAPESWIDE.' - button_url: about - button_text: 'Show more' -social: - - - name: Twitter - url: 'https://www.twitter.com' - icon: 'fa fa-twitter' - - - name: Facebook - url: 'https://www.facebook.com' - icon: 'fa fa-facebook' - - - name: Instagram - url: 'https://www.instagram.com' - icon: 'fa fa-instagram' -miniposts: true -miniposts_number: 3 -latestposts: true -miniposts_category: minipost -displaycustommenus: - enabled: true \ No newline at end of file diff --git a/languages.yaml b/languages.yaml index 1f63733..4caefe1 100644 --- a/languages.yaml +++ b/languages.yaml @@ -13,7 +13,7 @@ en: SLOGAN: Slogan BLOG_DEFAULTS: Blog Defaults BLOG_PAGE: Blog Page - BLOG_PAGE_DESCRIPTION: The route to the blog page when working with blog sidebar + BLOG_PAGE_HELP: The route to the blog page when working with blog sidebar MINIPOSTS: Enable Miniposts in Sidebar MINIPOSTS_NUMBER: Miniposts number to show MINIPOSTS_NUMBER_DESCRIPTION: Number of miniposts that will be showed in sidebar @@ -29,6 +29,20 @@ en: FOOTER_SOCIALS_ICON_NAME: Social Name FOOTER_SOCIALS_ICON_URL: URL Link to Social FOOTER_SOCIALS_ICON_ICON: Icon to Social + CUSTOM_MENU_TITLE: 'Custom Menu Items' + CUSTOM_MENU_ENABLE: 'Display Custom Menu Items' + CUSTOM_MENU_ENABLE_HELP: 'Determines if any defined custom menu entries are displayed in the menubar.' + CUSTOM_MENU_ITEM_TEXT: 'Text' + CUSTOM_MENU_ITEM_TEXT_DESCRIPTION: 'Text label for menu item.' + CUSTOM_MENU_ITEM_ICON: 'Icon' + CUSTOM_MENU_ITEM_ICON_DESCRIPTION: 'Font Awesome icon for menu item.' + CUSTOM_MENU_ITEM_URL: 'URL' + CUSTOM_MENU_ITEM_URL_DESCRIPTION: 'URL for menu item.' + CUSTOM_MENU_ITEM_TARGET: 'Target' + CUSTOM_MENU_ITEM_TARGET_BLANK: 'Open in a new window' + CUSTOM_MENU_ITEM_TARGET_PARENT: 'Open in the parent frame' + CUSTOM_MENU_ITEM_TARGET_SELF: 'Open in the same frame as clicked' + CUSTOM_MENU_ITEM_TARGET_TOP: 'Open in the full body of the window' DEFAULT: PRIMARY_IMAGE: Primary image MODULAR: @@ -51,7 +65,6 @@ en: FEATURES_BUTTON_TEXT: Button Text FEATURES_BUTTON_URL: Button URL FEATURES_BUTTON_URL_TARGET: Open URL in a new window - BLOG: BLOG_TAB: Blog Config @@ -92,7 +105,7 @@ en: PORTFOLIO_IMAGE_TITLE: Title PORTFOLIO_IMAGE_DESCRIPTION: Description PORTFOLIO_IMAGE_THUMB: Thumbnails - + BLOG: ITEM: CONTINUE_READING: Continue reading... @@ -120,12 +133,155 @@ en: HEADLINE: Archives SYNDICATE: HEADLINE: Syndicate + LOGIN: Log in LATESTPOSTS: Latest posts FEATURED: Featured - PRIVACY: By using this form you agree to our + PRIVACY: By using this form you agree our terms FORM_SUMMARY: Here is the summary of what you wrote to us +de: + FUTURE: + ADMIN: + THEME: + DROPDOWN_MENU: Dropdown-Menü + PRODUCTION_MODE: Produktionsmodus + PRODUCTION_MODE_HELP: Wenn aktiviert, wird Future mit minimiertem CSS geladen + HEADER_SECTION: Kopfbereich + FAVICON: Wählen Sie Ihr eigenes Favicon + CUSTOM_LOGO: Benutzerdefiniertes Logo + CUSTOM_LOGO_DESCRIPTION: Dieses Logo wird anstelle des Standardlogos `theme://images/grav-logo.svg` verwendet + CUSTOM_LOGO_MOBILE: Benutzerdefiniertes Logo für Mobilgeräte + SLOGAN: Motto + BLOG_DEFAULTS: Blog-Optionen + BLOG_PAGE: Blog-Seite + BLOG_PAGE_HELP: Der Pfad zur Blog-Seite wenn die Blog-Seitenleiste aktiv ist + MINIPOSTS: Aktivieren Sie Miniposts in der Seitenleiste + MINIPOSTS_NUMBER: Anzahl der anzuzeigenden Miniposts + MINIPOSTS_NUMBER_DESCRIPTION: Anzahl der in der Seitenleiste anzuzeigenden Miniposts + MINIPOSTS_CATEGORY: Kategorie für Miniposts + MINIPOSTS_CATEGORY_DESCRIPTION: Legen Sie einen Namen für die Miniposts-Kategorie fest.
`Sie müssen diesen Namen in Optionen->Taxonomie->Kategorie einfügen` + FOOTER: Fusszeile + FOOTER_TITLE: Fusszeilentitel + FOOTER_DESCRIPTION: Fusszeilentext + FOOTER_COPYRIGHT: Copyright-Text + FOOTER_BUTTON_TEXT: Schaltflächentext + FOOTER_BUTTON_URL: Schaltflächen-URL + FOOTER_SOCIALS_ICONS: Symbole für soziale Medien + FOOTER_SOCIALS_ICON_NAME: Name des sozialen Netzwerks + FOOTER_SOCIALS_ICON_URL: URL-Link zum sozialen Netzwerk + FOOTER_SOCIALS_ICON_ICON: Symbol des sozialen Netzwerks + CUSTOM_MENU_TITLE: 'Benutzerdefinierte Menüpunkte' + CUSTOM_MENU_ENABLE: 'Benutzerdefinierte Menüpunkte aktivieren' + CUSTOM_MENU_ENABLE_HELP: 'Legt fest, ob definierte benutzerdefinierte Menüeinträge in der Menüleiste angezeigt werden.' + CUSTOM_MENU_ITEM_TEXT: 'Text' + CUSTOM_MENU_ITEM_TEXT_DESCRIPTION: 'Textbeschriftung für Menüpunkt.' + CUSTOM_MENU_ITEM_ICON: 'Symbol' + CUSTOM_MENU_ITEM_ICON_DESCRIPTION: 'FontAwesome-Symbol für Menüelement.' + CUSTOM_MENU_ITEM_URL: 'URL' + CUSTOM_MENU_ITEM_URL_DESCRIPTION: 'URL für Menüpunkt.' + CUSTOM_MENU_ITEM_TARGET: 'Ziel' + CUSTOM_MENU_ITEM_TARGET_BLANK: 'In neuem Fenster öffnen' + CUSTOM_MENU_ITEM_TARGET_PARENT: 'In übergeordnetem Frame öffnen' + CUSTOM_MENU_ITEM_TARGET_SELF: 'In selbem Frame öffnen' + CUSTOM_MENU_ITEM_TARGET_TOP: 'In vollem Fensterkörper öffnen' + DEFAULT: + PRIMARY_IMAGE: Hauptbild + MODULAR: + BANNER: + BANNER_TAB: Banner + BANNER_SUBTITLE: Bildbeschriftung + BANNER_BUTTON_TEXT: Schaltflächentext + BANNER_BUTTON_URL: Schaltflächen-URL + BANNER_IMAGE: Bild + BANNER_IMAGE_DESCRIPTION: Wählen Sie ein Bild aus + FEATURES: + FEATURES_TAB: Funktionen + FEATURES_LAYOUT: Layout + FEATURES_LAYOUT_TWOCOLS: Mittel = 2 / 1 Spalten + FEATURES_LAYOUT_THREECOLS: Standard = 3 / 2 / 1 Spalten + FEATURES_HEADER: Funktionen + FEATURES_IMAGE: Bild + FEATURES_TITLE: Titel + FEATURES_TEXT: Text + FEATURES_BUTTON_TEXT: Schaltflächentext + FEATURES_BUTTON_URL: Schaltflächen-URL + FEATURES_BUTTON_URL_TARGET: Öffnen Sie die URL in einem neuen Fenster + + BLOG: + BLOG_TAB: Blog-Einstellungen + BLOG_CONTENT_TITLE: Content Definition + BLOG_CONTENT_ITEMS: Artikel + BLOG_CONTENT_ITEMS_LIMIT: Maximale Artikel-Anzahl + BLOG_CONTENT_ITEMS_ORDER_BY: Sortieren nach + BLOG_CONTENT_ITEMS_ORDER_BY_DATE: Datum + BLOG_CONTENT_ITEMS_ORDER_BY_TITLE: Titel + BLOG_CONTENT_ITEMS_ORDER_BY_FOLDER: Verzeichnis + BLOG_CONTENT_ITEMS_ORDER_BY_DEFAULT: Standard + BLOG_CONTENT_ITEMS_ORDER_DIR: Reihenfolge + BLOG_CONTENT_ITEMS_ORDER_DIR_ASC: Aufsteigend + BLOG_CONTENT_ITEMS_ORDER_DIR_DESC: Absteigend + BLOG_CONTENT_ITEMS_PAGINATION: Seitennummerierung + BLOG_CONTENT_ITEMS_URL_TAXONOMY_FILTERS: Taxonomie filtern nach URL + ITEM: + ITEM_TAB: Blog-Artikel + ITEM_OPTIONS: Optionen + ITEM_SUMMARY: Artikelzusammenfassung + ITEM_SUMMARY_ENABLED: Zusammenfassung aktivieren + ITEM_SUMMARY_FORMAT: Zusammenfassungsformat + ITEM_SUMMARY_FORMAT_SHORT: Verwenden Sie das erste Vorkommen des Trennzeichens oder der Größe + ITEM_SUMMARY_FORMAT_LONG: Zusammenfassungsbegrenzer wird ignoriert + ITEM_SUMMARY_SIZE: Größe + ITEM_SUMMARY_DELIMITER: Zusammenfassungsbegrenzer + ITEM_ORDER: Minipost-Reihenfolge + ITEM_SUBTITLE: Untertitel + ITEM_AVATAR: Avatar-Bild + PORTFOLIO: + PORTFOLIO_TAB: Portfolio + PORTFOLIO_TITLE: Portfolio-Bild + PORTFOLIO_LAYOUT: Layout + PORTFOLIO_LAYOUT_TWOCOLS: Mittel = 2 / 1 Spalten + PORTOFOLIO_LAYOUT_THREECOLS: Standard = 3 / 2 / 1 Spalten + PORTFOLIO_IMAGES: Bilder + PORTFOLIO_IMAGE: Bild + PORTFOLIO_IMAGE_TITLE: Titel + PORTFOLIO_IMAGE_DESCRIPTION: Beschreibung + PORTFOLIO_IMAGE_THUMB: Miniaturansicht + + BLOG: + ITEM: + CONTINUE_READING: Weiterlesen... + NEXT_POST: Nächster Eintrag + PREV_POST: Vorheriger Eintrag + PAGINATION: + PREVIOUS: Vorherige + NEXT: Nächste + + SIDEBAR: + SIMPLE_SEARCH: + HEADLINE: Suche + RELATED_POSTS: + HEADLINE: Verwandte Einträge + RANDOM_ARTICLE: + HEADLINE: Zufälliger Artikel + FEELING_LUCKY: Ich habe Glück! + SOME_TEXT_WIDGET: + HEADLINE: Ein Text-Widget + TAGS: + HEADLINE: Schlagworte + POPULAR_TAGS: + HEADLINE: beliebte Schlagworte + ARCHIVES: + HEADLINE: Letzte Einträge + SYNDICATE: + HEADLINE: Verteilen + + LOGIN: Einloggen + LATESTPOSTS: Letzte Beiträge + FEATURED: Hervorgehoben + PRIVACY: Durch die Nutzung dieses Formulars stimmen Sie unseren Bedingungen zu + FORM_SUMMARY: Hier ist die Zusammenfassung dessen, was Sie uns geschrieben haben + es: FUTURE: ADMIN: @@ -141,7 +297,7 @@ es: SLOGAN: Slogan BLOG_DEFAULTS: Opciones de Blog BLOG_PAGE: Página de Blog - BLOG_PAGE_DESCRIPTION: Ruta de la página de Blog cuando funciona con el blog de barra lateral + BLOG_PAGE_HELP: Ruta de la página de Blog cuando funciona con el blog de barra lateral MINIPOSTS: Activar Miniposts en la barra lateral MINIPOSTS_NUMBER: Número de miniposts a mostrar MINIPOSTS_NUMBER_DESCRIPTION: Número de miniposts que se mostrarán en la barra lateral @@ -220,7 +376,6 @@ es: PORTFOLIO_IMAGE_DESCRIPTION: Descripción PORTFOLIO_IMAGE_THUMB: Miniatura - BLOG: ITEM: CONTINUE_READING: Continuar leyendo... @@ -229,6 +384,7 @@ es: PAGINATION: PREVIOUS: Anterior NEXT: Siguiente + SIDEBAR: SIMPLE_SEARCH: HEADLINE: Buscar @@ -247,9 +403,10 @@ es: HEADLINE: Últimas entradas SYNDICATE: HEADLINE: Distribuir + LOGIN: Iniciar sesión LATESTPOSTS: Últimos posts FEATURED: Destacados PRIVACY: Al usar este formulario estás de acuerdo con nuestra - FORM_SUMMARY: Aquí está el resumen de lo que nos escribió. + FORM_SUMMARY: Aquí está el resumen de lo que nos escribió diff --git a/templates/partials/blog_item.html.twig b/templates/partials/blog_item.html.twig index 38dd6e9..46eebb7 100644 --- a/templates/partials/blog_item.html.twig +++ b/templates/partials/blog_item.html.twig @@ -1,12 +1,16 @@
- {% if page.header.author %} - {% set author = page.header.author %} - {% else %} - {% set author = page.header.taxonomy.author[0] %} - {% endif %} - {% if author %} - {% set avatar = author|replace(' ', '-')|lower %} - {% endif %} + + {% if page.header.metadata.author %} + {% set author = page.header.metadata.author %} + {% elseif page.header.author %} + {% set author = page.header.author %} + {% else %} + {% set author = page.header.taxonomy.author[0] %} + {% endif %} + + {% if author %} + {% set avatar = author|replace(' ', '-')|lower %} + {% endif %}
@@ -33,9 +37,9 @@
{% if page.header.primaryImage %} - {{ page.media[page.header.primaryImage].cropZoom(1038,437).loading('lazy').html(page.title, page.title, 'image featured')|raw }} + {{ page.media[page.header.primaryImage].cropZoom(1038,437).loading('lazy').html(page.title, page.title, 'image featured')|raw }} {% else %} - {{ page.media.images|first.cropZoom(1038,437).loading('lazy').html(page.title, page.title, 'image featured')|raw }} + {{ page.media.images|first.cropZoom(1038,437).loading('lazy').html(page.title, page.title, 'image featured')|raw }} {% endif %} @@ -56,7 +60,7 @@ {% endif %} - + -
diff --git a/templates/partials/navigation.html.twig b/templates/partials/navigation.html.twig index 8243663..282ad5a 100644 --- a/templates/partials/navigation.html.twig +++ b/templates/partials/navigation.html.twig @@ -3,7 +3,7 @@ +{% endblock %} \ No newline at end of file diff --git a/templates/partials/sidebar_right.html.twig b/templates/partials/sidebar_right.html.twig index 61f6c6e..a3fcb3a 100644 --- a/templates/partials/sidebar_right.html.twig +++ b/templates/partials/sidebar_right.html.twig @@ -37,7 +37,7 @@ {% if config.plugins.login.enabled %}
{% endif %} @@ -53,5 +53,5 @@ $(".dropdown-btn").click(function(){ $(this).next(".subitem_hide").slideToggle(); }); -{% endif %} - \ No newline at end of file +{% endif %} +