@font-face { font-family: 'optima';
             src: url('Optima.ttf') format('truetype');
}
@font-face { font-family: 'julius';
             src: url('JuliusSansOne-Regular.ttf') format('truetype');
}

#patternPage {
	font-family: "optima", sans-serif;
	color:#000;
        font-size: 12pt; /* 2.5ex */
        line-height: 3.2ex;
}
select, .foswikiSelect, textarea, .foswikiTextarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .foswikiInputField {
    padding: 15px 15px;
}

/* 20925-01-28: re-enable text-wrap in NatEditPlugin that went missing with update to 9.70 */

#topic {
	text-wrap-mode: wrap;
    overflow-wrap: break-word;
}

ul li::marker {
       font-size: 1.5ex; /* fix far too large bullet points in lists */
}

h1, h2, h3, h4, h5, h6 {
	font-family: "julius", serif;
        color: #0b5c4d; /* 005c0c */
}

/* get all links green */
a:visited {
    color:#287f50; /* 008a12 */
}
a:link, a:hover, a:active {
    color:#287f50; /* 007510 */
}
a, .foswikiUnvisited a, .foswikiUnvisited a:visited {
    color: #287f50; /* 007510 */
}
.patternActionButtons a:link, .patternActionButtons a:visited, .patternActionButtons a:hover {
    color: #287f50;
}
.patternHomePath:hover a:link, .patternHomePath:hover a:visited, .patternActionButtons a:link, .patternActionButtons a:hover, .patternTopicActions a:hover .foswikiAccessKey, .patternTopicActions {
    color: #287f50;
    border-color: #287f50;
}
#patternSideBar a:hover {
	color:#287f50;
}

/* Sidebar Toggle */

button.sidebartoggle-button {
        /* here comes some default formating */
}

/* if button is in sidebar and display is wide enough hide it. */
#patternSideBar button.sidebartoggle-button {
        display: none;
}

/* for nice smooth effects: */
#patternSideBar {
        display:block;
}
#patternOuter {
        transition: margin-left ease-in-out 0.5s;
}

#patternTopBarContents {
        height: 128px;
        padding-left: 0;
}
#patternTopBar {
        height: 128px;
}

/* only active if normally hidden: */
@media(max-width:870px) {
        body.showsidebar #patternOuter {
                margin-left: 16em;
                transition: margin-left ease-in-out 0.5s;
        }

        /* show button */
        #patternSideBar button.sidebartoggle-button {
                display: block;
                position: fixed;
                left: 0;
                bottom: 0;
                width: 2em;
                height: 2em;
                border-radius: 0.5em;
                border: solid 2px rgba(0,0,0, 0.4);
                background-color: rgba(0,0,0, 0.2);
        }
}

/* format JuliaTipTopic and co */
div.tipsOfJuliaText {
        padding: 15pt 15pt 0pt 15pt;
        background-color: #efefef;
        border: 1px solid #ccc;
        max-width: 800px;
}
div.tipsOfJuliaTitle {
        font-size: 16pt;
        font-family: 'julius';
        padding-bottom: 10pt;
}