@charset "UTF-8";
/*
Theme Name: Docs, Grønttorvet
Description: WordPress theme by BrandMonkey ApS
Author: BrandMonkey ApS
Author URI: http://www.brandmonkey.dk
Version: 1.0
*/

/* ############################################################################ WORDPRESS CORE ############################################################################ */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; white-space: nowrap; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }

/* ############################################################################ BODY ############################################################################ */
* { margin:0; padding:0; }
body, p {
    font-family: 'Zona Pro', 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
    font-weight: 300 !important;
    font-size: 1.4rem;
    color: #5D514C;
    line-height: 1.8;
}

/* ############################################################################ FONTS ############################################################################ */
h1 {
    font-family: 'Zona pro - extra bold', 'Zona Pro', sans-serif;
    font-size: 4rem;
    color: #416B60;
    font-weight: 400;
    letter-spacing: 1px;
}
#headline h1 { font-size: 6rem; color: #FFF; }
h2 {
    font-family: 'Zona pro - extra bold', 'Zona Pro', sans-serif;
    font-size: 2rem;
    color: #416B60;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}
#headline h2 { color: #FFF; }
h3 {
    font-family: 'Zona pro - extra bold', 'Zona Pro', sans-serif;
    font-size: 2rem;
    color: #416B60;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 1rem;
}
p { margin-bottom: 2rem; }
p:last-child { margin-bottom:0; }
a {
    text-decoration:none;
    color: #416B60;
    -webkit-transition: color ease-in-out 0.2s;
    -moz-transition: color ease-in-out 0.2s;
    -o-transition: color ease-in-out 0.2s;
    transition: color ease-in-out 0.2s;
}
a:hover { text-decoration:none; color: #CF765C; }
strong { font-weight:700; }

/* ############################################################################ LAYOUT ############################################################################ */
/* #################### Header #################### */
header { width: 100%; height: 750px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
header.subpage { width: 100%; height: 200px; background-size: cover; background-repeat: no-repeat; background-position: bottom center; }
header .overlay { background: rgba(0, 0, 0, 0.3); height: 100%; box-sizing: border-box; position: relative; }
header .overlay #headline { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }

/* #################### Navigation #################### */
.menu ul { list-style: none; }
@media (min-width: 768px) {
    .menu li { position: relative; }
    .menu li a { color: #5D514C; }
    .menu li a:hover { color: #416B60; }
    .menu > li.current-menu-item > a { color: #416B60; }
    .menu ul ul li.current-menu-item > a { color: #416B60; }
}
.menu > ul > li { border-bottom: 1px solid #EAE8E7; padding-bottom: 1.5rem; padding-top: 1.5rem; margin: 0; }
.menu ul ul { margin: 1rem 0 1rem 2rem; display: none; }
.menu ul ul ul { display: block; }
nav.mobile { display: none; }
li.current-menu-item ul, li.current-menu-parent ul, li.current-menu-ancestor ul { display: block; }
@media (min-width: 768px) { .nav { display: block !important; } }
#nav-icon3 {
    width: 35px;
    height: 26px;
    position: relative;
    margin: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
#nav-icon3 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #416B60;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
#nav-icon3 span:nth-child(1) { top: 3px; }
#nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) { top: 12px; }
#nav-icon3 span:nth-child(4) { top: 21px; }
#nav-icon3.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
#nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#nav-icon3.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; }
span.arrow { background-image: url(images/icon-down-arrow-green.png); width: 35px; height: 30px; right: 30px; position: absolute; top: -1px; background-position: center; background-repeat: no-repeat; cursor: pointer; }
span.arrow.up { background-image: url(images/icon-up-arrow-green.png); }
@media (max-width: 767px) {
    .menu ul { margin: 0; }
    nav.mobile { display: block; background: #FFF; width: 35px; padding: 10px; top: 0; right: 0; position: absolute; }
    .nav { background: #416B60; padding: 60px 30px; min-height: 100vh; }
    .nav li { position: relative; margin: 0; border-bottom: 1px solid #497C81; padding-top: 12px; padding-bottom: 12px; }
    .nav li:last-child { border-bottom: none; padding-bottom: 0; }
    .nav li a { color: #FFF; }
    .nav ul ul li { border-bottom: none; padding: 10px 0px 0 0px; }
    .nav ul ul ul { display: block; }
    .nav ul ul ul li { padding-top: 0px; }
    .four.columns.menu { position: fixed; top: 0px; right: 0; width: 100%; height: 100%; overflow-y: scroll; }
    span.arrow { background-image: url(images/icon-down-arrow.png); width: 35px; height: 30px; right: 0; position: absolute; top: 10px; background-position: center; background-repeat: no-repeat; }
    span.arrow.up { background-image: url(images/icon-up-arrow.png); }
}
/* #################### Content #################### */
section#content { padding: 75px 0; }