/* ZeroFour 1.0 by HTML5 Up! html5up.net | @n33co Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) */ /*********************************************************************************/ /* Basic */ /*********************************************************************************/ body { line-height: 1.75em; font-size: 10pt; letter-spacing: 0; } h2, h3, h4, h5, h6 { font-size: 13pt !important; } h2 { line-height: 1.5em; } section, article { clear: both; margin-bottom: 4em !important; } .image-left { width: 25%; margin-bottom: 2em !important; } .button { width: 100%; font-size: 1.1em; text-align: center; padding: 1em 0 1em 0; border-radius: 8px; } .button-icon:before { display: none; } .button-icon:after { position: absolute; left: 1em; } .box-excerpt { } .box-excerpt .image-left { margin-right: 0; } .box-excerpt header { margin-left: 32%; } .box-excerpt p { clear: both; } .box-feature1 { } .box-feature1 section { margin-bottom: 1em !important; } .box-feature1 header.second { } .box-feature1 header.second:before { top: -0.75em; } /*********************************************************************************/ /* Mobile UI */ /*********************************************************************************/ #mobileUI-site-titlebar { position: relative; background-image: -moz-linear-gradient(top, rgba(59,59,59,0.9), rgba(38,38,38,0.9)); background-image: -webkit-linear-gradient(top, rgba(59,59,59,0.9), rgba(38,38,38,0.9)); background-image: -o-linear-gradient(top, rgba(59,59,59,0.9), rgba(38,38,38,0.9)); background-image: -ms-linear-gradient(top, rgba(59,59,59,0.9), rgba(38,38,38,0.9)); background-image: linear-gradient(top, rgba(59,59,59,0.9), rgba(38,38,38,0.9)); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.5), inset 0px 0px 0px 2px rgba(255,255,255,0.075), 0px 2px 3px 0px rgba(0,0,0,0.35); text-shadow: -1px -1px 0 rgba(0,0,0,1); } #mobileUI-site-title { text-transform: uppercase; font-weight: 800; letter-spacing: 0.04em; color: #fff; line-height: 44px; } #mobileUI-site-nav-opener { text-indent: -9999em; background: url('images/mobileUI-site-nav-opener-bg.svg') 11px 14px no-repeat; width: 60px; height: 44px; opacity: 0.25; } #mobileUI-site-nav-opener:active { opacity: 0.5; } #mobileUI-site-nav { background: url('images/bg02.jpg'); box-shadow: inset -1px 0px 0px 0px rgba(0,0,0,0.5), inset -2px 0px 0px rgba(255,255,255,0.15), inset -2px 0px 10px 0px rgba(0,0,0,0.35); } #mobileUI-site-nav-inner { background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.75)); background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.75)); background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.75)); background: -ms-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.75)); background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.75)); } .mobileUI-site-nav-link { display: block; color: #fff; text-decoration: none; height: 44px; line-height: 44px; border-top: solid 1px rgba(255,255,255,0.05); border-bottom: solid 1px rgba(0,0,0,0.15); padding: 0 1em 0 1em; text-transform: uppercase; font-weight: 700; font-size: 0.95em; letter-spacing: 0.075em; } .mobileUI-site-nav-link:first-child { border-top: 0; } .mobileUI-site-nav-link:last-child { border-bottom: 0; } /*********************************************************************************/ /* Wrappers */ /*********************************************************************************/ #header-wrapper { } .homepage #header-wrapper { position: relative; top: -44px; padding-top: 44px; margin-top: -2%; margin-bottom: -44px; padding-bottom: 2%; } #main-wrapper { } .left-sidebar #main-wrapper, .right-sidebar #main-wrapper, .no-sidebar #main-wrapper { position: relative; top: -44px; padding-top: 44px; margin-top: -2%; margin-bottom: -44px; padding-bottom: 2%; } #main-wrapper .main-wrapper-style1, #main-wrapper .main-wrapper-style2, #main-wrapper .main-wrapper-style3 { padding: 3em 20px 1em 20px; } #footer-wrapper { padding: 4em 20px 2em 20px; } /*********************************************************************************/ /* Header */ /*********************************************************************************/ #header { display: none; } /*********************************************************************************/ /* Nav */ /*********************************************************************************/ #nav { display: none; } /*********************************************************************************/ /* Banner */ /*********************************************************************************/ #banner { padding: 40px 20px 40px 20px; } #banner h2 { font-size: 18pt !important; } #banner h2 br { display: none; } /*********************************************************************************/ /* Footer */ /*********************************************************************************/ #footer { } /*********************************************************************************/ /* Main */ /*********************************************************************************/ #main { }