diff --git a/src/scss/_faq.scss b/src/scss/_faq.scss index fa6cafe..bfa0fa4 100644 --- a/src/scss/_faq.scss +++ b/src/scss/_faq.scss @@ -1,12 +1,12 @@ body.rwavw-custom { - @media (min-width: 766.98px) { - #faq > .layout-boxed { + @media (min-width: 766.98px) and (min-height: 650px) { + .widget.rwavw-custom > #faq > .layout-boxed { position: relative; bottom: 18rem; } } - .wrapper-content > .layers-pro-accordion { + .wrapper-content > .layers-pro-accordion.rwavw-custom { margin-left: 0; margin-right: 0; @@ -39,7 +39,13 @@ body.rwavw-custom { color: #4a5568; } - @media (min-width: 766.98px) { + @media (min-width: 766.98px) and (min-height: 650px) { + .accordion-row { + margin-top: -30rem; + } + } + + @media (min-width: 766.98px) and (min-height: 850px) { margin-left: 15px; margin-right: 15px; diff --git a/src/scss/_featured.scss b/src/scss/_featured.scss new file mode 100644 index 0000000..77c9a2d --- /dev/null +++ b/src/scss/_featured.scss @@ -0,0 +1,65 @@ +body.rwavw-custom { + .widget.rwavw-featured { + h2 { + color: red; + } + + > .fg { + padding-top: 0; + } + + .pure-g { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; + align-items: center; + + > .pure-u-1 { + flex: 0 0 100%; + + &:nth-child(2n) { + background-color: rgba(#000, 0.05); + } + + h1, h2, h3, h4, h5, h6 { + margin-bottom: 1.5rem; + font-size: 2.5rem; + font-weight: 500; + } + + p { + font-size: 2rem; + } + + img { + max-width: 46em; + } + + > .row { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + + > div { + // flex: 0 0 50%; + width: auto; + } + } + + @media (max-width: 63.98em) { + + &:nth-child(2n) { + } + } + + @media (min-width: 64em) { + &:nth-child(2n) { + } + } + } + } + } +} + diff --git a/src/scss/style.scss b/src/scss/style.scss index fbc7d97..f5c4a49 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -1,3 +1,4 @@ +@import "featured"; @import "contact"; @import "faq";