.last { margin-bottom:0; } body { background:#f0f0f3 url(../images/noise_blue3.png); } .header { text-align: center; background: #393f42; /* background: linear-gradient( #464d51 , #393f42 ); */ background: #393f42 url(../images/background-grayblue.png); /* background-size: cover; */ position: relative; overflow: visible; padding-top: 0.7rem; padding-bottom: 3.8rem; margin-bottom: 1rem; } /* header menu hides on mobile screen, no padding needed anymore */ @media screen and (max-width:39.99em) { .header { padding-bottom:0.7rem; } } .header .headline { text-align:left; color: #ffe; margin: 0; } .header .tagline { color: #eeeeef /* #aaaaac */; font-size: 1.2rem; margin: 0; font-style: italic; } .header-subnav { float: none; position: absolute; text-align: center; margin: 0 auto; bottom: 0; width: 100%; } .header-subnav li { float: none; display: inline-block; } .header-subnav li a { padding: 0.9rem 1rem; font-size: 0.75rem; color: #eef; text-transform: uppercase; display: block; font-weight: bold; letter-spacing: 1px; transition: all 0.35s ease-in-out; } .header-subnav li a.is-active { /* background: #ffffff; */ color: #393f42; background-image:url(../images/noise_blue3.png); } .header-subnav li a:not(.is-active):hover { background: rgba(250,250,250,0.15); transition: all 0.35s ease-in-out; } .mobile-menu { /* background-color:#f3f3f0; */ list-style: none; margin: -0.5em -1em; } .mobile-menu li { padding:0; } .mobile-menu li a { display:block; width:100%; height:100%; margin:0; padding:0.3em; padding-bottom:0em; padding-left: 1em; font-size: 1.4em; font-weight:500; text-transform:uppercase; } .mobile-menu li a.is-active { background-color:#1eb513; color: #ffffff !important; } .columns { padding:0 10px; } .whitebox { background-color:#f3f3f0; box-shadow: 4px 4px 5px rgba(100,100,100,0.1); padding:1rem; margin-bottom:1em; } .whitebox a { color: #1eb513 !important; } .post .title { color: #1eb513; font-size: 2rem; line-height:2.2rem; } .post .info { font-size: 0.8rem; color: #555; margin-top: 5px; margin-bottom: 5px; } .post .content { font-size: 0.9rem; } .post .authorline { font-size: 0.75rem; color: #555; padding-left: 1.7rem; } .sidebar .boxhead { font-size:1.1rem; text-transform: uppercase; } .sidebar .list { list-style: none; } .sidebar .list li a { color: #2199e8; } .sidebar .searchbox { margin:0; } .sidebar { margin:0; } .footer { text-align:center; font-size:0.7rem; text-transform:lowercase; color: #555; }