div#ezwt
{
margin: 0;
width: 100%;
position: relative;
}
body.floating-wt div#ezwt
{
position: fixed;
z-index: 9999;
top: 0px;
left: 0px;
-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
}
body.floating-wt div#ezwt:hover
{
opacity: 1.0;
}
div#ezwt-content
{
padding: 4px 70px;
text-align: center;
background: transparent url(/extension/ezwt/design/standard/images/websitetoolbar/dark_back.png) repeat left top;
}
body.floating-wt div#ezwt-content
{
border-bottom: 1px solid #44484d;
}
div#ezwt div.ezwt-actiongroup
{
display: inline-block;
vertical-align: top;
padding: 1px 4px;
border: 4px solid rgba(255, 255, 255, 0.1);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
min-height: 28px;
}
div#ezwt div.ezwt-actiongroup:hover {
border: 4px solid #567975;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
body.ie6 div#ezwt div.ezwt-actiongroup, body.ie7 div#ezwt div.ezwt-actiongroup
{
display: inline;
clear: none;
}
div#ezwt-ooaction
{
background-image: url(/extension/ezwt/design/standard/images/websitetoolbar/ezwt-oo-logo.png);
background-position: 2px 5px;
background-repeat: no-repeat;
padding-left: 67px!important;
}
div#ezwt-ezlogo
{
position: absolute;
top: 10px;
left: 10px;
}
div#ezwt-help
{
position: absolute;
top: 14px;
right: 15px;
}
div#ezwt-help a
{
font-weight: bold;
color: #b7b7b7;
padding: 0 2px 0 2px;
text-decoration: none;
display: block;
}
div#ezwt-help a:hover {
color: #ffe9bd;
}
div#ezwt form
{
margin: 0 auto 0 auto;
padding: 0;
display: inline;
}
div#ezwt select, div#ezwt input
{
font-family: Arial, Helvetica, sans-serif;
font-size: 0.85em;
}
div#ezwt select
{
color: #4a5054;
border: 1px solid #ccd2d6;
border-color: #abb1b5 #dbe1e5 #dbe1e5 #abb1b5;
margin: 3px 0 0 0;
height: 25px;
vertical-align: top;
}
div#ezwt input
{
margin: 1px 0 0 0;
}
div#ezwt input.button, div#ezwt input.defaultbutton, div#ezwt input.button-disabled
{
color: #b7b7b7;
vertical-align: top;
margin: 2px 0 3px 0;
border: 1px solid #3a3d41;
-moz-box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
-webkit-box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
text-shadow: none;
padding: 2px 7px;
background: transparent;
}
div#ezwt input.defaultbutton[name=PublishButton] {
background-color: #567975;
color: #f5f3dd;
}
div#ezwt input.button:hover, div#ezwt input.defaultbutton:hover
{
background-color: rgba(0, 0, 0, 0.2);
color: #ffe9bd;
}
div#ezwt input.button:active, div#ezwt input.defaultbutton:active
{
background-color: rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px #000;
-webkit-box-shadow: inset 0 0 3px #000;
box-shadow: inset 0 0 3px #000;
color: #ff8300;
}
div#ezwt input.defaultbutton[name=PublishButton]:hover {
background-color: #425c59;
color: #f5f3dd;
}
div#ezwt input.ezwt-input-image, div#ezwt div.ezwt-actiongroup a img
{
margin: 2px 0px -3px 0px;
border: 1px solid #3a3d41;
-moz-box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
-webkit-box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
box-shadow: inset 1px 1px #6f6e6b, 1px 1px #6f6e6b;
padding: 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
div#ezwt input.ezwt-input-image:hover, div#ezwt div.ezwt-actiongroup a:hover img
{
background-color: rgba(0, 0, 0, 0.2);
}
div#ezwt input.ezwt-input-image:active, div#ezwt div.ezwt-actiongroup a:active img
{
background-color: rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 3px #000;
-webkit-box-shadow: inset 0 0 3px #000;
box-shadow: inset 0 0 3px #000;
}
div#ezwt .disabled, div#ezwt input.button-disabled, div#ezwt input.ezwt-input-image.disabled, div#ezwt select.disabled
{
background: transparent url(/extension/ezwt/design/standard/images/websitetoolbar/diagonal_pattern.png) repeat center left;
border-color: transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
cursor: default;
}
table#ezwt-sort-list tr.ezwt-sort-drag-handler
{
cursor: move;
}
.hide
{
display: none;
}
.float-break
{
height: 1%;
}
.float-break:after
{
content: "-";
height: 0;
font-size: 0;
visibility: hidden;
display: block;
clear: both;
}
*, *:before, *:after
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html
{
font-size: 62.5%;
overflow-y: scroll;
}
body
{
font-size: 1.3em;
color: #000000;
}
header, section, article, footer, nav
{
display: block;
}
h1, h2, h3, h4, h5, h6
{
font-weight: 300;
font-style: normal;
margin: 1.4em 0 .5em 0;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child
{
margin-top: 0;
}
h1
{
font-size: 2em;
}
h2
{
font-size: 1.6em;
}
h3
{
font-size: 1.4em;
}
h4, h5, h6
{
font-size: 1em;
}
p
{
margin: 0;
line-height: 1.35;
}
* + p
{
margin-top: 1.2em;
}
a
{
color: #00688F;
text-decoration: underline;
}
a:hover
{
color: #212121;
text-decoration: underline;
}
a img
{
border: none;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
color: #212121;
text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{
text-decoration: underline;
}
strong, b
{
font-weight: 700;
}
em, i
{
font-style: italic;
}
pre, code
{
font-family: "Courier New", Courier, monospace;
font-size: 1.3rem;
}
pre
{
background-color: #f8f8f8;
margin: 10px 0 10px 0;
padding: 9px;
border: 1px solid #e0e0e0;
}
table
{
width: 100%;
margin: 0 0 10px 0;
padding: 0;
border-spacing: 0;
}
th, td
{
padding: 5px 0 0 10px;
vertical-align: top;
text-align: left;
}
tr:first-child th, tr:first-child td
{
padding-top: 0;
}
th:first-child, td:first-child
{
padding-left: 0;
}
table.list
{
width: 100%;
margin: 10px 0 10px 0;
border: 1px #e0e0e0;
border-style: solid none none solid;
}
table.list th, table.list td
{
padding: 5px 10px;
border: 1px #e0e0e0;
border-style: none solid solid none;
text-align: left;
vertical-align: top;
}
table.list th
{
font-weight: 700;
background-color: #e0e0e0;
white-space: nowrap;
}
table.list td
{
font-weight: 400;
}
tr.bglight
{
background-color: #f8f8f8;
}
tr.bgdark
{
background-color: #f0f0f0;
}
table.responsive-transform
{
width: 100%;
border: 1px #808080;
border-style: solid none none solid;
border-spacing: 0;
}
table.responsive-transform tr:nth-child(2n+0)
{
background-color: #f0f0f0;
}
table.responsive-transform tr:nth-child(2n+1)
{
background-color: #d0d0d0;
}
table.responsive-transform th, table.responsive-transform td
{
padding: 5px 10px;
border: 1px #808080;
border-style: none solid solid none;
text-align: left;
vertical-align: middle;
}
table.responsive-transform th
{
color: #ffffff;
background-color: #a0a0a0;
}
ul, ol
{
margin: 15px 0;
padding: 0;
}
ul
{
margin-left: 2rem;
list-style-type: disc;
}
ol
{
margin-left: 2.5rem;
}
li
{
margin: 5px 0 0 0;
line-height: 1.5;
}
li:first-child
{
margin-top: 0;
}
div.attribute-short li, div.attribute-long li
{
list-style-type: none;
}
div.attribute-short li:before, div.attribute-long li:before
{
content: '';
width: 0.6rem;
height: 0.6rem;
background-color: #808080;
margin: 0.6rem 0 0 -1.5rem;
border-radius: 50%;
float: left;
}
li ul, li ol
{
margin: 15px 0 15px 1.3rem;
}
dl
{
margin: 10px 0 10px 0;
padding: 0;
}
dt
{
font-weight: 400;
font-style: normal;
margin: 0 0 0.5rem 0;
}
dd
{
font-style: italic;
margin: 0 0 0.5rem 2.5rem;
}
img
{
display: block;
height: auto;
max-width: 100%;
}
form
{
margin: 0;
padding: 0;
}
input, select{
font-family: roboto, sans-serif;
}
input[type='text'], input[type='password'], textarea
{
font-size: 1em;
border: 2px solid #01202C;
padding: .2em .4em;
outline: none;
font-weight: 300;
}
optgroup
{
font-weight: 700;
font-style: normal;
}
fieldset
{
margin: 10px 0;
padding: 5px 10px 10px 10px;
border: 1px solid #e0e0e0;
}
legend
{
font-weight: 700;
margin: 0 0 0 -5px;
padding: 0 5px;
position: relative;
left: 0;
}
fieldset label
{
font-weight: 400;
margin: 0.25em 0;
}
label input[type='checkbox']
{
vertical-align: middle;
position: relative;
top: -1px;
}
fieldset button
{
margin-top: 5px;
}
button, input[type='submit'], input[type='button'], a.button
{
font-weight: 300;
font-size: 1em;
width: auto;
display: inline-block;
background-color: rgba(188, 147, 7, 0.3);
color: #212121;
border: none;
padding: .4em 1.4em;
border-radius: 1em;
cursor: pointer;
transition: background-color .2s;
}
input[type='submit']{
background-color: #00688F;
color: #FFF;
}
button.defaultbutton, input.defaultbutton
{
color: #ffffff;
background-color: #00688F;
}
a.button
{
text-decoration: none;
}
blockquote{
display:block;
padding: 15px 20px 15px 45px;
margin: 0 0 20px;
position: relative;
}
blockquote::after{
content: "";
}
blockquote a{
text-decoration: none;
background: #eee;
cursor: pointer;
padding: 0 3px;
}
blockquote a:hover{
color: #666;
}
blockquote em{
font-style: italic;
}
hr, div.hr
{
height: 0;
color: #ffffff;
border: 2px #C5C5C5;
border-style: solid none none none;
}
div.hr
{
margin: 10px 0 10px 0;
}
div.hr hr
{
display: none;
}
.row:before, .row:after
{
content: "-";
height: 0;
visibility: hidden;
display: block;
clear: both;
}
.row
{
margin: -20px -10px 0 -10px;
clear: both;
}
.row.nospacing-x
{
margin-right: 0;
margin-left: 0;
}
.row.nospacing-y
{
margin-top: 0;
}
.row.nospacing-y > .col
{
margin-top: 0;
}
.row .col
{
margin-top: 20px;
padding: 0 10px;
float: left;
}
.row.nospacing-x .col
{
padding: 0;
}
.row .l-1
{
width: 8.3333%;
}
.row .l-1-0909090909091
{
width: 9.09%;
}
.row .l-1-2
{
width: 10%;
}
.row .l-1-3333333333333
{
width: 11.11%;
}
.row .l-1-5
{
width: 12.5%;
}
.row .l-1-7142857142857
{
width: 14.28%;
}
.row .l-2
{
width: 16.6667%;
}
.row .l-2-4
{
width: 20%;
}
.row .l-3
{
width: 25%;
}
.row .l-4
{
width: 33.3333%;
}
.row .l-5
{
width: 41.6667%;
}
.row .l-6
{
width: 50%;
}
.row .l-7
{
width: 58.3333%;
}
.row .l-8
{
width: 66.6667%;
}
.row .l-9
{
width: 75%;
}
.row .l-10
{
width: 83.3333%;
}
.row .l-11
{
width: 91.6667%;
}
.row .l-12
{
width: 100%;
}
.row .l-br
{
clear: both;
}
.l-hide
{
display: none;
}
.grid-table
{
width: 100%;
display: table;
}
.row-table
{
display: table-row;
}
.col-table
{
display: table-cell;
vertical-align: middle;
}
.grid-form
{
width: 100%;
display: table;
}
.grid-form-row
{
display: table-row;
}
.grid-form-col
{
padding: 0.5rem 0.5rem;
display: table-cell;
vertical-align: middle;
}
.grid-form-col .grid-form
{
}
.grid-form .w-1
{
width: 1% !important;
}
.grid-form .w-10
{
width: 10% !important;
}
.grid-form .w-20
{
width: 20% !important;
}
.grid-form .w-25
{
width: 25% !important;
}
.grid-form .w-30
{
width: 30% !important;
}
.grid-form .w-33
{
width: 33.33% !important;
}
.grid-form .w-40
{
width: 40% !important;
}
.grid-form .w-50
{
width: 50% !important;
}
.grid-form .w-60
{
width: 60% !important;
}
.grid-form .w-66
{
width: 66.67% !important;
}
.grid-form .w-70
{
width: 70% !important;
}
.grid-form .w-75
{
width: 75% !important;
}
.grid-form .w-80
{
width: 80% !important;
}
.grid-form .w-90
{
width: 90% !important;
}
.grid-form .w-100
{
width: 100% !important;
}
.grid-form .w-auto
{
width: auto !important;
}
.grid-form-col:first-child
{
padding-left: 0;
}
.grid-form-col:last-child
{
padding-right: 0;
}
.grid-form-col.nowrap
{
white-space: nowrap;
}
.grid-form label
{
font-weight: 700;
margin-top: -0.25rem;
margin-bottom: 0.25rem;
display: block;
}
.grid-form label:last-child
{
margin: 0;
}
.grid-form input[type='text'], .grid-form input[type='password'], .grid-form textarea, .grid-form select
{
font-size: 100%;
width: 100%;
margin: 0;
border: 1px solid;
border-color:  #a0a0a0 #e0e0e0 #e0e0e0 #a0a0a0;
}
.grid-form p
{
margin: 0;
}
.grid-form p + p
{
margin-top: 0.5rem;
}
.grid-form button
{
font-size: 100%;
display: inline-block;
}
.grid-form button + button
{
margin-left: 0.5rem;
}
@media (max-width: 800px)
{
.grid-form.m-br + .grid-form
{
margin-top: 0.5rem;
}
.grid-form.m-br div.grid-form-row
{
width: 100% !important;
display: block;
}
.grid-form.m-br > div.grid-form-row + div.grid-form-row
{
margin-top: 0.8rem;
}
.grid-form.m-br > div.grid-form-row > div.grid-form-col
{
width: 100% !important;
padding: 0;
display: block;
}
.grid-form.m-br > div.grid-form-row > div.grid-form-col.label label
{
margin-bottom: 0.25rem;
}
.grid-form.m-br > div.grid-form-row > div.grid-form-col.label-input + div.grid-form-col.label-input
{
margin-top: 0.8rem;
}
.grid-form.m-br > div.grid-form-row > div.grid-form-col.button button
{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
@media (max-width: 600px)
{
.grid-form.s-br + .grid-form
{
margin-top: 0.5rem;
}
.grid-form.s-br div.grid-form-row
{
width: 100% !important;
display: block;
}
.grid-form.s-br > div.grid-form-row + div.grid-form-row
{
margin-top: 0.8rem;
}
.grid-form.s-br > div.grid-form-row > div.grid-form-col
{
width: 100% !important;
padding: 0;
display: block;
}
.grid-form.s-br > div.grid-form-row > div.grid-form-col.label label
{
margin-bottom: 0.25rem;
}
.grid-form.s-br > div.grid-form-row > div.grid-form-col.label-input + div.grid-form-col.label-input
{
margin-top: 0.8rem;
}
.grid-form.s-br > div.grid-form-row > div.grid-form-col.button button
{
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
}
div.block
{
margin: 0.5em 0;
}
.width-max, .box
{
width: 100%;
}
.width-half, .half-box
{
width: 50%;
}
.width-min
{
width: 1%;
}
.float-break:after
{
content: "-";
height: 0;
font-size: 0;
visibility: hidden;
display: block;
clear: both;
}
.hide, .spamfilter
{
display: none;
}
div.ezoeItemCustomTag:before
{
content: attr(customattributes);
font-weight: 700;
color: #ffffff;
background-color: #5090c0;
margin: -0.5em -0.5em 0.5em -0.5em;
padding: 0.5em;
display: block;
}
.clearfix {
overflow: auto;
}
.clearfix::after {
content: "";
clear: both;
display: table;
}
body
{
background-color: #fff;
margin: 0;
padding:0;
font-size: 1.8rem;
font-family: roboto, sans-serif;
color:#212121;
}
strong, b
{
font-weight: 500;
}
input[type=search]{
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
div#page
{
max-width: 1400px;
margin: 0 auto;
padding: 15px 30px 0 30px;
}
div#page.design-wide
{
max-width: none;
padding: 0;
}
.page-width
{
width: 100%;
max-width: 1400px;
margin: 0 auto;
}
div#page.design-wide .page-width
{
max-width: 980px;
padding: 0 20px;
}
div#page.design-wide div#header-bg
{
padding-top: 15px;
}
header
{
min-height: 80px;
position: relative;
}
#header-bg > .page-width
{
display: flex;
align-items: center;
}
#header-bg .header-left
{
width: 20%;
}
#header-bg .header-right
{
width: 80%;
}
#header-bg
{
background-color: #ffffff;
}
#languagemenu
{
text-align: right;
font-size: .8em;
margin-bottom: .4em;
float: right;
}
#languagemenu ul
{
margin: 0;
}
#extramenu #languagemenu ul li
{
margin: 0;
display: inline-block;
list-style: none;
padding-top: 6px;
margin-left: .2em;
}
#extramenu #languagemenu ul li a:hover img, #extramenu #languagemenu ul li a:focus img, #extramenu #languagemenu ul li a:active img
{
box-shadow: 0 0 4px 0px #FFF;
}
#extramenu
{
text-align: right;
}
#extramenu ul li
{
margin: 0 2em 0 0;
display: inline-block;
list-style: none;
}
#extramenu ul li:last-of-type{
margin-right: 0;
}
div#logo
{
}
div#page.design-wide div#logo
{
left: 20px;
}
div#logo h1
{
margin: 0;
}
div#logo a, div#logo span.image
{
display: block;
}
div#logo a
{
text-decoration: none;
}
div#logo span.image
{
max-width: 126px;
height: 85px;
background: url(/extension/nosefo/design/nosefo/images/logo.svg) left center no-repeat;
background-size: contain;
}
div#logo a span.text
{
display: none;
}
div#mobilemenu-control a, nav#mobilemenu
{
display: none;
}
div#searchbox
{
width: 220px;
text-align: right;
display: inline-block;
overflow: hidden;
width: 0;
margin-bottom: -9px;
transition: width .2s;
}
div#searchbox.active
{
width: 220px;
}
div#page.design-wide div#searchbox
{
right: 20px;
}
div#searchbox input
{
width: 100%;
border:none;
border-bottom: 2px solid #fff;
padding: 0 0 .2em;
font-size: 1em;
background-color: transparent;
color: #FFF;
}
div#searchbox button
{
margin-left: 5px;
display: none;
}
nav#extramenu
{
font-size: 1.1rem;
float: right;
}
#extramenu ul
{
display: inline-block;
margin-left: 2em;
}
nav#extramenu li
{
margin: 0 0 0 10px;
padding: 0 0 0 10px;
border: 1px solid #808080;
border-style: none none none solid;
float: left;
list-style-type: none;
list-style-image: none;
}
nav#extramenu li:first-child
{
border-left: none;
}
nav#extramenu a
{
color: #000000;
text-decoration: none;
}
nav#extramenu a:hover
{
text-decoration: underline;
}
nav#extramenu li.language-selector span.text {
display: none;
}
nav#extramenu li.language-selector span.flag
{
width: 24px;
height: 16px;
background: 50% 50% no-repeat;
display: inline-block;
position: relative;
top: 1px;
}
nav#extramenu li.language-selector span.flag.nor-NO
{
background-image: url(/extension/nosefo/design/nosefo/images/no.gif);
}
nav#extramenu li.language-selector span.flag.swe-SE
{
background-image: url(/extension/nosefo/design/nosefo/images/se.gif);
}
nav#extramenu li.language-selector span.flag.dan-DK
{
background-image: url(/extension/nosefo/design/nosefo/images/dk.gif);
}
nav#extramenu li.language-selector span.flag.fin-FI
{
background-image: url(/extension/nosefo/design/nosefo/images/fi.gif);
}
nav#extramenu li.language-selector span.flag.eng-GB
{
background-image: url(/extension/nosefo/design/nosefo/images/en.gif);
}
nav#extramenu li.language-selector span.flag.ger-DE
{
background-image: url(/extension/nosefo/design/nosefo/images/de.gif);
}
div#topmenu
{
text-align: right;
}
div#topmenu ul
{
margin: 0;
padding: 0;
}
div#topmenu ul li
{
display: inline-block;
margin: 0 0 0 1em;
}
div#topmenu-bg
{}
div#topmenu-bg.stuck
{
position: fixed;
top: 0;
left: 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
width: 100%;
z-index: 999;
}
nav#topmenu
{
position: relative;
z-index: 1000;
}
nav#topmenu strong
{
margin-left: 10px;
display: none;
}
nav#topmenu div.submenu, nav#topmenu li.topextra
{
display: none;
}
nav#topmenu div.dropdownmenu
{
position: absolute;
top: 31px;
left: -1px;
display: none;
z-index: 1;
}
nav#topmenu ul
{
margin: 0;
padding: 0;
position: relative;
z-index: 1;
}
nav#topmenu div.dropdownmenu ul
{
min-width: 200px;
border: 1px #d0d0d0;
border-style: none solid solid solid;
}
nav#topmenu div.dropdownmenu ul ul
{
display: none;
}
nav#topmenu li
{
padding: 0;
list-style-type: none;
list-style-image: none;
position: relative;
}
nav#topmenu li li
{
margin: 0;
padding: 0;
border: none;
float: none;
}
nav#topmenu a
{
text-decoration: none;
display: block;
white-space: pre;
position: relative;
}
nav#topmenu li.selected > a
{
}
nav#topmenu ul ul, nav#topmenu li.current a.children.menuhover, nav#topmenu a.children.menuhover
{
background-color: #f8f8f8;
}
nav#topmenu ul ul
{
background-image: -o-linear-gradient( top, #f8f8f8, #f8f8f8 100.0%);
background-image: -ms-linear-gradient( top, #f8f8f8, #f8f8f8 100.0%);
background-image: -moz-linear-gradient( top, #f8f8f8, #f8f8f8 100.0%);
background-image: -webkit-linear-gradient( top, #f8f8f8, #f8f8f8 100.0%);
}
nav#topmenu a.children.menuhover
{
margin-top: -1px;
padding: 5px 10px 6px 10px;
position: relative;
top: 1px;
}
div#mobilemenu-control a, nav#mobilemenu
{
display: none;
}
div#path-bg
{
margin: 0 0 3em 0;
clear: both;
}
nav#path
{
font-size: 1.1rem;
padding: 0;
}
nav#path em
{
font-style: normal;
}
nav#path em:before
{
font-family: 'FontAwesome';
font-size: 0.8rem;
content: '\f054';
display: inline-block;
}
nav#path i
{
font-size: 1.1rem;
}
div.hide-content-top section#content-top
{
display: none;
}
section#content-top
{
margin-bottom: 20px;
}
div#page.design-wide div.content-focus
{
}
div#page.design-wide section#content-top
{
max-width: 100%;
padding: 0;
}
div.hide-content-left div#content-left-area
{
padding-left: 0;
}
div.hide-content-right div#content-right-area
{
padding-right: 0;
}
div#content-middle-container
{
width: 100%;
display: table;
}
section#content-left, section#content-center, section#content-right
{
display: table-cell;
vertical-align: top;
}
section#content-left
{
width: 25%;
padding-right: 15px;
}
div.hide-content-left section#content-left
{
display: none;
}
nav#sidemenu ul, nav#sidemenu li
{
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
nav#sidemenu ul ul
{
border-top: none;
}
nav#sidemenu li li
{
margin-top: -5px;
border-bottom: none;
}
nav#sidemenu a
{
color: #000000;
padding: 10px 0px;
text-decoration: none;
display: block;
}
nav#sidemenu li.selected > a
{
font-weight: 500;
}
nav#sidemenu li li a
{
padding-left: 30px;
}
nav#sidemenu li li li a
{
padding-left: 50px;
}
nav#sidemenu li li li li a
{
padding-left: 70px;
}
nav#sidemenu li li li li li a
{
padding-left: 90px;
}
section#content-center
{
padding: 0 5px;
}
div.hide-content-left section#content-center
{
padding-left: 0;
}
div.hide-content-right section#content-center
{
padding-right: 0;
}
section#content-right
{
width: 25%;
padding-left: 15px;
}
div.hide-content-right section#content-right
{
display: none;
}
div.hide-content-bottom section#content-bottom
{
display: none;
}
div#footer-bg
{
border-top:1px solid #e0e0e0;
margin-top: 25px;
padding-bottom: 20px;
}
footer
{
text-align: left;
}
footer h3
{
font-size: 1.5rem;
font-weight: 500;
margin-bottom: 10px;
}
footer ul, footer li
{
list-style-type: none;
list-style-image: none;
}
footer ul
{
margin: 0 !important;
padding: 0;
}
footer li
{
margin: 5px 0 0 0;
}
footer li:first-child
{
margin-top: 0;
}
div#sociallinks li
{
display: inline-block;
margin-top: 3px;
}
div#sociallinks li:first-child
{
margin-top: 0;
}
div#sociallinks i
{
margin-right: 5px;
}
div#sociallinks a
{
font-size: 3.2rem;
color: #ccc;
margin-left: 2px;
text-decoration: none;
}
div#sociallinks a:hover
{
color: #ccc;
text-decoration: none;
}
footer address
{
font-style: normal;
text-align: left;
}
footer address p
{
margin-bottom: 5px;
}
footer address p:first-child
{
margin-top: 0;
}
div#loginbox label
{
font-weight: normal;
margin: 10px 0 3px 0;
}
div#loginbox label:first-child
{
margin-top: 0;
}
div#loginbox div.forgotpassword
{
margin-top: 10px;
float: right;
}
div#loginbox div.forgotpassword p
{
margin: 0;
}
div#loginbox input.button
{
margin-top: 10px;
}
div#credits
{
font-size: 1.1rem;
margin: 20px auto 0 auto;
text-align: center;
}
div#credits a, div#credits address
{
color: #808080;
}
div#credits address
{
font-style: normal;
padding:  0 10px;
}
ul.mobilemenu-append {
display: none;
}
#page-bg{
overflow-x: hidden;
}
.full_width{
margin-left: calc(((-100vw + 100%)) / 2);
margin-right: calc(((-100vw + 100%)) / 2);
}
.full_width-inner{
max-width: 1400px;
margin: 0 auto;
padding: 2em 40px;
}
.custom_checkbox{
opacity: 0;
width: 0;
height: 0;
margin: 0;
}
.checkbox{
display: inline-block;
margin-top: .7em;
margin-left: 0;
margin-bottom: 1rem;
line-height: 1;
cursor: pointer;
user-select: none;
font-size: 1.5em;
font-weight: 300;
}
.checkbox::before{
display: block;
content: " ";
border: 2px solid #b7b7b7;
border-radius: 2px;
background-color: #fff;
width: 30px;
height: 30px;
float: left;
margin-right: 10px;
text-align: center;
line-height: 1.5;
font-weight: 400;
background-repeat: no-repeat;
background-size: 75%;
background-position: center;
}
.checkbox:hover::before, .checkbox:focus::before, .checkbox:active::before {
border-color: #004058;
}
input[type=checkbox]:checked + label.checkbox::before {
background-image: url(/extension/nosefo/design/nosefo/images/check.svg);
}
@media (min-width: 801px){
.row .col.l-6:nth-of-type(2n+1){
clear:left;
}
}
div.attribute-image div.attribute-caption p
{
font-weight: normal;
color: #000000;
background-color: #f0f0f0;
padding: 5px 10px;
}
div.attribute-image img, div.attribute-image-embed img
{
width: 100%;
}
div.attribute-link
{
font-size: 1.1rem;
margin-top: 5px;
}
.l-hide
{
display: none;
}
div.factbox
{
margin: 2em 0;
background-color: #EFEFEF;
padding: 2em 2.5em;
clear: both;
border: none;
border-left: 3px solid #00516f;
font-size: 1.5em;
font-weight: 300;
}
blockquote
{
font-size: 2rem;
font-style: italic;
width: 50%;
background-color: #f8f8f8;
border: 1px solid #f0f0f0;
margin: 1rem 0 1rem 2rem;
padding: 1.5rem 2rem;
clear: both;
float: right;
position: relative;
}
div.content-view-full blockquote *
{
position: relative;
z-index: 1;
}
div.content-view-full blockquote p:before
{
font-family: 'FontAwesome';
content: '\f10e';
font-size: 5rem;
color: #e8e8e8;
display: inline-block;
position: absolute;
top: 5px;
left: -15px;
z-index: -1;
}
div.content-view-full blockquote p + p:before
{
content: '';
display: none;
}
div.content-view-full blockquote span + p
{
margin-top: 0;
}
div.content-view-full div.attribute-byline
{
font-size: 1.1rem;
margin-bottom: 10px;
}
div.content-view-full div.attribute-byline p.author
{
width: 48%;
float: left;
}
div.content-view-full div.attribute-byline p.date
{
width: 48%;
float: right;
text-align: right;
}
div.content-view-full > * > div.attribute-image
{
margin: 15px 0;
}
div.content-view-full > * > div.attribute-short
{
font-weight: 400;
margin-top: 10px;
}
div.content-view-full div.attribute-short + div.attribute-long
{
margin-top: 1.5em;
}
div.content-view-children
{
clear: both;
}
div.content-view-children, div.content-view-list,
div.content-view-full + div.content-view-full div.class-frontpage-block div.content-view-children
{
margin-top: 20px;
}
div.class-frontpage-block div.content-view-children
{
margin-top: 0;
}
div.class-frontpage-block + div.class-frontpage-block
{
margin-top: 20px;
}
div.content-view-line
{
clear: both;
}
div.content-view-line:after, .sorting_group:after
{
content: "-";
height: 0;
visibility: hidden;
display: block;
clear: both;
}
div.content-view-line + div.content-view-line
{
margin-top: 20px;
}
div.content-view-line div.attribute-title h2
{
margin-top: 0;
}
div.content-view-line > * > div.attribute-image
{
width: 200px;
margin: 0 15px 0 0;
float: left;
}
div.content-view-block div.attribute-title:first-child h2
{
margin-top: 0;
}
div.content-view-block div.attribute-image + div.attribute-title h2
{
margin-top: 10px;
}
.l-1 div.content-view-block div.attribute-title h2, .l-2 div.content-view-block div.attribute-title h2
{
font-size: 1.3rem;
}
.l-3 div.content-view-block div.attribute-title h2, .l-4 div.content-view-block div.attribute-title h2
{
font-size: 1.6rem;
}
div.content-view-block div.attribute-icon
{
text-align: center;
}
div.attribute-blocktitle
{
display: table;
margin-bottom: 10px;
width: 100%;
}
div.attribute-blocktitle h2
{
display: table-cell;
font-size: 1.4rem;
color: #404040;
position: relative;
z-index: 1;
overflow: hidden;
border: none;
margin-right: 5px;
margin-bottom: 15px;
}
div.attribute-blocktitle p
{
display: table-cell;
width: 1%;
white-space: nowrap;
}
div.attribute-blocktitle p a
{
background-color: #ffffff;
padding: 0 0 0 10px;
font-size: 1.4rem;
color: #404040;
text-decoration: none;
}
div.infobox, div.bannerbox
{
clear: both;
}
div.infobox + div.infobox, div.infobox + div.bannerbox, div.bannerbox + div.bannerbox, div.bannerbox + div.infobox
{
margin-top: 20px;
}
div.infobox
{
background-color: #ffffff;
padding: 9px 9px 12px 9px;
border: 1px solid #e0e0e0;
}
div.content-view-box > div.attribute-title
{
}
div.content-view-box > div.attribute-title > h2
{
font-weight: 700;
color: #404040;
}
div.content-view-box div.attribute-title h2, div.content-view-box div.attribute-title h3
{
margin: 0 0 5px 0;
}
div.content-view-box + div.content-view-box
{
margin-top: 10px;
}
div.content-view-box ul
{
margin: 5px 0 5px 1rem;
}
div.content-view-box div.content-view-list
{
margin-top: 10px;
}
div.content-view-boxline + div.content-view-boxline
{
margin-top: 10px;
}
div.object-right, div.object-left, div.object-center
{
margin-top: 5px !important;
margin-bottom: 5px !important;
}
div.object-right
{
margin-left: 20px !important;
float: right;
}
div.object-left
{
margin-right: 20px !important;
float: left;
}
div.object-center
{
margin: 10px 0;
text-align: center;
}
div.object-center > *
{
margin: 0 auto;
}
div.content-view-embed div.attribute-image
{
margin: 0 auto;
float: none;
text-align: center;
}
div.content-view-embed div.attribute-image p
{
margin: 0;
}
div.attribute-image-embed img
{
width: 100%;
}
div.attribute-image-embed.size-large
{
width: 100% !important;
}
div.attribute-image-embed.size-medium
{
width: 50% !important;
}
div.attribute-image-embed.size-small
{
width: 33% !important;
}
a.mime-icon {
padding-left: 20px;
background-repeat: no-repeat;
height: 20px;
display: block;
}
div.content-view-embed > a > img {
float: left;
margin-right: 7px;
}
div.slideshow-wrapper
{
margin: 0 auto;
}
div#page.design-wide div#topmenu-bg + div#content-top-bg > * > div.slideshow
{
margin-top: -20px;
}
div.slideshow
{
margin: 0 auto;
position: relative;
clear: both;
}
div.slideshow div.slide
{
width: 100%;
}
div.slideshow-controls p
{
margin: 0;
}
div.slideshow-controls a
{
font-size: 1.6rem;
padding: 0;
text-decoration: none;
position: absolute;
display: block;
top: 40%;
z-index: 500;
}
div.slideshow-controls i:first-child
{
color: rgba(255, 255, 255, 0.5);
}
div.slideshow-controls i:last-child
{
color: rgba(0, 0, 0, 1);
}
div.slideshow-controls a.slide-previous
{
left: 5px;
}
div.slideshow-controls a.slide-next
{
right: 5px;
}
div.slideshow-slides
{
position: relative;
}
div.class-slidebanner
{
position: relative;
}
div.class-slidebanner div.attribute-image
{
margin: 0 !important;
padding: 0 !important;
float: none;
}
div.class-slidebanner img
{
width: 100%;
display: block;
}
div.class-slidebanner div.banner-overlay
{
width: 100%;
background-color: rgba( 255, 255, 255, 0.5 );
position: absolute;
bottom: 0;
}
div.class-slidebanner div.attribute-title h2
{
font-size: 2rem;
font-weight: 500;
margin: 0;
padding: 15px 20px;
}
div.class-slidebanner div.attribute-title h2, div.class-slidebanner div.attribute-title h2 a
{
color: #000000;
}
div.class-slidebanner div.attribute-short
{
margin-top: -10px;
padding-bottom: 5px;
}
div.class-slidebanner div.attribute-short p
{
font-size: 1.6rem;
margin: 0;
padding: 0 20px 10px 20px;
}
div.slideshow-markers
{
height: 20px;
font-size: 50px;
margin: -15px 0 30px 0;
text-align: center;
display: none;
}
div.slideshow-markers span
{
color: #e0e0e0;
cursor: pointer;
}
div.slideshow-markers a
{
color: #000000;
background-color: #e0e0e0;
margin-right: 5px;
padding: 2px 7px;
border-radius: 10px;
text-decoration: none;
display: inline-block;
}
div.slideshow-markers span.cycle-pager-active
{
color: #a0a0a0;
}
* + div.content-focus
{
margin-top: 20px;
}
div.content-view-block div.class-focus
{
padding: 10px 10px 5px 10px;
}
div.content-view-full div.class-article .fb-comments
{
margin-top: 30px;
}
div.content-view-full div.class-event div.attribute-date div.add
{
float: right;
}
table.calendar
{
border: 1px solid #e0e0e0;
border-style: none solid solid none;
background-color: #ffffff;
}
table.calendar th, table.calendar td
{
padding: 5px 5px 3px 5px;
border: 1px solid #e0e0e0;
border-style: solid none none solid;
text-align: center;
}
table.calendar th.dayname
{
border-left: none;
}
table.calendar td.active
{
background-color: #e0e0e0;
}
table.calendar td.current
{
font-weight: 500;
background-color: #e04020;
color: #ffffff;
}
p.calendar-tip a
{
text-decoration: none;
}
p.calendar-tip a:hover
{
text-decoration: underline;
}
table.calendar td.active, table thead th.next, table thead th.previous
{
cursor: pointer;
}
table.calendar td.day
{
cursor: pointer;
}
table.calendar thead tr:nth-child(1)
{
color: #404040;
background-color: #d0d0d0;
}
table.calendar thead tr:nth-child(2)
{
color: #404040;
background-color: #f0f0f0;
}
div.content-view-full div.class-eventcalendar div.content-view-children
{
margin-top: 10px;
}
div.content-view-full div.class-eventcalendar div.row > div.col > h2
{
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 20px;
padding-bottom: 5px;
border-bottom: 1px solid #e0e0e0;
}
div.content-view-full div.class-eventcalendar div.row > div.col > div.content-view-children + h2
{
margin-top: 25px;
}
div.content-view-full div.class-event div.attribute-date
{
font-weight: 400;
}
div.content-view-full div.class-event div.attribute-date + div.attribute-location
{
margin-top: 0;
}
div.content-view-full div.class-event div.attribute-short
{
margin-top: 10px;
}
div.content-view-full div.class-event div.attribute-date a.calendar-add
{
font-size: 1.1rem;
font-weight: normal;
float: right;
}
div.content-view-full div.class-event div.attribute-date a.calendar-add i
{
margin-right: 5px;
}
div.content-view-line div.class-event
{
padding-left: 50px;
}
div.content-view-line div.class-event div.icon-box
{
height: 40px;
width: 40px;
background-color: #c0c0c0;
border-radius: 50%;
display: table;
margin-left: -50px;
float: left;
}
div.content-view-line div.class-event div.icon-symbol
{
font-size: 2.2rem;
font-weight: 500;
color: #ffffff;
display: table-cell;
text-align: center;
vertical-align: middle;
}
div.content-search button
{
margin-left: 5px;
display: inline-block;
}
div.content-search div.content-view-line div.class-event
{
padding-left: 0;
}
div.content-search div.content-view-line div.class-event div.icon-box
{
display: none;
}
div.content-view-line div.class-event div.attribute-title h3
{
font-size: 2rem;
margin: 0;
}
div.content-view-box div.class-event div.attribute-title h3
{
font-weight: 700;
margin: 0;
}
div.content-view-box div.class-event div.attribute-date, div.content-view-box div.class-event div.attribute-location
{
}
div.attribute-description
{
margin-top: 20px;
}
.factbox
{
border:1px #eeeeee solid;
width: 100%;
background: #F7F7F7;
padding: 5px 10px 15px 10px;
margin: 20px 0;
}
div.class-feedback-form div.block
{
margin: 10px 0;
}
div.pagenavigator
{
margin-top: 15px;
}
div.pagenavigator p
{
font-size: 1.1rem;
}
div.pagenavigator a
{
text-decoration: underline;
}
div.pagenavigator a, div.pagenavigator span.previous, div.pagenavigator span.selected, div.pagenavigator span.next
{
padding: 0 5px;
}
div.pagenavigator a.previous, div.pagenavigator span.previous
{
padding-left: 0;
}
div.pagenavigator span.selected
{
font-weight: 500;
}
div.pagenavigator span.divider
{
color: #c0c0c0;
}
.youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
margin-bottom: 10px;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
div.play-overlay
{
position: relative;
}
div.play-overlay span.play-symbol
{
background: url('/extension/nosefo/design/nosefo/images/play-icon-grey.svg') 50% 55% no-repeat;
background-size: 15%;
opacity: 0.75;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
div.play-overlay:hover span.play-symbol
{
background-image: url('/extension/nosefo/design/nosefo/images/play-icon-red.svg');
}
#ezwt img, #content-middle form#edit img, #content-middle #fix #maincontent-design img{
width: inherit !important;
display: inline;
}
#content-middle form#edit .block {
clear: both;
}
#content-middle form#edit > .block {
overflow:hidden;
}
#content-middle form#edit > .block > label{
font-weight: 500;
}
div#content-middle form#edit fieldset {
border: 1px solid #D7D7D7;
margin: 10px 0 15px 0;
}
div.fieldsetcontent.closed {
display: none;
}
span.fieldsetopener {
cursor: pointer;
font-size: 1.7rem;
font-weight: 500;
margin-left: 5px;
}
#content-middle form#edit .block .element {
float: left;
}
.spamfilter {
display: none;
}
div.attribute-survey div.survey-question input.disabled, div.attribute-survey div.survey-question textarea.disabled,
div.attribute-survey div.survey-question select.disabled
{
background-color: #e0e0e0;
}
p.survey-mandatory
{
margin-top: 10px;
}
div.survey-question
{
clear: both;
margin-top: 10px;
}
div.survey-question:after
{
content: "-";
height: 0;
font-size: 0;
visibility: hidden;
display: block;
clear: both;
}
div.attribute-survey div.message-warning h2, div.attribute-survey div.message-warning a,
div.attribute-survey div.message-warning h4, div.attribute-survey .error, div.attribute-survey .required
{
color: #e53a3a;
}
div.attribute-survey div.survey-question.error input,
div.attribute-survey div.survey-question.error textarea,
div.attribute-survey div.survey-question.error select
{
background-color: #f5fafa;
}
div.attribute-survey div.message-warning
{
margin-top: 1em;
}
div.survey-choices
{
clear: both;
}
div.survey-choices div.element
{
float: left;
margin-right: 20px;
}
div.survey-choices label
{
font-weight: normal;
}
div.survey-choices input[type='text'],
div.survey-choices input[type='password'],
div.survey-choices textarea
{
width: 100%;
background-color: transparent;
}
div.survey-view div.buttonblock
{
margin-top: 10px;
}
div.survey-view .required, div.survey-edit .required
{
background: url('/extension/ezsurvey/design/standard/images/survey-asterisk.svg') no-repeat;
position: relative;
width: 0.5rem;
height: 0.5rem;
bottom: 0.2rem;
padding-left: 0.3rem;
display: inline-block;
}
div.survey-view .tip, div.survey-edit .tip
{
background: url('/extension/ezsurvey/design/standard/images/survey-info.svg') no-repeat;
cursor: pointer;
width: 1rem;
height: 1rem;
display: inline-block;
padding-left: 0.3rem;
}
div.attribute-survey .required .text, div.attribute-survey .tip .text,
div.survey-edit .required .text, div.survey-edit .tip .text
{
display: none;
font-weight: 500;
}
div.attribute-survey .modal-position
{
width: 100%;
display: none;
position: relative;
z-index: 999;
background: #88b7d5;
border: 1px solid #c2e1f5;
border-radius: 3px;
color: #ffffff;
margin-bottom: 11px;
font-style: italic;
}
div.attribute-survey .modal
{
padding: 10px;
}
div.attribute-survey .modal:after, div.attribute-survey .modal:before
{
top: 100%;
left: 50%;
border: 1px solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
div.attribute-survey .modal:after
{
border-color: rgba(136, 183, 213, 0);
border-top-color: #88b7d5;
border-width: 10px;
margin-left: -10px;
}
div.attribute-survey .modal:before
{
border-color: rgba(194, 225, 245, 0);
border-top-color: #c2e1f5;
border-width: 11px;
margin-left: -11px;
}
form.gsc-search-box *, form.gsc-search-box *:before, form.gsc-search-box *:after,
div.gsc-control-cse *, div.gsc-control-cse *:before, div.gsc-control-cse *:after
{
box-sizing: content-box;
}
form.gsc-search-box table
{
margin: 0;
}
form.gsc-search-box th, form.gsc-search-box td
{
padding: initial;
}
div#searchbox form.gsc-search-box input, form.gsc-search-box input
{
width: auto;
}
form.gsc-search-box .gsc-input-box, form.gsc-search-box input.gsc-search-button-v2
{
height: auto;
}
form.gsc-search-box .gsc-input-box
{
height: auto;
padding: 2px 5px;
}
.content-view-full, .content-view-children, .intro-wrapper, .button_wrapper, .heading_banner{
margin-bottom: 5em;
}
.header-top{
background-color: #004058;
color: #FFF;
font-family: Quicksand;
}
.header-top a{
color: #FFF;
text-decoration: none;
}
.header-top a:hover, .header-top a:focus, .header-top a:active{
text-decoration: underline;
}
.header-top .page-width{
padding: 0 20px 0 20px;
}
#header-bg
{
margin: .5em 0 1.5em;
}
#header-bg span.abc-user
{
display: none;
}
#header-bg li a{
text-decoration: none;
border-bottom: 2px solid transparent;
color: #212121;
margin-bottom: -8px;
}
#header-bg #extramenu{
font-weight: 400;
font-size: 1.1em;
}
#extramenu ul{
margin-top: 10px;
margin-bottom: 9px;
}
#header-bg li.selected a{
border-bottom: 2px solid #00688F;
}
#header-bg li a:hover{
color: #00688F;
}
#topmenu{
text-align: right;
}
#topmenu ul li{
font-size: 1.5em;
font-weight: 300;
display: inline-block;
margin-left: 1em;
font-family: Quicksand;
}
.search_button{
display: inline-block;
cursor: pointer;
margin-bottom: -6px;
}
#path
{
display: none;
}
div.content-view-block div.attribute-image + div.attribute-title h2{
font-size: 1.4em;
margin-bottom: .5em;
}
.attribute-title a{
display: inline-block;
}
div.content-view-block div.attribute-image:hover + div.attribute-title h2 a{
text-decoration: underline;
}
.attribute-title a::after{
display: inline-block;
content: " ";
background: url(/extension/nosefo/design/nosefo/images/arrow_right.svg) no-repeat;
height: 1.1em;
width: 1em;
margin-left: .5em;
margin-bottom: -.23em;
background-size: contain;
transition: margin .2s;
}
.attribute-title a:hover::after, div.content-view-block div.attribute-image:hover + div.attribute-title h2 a::after{
margin-left: .7em;
}
.attribute-short{
font-weight: 300;
font-size: 1.2em;
}
.attribute-image{
margin-bottom: .7em;
}
.attribute-link{
display: none;
}
#sidemenu-position{
display: none;
}
.button_wrapper{
text-align: center;
}
.button{
background: rgba(188, 147, 7, 0.3);
display: inline-block;
width: auto;
padding: .6em 2em .7em;
border-radius: 2em;
margin: 0 auto;
font-weight: 300;
font-size: 1.4em;
transition: all .1s;
text-align: center;
cursor: pointer;
}
.button.button-small{
padding: .5em 1em .6em;
font-size: 1em;
}
.button.button-full-width{
width: 100%;
}
.button:hover{
background: rgba(188, 147, 7, 0.4);
}
a .button{
color: #212121;
}
div.class-frontpage-block.block-blue
{
background-color: #00688F;
padding: 20px;
color: #ffffff;
}
div.class-frontpage-block.block-blue a
{
color: #ffffff;
}
div.class-frontpage-block.block-blue div.attribute-short li:before,
div.class-frontpage-block.block-blue div.attribute-long li:before
{
background-color: #ffffff;
margin: 1.2rem 0 0 -1.5rem;
}
div.class-frontpage-block.block-blue div.attribute-blocktitle h2
{
color: #ffffff;
}
div.class-frontpage-block div.attribute-blocktitle
{
padding-bottom: 0;
}
div.class-frontpage-block div.attribute-blocktitle h2
{
font-size: 1.6em;
}
div.class-frontpage-block.block-blue div.content-view-children
{
margin-bottom: 0;
}
div.class-frontpage-block.block-blue p
{
margin: 1em 0;
line-height: 1.35;
display: block;
}
div.class-frontpage-block.block-blue p,
div.class-frontpage-block.block-blue li
{
font-size: 0.9em;
}
div.class-frontpage-block.block-blue li
{
margin: 5px 0 0 0;
line-height: 1.5;
}
div.class-frontpage-block.block-blue
{
margin-bottom: 5em;
}
.block-blue-info div.content
{
width: 75%;
}
.block-blue-info div.image
{
width: 25%;
text-align: center;
vertical-align: middle;
}
.block-blue-info i.fa
{
transform: scale(8,8);
vertical-align: middle;
margin: auto;
text-align: center;
}
@media (max-width: 800px)
{
div.block-blue-info .image
{
width: 100%;
margin: 30px 0 40px 0;
}
div.block-blue-info div.content
{
width: 100%;
}
}
.intro-wrapper{
background-color: #00688F;
}
.intro{
color:#FFF;
display: flex;
align-items: center;
}
.intro .image{
width:50%;
}
.block-blue-info .intro .content
{
font-size: 1.1em;
}
.intro .content{
width:50%;
padding: 0 2em;
font-size: 1.4em;
font-weight: 300;
}
.intro .content strong{
font-weight: 400;
}
.intro .content a{
color: #FFF;
}
.intro .content a:hover{
text-decoration: none;
}
#footer{
background-color: #EFEFEF;
font-weight: 300;
}
#footer a{
color: #212121;
}
#footer a:hover{
text-decoration: none;
}
#footer h2{
text-transform: uppercase;
}
#footer .footer-content{
max-width: 1400px;
margin: 0 auto;
padding: 4em 20px 1em 20px;
text-align: center;
}
#footer #contactinfo{
margin: 0 0 4em;
}
#footer #techcredits{
font-size: .8em;
}
#footer #techcredits a{
font-weight: 400;
}
#footer #orgnr{
margin-bottom: 4em;
}
address{
font-style: normal;
}
table.project-search.animate{
-webkit-animation: projectanimation 0s infinite;
animation: projectanimation 0s;
animation-fill-mode: both;
}
table.project-search.animate-back{
-webkit-animation: projectanimationback .2s infinite;
animation: projectanimationback .2s;
animation-fill-mode: both;
}
table.list{
border: 0;
font-size: 1.2em;
font-weight: 300;
}
@keyframes projectanimation {
from { opacity: 1; }
to { opacity: 0; }
}
@keyframes projectanimationback {
from { opacity: 0; }
to { opacity: 1; }
}
table.list th, table.list td{
border: 0;
}
table.list td{
border-bottom: 1px solid #00688F;
font-weight: 300;
}
tr.bglight, tr.bgdark{
background-color: transparent;
}
table.list tr.course:hover{
background-color: rgba( 0, 0, 0, .05 );
}
table.list tr.course td{
padding: 0;
}
table.list tr.course td.course-link a{
margin-top: .5em;
display: block;
background-color: #00688F;
padding: .2em 1em .3em;
border-radius: 1em;
color: #FFF;
text-decoration: none;
font-size: .9em;
}
table.list tr.course:hover td.course-link a{
background-color: rgb(0, 79, 107);
}
table.list th, table.list td{
padding: .6em 0;
}
table.list th{
font-weight: 500;
background-color: transparent;
}
.text-right{
text-align: right;
}
.text-center{
text-align: center;
}
input[type="radio"]{
margin: .5em 1em 0 0;
}
div.content-view-full div.class-project div.project-box-content h3
{
font-weight: 500;
}
div.content-view-full div.class-project div.project-box-content div.box
{
margin-top: 1em;
font-size: 1.8rem;
}
div.content-view-full div.class-project div.project-box-content div.box strong,
div.content-view-full div.class-project div.project-box-content div.box b
{
font-weight: 500;
}
.box{
background-color: #F5F5F5;
border-top: 5px solid #00688F;
padding: 1.2em 1.2em 1.8em;
font-size: 1.5em;
font-weight: 300;
margin: 1em 0 2em;
}
.box label{
font-weight: 400;
}
.box select, .class-abckurs div#CourseType select, .class-abckurs div#Location select,
.class-abckurs div#Start input, .class-abckurs div#End input, .class-abckurs input#name, #kontaktinformasjon-rediger-form select {
font-size: 1em;
padding: .2em .4em;
font-weight: 300;
width: 100%;
border: 2px solid #01202C;
background-color: #FFF;
height: 38px;
}
.class-abckurs input#name{
width: auto;
}
.box select{
margin-top: .4em;
height: auto;
}
.class-abckurs div#Start input, .class-abckurs div#End input{
background-position: right 10px center;
}
.class-abckurs .course_filter div.block{
margin-top: 0;
margin-bottom: 1em;
}
.box .heading{
font-size: .7em;
color: #00688F;
font-weight: 400;
}
.box .course, .box .selected_info{
margin-bottom: 1em;
}
.box input[type="radio"]{
}
.box .locations{
margin-bottom: 1.5em;
}
.box .locations .prize{
text-align: right;
}
.box .info_section{
float: left;
margin-right: 1em;
margin-bottom: .4em;
}
.selected_info::after {
content: "";
clear: both;
display: table;
}
.box .info_section:last-child{
margin-right: 0;
}
.box .dates{
clear: both;
}
.box .form input{
font-size: .8em;
width: 100%;
border: 2px solid #01202C;
}
.box .form .input.error
{
border-color: darkred;
}
.form_error
{
}
.form_error h2
{
font-size: 1.4em
}
.box .form input[type='submit']{
border: none;
}
.box .form .input{
margin-bottom: .5em;
}
.box .form .input label{
font-size: .6em;
font-weight: 400;
margin-bottom: .3em;
display: block;
}
.box .form .input{
margin-bottom: .5em;
}
.box hr{
margin-top: 0;
margin-bottom: 1.4em;
}
.box .form textarea{
width:100%;
max-width:100%;
min-width:100%;
margin-bottom: 1em;
height: 100px;
font-size: 0.6em;
}
.box .form input[type="submit"]:hover{
background-color: #01202C;
}
.box .form .submit{
text-align: center;
}
.heading_banner{
background-color: #00688F;
color: #FFF;
}
.heading_banner h1{
margin: 0;
}
.box_right{
background-color: #F5F5F5;
border-left: 3px solid #00688F;
padding: 1.2em;
margin: 1em 0 1em;
}
.box_right .heading{
font-size: 1em;
font-weight: 500;
margin-bottom: .2em;
}
.box_right .content{
font-size: 1.5em;
font-weight: 300;
}
.sorting{
margin-bottom: 3em;
margin-top: -5em;
background-color: #F5F5F5;
}
.sorting .row:nth-of-type(2n){
margin-top: 1em;
}
.sorting .full_width-inner{
padding-top: 3em;
padding-bottom: 2.5em;
}
.sorting_group{
margin-bottom: 2em;
}
.sorting_group:last-of-type{
margin-bottom: .5em;
}
.sorting_group .heading{
font-weight: 500;
margin-bottom: 1em;
}
.sorting_group .choice{
font-size: 1.5em;
font-weight: 300;
float: left;
margin-right: 1.2em;
padding: .15em 0 .3em;
cursor: pointer;
}
.sorting_group .choice:last-of-type{
margin-right: 0;
}
.sorting_group .choice:hover{
color: #00688F;
}
.sorting_group .choice.selected{
background-color: #00688F;
padding: .15em .6em .3em;
border-radius: 1em;
color: #FFF;
margin-left: -.6em;
margin-right: .6em;
}
.sorting_group .search input[type="search"]{
border:none;
border-bottom: 2px solid #00688F;
background-color: transparent;
padding: .2em .4em .2em 0;
font-size: 1.5em;
width: 60%;
min-width: 300px;
font-weight: 300;
-webkit-appearance: none;
}
.sorting_group .search input[type="submit"]{
border:none;
background: transparent url(/extension/nosefo/design/nosefo/images/search_input.svg) no-repeat center;
padding: 1em .4em .2em 0;
height: 3em;
width: 3em;
text-indent: 100px;
margin-left: -1em;
cursor: pointer;
}
.label{
font-size: .8em;
font-weight: 500;
}
.info_col{
margin-top: 3em;
margin-bottom: 4em;
}
.info_col .content{
margin-bottom: 1em;
}
.info_col .image{
margin-bottom: .4em;
}
.info_col .info{
font-size: 1.2em;
font-weight: 300;
margin-bottom: .5em;
}
.burger{
float: right;
z-index: 1001;
position: relative;
min-height: 35px;
min-width: 45px;
margin-bottom: -22px;
}
.burger .line{
height: 5px;
border-radius: 10px;
width: 1.8em;
margin-bottom: .25em;
background-color: #00688F;
transition: all .2s;
}
.burger .line:last-of-type{
margin-bottom: 0;
}
.show .burger .line{
margin-bottom: -5px;
transform: rotate(45deg) translateY(10px)  translateX(10px);
background-color: #FFF;
}
.show .burger .line:nth-of-type(2n){
margin-bottom: -5px;
transform: rotate(135deg) translateX(10px) translateY(-10px);
}
#mobilemenu .grid-form a{
font-size: .6em;
}
#mobilemenu li[data-placement="bottom"] .fa-chevron-circle-right{
display: none;
}
.full_width-inner .h-8{
width:66.6%;
margin:0 auto;
}
.full_width-inner .h-10{
width:calc(83.3333% + 10px);
margin:0 auto;
}
#submenu{
margin-bottom: 3em;
}
#submenu ul{
margin: 0;
padding: 0;
}
#submenu ul li{
margin: 0 0 .2em;
padding: 0;
list-style: none;
font-weight: 400;
font-size: 1.4em;
}
#submenu ul li.selected a span{
border-bottom: 2px solid #00688F;
}
#submenu ul li a{
text-decoration: none;
color: #212121;
}
#submenu ul li a:hover{
color: #00688F;
}
#submenu #sidemenu-title{
display: none;
}
#submenu #sidemenu-title{
display: none;
}
#sidemenu h3:first-of-type{
margin-top: 6px;
}
.course_filter{
margin-bottom: 3em;
background: #F5F5F5;
padding: 2em;
}
.class-abckurs fieldset{
border: none;
padding: 0;
margin: 0;
}
.class-abckurs .table-header{
font-size: .7em;
}
.class-abckurs table.list td{
font-size: .9em;
padding-right: .6em;
cursor: pointer;
}
.class-abckurs table.list td:last-of-type{
padding-right: .2em;
}
#kontaktinformasjon td img{
display: inline-block;
}
#kontaktinformasjon td img[title="Rediger"]{
margin-right: -10px;
}
.class-abckurs table.list th{
padding-right: .4em;
}
.class-abckurs tr.valgbar:hover{
background-color: rgba( 0, 0, 0, 0.03 );
}
.class-abckurs tr.bglight.selected, .class-abckurs tr.bgdark.selected{
background-color: rgba(188, 147, 7, 0.2) !important;
}
.class-abckurs div.kurs-selector{
border: none;
}
.class-abckurs label{
display: block;
}
.class-abckurs input.link{
padding: .4em 1em !important;
text-decoration: none !important;
background-color: rgba(188, 147, 7, 0.3);
color: #212121;
}
button:hover, input[type='button']:hover, a.button:hover, .class-abckurs input.link:hover{
background-color: rgba(188, 147, 7, 0.4);
}
input[type='submit']:hover{
background-color: #00516f;
}
div.content-view-full div.attribute-title h1{
}
div#path-bg{
display: none;
}
.creditcards img{
width: 140px;
display: inline-block;
}
.creditcards{
padding-top: 8px;
}
.course-name a{
text-decoration: none;
color: #212121;
display: block;
padding: .6em 0;
}
.course-name a:hover{
color: #00516f;
}
.user-login input[type='text'], .user-login input[type='password']{
width: 60%;
}
.user-login input[type='password']{
margin-bottom: 1em;
}
.user-login{
margin-bottom: 3em;
}
.factbox.object-right{
float: none;
margin: 2em 0 !important;
}
.attribute-long{
font-size: 1.2em;
font-weight: 300;
}
.class-frontpage-item p{
margin: 0;
}
.class-frontpage-item .button{
margin-top: 1.6em;
}
.class-abckurs table.list th.day{
text-align: center;
}
.class-abckurs table.list td.day{
border-left: 1px solid #e4e4e4;
}
.class-abckurs table.list td.day:last-of-type{
border-right: 1px solid #e4e4e4;
}
.class-abckurs table.list td.course-location{
padding-right: .4em;
}
nav#mobilemenu .js-top{
display: none;
}
nav#mobilemenu a:hover{
text-decoration: underline;
color: #FFF;
}
nav#mobilemenu i:hover{
opacity: 1;
}
.form_error{
color: darkred;
border: 3px solid darkred;
margin-bottom: 1em;
font-size: .7em;
padding: .6em 1em;
}
.input.error input{
border-color: darkred;
}
.fp_main_banner{
background: url(/extension/nosefo/design/nosefo/images/nosefo_top_bg.jpg) center no-repeat;
background-size: cover;
}
.fp_main_banner h1{
color:#FFF;
padding-left: 140px;
position: relative;
font-size: 2em;
margin: 40px 0 70px;
font-family: quicksand, sans-serif;
line-height: 1.5;
}
.fp_main_banner h1::before{
content: "";
display: block;
height: 6px;
width: 100px;
background-color: #FFF;
margin-left: -140px;
position: absolute;
top: .7em;
}
.search_form.row{
background-color: rgba( 255, 255, 255, 0.6 );
border-radius: 14px;
margin: -20px 0px 200px 0px;
}
.search_form input, .search_form select{
width: 100%;
font-size: 1.3em;
border: none;
height: 70px;
border-radius: 10px;
}
.search_form input[type=search]{
padding: .7em 2.5em .7em 1em;
background: #FFF url(/extension/nosefo/design/nosefo/images/search.png) right 1em center no-repeat;
margin-left: 6px;
width: calc(100% - 6px);
}
.search_form select{
padding: 0 1em 0 0;
text-indent: 2.5em;
background: #FFF url(/extension/nosefo/design/nosefo/images/map_pin.png) left 1em center no-repeat;
}
.search_form input[type=submit]{
font-family: Quicksand;
font-weight: 500;
background-color: #004058;
width: calc(100% - 6px);
padding-left: 0;
padding-right: 0;
}
.search_form input[type=submit]:hover{
background-color: #00688F;
}
.search_form .col{
margin: 12px 0;
padding: 0 6px;
}
.course_boxes.row{
margin-bottom: 4em;
display: flex;
justify-content: space-between;
flex-flow: row wrap;
flex-direction: row;
}
.course_boxes::before, .course_boxes::after{
display: none;
}
.course_boxes a{
text-decoration: none;
}
.course_boxes .col{
min-width: 152px;
}
.course_boxes .course{
background-color: #004058;
text-align: center;
padding: .8em 0;
margin-top: -5.5em;
color: #FFF;
font-size: 1.3em;
border-radius: 10px;
transition: background-color .2s;
font-family: Quicksand;
}
.course_boxes .course:hover{
background-color: #00688F;
}
.course_boxes .course img{
display: inline-block;
max-height: 80px;
}
.course_boxes .course hr{
max-width: 105px;
margin: 15px auto;
border: 2px solid #BC9307;
}
.survey-choices label input[type='checkbox']{
margin-right: .6em;
}
textarea.box{
background-color: transparent;
margin-top: 0;
margin-bottom: 0;
border: 2px solid #01202C;
transition: all .2s;
}
textarea.box:focus{
border-left: 5px solid #00688F;
}
div.survey-view .required, div.survey-edit .required {
height: 1.3rem !important;
width: 1rem !important;
background-size: 70% !important;
}
div.survey-choices label{
margin-right: 1em;
display: inline-block;
}
div.survey-choices{
margin-top: .8em;
margin-bottom: 1em;
}
#content-middle-bg{
margin-bottom: 3em;
}
.content-search #Search{
width: calc(100% - 1em);
}
.content-search .feedback, .content-search .warning{
margin-top: 2em;
margin-bottom: 3em;
}
.content-search .feedback h2{
font-weight: 400;
font-size: 1.2em;
}
.content-search .content-view-line{
margin-bottom: 2em;
}
.content-search .attribute-image{
display: none;
}
.content-search .attribute-short{
font-size: 1.1em;
}
.content-search .pagenavigator{
margin-bottom: 4em;
text-align: center;
}
.content-search .pagenavigator a{
text-decoration: none;
}
.content-search div.pagenavigator p{
font-size: 1em;
}
@media (max-width: 1200px)
{
div#logo span.image{
height: 80px;
}
}
@media (max-width: 800px)
{
body{
font-size: 16px;
}
.creditcards{
margin-top: -10px;
padding-top: 0;
text-align: center;
}
.creditcards img{
width: 100px;
}
.box .locations .prize{
text-align: left;
margin-top: 5px;
padding-left: 1.5em;
}
.intro{
display: block;
}
.intro .image{
width:100%;
}
.intro .content{
width:100%;
padding: 1em 0 0;
}
.full_width-inner{
padding-left: 10px;
padding-right: 10px;
}
.full_width-inner .h-8, .full_width-inner .h-10{
width:100%;
}
.content-view-full, .content-view-children, .intro-wrapper, .button_wrapper{
margin-bottom: 4em;
}
.heading_banner{
margin-bottom: 3em;
}
.user-login input[type='text'], .user-login input[type='password']{
width: 80%;
}
}
@media (max-width: 600px)
{
body{
font-size: 14px;
}
.box{
padding: .8em .8em 1.2em;
}
.sorting_group .search input[type="search"]{
width: calc(100% - 50px);
min-width: auto;
}
div#logo span.image{
height: 70px;
}
.content-view-full, .content-view-children, .intro-wrapper, .button_wrapper{
margin-bottom: 3em;
}
.heading_banner{
margin-bottom: 2em;
}
.user-login input[type='text'], .user-login input[type='password']{
width: 100%;
}
}
@media (max-width: 450px)
{
div#logo span.image{
height: 70px;
}
}
@media (max-width: 350px)
{
div#logo span.image{
height: 60px;
}
}
#debug, .sf-toolbarreset{
max-width: 100vw;
overflow: auto;
}
@media (max-height: 850px){
.search_form.row{
margin-bottom: 130px;
}
.fp_main_banner h1{
margin-top: 0px;
margin-bottom: 40px;
}
}
@media (max-width: 1200px)
{
.course_boxes .course{
font-size: 1em;
margin-top: -7em;
}
#extramenu ul{
margin-top: 10px;
margin-bottom: 8px;
}
}
@media (max-width: 800px)
{
.row
{
margin: -20px -10px 0 -10px;
}
.row .col
{
padding: 0 10px;
}
.row .m-1
{
width: 8.3333%;
}
.row .m-1-0909090909091
{
width: 9.09%;
}
.row .m-1-2
{
width: 10%;
}
.row .m-1-3333333333333
{
width: 11.11%;
}
.row .m-1-5
{
width: 12.5%;
}
.row .m-1-7142857142857
{
width: 14.28%;
}
.row .m-2
{
width: 16.6667%;
}
.row .m-2-4
{
width: 20%;
}
.row .m-3
{
width: 25%;
}
.row .m-4
{
width: 33.3333%;
}
.row .m-5
{
width: 41.6667%;
}
.row .m-6
{
width: 50%;
}
.row .m-7
{
width: 58.3333%;
}
.row .m-8
{
width: 66.6667%;
}
.row .m-9
{
width: 75%;
}
.row .m-10
{
width: 83.3333%;
}
.row .m-11
{
width: 91.67%;
}
.row .m-12
{
width: 100%;
}
.row .l-br
{
clear: none;
}
.row .m-br
{
clear: both;
}
.l-hide
{
display: block;
}
.m-hide
{
display: none;
}
div#adminArea-bg
{
display: none;
}
div#page
{
padding: 0 20px;
}
.page-width
{
width: auto;
}
div#header-bg
{
margin-bottom: 20px;
}
div#page.design-wide .page-width
{
padding: 0 10px;
}
nav#extramenu, div#searchbox, #extramenu, #languagemenu
{
display: none;
}
nav#headermenu
{
display: block;
}
div#headermenu-dropdown-bg
{
display: block;
}
div.sticky-wrapper
{
display: none;
}
div#content-middle
{
margin-bottom: 0;
}
section#content-center
{
margin-bottom: 20px;
}
header
{
min-height: auto;
}
div#logo
{
}
nav#extramenu
{
margin: 0 0 10px 0;
}
div#searchbox
{
bottom: 10px;
}
div#mobilemenu-control a, nav#mobilemenu div.mobilemenu-showhide, nav#mobilemenu ul
{
transition: 0.25s;
}
div#mobilemenu-control a
{
display: block;
}
div#mobilemenu-control a
{
font-size: 2.4rem;
color: #000000;
margin-top: -3px;
padding: 12px 15px;
float: right;
}
nav#mobilemenu, nav#mobilemenu a
{
color: #ffffff;
}
nav#mobilemenu
{
font-size: 1.6em;
font-weight: 300;
width: 100%;
position: absolute;
left: -100%;
clear: both;
z-index: 1000;
top: 0;
}
nav#mobilemenu div.mobilemenu-showhide
{
position: relative;
right: -200%;
}
nav#mobilemenu.show div.mobilemenu-showhide
{
right: 0;
}
nav#mobilemenu div.grid-form + div.grid-form
{
margin-top: 1rem;
}
nav#mobilemenu ul
{
min-height: 100vh;
}
nav#mobilemenu a
{
padding: .4em 40px 0;
text-decoration: none;
display: block;
position: relative;
}
nav#mobilemenu a span
{
}
nav#mobilemenu a span i
{
font-size: 2rem;
padding: 17px 15px;
opacity: 0.5;
}
nav#mobilemenu a span.previous
{
margin: -14px 0 -14px -40px;
}
nav#mobilemenu a span.previous i
{
padding: 17px 3px 17px 15px;
}
nav#mobilemenu a span.next
{
margin: -14px -20px -14px 0;
float: right;
}
nav#mobilemenu a span.next i
{
}
nav#mobilemenu ul, nav#mobilemenu li
{
margin: 0;
padding: 0;
list-style-type: none;
}
nav#mobilemenu ul
{
width: 100%;
top: 0;
left: 0;
position: absolute;
}
nav#mobilemenu ul.current > li > ul
{
left: 100%;
opacity: 0;
}
nav#mobilemenu ul.current
{
padding-top: 160px;
left: 100%;
min-height: 100vh;
opacity: 1;
background-color: #00688F;
}
nav#mobilemenu li[data-placement="bottom"]
{
margin-top: 1em;
}
nav#mobilemenu li.search, nav#mobilemenu li.back
{
border-top: none;
}
nav#mobilemenu li.search a, nav#mobilemenu li.back a
{
padding-right: 10px;
}
nav#mobilemenu li.back:after
{
content: "-";
height: 0;
font-size: 0;
visibility: hidden;
display: block;
clear: both;
}
nav#mobilemenu li.back a
{
width: 50%;
float: left;
}
nav#mobilemenu li.back a:first-child
{
}
nav#mobilemenu li.back a:last-child
{
border-left: 1px solid #a0a0a0;
}
nav#mobilemenu li form
{
padding: 20px 47px 1.2em 40px;
}
nav#mobilemenu li form label
{
font-weight: 400;
white-space: nowrap;
font-size: .6em;
}
nav#mobilemenu li form input, nav#mobilemenu li form button
{
padding: 2px 5px;
}
nav#mobilemenu li form input
{
font-size: 2rem;
background-color: transparent !important;
border: none;
border-bottom: 2px solid #FFF;
padding: 0 0 .2em;
color: #FFF;
}
nav#mobilemenu li form input::placeholder{
color:rgba( 255, 255, 255, 0.5);
}
nav#mobilemenu li form button
{
font-size: 1.8rem;
background-color: #FFF;
color: #212121;
padding: .25em 1em;
border: none;
font-weight: 400;
font-family: roboto;
}
nav#mobilemenu li form a
{
padding: 0;
display: inline;
text-decoration: underline;
}
nav#mobilemenu li div.grid-form-row + div.grid-form-row div.grid-form-col
{
padding-top: 10px;
}
nav#mobilemenu li div.grid-form-col
{
padding: 0 0.5rem;
vertical-align: bottom;
}
nav#mobilemenu li div.grid-form-col:first-child
{
padding-left: 0;
}
nav#mobilemenu li div.grid-form-col:last-child
{
padding-right: 0;
margin-top: 0;
}
div#topmenu-bg
{
border: none;
display: none;
}
nav#path
{
padding: 0;
}
section#content-left
{
display: none;
}
section#content-right
{
width: 33.3333%;
}
section#content-left nav#sidemenu
{
display: none;
}
section#content-center
{
padding-left: 0;
}
div.slideshow
{
}
div.slideshow img
{
width: 100% !important;
height: auto !important;
}
div.class-slidebanner div.banner-overlay
{
background-color: #f0f0f0;
position: static;
}
div.class-slidebanner .hovershow
{
display: block !important;
}
div.mobile-crop
{
width: auto;
margin-right: auto;
margin-left: auto;
overflow: hidden;
position: relative;
}
div.mobile-crop img
{
width: 200% !important;
position: relative;
left: -50%;
}
div.class-frontpagebanner div.attribute-title h2
{
font-size: 1.6rem;
font-weight: normal;
padding: 5px 10px;
}
div.class-frontpagebanner div.attribute-short p
{
font-size: 1.3rem;
padding: 0 10px 10px 10px;
}
div.infobox
{
font-size: 1.3rem;
margin: 0 0 20px 0;
}
section#content-right div.infobox:last-child
{
margin-bottom: 0;
}
div.content-view-box div.attribute-title h3
{
font-weight: normal;
}
div.attribute-link
{
font-size: 1.3rem;
}
.m-1 div.content-view-block div.attribute-title h2, .m-2 div.content-view-block div.attribute-title h2
{
font-size: 1.3rem;
}
.m-3 div.content-view-block div.attribute-title h2, .m-4 div.content-view-block div.attribute-title h2
{
font-size: 1.6rem;
}
div.row.m-simple div.attribute-short
{
display: none;
}
div.row.m-simple div.attribute-link
{
display: none;
}
.course_boxes .col.m-2{
width: 20%;
min-width: 0;
padding: 0 5px;
}
.course_boxes .course hr{
max-width: 70%;
}
.course_boxes .course hr{
margin: 15px auto;
}
.course_boxes .course img{
max-height: 90px;
}
.search_form.row .col.s-12{
margin-bottom: 0;
}
.search_form select{
width: calc(100% - 8px);
}
.search_form input[type=submit]{
margin-bottom: 16px;
margin-left: 8px;
width: calc(100% - 16px);
}
.sorting{
margin-top: -3em;
}
.checkbox{
line-height: 1.2;
}
.full_width{
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 600px)
{
.row
{
margin: -20px -5px 0 -5px;
}
.row .col
{
padding: 0 5px;
}
.row .s-1
{
width: 8.3333%;
}
.row .s-1-0909090909091
{
width: 9.09%;
}
.row .s-1-2
{
width: 10%;
}
.row .s-1-3333333333333
{
width: 11.11%;
}
.row .s-1-5
{
width: 12.5%;
}
.row .s-1-7142857142857
{
width: 14.28%;
}
.row .s-2
{
width: 16.6667%;
}
.row .s-2-4
{
width: 20%;
}
.row .s-3
{
width: 25%;
}
.row .s-4
{
width: 33.3333%;
}
.row .s-5
{
width: 41.6667%;
}
.row .s-6
{
width: 50%;
}
.row .s-7
{
width: 58.3333%;
}
.row .s-8
{
width: 66.6667%;
}
.row .s-9
{
width: 75%;
}
.row .s-10
{
width: 83.3333%;
}
.row .s-11
{
width: 91.67%;
}
.row .s-12
{
width: 100%;
}
.row .l-br, .row .m-br
{
clear: none;
}
.row .s-br
{
clear: both;
}
.m-hide
{
display: block;
}
.s-hide
{
display: none;
}
blockquote
{
width: 100%;
margin-left: 0;
float: none;
}
table.responsive-transform tr:first-child th
{
display: none;
}
table.responsive-transform tr
{
display: block;
position: relative;
}
table.responsive-transform tr:nth-child(2n+0)
{
background-image: linear-gradient( to right, #a0a0a0, #a0a0a0 50%, #f0f0f0 50.0%);
}
table.responsive-transform tr:nth-child(2n+1)
{
background-image: linear-gradient( to right, #a0a0a0, #a0a0a0 50%, #d0d0d0 50.0%);
}
table.responsive-transform td:before, table.responsive-transform td > div
{
display: inline-block;
vertical-align: middle;
}
table.responsive-transform td:before
{
content: attr(data-th);
width: 100%;
font-weight: bold;
color: #ffffff;
margin-left: -100%;
padding-right: 10px;
}
table.responsive-transform td
{
padding-left: 50%;
display: block;
border-bottom: 1px solid #808080;
}
table.responsive-transform td > div:before
{
content: '';
width: 1px;
background-color: #808080;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 50%;
}
table.responsive-transform td > div
{
padding-left: 10px;
}
div#page
{
padding-right: 10px;
padding-left: 10px;
}
section#content-center, section#content-right
{
width: auto;
display: block;
}
section#content-center
{
padding-right: 0;
}
section#content-right
{
padding-left: 0;
}
section#content-right div.row div.col.s-6:nth-child(odd)
{
clear: left;
}
div.mobile-crop
{
width: 100%;
}
div.content-view-line div.attribute-image
{
width: 40%;
}
nav#extramenu li
{
border: none;
float: none;
}
div#usermenu-dropdown div.grid-table, div#usermenu-dropdown div.row-table, div#usermenu-dropdown div.col-table
{
display: block;
}
div#usermenu-dropdown div.row-table + div.row-table
{
margin-top: 15px;
}
div#usermenu-dropdown div.col-table
{
width: 100%;
padding: 0 !important;
}
div#usermenu-dropdown div.col-table + div.col-table
{
margin-top: 10px;
}
div#usermenu-dropdown div.col-table.width-min
{
margin-top: 15px;
}
.s-12 div.content-view-block div.attribute-title h2
{
font-size: 2rem;
}
.s-6 div.content-view-block div.attribute-title h2
{
font-size: 1.6rem;
}
div.grid-form.responsive, div.grid-form.responsive div.grid-form-row, div.grid-form.responsive div.grid-form-col
{
width: 100% !important;
padding: 0 !important;
display: block !important;
}
div.grid-form.responsive div.grid-form-row + div.grid-form-row, div.grid-form.responsive div.grid-form-col + div.grid-form-col
{
margin-top: 1.5rem;
}
div.row.s-simple div.attribute-short
{
display: none;
}
div.row.s-simple div.attribute-link
{
display: none;
}
nav#mobilemenu ul.current{
padding-top: 110px;
}
.course_boxes .col.m-2{
width: 50%;
min-width: 0;
padding: 0 10px;
margin-left: auto;
margin-right: auto;
}
.search_form.row{
margin-bottom: 30px;
}
.search_form input[type=search], .search_form select, .search_form input[type=submit]{
margin-left: 6px;
width: calc(100% - 12px);
}
.search_form input[type=search] {
background-size: 30px;
}
.search_form select{
background-size: 22px;
}
.fp_main_banner h1{
text-align: center;
padding:0;
margin:20px 0 50px;
font-size: 2.6em;
}
.fp_main_banner h1 br{
display: none;
}
.fp_main_banner h1::before{
display: none;
}
.course_boxes{
margin-bottom: 2em;
}
.course_boxes .course{
margin-top: 0em;
font-size: 1.1em;
}
.fp_main_banner{
margin-bottom: 20px;;
}
.search_form input, .search_form select{
height: 60px;
padding-top: 0;
padding-bottom: 0;
}
.course_boxes .course hr{
margin: 10px auto;
}
.course_boxes .course img{
max-height: 70px;
}
.sorting{
margin-top: -2em;
}
.checkbox{
line-height: 1.3;
}
.full_width{
padding-left: 10px;
padding-right: 10px;
}
.sorting .row:nth-of-type(2n){
margin-top: 0;
}
}
@media (max-width: 400px)
{
.row .xs-1
{
width: 8.3333%;
}
.row .xs-2
{
width: 16.6667%;
}
.row .xs-3
{
width: 25%;
}
.row .xs-4
{
width: 33.3333%;
}
.row .xs-5
{
width: 41.6667%;
}
.row .xs-6
{
width: 50%;
}
.row .xs-7
{
width: 58.3333%;
}
.row .xs-8
{
width: 66.6667%;
}
.row .xs-9
{
width: 75%;
}
.row .xs-10
{
width: 83.3333%;
}
.row .xs-11
{
width: 91.67%;
}
.row .xs-12
{
width: 100%;
}
}
td.debugheader
{
background-color : #eeeeee;
border-top : 1px solid #444488;
border-bottom : 1px solid #444488;
font-size : 0.9em;
font-family: Arial, Helvetica, sans-serif;
}
pre.debugtransaction
{
background-color : #f8f6d8;
}
p.comment
{
background-color: #ffff00;
font-weight: bold;
padding: 4px;
margin: 4px;
border: 2px dashed;
display: block;
}
td.ezsetup_header
{
background-color : #eeeeee;
border-top : 1px solid #444488;
border-bottom : 1px solid #444488;
font-size : 120%;
font-family: Arial, Helvetica, sans-serif;
}
td.ezsetup_req
{
font-size : 80%;
font-family: Arial, Helvetica, sans-serif;
}
.ezsetup_critical
{
background-color : #eeeeee;
border-top : 1px solid #444488;
border-bottom : 1px solid #444488;
font-size : 120%;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FF0000;
}
.ezsetup_uncritical
{
background-color : #eeeeee;
border-top : 1px solid #444488;
border-bottom : 1px solid #444488;
font-size : 120%;
font-family: Arial, Helvetica, sans-serif;
color: #E2A31D;
}
.ezsetup_pass
{
background-color : #eeeeee;
border-top : 1px solid #444488;
border-bottom : 1px solid #444488;
font-size : 120%;
font-family: Arial, Helvetica, sans-serif;
color: #00B500;
}
div.debug-toolbar label
{
font-weight: normal;
}
#debug
{
text-align: left;
border-top: 1px dashed black;
padding: 0.3em;
background-color: #fff;
}
#debug table
{
border-collapse: collapse;
}
#timingpoints, #timeaccumulators, #debug_resources, #debug_includes, #debug table.debug_resource_usage
{
border: 1px dashed black;
}
#debug table tr.group td
{
padding-top: 0.7em;
font-size: 0.95em;
}
#debug table tr.group td:first-child
{
padding-left: 0.2em;
font-size: 1em;
}
#debug table tr.data td
{
background-color: #ffffff;
border-top: 1px solid #444488;
border-bottom: 1px solid #444488;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.95em;
}
#debug table tr.data:nth-child(odd) td {  background-color: #eeeeee; }
#debug table + h2, #debug table + h3
{
margin-top: 1em;
}
#debug table.debug_resource_usage th + th, #debug table.debug_resource_usage td + td, table#timeaccumulators th + th, table#timeaccumulators td + td, table#timingpoints th + th, table#timingpoints td + td, table#debug_resources td, table#debug_includes td
{
padding: 0.25em 0.5em 0.25em 0.5em;
}
#debug th
{
text-align: left;
}
#debug span.debuginfo:after
{
border: 2px solid #23a4f5;
border-radius: 10px;
color: #23a4f5;
height: 10px;
width: 10px;
line-height: 10px;
font-size: 10px;
content: "i";
margin-left: 5px;
padding: 0 5px 0 5px;
opacity: 0.6;
}
#debug span.debuginfo:hover:after { opacity: 1; }
#templateusage tr.data td:first-child, #templateusage tr.data td:nth-child(n+5) { text-align: center; }
#debug tr.notice  td.debugheader span { color: green; }
#debug tr.warning td.debugheader span { color: orange; }
#debug tr.error   td.debugheader span { color: red; }
#debug tr.debug   td.debugheader span { color: brown; }
#debug tr.timing  td.debugheader span { color: blue; }
#debug tr.strict  td.debugheader span { color: purple; }
header, nav#topmenu, nav#path, section#content-top, section#content-left, section#content-center, section#content-right, section#content-bottom, footer
{
}