/*
TXT by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
/*********************************************************************************/
/* Basic */
/*********************************************************************************/
h1, h2, h3, h4, h5, h6
{
margin: 0 0 0.5em 0;
}
h2
{
font-size: 1.65em;
}
h2.major
{
font-size: 1.65em;
text-align: center;
margin: 0 0 3em 0;
}
h2.major span
{
top: -0.775em;
padding: 0 1.5em 0 1.5em;
}
h3
{
font-size: 1.25em;
}
h4
{
font-size: 1.25em;
}
/* Button */
input[type="button"],
input[type="submit"],
input[type="reset"],
.button
{
font-size: 1.25em;
padding: 0.85em 1.85em;
}
input[type="button"].big,
input[type="submit"].big,
input[type="reset"].big,
.button.big
{
font-size: 1.65em;
padding: 0.85em 1.85em;
}
/* List */
ul
{
}
ul.actions
{
text-align: center;
margin: 2em 0 0 0;
}
/* Box */
.box
{
}
.box.highlight
{
}
.box.highlight .special
{
margin: 0 0 4em 0;
}
.box.highlight h2
{
font-size: 3em;
margin: 0 0 0.75em 0;
}
.box.highlight header > p
{
font-size: 1.65em;
margin: 0 0 1.5em 0;
}
.box.feature
{
text-align: center;
}
.box.post
{
}
.box.post header
{
margin: 0 0 2.5em 0;
}
.box.post h3
{
font-size: 3em;
margin: 0 0 0.5em 0;
}
.box.post header > p
{
font-size: 1.65em;
margin: 0 0 0.5em 0;
}
.box.post ul.meta
{
margin: 0 0 0.5em 0;
}
.box.post-summary
{
}
.box.post-summary h3
{
line-height: 1em;
margin: 0 0 0.75em 0;
}
.box.post-summary .meta
{
margin: 0;
line-height: 1em;
}
.box.page-content
{
}
.box.page-content header
{
margin: 0 0 2.5em 0;
}
.box.page-content h2
{
font-size: 3em;
margin: 0 0 0.5em 0;
}
.box.page-content header > p
{
font-size: 1.65em;
margin: 0 0 0.5em 0;
}
.box.page-content ul.meta
{
margin: 0 0 0.5em 0;
}
/*********************************************************************************/
/* Sidebar + Content */
/*********************************************************************************/
.sidebar
{
padding-top: 0.5em;
}
.homepage .sidebar
{
padding-top: 0;
}
.sidebar h2.major
{
text-align: left;
margin: 0 0 1em 0;
}
.sidebar h2.major span
{
padding-left: 0;
}
.content
{
}
.content-left
{
padding-right: 2em;
}
.content-right
{
padding-left: 2em;
}
/*********************************************************************************/
/* Wrappers */
/*********************************************************************************/
#banner-wrapper
{
padding: 11em 0;
}
#main-wrapper
{
border-top-width: 35px;
border-bottom-width: 10px;
}
/*********************************************************************************/
/* Header */
/*********************************************************************************/
#header
{
text-align: center;
font-size: 2em;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
text-transform: uppercase;
padding: 5em 0 2em 0;
background: #fff;
margin: 0 auto;
}
#header .logo
{
position: relative;
text-align: center;
border-top: solid 5px #e7eae8;
}
#header .logo div
{
background: #fff;
position: relative;
display: inline-block;
padding: 0 1.5em 0 1.5em;
top: -0.65em;
}
#header .logo h1,
#header .logo p
{
display: inline;
}
#header .logo p
{
color: #C1CAC5;
}
/*********************************************************************************/
/* Nav */
/*********************************************************************************/
#nav
{
position: fixed;
top: 0;
left: 0;
z-index: 1000;
background-color: rgba(255,255,255,0.95);
background-image: url('images/overlay.png');
width: 100%;
height: 3.25em;
line-height: 3.25em;
text-align: center;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
text-transform: uppercase;
cursor: default;
}
#nav ul
{
position: relative;
z-index: 1001;
}
#nav li
{
display: inline-block;
margin: 0 0.5em 0 0.5em;
top: 0;
position: relative;
-moz-transition: top .15s ease-in-out;
-webkit-transition: top .15s ease-in-out;
-o-transition: top .15s ease-in-out;
-ms-transition: top .15s ease-in-out;
transition: top .15s ease-in-out;
}
#nav li > ul
{
display: none;
}
#nav li a,
#nav li span
{
position: relative;
display: block;
text-decoration: none;
color: #6b7770;
top: -6px;
padding: 6px 1.5em 0.25em 1.5em;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
outline: 0;
-moz-transition: background-color .075s ease-in-out, color .075s ease-in-out;
-webkit-transition: background-color .075s ease-in-out, color .075s ease-in-out;
-o-transition: background-color .075s ease-in-out, color .075s ease-in-out;
-ms-transition: background-color .075s ease-in-out, color .075s ease-in-out;
transition: background-color .075s ease-in-out, color .075s ease-in-out;
}
#nav li:hover,
#nav li.active
{
top: 3px;
}
#nav li:hover a,
#nav li:hover span,
#nav li.active a,
#nav li.active span
{
background: #C1CAC5;
color: #fff;
}
#nav li.current
{
}
#nav li.current a
{
background: #b1ddab;
color: #fff;
}
.dropotron
{
background: #6B7770;
color: #fff;
border-radius: 6px;
line-height: 2.75em;
text-align: center;
font-family: 'Open Sans Condensed', sans-serif;
font-weight: 700;
text-transform: uppercase;
padding: 1em 0;
text-align: left;
min-width: 14em;
margin-top: -1em;
box-shadow: 0 1em 2em 0 rgba(0,0,0,0.1);
}
.dropotron li
{
}
.dropotron li > a,
.dropotron li > span
{
display: block;
color: #D7DAD8;
text-decoration: none;
padding: 0 1.25em;
}
.dropotron li:hover > a,
.dropotron li:hover > span,
.dropotron li.active > a,
.dropotron li.active > span
{
color: #fff;
background: #7B8780;
}
.dropotron li:first-child
{
border-top: 0;
}
.dropotron.level-0
{
margin-top: 1em;
font-size: 0.9em;
}
.dropotron.level-0:before
{
content: '';
position: absolute;
left: 50%;
margin-left: -1em;
top: -0.65em;
border-bottom: solid 1em #6B7770;
border-left: solid 1em transparent;
border-right: solid 1em transparent;
}
/*********************************************************************************/
/* Banner */
/*********************************************************************************/
#banner
{
padding: 4em 0 3.5em 0;
}
#banner h2
{
font-size: 2.75em;
margin: 0 0 0.75em 0;
}
#banner p
{
font-size: 1.35em;
margin: 0 0 1.25em 0;
}
#banner .button
{
font-size: 1.5em;
}
/*********************************************************************************/
/* Main */
/*********************************************************************************/
#main
{
padding: 6em 0 6em 0;
}
/*********************************************************************************/
/* Footer */
/*********************************************************************************/
#footer
{
text-align: center;
padding: 8em 0 8em 0;
}
#footer h2.major
{
margin: 0 0 1em 0;
}
/*********************************************************************************/
/* Copyright */
/*********************************************************************************/
#copyright
{
margin: 4em 0 0 0;
}