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-family: Arial, Helvetica, sans-serif;
font-size: 1.3em;
color: #000000;
}
header, section, article, footer, nav
{
display: block;
}
h1, h2, h3, h4, h5, h6
{
font-weight: 400;
font-style: normal;
margin: 20px 0 5px 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: 2.4rem;
}
h2
{
font-size: 2rem;
}
h3
{
font-size: 1.6rem;
}
h4, h5, h6
{
font-size: 1.3rem;
}
p
{
margin: 0;
line-height: 1.35;
}
* + p
{
margin-top: 10px;
}
a
{
color: #305080;
text-decoration: underline;
}
a:hover
{
color: #000000;
text-decoration: underline;
}
a img
{
border: none;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
color: #000000;
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: 700;
font-style: normal;
margin: 0 0 0.5rem 0;
}
dd
{
font-weight: 400;
font-style: italic;
margin: 0 0 0.5rem 2.5rem;
}
img
{
display: block;
}
form
{
margin: 0;
padding: 0;
}
label
{
font-weight: 700;
display: block;
}
button, input, select, textarea
{
font-family: Arial, Helvetica, sans-serif;
font-size: 1.3rem;
border-radius: 0;
}
input[type='text'], input[type='password'], textarea
{
border: 1px solid;
border-color: #808080 #e0e0e0 #e0e0e0 #808080;
outline: none;
}
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: 400;
color: #000000;
background-color: #f0f0f0;
padding: 0 5px 0 5px;
border: 1px solid;
border-color: #e0e0e0 #808080 #808080 #e0e0e0;
}
button.defaultbutton, input.defaultbutton
{
color: #ffffff;
background-color: #40a040;
}
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: 1px;
color: #ffffff;
border: 1px #e0e0e0;
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;
box-shadow: inset 1px 1px 1px rgba( 0, 0, 0, 0.25 );
}
.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;
}
body
{
background-color: #e0e0e0;
margin: 0;
padding: 0 0 20px 0;
}
div#page
{
max-width: 980px;
background-color: #ffffff;
margin: 0 auto;
padding: 15px 20px 0 20px;
}
div#page.design-wide
{
max-width: none;
padding: 0;
}
.page-width
{
width: 100%;
max-width: 980px;
margin: 0 auto;
}
div#page.design-wide .page-width
{
max-width: 980px;
padding: 0 20px;
}
div#header-bg
{
}
div#page.design-wide div#header-bg
{
padding-top: 15px;
}
header
{
min-height: 80px;
position: relative;
}
#header-bg
{
background-color: #ffffff;
}
div#logo
{
position: absolute;
top: 0;
left: 0;
}
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
{
width: 145px;
height: 60px;
background: url(/extension/gwbase3/design/gwbase/images/logo.svg) top left no-repeat;
}
div#logo a span.text
{
display: none;
}
div#mobilemenu-control a, nav#mobilemenu
{
display: none;
}
div#searchbox
{
width: 220px;
text-align: right;
position: absolute;
right: 0;
bottom: 20px;
}
div#page.design-wide div#searchbox
{
right: 20px;
}
div#searchbox input
{
width: 100%;
}
div#searchbox button
{
margin-left: 5px;
display: inline-block;
}
nav#extramenu
{
font-size: 1.1rem;
float: right;
}
nav#extramenu ul
{
margin: 0;
padding: 0;
}
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/gwbase3/design/gwbase/images/no.gif);
}
nav#extramenu li.language-selector span.flag.swe-SE
{
background-image: url(/extension/gwbase3/design/gwbase/images/se.gif);
}
nav#extramenu li.language-selector span.flag.dan-DK
{
background-image: url(/extension/gwbase3/design/gwbase/images/dk.gif);
}
nav#extramenu li.language-selector span.flag.fin-FI
{
background-image: url(/extension/gwbase3/design/gwbase/images/fi.gif);
}
nav#extramenu li.language-selector span.flag.eng-GB
{
background-image: url(/extension/gwbase3/design/gwbase/images/en.gif);
}
nav#extramenu li.language-selector span.flag.ger-DE
{
background-image: url(/extension/gwbase3/design/gwbase/images/de.gif);
}
div#topmenu-bg
{
background-color: #d0d0d0;
border: 1px solid #d0d0d0;
margin-bottom: 20px;
position: relative;
}
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
{
margin: 0 10px 0 0;
padding: 0;
float: left;
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
{
color: #000000;
padding: 5px 10px;
text-decoration: none;
display: block;
white-space: pre;
position: relative;
}
nav#topmenu li.selected > a
{
background-color: #e0e0e0;
}
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;
}
nav#topmenu a:hover
{
background-color: #e8e8e8 !important;
}
div#mobilemenu-control a, nav#mobilemenu
{
display: none;
}
div#path-bg
{
margin: -10px 0 25px 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
{
border-top: 1px solid #e0e0e0;
}
nav#sidemenu ul ul
{
border-top: none;
}
nav#sidemenu li
{
border-bottom: 1px solid #e0e0e0;
}
nav#sidemenu li li
{
margin-top: -5px;
border-bottom: none;
}
nav#sidemenu a
{
color: #000000;
padding: 10px 10px;
text-decoration: none;
display: block;
}
nav#sidemenu li.selected > a
{
font-weight: bold;
}
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;
}
nav#sidemenu a:hover
{
background-color: #f0f0f0;
}
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: bold;
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;
}
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: 1rem 0;
background-color: #f8f8f8;
border: 1px solid #f0f0f0;
padding: 1.5rem 2rem;
clear: both;
}
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-title h1
{
margin: -5px 0 10px 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: bold;
margin-top: 10px;
}
div.content-view-full div.attribute-short + div.attribute-long
{
margin-top: 10px;
}
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
{
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 0 0 10px;
float: right;
}
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: bold;
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: bold;
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: bold;
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: bold;
}
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/gwbase3/design/gwbase/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/gwbase3/design/gwbase/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: bold;
}
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%;
}
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: bold;
}
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;
}
@media (max-width: 980px)
{
body
{
background-color: #ffffff;
}
}
@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: 10px;
}
.page-width
{
width: auto;
}
div#header-bg
{
margin-bottom: 20px;
}
div#page.design-wide .page-width
{
padding: 0 10px;
}
nav#extramenu, div#searchbox
{
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
{
position: static;
float: left;
margin-bottom: 10px;
}
div#logo span.image
{
width: 128px;
height: 40px;
}
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;
}
div#mobilemenu-control.show a
{
color: #ffffff;
background-color: #606060;
}
nav#mobilemenu, nav#mobilemenu a
{
color: #ffffff;
}
nav#mobilemenu
{
font-size: 1.6rem;
width: 100%;
position: absolute;
left: -100%;
clear: both;
z-index: 1000;
}
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
{
}
nav#mobilemenu a
{
padding: 15px 40px;
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;
float: left;
}
nav#mobilemenu a span.previous i
{
padding: 17px 3px 17px 15px;
}
nav#mobilemenu a span.next
{
border-left: 1px solid rgba(0, 0, 0, 0.5);
margin: -14px -40px -14px 0;
float: right;
}
nav#mobilemenu a span.next i
{
border-left: 1px solid rgba(255, 255, 255, 0.5);
}
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
{
left: 100%;
opacity: 1;
}
nav#mobilemenu li
{
background-color: #808080;
border: 1px solid;
border-color: rgba( 255, 255, 255, 0.5) rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba( 255, 255, 255, 0.5);
}
nav#mobilemenu li.search, nav#mobilemenu li.back
{
font-weight: 700;
background-color: #606060;
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
{
border-right: 1px solid #404040;
}
nav#mobilemenu li.back a:last-child
{
border-left: 1px solid #a0a0a0;
}
nav#mobilemenu li form
{
padding: 20px 47px 20px 40px;
}
nav#mobilemenu li form label
{
font-weight: 400;
white-space: nowrap;
}
nav#mobilemenu li form input, nav#mobilemenu li form button
{
padding: 2px 5px;
}
nav#mobilemenu li form input
{
font-size: 2rem;
}
nav#mobilemenu li form button
{
font-size: 1.8rem;
color: #ffffff;
background-color: rgba( 255, 255, 255, 0.25);
border-color: rgba( 255, 255, 255, 0.5) rgba( 0, 0, 0, 0.5) rgba( 0, 0, 0, 0.5) rgba( 255, 255, 255, 0.5);
}
nav#mobilemenu li form a
{
padding: 0;
display: inline;
}
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;
}
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;
}
}
@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;
}
}
@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
{
}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;1,300&display=swap');
.m-y-a {
margin-top: auto;
margin-bottom: auto;
}
.m-t-0 {
margin-top: 0 !important;
}
.m-t-1 {
margin-top: 5px !important;
}
.m-t-2 {
margin-top: 15px !important;
}
.m-b-0 {
margin-bottom: 0 !important;
}
.m-b-1 {
margin-bottom: 5px !important;
}
.m-b-2 {
margin-bottom: 15px !important;
}
.m-x-a {
margin-left: auto;
margin-right: auto;
}
.d-flex {
display: flex;
}
.bs-section {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
.bs-gray-bg {
background: #EDF1F3;
}
body {
background-color: #FDFDFD;
color: #03202F;
font-family: 'Open Sans', sans-serif;
font-size: 1.4rem;
font-weight: 300;
padding-bottom: 0;
}
section#content-center {
margin-bottom: 0;
}
section#content-center {
padding: 0;
}
div#page.design-wide .page-width {
max-width: 1024px;
}
div#page.design-wide .page-width.bs-section {
padding-left: 0;
padding-right: 0;
}
h1 {
font-size: 3.4rem;
margin-bottom: 40px !important;
}
h2 {
font-size: 2.5rem;
}
h3 {
font-size: 2rem;
}
h1, h2, h3, h4 {
color: #03202F;
font-family: 'Open Sans', sans-serif;
margin-bottom: 25px;
}
h1 a, h2 a, h3 a, h4 a {
color: #005898;
}
h1 a:after, h2 a:after, h3 a:after, h4 a:after {
content: none;
}
h1 a, h2 a, h3 a,
h1:hover a, h2:hover a, h3:hover a
{
color: #03202F;
}
p {
font-size: 16px;
line-height: 22px;
}
div.class-frontpage-block>div.attribute-title>h2 {
margin-top: 10px;
font-size: 1.5rem;
border-bottom: 1px solid #e0e0e0;
}
.row {
margin: -36px -10px 0 -10px;
clear: both;
}
div.class-frontpage-block div.content-view-children {
margin-top: 20px;
}
a {
color: #1B4D76;
text-decoration: none;
}
a .icon {
position: relative;
left: 0;
transition: .15s ease-in-out;
}
a:hover {
text-decoration: underline;
}
a:hover .icon {
color: #2e394a;
text-decoration: none;
left: 5px;
}
input[type='text'], input[type='password'], textarea {
border: 1px solid;
border-color: #ccc;
outline: none;
padding: 5px;
width: 100%;
}
button, input[type='submit'], input[type='button'], a.button, a.banner-button {
color: inherit;
background-color: inherit;
padding: inherit;
border: inherit;
text-decoration: inherit;
}
div.action-buttons {
padding-top: 10px;
}
div.action-buttons a {
border-radius: 5px;
padding: 10px;
}
button:hover, input[type='submit']:hover, input[type='button']:hover, a.button:hover, a.banner-button:hover {
background-color: #7ab0dd;
}
a.banner-button {
display: inline-block;
}
label {
font-weight: normal;
display: block;
margin-top: 5px;
}
div.block.textentry {
margin-top: 20px;
}
#page-bg {
background-color: #e8e2e4;
overflow-y: hidden;
}
div#page {
max-width: 960px;
background-color: #ffffff;
box-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
margin: 0 auto;
padding: 15px 20px 0 20px;
}
header {
height: 55px !important;
min-height: 55px;
}
nav#headermenu li a {
font-size: 4rem;
background-color: transparent;
padding: 0px 7px;
border: none;
}
nav#headermenu li a:hover {
background-color: transparent;
}
nav#headermenu li.selected a {
color: #1B4D76;
background-color: transparent;
}
div#topmenu-bg {
border: none;
background: none;
}
#topmenu-bg #topmenu-hover {
margin-left: auto;
}
nav#topmenu > ul, nav#topmenu #search {
display: inline-block
}
nav#topmenu #search {
position: relative;
bottom: 11px;
min-width: 38px;
}
nav#topmenu #search:hover {
cursor: pointer;
border-bottom: 1px #34B233 solid;
}
nav#topmenu a, nav#topmenu #search {
color: #03202F;
padding: 0 10px 5px 10px;
font-size: 1.8rem;
border-bottom: 1px transparent solid;
}
nav#topmenu a:hover {
background-color: transparent !important;
border-bottom: 1px #34B233 solid;
}
nav#topmenu a.children.menuhover {
padding: 12px 10px 5px 10px;
margin-top: -1px;
background-color: transparent;
}
nav#topmenu li.selected > a {
background-color: transparent !important;
border-bottom: 1px #34B233 solid;
}
nav#topmenu li.current a.children.menuhover {
background-color: transparent !important;
border-bottom: 1px #34B233 solid;
}
nav#topmenu div.dropdownmenu {
position: absolute;
top: 41px;
left: -1px;
}
nav#topmenu div.dropdownmenu ul {
min-width: 200px;
border: 1px #d7d7d7;
border-style: solid solid solid solid;
}
nav#topmenu ul ul {
background-color: #ffffff;
background-image: none;
}
nav#topmenu ul ul a {
text-transform: none;
border-bottom: none;
background-color: #ffffff;
}
nav#topmenu ul ul a:hover {
border-bottom: none;
background-color: #d0d0d0;
text-decoration: underline;
}
div#path-bg {
margin: 10px 0 25px 0;
}
#search-field {
background-color: #44697D;
padding: 10px 0;
display: none;
}
#search-field form {
position: relative;
}
#search-field input {
border: none;
background: transparent;
border-bottom: 1px solid #fff;
padding-left: 0px;
color: #fff;
}
#search-field input::placeholder {
color: #fff;
}
#search-field input:focus {
border-bottom: 1px #34B233 solid;
}
#search-field button {
position: absolute;
right: 0;
background: transparent;
}
#search-field button .icon {
font-size: 2rem;
color: #fff;
}
.slideshow-slides {
margin: 0px -20px 20px 0px;
}
div.class-slidebanner div.banner-overlay {
width: auto;
max-width: 370px;
background: transparent;
bottom: 20%;
background-color: rgba(241, 241, 241, 0.8);
}
div.banner-overlay-container {
padding: 0 !important;
}
div.class-slidebanner div.attribute-title h2, div.class-slidebanner div.attribute-title h2 a, div.class-slidebanner div.attribute-title p {
color: #000000;
}
div.class-slidebanner a.banner-button {
padding: 8px;
margin: 0 20px 20px 20px;
font-weight: 400;
}
div.slideshow-controls a {
font-size: 1.9rem;
top: 60%;
}
div.content-view-block div.class-focus {
background-color: #ffffff;
padding: 0;
}
div.content-view-block div.class-focus img {
border: 1px solid #e0e0e0;
}
div.content-view-box>div.attribute-title {
background-color: transparent;
color: #666666;
}
.design-wide .slideshow-slides {
margin: -30px 0px 20px 0px;
}
.design-wide #footer-bg {
margin: 0;
border-top: none;
}
div.infobox {
background-color: #F3F2F1;
padding: 9px;
border: none;
}
div.content-view-box div.content-view-list {
margin-top: 0px;
}
#logo {
display: inline-block;
margin-top: 0;
}
#logo img.image {
width: 100%;
height: 54px;
}
@media (max-width: 800px) {
#logo {
max-width: 230px;
}
}
.content-view-block .focus-content .attribute-title h2 {
background-color: rgba(255, 255, 255, 0.8);
margin-top: -32px;
padding: 3px 3px 5px 10px;
position: relative;
z-index: 100;
}
table.calendar thead tr:nth-child(2) {
color: #404040;
background-color: #ebf0f4;
}
div.content-view-line div.class-event div.icon-box {
height: 40px;
width: 40px;
background-color: #1B4D76;
border-radius: 50%;
margin-left: -50px;
}
table.calendar td.current {
font-weight: bold;
background-color: #1B4D76;
color: #ffffff;
}
@media (max-width: 800px) {
.page-width, div#page.design-wide .page-width.bs-section {
padding: 0 10px;
}
.bs-section > h2 {
text-align: center;
}
}
nav#extramenu li {
border: none;
}
nav#extramenu .lang-icon {
position: relative;
margin-left: 20px;
}
nav#extramenu .lang-icon img {
width: 15px;
height: 15px;
display: inline-block;
position: absolute;
left: -20px;
}
.grid-spacious {
margin-bottom: 50px;
}
.class-frontpage-block .grid-spacious {
margin-bottom: 0;
}
.grid-spacious .grid-col.grid-col-0 .bs-project-list,
.grid-spacious .grid-col.grid-col-0 .bs-article-list,
.grid-spacious .grid-col.grid-col-0 .content-view-block
{
margin-left: 0;
margin-right: auto;
}
.grid-spacious .grid-col.grid-col-1 .bs-project-list,
.grid-spacious .grid-col.grid-col-1 .bs-article-list,
.grid-spacious .grid-col.grid-col-1 .content-view-block
{
margin-left: auto;
margin-right: auto;
}
.grid-spacious .grid-col.grid-col-2 .bs-project-list,
.grid-spacious .grid-col.grid-col-2 .bs-article-list,
.grid-spacious .grid-col.grid-col-2 .content-view-block
{
margin-left: auto;
margin-right: 0;
}
.grid-spacious .grid-col .content-view-block {
max-width: 280px;
}
.content-view-children .grid-spacious, .bs-focus-section .grid-row {
margin-right: 0;
margin-left: 0;
}
.content-view-children .grid-spacious .grid-col {
padding: 0;
}
@media only screen and (max-width: 64em) {
.grid-spacious .grid-col .bs-project-list,
.grid-spacious .grid-col .bs-article-list,
.grid-spacious .grid-col .content-view-block
{
margin: 5px !important;
}
.grid-spacious {
margin-bottom: 25px;
}
}
div#footer-bg {
background-color: #2E384B;
padding: 100px 20px;
}
div#sociallinks a {
color: #333333;
}
.attribute-title_work p {
margin-bottom: 10px;
margin-top: -6px;
}
footer h2 {
color: #fff;
margin-bottom: 15px;
}
footer p {
line-height: 2rem;
}
footer, footer p, footer a {
color: #fff;
font-size: 1.4rem;
}
footer a:hover {
color: #fff;
}
footer h3 {
display: none;
}
div.footer-icons {
background-color: #FDFDFD;
padding: 25px 0;
}
div.footer-icons>div.row>div.col:first-child, span.logo.sb {
margin-top: 20px;
}
div.footer-icons>div.row {
text-align: center;
max-width: 600px;
margin: 0 auto;
}
div.footer-icons .col {
text-align: center;
}
footer i.fa {
font-size: 3.2rem;
color: #fff;
margin-right: 20px;
}
@media only screen and (max-width: 64em) {
div#footer-bg {
padding: 20px;
}
}
span.logo span.text {
display: none;
}
span.logo, span.logo span.image {
display: inline-block;
}
span.logo span.image {
background: no-repeat 50% 50%;
background-size: contain;
margin-bottom: 5px;
}
span.logo.sb span.image {
width: 120px;
height: 35px;
background-image: url(/extension/site/design/baneservice/images/sb.svg);
}
span.logo.transq span.image {
width: 77px;
height: 77px;
background-image: url(/extension/site/design/baneservice/images/transq.svg);
}
span.logo.iso-verified span.image {
width: 77px;
height: 77px;
background-image: url(/extension/site/design/baneservice/images/ISO-9001.jpg);
}
span.logo.iso-verified-two span.image {
width: 100px;
height: 74px;
background-image: url(/extension/site/design/baneservice/images/ISO-miljo.jpg);
}
span.logo.dnv-gl span.image {
width: 75px;
height: 73px;
background-image: url(/extension/site/design/baneservice/images/dnv-gl-iso.svg);
}
span.logo.laerlingmerket span.image {
width: 75px;
height: 76px;
background-image: url(/extension/site/design/baneservice/images/laerlingmerket.svg);
}
@media (max-width: 980px) {
.slideshow-slides {
margin: 0px 0px 20px 0px;
}
div#headermenu-dropdown {
margin-top: 30px;
}
div.class-slidebanner div.banner-overlay {
max-width: 980px;
}
}
@media (max-width: 800px) {
div.action-buttons {
padding-top: 0px;
margin-top: 0;
margin-left: 20px;
margin-bottom: 20px;
}
div.class-slidebanner div.banner-overlay {
background-color: #f1f1f1 !important;
position: static;
margin-top: 2px;
min-height: 100px;
}
div.class-slidebanner div.attribute-title h2 {
background-color: transparent;
font-size: 1.6rem;
font-weight: bold;
padding: 10px 20px 20px 20px;
display: block;
margin: 0;
}
div.class-slidebanner div.attribute-short p {
background-color: transparent;
margin: 0;
}
div.slideshow-controls a {
top: 20%;
}
}
@media (max-width: 600px) {
.l-3 div.content-view-block div.attribute-title h2, .l-4 div.content-view-block div.attribute-title h2 {
font-size: 1.6rem;
}
#logo span.image {
display: block;
width: 220px;
height: 56px;
background: url("/extension/site/design/baneservice/images/logo_mobil.png") top left no-repeat;
}
div.footer-icons>div.row {
margin-top: 10px;
}
div.footer-icons>div.row>div.col:first-child, span.logo.sb {
margin-top: 14px;
}
div.footer-icons div.row div.col {
margin-top: 10px;
}
div.footer-icons>div.row {
text-align: left;
}
}
.class-folder {
margin-bottom: 25px;
}
#mobilemenu-control .bs-mobilemenu-toggle {
position: absolute;
top: 0;
right: 0;
}
div#mobilemenu-control.show a {
color: #ffffff;
background-color: #43687b;
}
nav#mobilemenu li.search, nav#mobilemenu li.back {
background-color: #2E384B;
}
nav#mobilemenu li {
background-color: #44697D;
border-color: #ffffff rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) rgba( 255, 255, 255, 0.5)
}
nav#mobilemenu li div.grid-form-col {
padding-top: 0;
}
nav#mobilemenu li input {
border: none;
outline: none;
background: transparent;
border-bottom: 1px solid #fff;
margin-right: 15px;
padding: 10px 0;
box-shadow: none;
}
nav#mobilemenu li input::placeholder {
color: #fff;
}
nav#mobilemenu li input:focus {
border-bottom: 1px #34B233 solid;
}
.bs-button, input[type='submit'], nav#mobilemenu li form button.bs-button {
padding: 10px 20px;
border: 1px solid #44697D;
box-shadow: -2px 2px #44697D;
display: inline-block;
margin-top: 15px;
text-decoration: none;
font-size: 18px;
color: #03202F;
transition: .15s ease-in-out;
background: transparent;
}
.bs-button--light {
color: #fff !important;
}
.bs-button--small {
padding: 6px 15px;
}
.bs-button .icon {
position: relative;
left: 0;
transition: .15s ease-in-out;
margin-left: 5px;
font-size: 15px;
}
.bs-button:hover, input[type='submit']:hover {
text-decoration: none;
color: inherit;
background: none;
cursor: pointer;
}
.bs-button:hover .icon {
left: 5px;
}
.bs-button:hover .icon.icon-left {
left: -5px;
}
.bs-banner img {
margin-left: auto;
width: 100%;
max-height: 500px;
object-fit: cover;
padding-left: 25px;
}
.bs-banner--body {
max-width: 600px;
margin-left: 120px;
}
.bs-banner--container {
margin: 0;
padding: 75px 0;
background-color: #2D374A;
}
.bs-banner--container .bs-banner--body {
max-width: 800px;
color: #fff;
margin: 0 auto;
}
.bs-banner--container .bs-banner--body * {
color: #fff;
}
.bs-banner--body p {
font-size: 23px;
line-height: 30px;
}
@media only screen and (max-width: 64em) {
.bs-banner img {
margin: auto;
max-width: 100%;
padding-left: 0;
}
.bs-banner--body {
max-width: 100%;
margin: auto;
padding: 10px 25px;
}
}
.bs-focus-section .grid-row > div {
padding: 0;
}
.bs-focus-section img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bs-focus-section--body, .bs-focus-section--body-left {
color: #03202F;
max-width: 490px;
}
.bs-focus-section--body {
padding: 50px 0 50px 100px;
}
.bs-focus-section--body-left {
padding: 50px 100px 50px 0;
margin-left: auto;
}
.bs-focus-section--body h2, .bs-focus-section--body-left h2 {
font-size: 30px;
color: #03202F;
font-weight: 300;
}
@media only screen and (max-width: 64em) {
.bs-focus-section {
margin-bottom: 0;
}
.bs-focus-section--body, .bs-focus-section--body-left {
padding: 40px 15px;
margin: 0 auto;
}
}
.bs-project-list {
color: #394A58;
display: block;
max-width: 280px;
}
.grid-col > .bs-project-list {
margin-bottom: 25px;
}
.bs-project-list a:hover .bs-project-list--sub-title {
color: #394A58;
}
.bs-project-list .bs-project-list--title a:hover {
text-decoration: underline;
}
.bs-project-list .bs-project-list--image img {
object-fit: cover;
width: 100%;
height: 150px;
margin-bottom: 20px;
}
.bs-project-list .bs-project-list--title h3 {
margin-bottom: 5px;
font-weight: 300;
}
@media only screen and (max-width: 64em) {
.bs-project-list {
margin-bottom: 15px;
max-width: 100%;
}
.bs-project-list--title {
margin-bottom: 5px;
}
}
#reach-mee {
border: none;
overflow: hidden;
}
.bs-folder .bs-folder--banner img {
width: 100%;
height: 300px;
object-fit: cover;
}
.bs-folder h1 {
margin-top: 20px;
}
.bs-project .bs-project--banner img {
width: 100%;
height: 300px;
object-fit: cover;
}
.bs-project .bs-project--content h2 {
margin-bottom: 5px;
}
.bs-project .bs-project--contact, .bs-project .bs-project--content {
padding-top: 25px;
padding-bottom: 50px;
}
.bs-project .bs-project--content {
margin-left: auto;
max-width: 500px;
padding: 25px 15px 50px 15px;
}
.bs-project .bs-project--contact {
height: 100%;
padding: 50px 0 50px 50px;
display: flex;
}
.bs-project--content--body,
.bs-project--content--factbox
{
max-width: 350px;
}
.bs-project--content--factbox {
border: 1px solid #44697D;
box-shadow: -2px 2px #44697D;
padding: 20px;
}
.bs-project .bs-project--contact {
background-color: #EDF1F3;
}
.bs-project .bs-project--contact p {
font-size: 16px;
}
.bs-project .bs-project--contact img {
max-width: 200px;
}
.bs-project .bs-project--contact--container {
max-width: 600px;
width: 100%;
}
@media only screen and (max-width: 64em) {
.bs-project .bs-project--content,
.bs-project .bs-project--contact
{
margin: 0 auto;
max-width: 100%;
}
.bs-project .bs-project--contact {
padding: 20px;
}
}
.bs-article {
padding-bottom: 50px;
}
.bs-article .attribute-image img {
max-height: 400px;
object-fit: cover;
}
.bs-article--content {
max-width: 700px;
margin: 0 auto;
}
.bs-article--content .attribute-image {
margin-top: 25px;
}
.bs-article--content .attribute-image .attribute-caption {
background: #EDF1F3;
padding: 15px 20px;
}
.bs-article--content .attribute-image .attribute-caption p {
margin: 0;
padding: 0;
background: none;
}
.bs-article--content .attribute-image .attribute-caption p:not(:first-child) {
padding-top: 15px;
}
.bs-article--content blockquote {
background: none;
border: none;
float: none;
margin-left: 0;
padding-left: 0;
width: 100%;
}
.bs-article--content blockquote p {
font-size: 2.5rem;
color: #44697D;
}
.bs-article--content blockquote p:before {
content: none !important;
}
.bs-article-list {
text-decoration: none;
color: #394A58;
display: block;
max-width: 280px;
margin-bottom: 25px;
}
.bs-article-list h3 {
font-weight: 300;
}
@media only screen and (max-width: 64em) {
.bs-article-list > h3 {
margin-bottom: 5px;
}
}
.bs-employee {
background-color: #EDF1F3;
margin-bottom: 25px;
}
.bs-employee .attribute-image img {
max-height: 400px;
object-fit: cover;
}
.bs-employee--info {
padding: 15px;
}
.bs-employee--info .email-link {
line-break: anywhere;
}
.bs-employee-full {
margin-bottom: 5rem;
}
.bs-employee-full .bs-employee--info {
padding-left: 4rem;
padding-top: 0;
}
.bs-employee-full--view-all {
margin-top: 5rem;
}
.bs-employee--line {
margin-bottom: 2.5rem;
}
.bs-employee--line .bs-employee--info-container {
background-color: #EDF1F3;
}
.bs-employee--line .bs-employee--info {
padding: 5rem;
}
@media only screen and (max-width: 64em) {
.bs-employee-full .bs-employee--info {
padding-left: 0;
}
.bs-employee--line .bs-employee--info {
padding: 2rem;
}
}
.bs-contact input:not(.bs-button), .bs-contact textarea {
border: none;
background: transparent;
border-bottom: 1px solid #03202F;
padding-left: 0px;
}
.bs-contact input:not(.bs-button):focus, .bs-contact textarea:focus {
border-bottom: 1px #34B233 solid;
}
.bs-contact textarea {
min-height: 27px;
height: 27px;
max-width: 100%;
}
.bs-search {
padding-bottom: 50px;
}
.bs-search--line {
padding: 25px 0;
}
.bs-search .bs-search--project .bs-project-list--title {
max-width: 100%;
}
.bs-search .bs-search--project img {
max-height: 160px;
margin-left: auto;
object-fit: contain;
width: auto;
}
.bs-search .bs-search--form {
margin-bottom: 25px;
}
.bs-search .feedback h2 {
margin-bottom: 0;
}
.bs-search .bs-search--form input {
width: 70%;
border: none;
outline: none;
background: transparent;
border-bottom: 1px solid #03202F;
margin-right: 15px;
padding: 10px 0;
}
.bs-search .bs-search--form input:focus {
border-bottom: 1px #34B233 solid;
}
.bs-search .bs-employee--info {
padding: 0;
}
@media only screen and (max-width: 64em) {
.bs-search .bs-search--form input {
width: 100%;
margin-bottom: 15px;
}
}
.content-view-block .class-folder {
box-shadow: -2px 2px #394A58;
}
.content-view-block .class-folder .attribute-image {
border: 0 solid transparent;
}
.content-view-block .class-folder .attribute-title {
border: 1px solid #44697D;
}
.content-view-block .class-folder .attribute-title a {
margin: 0 !important;
padding: 15px;
display: block;
font-size: 1.5rem;
}
.content-view-full .class-folder .attribute-long {
margin-top: 25px;
}
.content-view-block .class-list-infobox {
box-shadow: -2px 2px #394A58;
border: 1px solid #44697D;
margin-bottom: 25px;
}
.content-view-block .class-list-infobox .attribute-image {
border: 0 solid transparent;
}
.content-view-block .class-list-infobox .content {
padding: 15px;
}
.content-view-block .class-list-infobox .attribute-title {
margin: 0 !important;
display: block;
font-size: 1.8rem;
}
.content-view-full .class-list-infobox .attribute-long {
margin-top: 25px;
}
.content-view-full .class-list-infobox .content li:before {
background-color: #7d9aaa;
}
.grid-container-fluid, .grid-container {
margin-right: auto;
margin-left: auto;
}
.grid-container-fluid {
padding-right: 2rem;
padding-left: 2rem;
}
.grid-row {
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.grid-row.reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.col.reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.col-xs {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xs-1, .s-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-xs-2, .s-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-xs-3, .s-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4, .s-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-xs-5, .s-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-xs-6, .s-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7, .s-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-xs-8, .s-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-xs-9, .s-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10, .s-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-xs-11, .s-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-xs-12, .s-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-offset-0 {
margin-left: 0;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.start-xs {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xs {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-xs {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xs {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-xs {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-xs {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-xs {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xs {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-xs {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-xs {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
@media only screen and (min-width: 48em) {
.grid-container {
width: 49rem;
}
.col-sm,
.col-sm-1
.s-1,
.col-sm-2
.s-2,
.col-sm-3,
.s-3,
.col-sm-4
.s-4,
.col-sm-5
.s-5,
.col-sm-6
.s-6,
.col-sm-7
.s-7,
.col-sm-8
.s-8,
.col-sm-9
.s-9,
.col-sm-10
.s-10,
.col-sm-11
.s-11,
.col-sm-12
.s-12,
.col-sm-offset-0,
.col-sm-offset-1,
.col-sm-offset-2,
.col-sm-offset-3,
.col-sm-offset-4,
.col-sm-offset-5,
.col-sm-offset-6,
.col-sm-offset-7,
.col-sm-offset-8,
.col-sm-offset-9,
.col-sm-offset-10,
.col-sm-offset-11,
.col-sm-offset-12
{
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.col-sm {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-sm-1, .s-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-sm-2, .s-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-sm-3, .s-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4, .s-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-sm-5, .s-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-sm-6, .s-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7, .s-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-sm-8, .s-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-sm-9, .s-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10, .s-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-sm-11, .s-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-sm-12, .s-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-sm-offset-0 {
margin-left: 0;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.start-sm {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-sm {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-sm {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-sm {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-sm {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-sm {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-sm {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-sm {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-sm {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-sm {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 64em) {
.grid-container {
width: 65rem;
}
.col-md,
.col-md-1,
.m-1,
.col-md-2,
.m-2,
.col-md-3,
.m-3,
.col-md-4,
.m-4,
.col-md-5,
.m-5,
.col-md-6,
.m-6,
.col-md-7,
.m-7,
.col-md-8,
.m-8,
.col-md-9,
.m-9,
.col-md-10,
.m-10,
.col-md-11,
.m-11,
.col-md-12,
.m-12,
.col-md-offset-0,
.col-md-offset-1,
.col-md-offset-2,
.col-md-offset-3,
.col-md-offset-4,
.col-md-offset-5,
.col-md-offset-6,
.col-md-offset-7,
.col-md-offset-8,
.col-md-offset-9,
.col-md-offset-10,
.col-md-offset-11,
.col-md-offset-12
{
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.col-md {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-md-1, .m-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-md-2, .m-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-md-3, .m-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4, .m-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-md-5, .m-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-md-6, .m-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7, .m-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-md-8, .m-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-md-9, .m-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10, .m-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-md-11, .m-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-md-12, .m-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-0 {
margin-left: 0;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.start-md {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-md {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-md {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-md {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-md {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-md {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-md {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-md {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-md {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-md {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 75em) {
.grid-container {
width: 76rem;
}
.col-lg,
.col-lg-1,
.l-1,
.col-lg-2,
.l-2,
.col-lg-3,
.l-3,
.col-lg-4,
.l-4,
.col-lg-5,
.l-5,
.col-lg-6,
.l-6,
.col-lg-7,
.l-7,
.col-lg-8,
.l-8,
.col-lg-9,
.l-9,
.col-lg-10,
.l-10,
.col-lg-11,
.l-11,
.col-lg-12,
.l-12,
.col-lg-offset-0,
.col-lg-offset-1,
.col-lg-offset-2,
.col-lg-offset-3,
.col-lg-offset-4,
.col-lg-offset-5,
.col-lg-offset-6,
.col-lg-offset-7,
.col-lg-offset-8,
.col-lg-offset-9,
.col-lg-offset-10,
.col-lg-offset-11,
.col-lg-offset-12
{
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.col-lg {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-lg-1, .l-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-lg-2, .l-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-lg-2-4, .l-2-4 {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
}
.col-lg-3, .l-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4, .l-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-lg-5, .l-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-lg-6, .l-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7, .l-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-lg-8, .l-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-lg-9, .l-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10, .l-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-lg-11, .l-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-lg-12, .l-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-offset-0 {
margin-left: 0;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.start-lg {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-lg {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-lg {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-lg {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-lg {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-lg {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-lg {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-lg {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-lg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-lg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}