/**
 * {Break Points}
* >= 1600:HD+       1:1.5625
* >= 1360: HD       1:1.328125
*-----------------------------*
* >= 1024: Desktop  1:1
* <=  768: Tablet   1:0.75
* <=  480: Mobile   1:0.46875
***************/

/**
 * {Font Resets}
 */
 
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,700,900);

html body h1, html body h2,
html body h3, html body h4,
html body h5, html body h6 {
    font-family: Oswald;
    font-weight: 300;
}

html body * {
    font-family: Roboto;
    line-height: 1.333em;
}

/*
html body {font-size: 18px;}

@media (max-width: 1024px) {
    html body {font-size: 16px;}    
}

html body #mobile { font-size: 16px; }
*/

li { margin-bottom: 0.25em; }

#main #content h1,
#page #content h1 {
    color: inherit;
    font-weight: inherit;
    text-transform: inherit;
}
#page #content {
    color: inherit;
    font-size: inherit;
}

#main #content > h1,
#page #content > h1 {
    font-size: 2.188em;
    font-weight: 700;
}
 /*
 ***************/
 
/**
 * {Container}
*/

#wrapper {
    position: relative;
}

@media (max-width: 1024px) {
    html body #wrapper {
        width: 100%;
    }
}

/*
***************/

/**
 * {Header}
*/

#header .payment { right: 1.5em; }
#header .payment a { border-radius: 0; }
#header .payment a:hover { opacity: 0.9; }
#header .payment a:active {
    border-radius: 2px;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.333) inset;
}

/*
***************/

/**
 * {Main Menu}
*/


@media (max-width: 480px) {
    #header .nav {
        padding: 0.5em 0 2em;
    }
}

/* Dock main menu to to the bottom. */
#header .nav {
    bottom: 0;
    float: none;
    height: 2em;
    left: 0;
    padding: 0;
    right: 0;
    top: auto;
}

#header .nav ul {
    height: 1.5em;
}

#header ul.nice-menu > li ul {
    margin-top: 0;
    padding-right: 0.5em;
}

#header ul.nice-menu > li ul ul {
    left: 100%;
    right: auto;
    top: -0.666em;
}

#header #nice-menu-0 > li:not(:first-child) > a,
#header #nice-menu-0 > li:not(:first-child) > span {
    border-left: 2px solid #ffffff;
}
#header ul.nice-menu > li li {
    border-radius: 2px;
    margin: 0 0.25em;
    padding: 0;
    width: 100%;
}


#header #nice-menu-0 li a,
#header #nice-menu-0 li span {
    font-size: 1em !important;
    font-weight: 400;
    margin: 0;
    padding: 0 0.666em !important;
}

#header #nice-menu-0 > li li a,
#header #nice-menu-0 > li li span {
    border: medium none;
    border-radius: 2px;
    line-height: 1.666em;
    position: relative;
    white-space: pre;
}

/* Non-clickable styling. */
#header #nice-menu-0 > li > .nolink {
    color: #ffffff;
    cursor: default;
}

#header .nav li ul li:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.15);
    border-left: 2px solid #7f7f7f;
    margin-left: 2px;
}

#header ul.nice-menu > li li.menuparent:after {
    border-bottom: 0.333em solid transparent;
    border-left: 0.4em solid #7f7f7f;
    border-top: 0.333em solid transparent;
    color: #7f7f7f;
    content: "";
    font-size: 1.333em;
    position: absolute;
    right: 0;
    top: calc(50% - 0.333em);
    transform: scale(0.999);
}

/*
***************/

a > img:hover { opacity: 0.9; }
#wrapper a { text-decoration: none; }
#main2 { padding-bottom: 1em; }

#main a,
#main2 a {
    font-weight: 600;
}
#main a:hover,
#main2 a:hover {
    border-bottom: 1px dotted;
    margin-bottom: -1px;
}


table tr td,
table tr th {
    padding: 0.25em;
    vertical-align: top;
}
table tbody th {
    border-bottom: medium none;
    border-left: 0.333em solid #cccccc;
    padding-left: 0.333em;
}
table tr:nth-child(2n+1) { background-color: #eeeeee; }
table tr:nth-child(2n) { background-color: #e0e0e0; }

ol h1, ul h1, ol h2, ul h2, ol h3, ul h3, 
ol h4, ul h4, ol h5, ul h5, ol h6, ul h6 {
    display: inline;
}

figure {
    display: inline-block;
    margin: 0.25em;
    padding: 0.25em;
    text-align: center;
}
figcaption {
    font-size: 0.8em;
}

dt, dd {
    border-left: 0.333em solid #cccccc;
    padding: 0.333em;
}
dt {
    background-color: #eeeeee;
    font-weight: 600;
}
dd {
    background-color: #e0e0e0;
    margin-bottom: 0.25em;
}
dd ul {
    list-style: outside none none;
}