diff --git a/assets/css/main.css b/assets/css/main.css index c1baf9b..d6f3334 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -2894,6 +2894,80 @@ ul.subitem_hide > li { padding-right: 8px; } +/* Sytles for heading */ +.heading { + padding: 0em 3em 0.1em 3em; + background: #ffffff; + border: solid 1px rgba(160, 160, 160, 0.3); + margin: 0 0 0.75em 0; + position: relative; +} +.heading > header { + display: -moz-flex; + display: -webkit-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); +} +.heading > header .title { + -moz-flex-grow: 1; + -webkit-flex-grow: 1; + -ms-flex-grow: 1; + flex-grow: 1; + -ms-flex: 1; + padding: 3.75em 3em 3.3em 3em; +} +.heading > header .title h2 { + font-weight: 900; + font-size: 1.5em; +} +.heading > header .title > :last-child { + margin-bottom: 0; +} +@media screen and (max-width: 980px) { + .heading { + border-left: 0; + border-right: 0; + left: -3em; + width: calc(100% + (3em * 2)); + } + .heading > header { + -moz-flex-direction: column; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + padding: 3.75em 3em 1.25em 3em; + border-left: 0; + } + .heading > header .title { + -ms-flex: 0 1 auto; + margin: 0 0 2em 0; + padding: 0; + text-align: center; + } +} +@media screen and (max-width: 736px) { + .heading { + padding: 1.5em 1.5em 0.1em 1.5em; + left: -1.5em; + margin: 0 0 0.45em 0; + width: calc(100% + (1.5em * 2)); + } + .heading > header { + padding: 3em 1.5em 0.5em 1.5em; + left: -1.5em; + margin: -1.5em 0 1.5em 0; + width: calc(100% + 3em); + } + .heading > header .title h2 { + font-size: 1.1em; + } +} + /* Header */ body { padding-top: 3.5em; @@ -3293,4 +3367,4 @@ body.is-menu-visible #menu { #menu > * { padding: 1.5em; } -}/*# sourceMappingURL=main.css.map */ \ No newline at end of file +} \ No newline at end of file