1537 lines
41 KiB
CSS
1537 lines
41 KiB
CSS
@charset "UTF-8";
|
|
/* Typography */
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-family: "Times New Roman", Times, serif; }
|
|
|
|
h1,
|
|
h2 {
|
|
font-size: 55px;
|
|
font-weight: bold; }
|
|
|
|
p {
|
|
font-family: "Arial";
|
|
font-size: 16px; }
|
|
|
|
button:hover {
|
|
text-decoration: none !important; }
|
|
button a:hover {
|
|
text-decoration: none !important; }
|
|
|
|
.manchet {
|
|
font-size: 19px;
|
|
max-width: 780px !important;
|
|
text-align: left !important; }
|
|
|
|
.spacer {
|
|
float: left;
|
|
width: 100%;
|
|
height: 8vh; }
|
|
|
|
.flex {
|
|
display: flex; }
|
|
|
|
.p0 {
|
|
padding: 0 !important; }
|
|
|
|
.dark {
|
|
background-color: #141a24; }
|
|
|
|
.active {
|
|
border-bottom: #16cdad;
|
|
border-bottom-width: 2px;
|
|
border-bottom-style: solid;
|
|
padding-bottom: 7px; }
|
|
|
|
.container {
|
|
max-width: 940px; }
|
|
|
|
.main-header {
|
|
padding-bottom: 20px !important; }
|
|
.main-header a {
|
|
position: relative;
|
|
z-index: 2;
|
|
font-size: 16px; }
|
|
|
|
.section-header img.logo {
|
|
height: auto;
|
|
width: 100px;
|
|
margin-top: 15px;
|
|
margin-left: 45px;
|
|
float: left; }
|
|
.section-header ul {
|
|
float: left; }
|
|
.section-header li {
|
|
float: left; }
|
|
|
|
.green a {
|
|
color: #16cdad !important; }
|
|
|
|
/* MENU */
|
|
.menu {
|
|
font-size: 19px;
|
|
padding-bottom: 50px; }
|
|
.menu ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
display: inline-block; }
|
|
.menu li a {
|
|
display: block;
|
|
color: white;
|
|
text-align: center;
|
|
padding: 20px 15px 0;
|
|
text-decoration: none; }
|
|
.menu li a:hover {
|
|
color: #16cdad;
|
|
text-decoration: none; }
|
|
|
|
blockquote {
|
|
border: none;
|
|
padding: 0;
|
|
height: 130px;
|
|
margin: 0 0 30px;
|
|
line-height: 28px; }
|
|
blockquote p {
|
|
font-size: 23px;
|
|
font-family: "Times New Roman", Times, serif; }
|
|
blockquote:before {
|
|
content: '“';
|
|
font-family: "Times New Roman", Times, serif;
|
|
font-size: 85px;
|
|
float: left;
|
|
height: 20px;
|
|
font-weight: bold;
|
|
color: #16cdad;
|
|
position: relative;
|
|
top: 10px;
|
|
padding-right: 10px; }
|
|
|
|
.home-page .section-header .container {
|
|
position: relative;
|
|
z-index: 3; }
|
|
.home-page .section-header .manchet {
|
|
color: white;
|
|
text-align: center !important;
|
|
max-width: unset !important; }
|
|
.home-page .section-header .manchet p {
|
|
margin: auto;
|
|
max-width: 600px; }
|
|
.home-page .section-header ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden; }
|
|
.home-page .section-header li {
|
|
float: left; }
|
|
.home-page .section-header li.a {
|
|
display: block;
|
|
color: white;
|
|
text-align: center;
|
|
padding: 16px;
|
|
text-decoration: none; }
|
|
.home-page .section-header .button-pair {
|
|
padding-top: 75px;
|
|
text-align: center;
|
|
margin: auto; }
|
|
.home-page .section-header .button-pair button {
|
|
padding: 10px 30px;
|
|
margin: 13px;
|
|
border-radius: 5px;
|
|
border-style: solid;
|
|
width: 200px;
|
|
border-width: 2px; }
|
|
.home-page .section-header .background-vector {
|
|
height: auto;
|
|
width: 100%;
|
|
margin-top: -170px; }
|
|
.home-page h1 {
|
|
color: #fff;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
padding-top: 60px;
|
|
padding-bottom: 10px; }
|
|
.home-page .contact-btn {
|
|
border-color: #16cdad;
|
|
background-color: #16cdad;
|
|
border-style: solid; }
|
|
.home-page .contact-btn a {
|
|
color: #141a24; }
|
|
.home-page .github-btn {
|
|
background-color: #141a24;
|
|
border-color: #16cdad;
|
|
border-style: solid; }
|
|
.home-page .github-btn a {
|
|
color: #16cdad; }
|
|
.home-page span.manchet {
|
|
float: left;
|
|
width: 100%;
|
|
line-height: 27px; }
|
|
.home-page .section-1 {
|
|
color: #fff; }
|
|
.home-page .section-1 h2 {
|
|
padding-top: 35px; }
|
|
.home-page .section-1 .col-md-4 {
|
|
padding-bottom: 25px; }
|
|
.home-page .section-1 .manchet {
|
|
text-align: justify;
|
|
max-width: 895px; }
|
|
.home-page .section-1 .first-box-p {
|
|
margin-top: 7px; }
|
|
.home-page .section-1 .last-box {
|
|
margin-top: -15px; }
|
|
.home-page .section-1 .last-box p {
|
|
padding-top: 10px; }
|
|
.home-page .p-manchet {
|
|
padding-top: 50px;
|
|
padding-bottom: 40px;
|
|
font-size: 16.31px;
|
|
font-weight: bold;
|
|
float: left;
|
|
width: 100%; }
|
|
.home-page .p-manchet p {
|
|
margin-top: 15px; }
|
|
.home-page .p-bottom {
|
|
padding-bottom: 10vh;
|
|
font-size: 16.31px;
|
|
font-weight: bold;
|
|
float: left;
|
|
width: 100%; }
|
|
.home-page .p-bottom p {
|
|
margin-top: 15px; }
|
|
.home-page .p-bottom button {
|
|
max-width: 175px;
|
|
width: 175px;
|
|
float: left;
|
|
padding: 8px 0; }
|
|
.home-page .our-work-btn {
|
|
background-color: #16cdad;
|
|
border-color: #16cdad;
|
|
margin-bottom: 42px; }
|
|
.home-page .about-us-btn {
|
|
background-color: #141a24;
|
|
border-color: #fff; }
|
|
.home-page button {
|
|
border-radius: 6px;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
font-family: "Arial";
|
|
padding: 8px 68px;
|
|
border-style: solid; }
|
|
.home-page button a {
|
|
color: #FFF; }
|
|
.home-page .section-2 {
|
|
background-image: url("../images/vector_graphic_stars.png");
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
margin-top: 50px;
|
|
padding-bottom: 50px;
|
|
color: black; }
|
|
.home-page .section-2 img {
|
|
width: 100%;
|
|
height: auto; }
|
|
.home-page .section-2 h2 {
|
|
padding-top: 0;
|
|
padding-bottom: 20px; }
|
|
.home-page .section-2 .manchet {
|
|
padding-bottom: 35px;
|
|
text-align: justify; }
|
|
.home-page .section-2 .underoverskrift {
|
|
font-weight: bold;
|
|
font-family: "Arial";
|
|
margin-bottom: 5px; }
|
|
.home-page .section-2 .column-1 {
|
|
column-count: 2;
|
|
column-gap: 60px;
|
|
width: 100%; }
|
|
|
|
/*End of Homepage*/
|
|
.about-us-page .section-header .dark {
|
|
background-image: url("../images/vector_graphic_stars_about_us.png");
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
height: 60vh; }
|
|
.about-us-page .section-header .dark .intro-about-us {
|
|
padding-top: 10vh; }
|
|
.about-us-page .section-header h2 {
|
|
color: #16cdad;
|
|
font-weight: bold; }
|
|
.about-us-page .section-header .manchet {
|
|
color: white;
|
|
width: 100%; }
|
|
.about-us-page .section-header .manchet p {
|
|
margin: auto;
|
|
max-width: 530px;
|
|
float: left;
|
|
font-size: 19px; }
|
|
.about-us-page .section-header ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden; }
|
|
.about-us-page .section-header li {
|
|
float: left; }
|
|
.about-us-page .section-header li.a {
|
|
display: block;
|
|
color: white;
|
|
text-align: center;
|
|
padding: 16px;
|
|
text-decoration: none;
|
|
font-size: 19px; }
|
|
.about-us-page .section-header .button-pair {
|
|
margin: auto;
|
|
width: 100%;
|
|
float: left;
|
|
padding-top: 15px; }
|
|
.about-us-page .section-header .button-pair button {
|
|
padding: 10px 30px;
|
|
margin: 13px;
|
|
border-radius: 2.5px;
|
|
border-style: solid;
|
|
width: 200px; }
|
|
.about-us-page .section-header .button-pair .read-more {
|
|
background-color: #16cdad;
|
|
border-color: #16cdad; }
|
|
.about-us-page .section-header .button-pair .read-more a {
|
|
color: #141a24; }
|
|
.about-us-page .section-header .button-pair .contact-us {
|
|
background-color: #141a24;
|
|
border-color: #16cdad; }
|
|
.about-us-page .section-header .button-pair .contact-us a {
|
|
color: #16cdad; }
|
|
.about-us-page .section-header img.vector {
|
|
height: auto;
|
|
width: 100%;
|
|
margin-top: -320px;
|
|
margin-left: -60px; }
|
|
.about-us-page .section-1 {
|
|
color: #FFF;
|
|
background-color: #16cdad;
|
|
position: relative;
|
|
padding-bottom: 2vh; }
|
|
.about-us-page .section-1 h2 {
|
|
padding-top: 20px; }
|
|
.about-us-page .section-1 .manchet {
|
|
max-width: 600px;
|
|
display: inline-block;
|
|
padding-bottom: 30px;
|
|
float: left;
|
|
width: 100%; }
|
|
.about-us-page .section-1 .underoverskrift {
|
|
color: #141a24;
|
|
font-weight: bold; }
|
|
.about-us-page .section-1 p.brødtekst {
|
|
padding-top: 0;
|
|
padding-bottom: 30px; }
|
|
.about-us-page .section-1 .pentagon {
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
max-width: 20vw; }
|
|
.about-us-page .section-1 .member-description p {
|
|
padding-top: 0;
|
|
padding-bottom: 30px;
|
|
}
|
|
.about-us-page .section-1 .member-description a {
|
|
color: #000;
|
|
}
|
|
.about-us-page .section-2 {
|
|
color: #141a24;
|
|
background-color: #FFF;
|
|
padding: 35px 0;
|
|
position: relative; }
|
|
.about-us-page .section-2 h2 {
|
|
padding-bottom: 30px;
|
|
float: left;
|
|
width: 100%; }
|
|
.about-us-page .section-2 p {
|
|
padding-bottom: 20px; }
|
|
.about-us-page .section-2 .collab-btn,
|
|
.about-us-page .section-2 .mirage-btn {
|
|
background-color: #141a24;
|
|
border-radius: 3px;
|
|
border-color: #141a24;
|
|
border-style: solid;
|
|
position: absolute;
|
|
bottom: 0; }
|
|
.about-us-page .section-2 .collab-btn a,
|
|
.about-us-page .section-2 .mirage-btn a {
|
|
color: #16cdad; }
|
|
.about-us-page .section-2 .mirage-btn {
|
|
padding: 6px 32px; }
|
|
.about-us-page .section-2 .collab-btn {
|
|
padding: 6px 35px; }
|
|
.about-us-page .section-2 .column-2 img {
|
|
height: auto;
|
|
width: 140px;
|
|
padding-bottom: 20px; }
|
|
.about-us-page .section-2 .column-2 .underoverskrift {
|
|
padding-bottom: 0; }
|
|
.about-us-page .section-2 .column-2 .button-bottom {
|
|
padding-bottom: 50px; }
|
|
.about-us-page .section-3 {
|
|
color: #FFF;
|
|
background-color: #141a24; }
|
|
.about-us-page .section-3 h2 {
|
|
padding-top: 60px; }
|
|
.about-us-page .section-3 .manchet {
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
width: 750px; }
|
|
.about-us-page .section-3 p {
|
|
padding-bottom: 10px; }
|
|
.about-us-page .section-3 ul {
|
|
color: #16cdad;
|
|
padding-bottom: 20px;
|
|
padding-left: 15px; }
|
|
.about-us-page .section-3 li {
|
|
padding: 7px; }
|
|
.about-us-page .section-3 .button-pair {
|
|
padding-bottom: 50px;
|
|
padding-top: 40px; }
|
|
.about-us-page .section-3 .columns-2 {
|
|
column-count: 2;
|
|
column-gap: 60px;
|
|
width: 100%; }
|
|
.about-us-page .section-3 .contact-btn,
|
|
.about-us-page .section-3 .donate-btn {
|
|
border-color: #16cdad;
|
|
padding: 7px 40px;
|
|
border-radius: 4px;
|
|
border-style: solid; }
|
|
.about-us-page .section-3 .contact-btn {
|
|
background-color: #16cdad; }
|
|
.about-us-page .section-3 .contact-btn a {
|
|
color: #141a24; }
|
|
.about-us-page .section-3 .donate-btn {
|
|
background-color: #141a24;
|
|
margin-left: 30px; }
|
|
.about-us-page .section-3 .donate-btn a {
|
|
color: #16cdad; }
|
|
|
|
/*End of About us*/
|
|
.donate-page .section-header .dark {
|
|
position: relative; }
|
|
.donate-page .section-header .background-image {
|
|
position: absolute;
|
|
bottom: 0; }
|
|
.donate-page .section-header .background-image img {
|
|
width: 100%; }
|
|
.donate-page .section-header h1,
|
|
.donate-page .section-header h2 {
|
|
color: #16cdad;
|
|
font-weight: bold;
|
|
max-width: 600px;
|
|
width: 100%;
|
|
float: left; }
|
|
.donate-page .section-header .manchet {
|
|
color: white;
|
|
width: 100%; }
|
|
.donate-page .section-header .manchet p {
|
|
margin: auto; }
|
|
.donate-page .section-header .manchet-upper {
|
|
max-width: 600px;
|
|
width: 100%;
|
|
padding-bottom: 20px;
|
|
float: left; }
|
|
.donate-page .section-header .manchet-lower {
|
|
max-width: 400px;
|
|
width: 100%;
|
|
padding-bottom: 20px;
|
|
float: left; }
|
|
.donate-page .section-header .p-upper {
|
|
max-width: 380px;
|
|
width: 100%; }
|
|
.donate-page .section-header hr {
|
|
border-color: #16cdad;
|
|
max-width: 450px;
|
|
width: 100%;
|
|
margin-top: 50px;
|
|
margin-bottom: 50px; }
|
|
.donate-page .section-header ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden; }
|
|
.donate-page .section-header li {
|
|
float: left; }
|
|
.donate-page .section-header li.a {
|
|
display: block;
|
|
color: white;
|
|
text-align: center;
|
|
padding: 16px;
|
|
text-decoration: none;
|
|
font-size: 19px; }
|
|
.donate-page .section-header p {
|
|
color: white; }
|
|
.donate-page .section-header .p-lower {
|
|
width: calc(50% - 10px);
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
height: 350px;
|
|
padding: 30px 30px 20px;
|
|
margin-top: 40px; }
|
|
.donate-page .section-header .p-lower:first-of-type {
|
|
margin-left: -15px;
|
|
margin-right: 35px; }
|
|
.donate-page .section-header .underoverskrift {
|
|
color: #16cdad; }
|
|
.donate-page .section-header .p-lower,
|
|
.donate-page .section-header .p-lowest {
|
|
border-radius: 3px;
|
|
border: 2px solid #FFF;
|
|
position: relative;
|
|
z-index: 5; }
|
|
.donate-page .section-header .p-lowest {
|
|
width: 47%;
|
|
padding: 25px;
|
|
margin-top: 50px;
|
|
margin-bottom: 85px;
|
|
padding-bottom: 20px; }
|
|
.donate-page .section-1 {
|
|
background-color: white;
|
|
color: black; }
|
|
.donate-page .section-1 h2 {
|
|
font-weight: bold;
|
|
padding-top: 50px;
|
|
padding-bottom: 30px; }
|
|
.donate-page .section-1 p {
|
|
max-width: 750px;
|
|
width: 100%;
|
|
padding-bottom: 20px; }
|
|
.donate-page .section-1 .bottom-p {
|
|
margin-bottom: 100px; }
|
|
|
|
/* End of donetate page */
|
|
.our-work-page .background-image {
|
|
height: auto;
|
|
float: right;
|
|
margin-top: -490px;
|
|
margin-right: 300px; }
|
|
.our-work-page h2 {
|
|
color: white;
|
|
font-weight: bold;
|
|
padding-top: 40px; }
|
|
.our-work-page .manchet {
|
|
color: white;
|
|
width: 100%; }
|
|
.our-work-page .manchet p {
|
|
margin: auto;
|
|
max-width: 780px;
|
|
width: 100%;
|
|
float: left;
|
|
font-size: 19px;
|
|
padding-top: 20px; }
|
|
.our-work-page ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden; }
|
|
.our-work-page li {
|
|
float: left; }
|
|
.our-work-page li.a {
|
|
display: block;
|
|
color: white;
|
|
text-align: center;
|
|
padding: 16px;
|
|
text-decoration: none;
|
|
font-size: 19px; }
|
|
.our-work-page .button-pair {
|
|
margin: auto;
|
|
width: 100%;
|
|
float: left;
|
|
position: relative;
|
|
z-index: 3;
|
|
padding-top: 15px; }
|
|
.our-work-page .button-pair button {
|
|
padding: 10px 30px;
|
|
margin: 13px;
|
|
border-radius: 2.5px;
|
|
border-style: solid;
|
|
max-width: 200px;
|
|
width: 100%; }
|
|
.our-work-page .button-pair .read-more {
|
|
background-color: #16cdad;
|
|
border-color: #16cdad; }
|
|
.our-work-page .button-pair .read-more a {
|
|
color: #141a24; }
|
|
.our-work-page .button-pair .contact-us {
|
|
background-color: #141a24;
|
|
border-color: #16cdad; }
|
|
.our-work-page .button-pair .contact-us a {
|
|
color: #16cdad; }
|
|
.our-work-page .button-pair .contact-us:hover {
|
|
cursor: pointer; }
|
|
.our-work-page img.vector {
|
|
height: auto;
|
|
width: 100%;
|
|
margin-top: -320px;
|
|
margin-left: -60px; }
|
|
.our-work-page .section-1,
|
|
.our-work-page .section-2,
|
|
.our-work-page .section-3 {
|
|
padding-top: 2vh;
|
|
padding-bottom: 2vh; }
|
|
.our-work-page .section-1,
|
|
.our-work-page .section-4 {
|
|
background-color: #FFF; }
|
|
.our-work-page .section-1 h2,
|
|
.our-work-page .section-4 h2 {
|
|
font-weight: bold;
|
|
padding-top: 40px;
|
|
color: #141a24; }
|
|
.our-work-page .section-1 .manchet,
|
|
.our-work-page .section-4 .manchet {
|
|
width: 100%; }
|
|
.our-work-page .section-1 .manchet p,
|
|
.our-work-page .section-4 .manchet p {
|
|
padding-bottom: 50px;
|
|
max-width: 780px;
|
|
width: 100%;
|
|
font-size: 19px;
|
|
color: #141a24; }
|
|
.our-work-page .section-2 {
|
|
background-color: #16cdad;
|
|
color: black; }
|
|
.our-work-page .section-2 .column-1 {
|
|
margin-top: -25px; }
|
|
.our-work-page .section-2 .column-1 img {
|
|
height: auto;
|
|
width: 35px;
|
|
margin-top: -13px; }
|
|
.our-work-page .section-2 .column-2 {
|
|
margin-top: -25px; }
|
|
.our-work-page .section-2 .column-2 img {
|
|
height: auto;
|
|
width: 35px;
|
|
margin-top: -13px; }
|
|
.our-work-page .section-2 .underoverskrift {
|
|
padding-top: 25px; }
|
|
.our-work-page .section-2 button {
|
|
background-color: white;
|
|
color: black;
|
|
padding: 5px 25px;
|
|
border-radius: 4px;
|
|
border-color: white;
|
|
border-style: solid;
|
|
margin-top: 15px;
|
|
margin-bottom: 30px; }
|
|
.our-work-page .section-2 button a {
|
|
color: #141a24; }
|
|
.our-work-page .section-2 p {
|
|
max-width: 380px; }
|
|
.our-work-page .section-3 {
|
|
color: white;
|
|
position: relative;
|
|
background: #141a24; }
|
|
.our-work-page .section-3 .tr {
|
|
text-align: right; }
|
|
.our-work-page .section-3 .center {
|
|
text-align: center; }
|
|
.our-work-page .section-3 .sep-line {
|
|
height: 1px;
|
|
width: 30%;
|
|
background-color: #16cdad;
|
|
position: absolute;
|
|
top: 50px;
|
|
right: 20px; }
|
|
.our-work-page .section-3 h2 {
|
|
font-weight: bold;
|
|
padding-top: 25px; }
|
|
.our-work-page .section-3 .manchet {
|
|
width: 100%;
|
|
padding-top: 20px; }
|
|
.our-work-page .section-3 .manchet p {
|
|
width: 730px;
|
|
margin-bottom: 60px; }
|
|
.our-work-page .section-3 .read-more-btn {
|
|
background-color: #16cdad;
|
|
border-color: #16cdad;
|
|
border-radius: 4px;
|
|
border-style: solid;
|
|
width: 100%;
|
|
padding: 5px 100px;
|
|
margin-top: 25px;
|
|
margin-bottom: 40px; }
|
|
.our-work-page .section-3 .read-more-btn a {
|
|
color: #FFF; }
|
|
.our-work-page .section-3 .underoverskrifter p {
|
|
text-align: center;
|
|
float: left;
|
|
padding-top: 20px; }
|
|
.our-work-page .section-4 {
|
|
background-color: white;
|
|
color: black; }
|
|
.our-work-page .section-4 .buttons {
|
|
float: left;
|
|
width: 100%;
|
|
padding-bottom: 35px !important; }
|
|
.our-work-page .section-4 h2 {
|
|
font-weight: bold;
|
|
padding-top: 25px;
|
|
padding-bottom: 0; }
|
|
.our-work-page .section-4 .manchet {
|
|
width: 100%; }
|
|
.our-work-page .section-4 .manchet p {
|
|
width: 740px;
|
|
margin-bottom: 0;
|
|
padding-top: 0;
|
|
max-width: none; }
|
|
.our-work-page .section-4 .buttons button {
|
|
border-radius: 4px;
|
|
border-color: black;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
background-color: white;
|
|
padding: 8px;
|
|
width: 150px;
|
|
margin-bottom: 30px;
|
|
margin-right: 50px; }
|
|
.our-work-page .section-4 .buttons button a {
|
|
color: #141a24 !important; }
|
|
.our-work-page .section-5 {
|
|
color: white; }
|
|
.our-work-page .section-5 .container-fluid {
|
|
padding-bottom: 50px; }
|
|
.our-work-page .section-5 h2 {
|
|
font-weight: bold;
|
|
padding-top: 25px; }
|
|
.our-work-page .section-5 .manchet {
|
|
width: 100%; }
|
|
.our-work-page .section-5 .manchet p {
|
|
width: 100%;
|
|
max-width: 780px; }
|
|
.our-work-page .section-5 a {
|
|
float: right;
|
|
font-style: none;
|
|
color: white;
|
|
padding-top: 25px; }
|
|
.our-work-page .section-5 hr {
|
|
border-color: #16cdad;
|
|
width: 100%;
|
|
height: 2px;
|
|
float: left;
|
|
padding-bottom: 20px; }
|
|
.our-work-page .section-5 .underoverskrift {
|
|
color: #16cdad; }
|
|
.our-work-page .section-5 p {
|
|
width: 297px; }
|
|
.our-work-page .section-5 .button {
|
|
background-color: #16cdad;
|
|
width: 300px;
|
|
padding: 5px 15px;
|
|
border-radius: 4px;
|
|
border-color: #16cdad;
|
|
border-style: solid;
|
|
float: left;
|
|
margin-bottom: 50px; }
|
|
.our-work-page .section-5 .button .text {
|
|
color: white;
|
|
float: left;
|
|
padding-left: 6px; }
|
|
.our-work-page .section-5 .button img {
|
|
float: right;
|
|
height: auto;
|
|
width: 11px;
|
|
padding-top: 2px; }
|
|
.our-work-page .section-5 video {
|
|
height: auto;
|
|
width: 340px;
|
|
float: right; }
|
|
.our-work-page .section-5 p.brødtekst {
|
|
padding-bottom: 15px; }
|
|
.our-work-page .section-5 .first-block {
|
|
margin-top: -15px; }
|
|
.our-work-page .section-5 .second-block .element-1 {
|
|
margin-top: 20px; }
|
|
.our-work-page .section-5 .second-block .element-2 {
|
|
margin-top: -25px; }
|
|
.our-work-page .section-5 .second-block .element-2 p {
|
|
float: right;
|
|
margin-right: 45px; }
|
|
.our-work-page .section-5 .second-block .element-2 p.brødtekst {
|
|
margin-top: -5px; }
|
|
|
|
/* End of our work*/
|
|
.network-page .section-header {
|
|
background-color: #141a24; }
|
|
.network-page .section-header ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden; }
|
|
.network-page .section-header li {
|
|
float: left; }
|
|
.network-page .section-header li.a {
|
|
display: block;
|
|
color: white;
|
|
text-align: center;
|
|
padding: 16px;
|
|
text-decoration: none;
|
|
font-size: 19px; }
|
|
.network-page p {
|
|
color: #141a24; }
|
|
.network-page .section-1 {
|
|
background-color: white;
|
|
color: black;
|
|
padding-bottom: 10px; }
|
|
.network-page .section-1 h2 {
|
|
font-weight: bold;
|
|
padding-top: 50px;
|
|
padding-bottom: 60px; }
|
|
.network-page .section-1 h4 {
|
|
font-size: 25px;
|
|
font-weight: bold;
|
|
padding-bottom: 30px;
|
|
float: left;
|
|
width: 100%;
|
|
font-family: "Arial"; }
|
|
.network-page .section-1 img {
|
|
height: auto;
|
|
width: 140px;
|
|
padding-bottom: 25px; }
|
|
.network-page .section-1 .underoverskrift {
|
|
margin-bottom: 0; }
|
|
.network-page .section-1 p.brødtekst {
|
|
padding-bottom: 10px;
|
|
max-width: 400px;
|
|
width: 100%; }
|
|
.network-page .section-1 blockquote {
|
|
max-width: 300px;
|
|
width: 100%;
|
|
padding-bottom: 15px;
|
|
float: left;
|
|
height: auto; }
|
|
|
|
/* End of network page */
|
|
.scroll-menu-page .section-header {
|
|
background-color: #141a24; }
|
|
.scroll-menu-page .section-header ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden; }
|
|
.scroll-menu-page .section-header li {
|
|
float: left; }
|
|
.scroll-menu-page .section-header li.a {
|
|
display: block;
|
|
color: white;
|
|
text-align: center;
|
|
padding: 16px;
|
|
text-decoration: none;
|
|
font-size: 19px; }
|
|
.scroll-menu-page .section-header .menu {
|
|
padding-bottom: 50px;
|
|
padding-top: 25px; }
|
|
.scroll-menu-page .section-header .menu li a {
|
|
display: block;
|
|
color: white;
|
|
text-align: center;
|
|
padding-top: 20px;
|
|
padding-left: 23px;
|
|
padding-right: 23px;
|
|
text-decoration: none; }
|
|
.scroll-menu-page .section-header .menu li a:hover {
|
|
color: #16cdad; }
|
|
.scroll-menu-page .section-scroll {
|
|
background-color: #16cdad;
|
|
color: black; }
|
|
.scroll-menu-page .section-scroll p {
|
|
padding-top: 30px;
|
|
width: 380px; }
|
|
.scroll-menu-page .section-scroll button {
|
|
background-color: white;
|
|
color: black;
|
|
border-style: solid;
|
|
border-color: white;
|
|
border-radius: 4px;
|
|
padding-top: 8px;
|
|
padding-bottom: 8px;
|
|
width: 170px;
|
|
margin-bottom: 25px; }
|
|
|
|
.static-page .section-header {
|
|
background-color: #141a24; }
|
|
.static-page .section-header ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden; }
|
|
.static-page .section-header li {
|
|
float: left; }
|
|
.static-page .section-header li.a {
|
|
display: block;
|
|
color: white;
|
|
text-align: center;
|
|
padding: 16px;
|
|
text-decoration: none;
|
|
font-size: 19px; }
|
|
.static-page .section-1 {
|
|
color: black;
|
|
padding-bottom: 50px; }
|
|
.static-page .section-1 h2 {
|
|
font-weight: bold;
|
|
padding-top: 40px;
|
|
padding-bottom: 30px;
|
|
float: left;
|
|
width: 100%; }
|
|
.static-page .section-1 h4 {
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
float: left;
|
|
width: 100%; }
|
|
.static-page .section-1 p {
|
|
padding-bottom: 20px;
|
|
max-width: 610px;
|
|
float: left;
|
|
width: 100%; }
|
|
.static-page .section-1 table {
|
|
margin-bottom: 20px; }
|
|
.static-page .section-1 td {
|
|
padding-right: 55px;
|
|
padding-bottom: 5px; }
|
|
.static-page .section-1 ul {
|
|
color: #16cdad;
|
|
float: left;
|
|
padding-left: 15px;
|
|
max-width: 610px;
|
|
width: 100%;
|
|
list-style-image: url("../images/list-bullet.png"); }
|
|
.static-page .section-1 ul li {
|
|
padding-bottom: 20px; }
|
|
|
|
.talks-and-publications-page {
|
|
/*TABS*/
|
|
/* Style the tab */
|
|
/* Style the buttons inside the tab */ }
|
|
.talks-and-publications-page .section-header {
|
|
background-color: #141a24; }
|
|
.talks-and-publications-page .section-header ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
overflow: hidden; }
|
|
.talks-and-publications-page .section-header li {
|
|
float: left; }
|
|
.talks-and-publications-page .section-header li.a {
|
|
display: block;
|
|
color: white;
|
|
text-align: center;
|
|
padding: 16px;
|
|
text-decoration: none;
|
|
font-size: 19px; }
|
|
.talks-and-publications-page .section-1 {
|
|
background-color: white;
|
|
color: black;
|
|
padding-bottom: 50px; }
|
|
.talks-and-publications-page .section-1 h2 {
|
|
font-weight: bold;
|
|
padding-top: 35px;
|
|
padding-bottom: 5px; }
|
|
.talks-and-publications-page .section-1 .manchet {
|
|
width: 100%;
|
|
padding-bottom: 20px;
|
|
float: left; }
|
|
.talks-and-publications-page .section-1 .manchet p {
|
|
max-width: 780px;
|
|
width: 100%; }
|
|
.talks-and-publications-page .section-1 h3 {
|
|
font-size: 45px;
|
|
font-weight: bold;
|
|
padding-bottom: 25px;
|
|
padding-top: 35px;
|
|
float: left;
|
|
width: 100%; }
|
|
.talks-and-publications-page .section-1 .pub-p {
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
padding-right: 10px;
|
|
max-width: 300px;
|
|
width: 100%;
|
|
margin-right: 10px;
|
|
padding-bottom: 15px; }
|
|
.talks-and-publications-page .section-1 .button {
|
|
background-color: #16cdad;
|
|
max-width: 250px;
|
|
width: 100%;
|
|
padding: 5px 15px;
|
|
border-radius: 4px;
|
|
border-color: #16cdad;
|
|
border-style: solid;
|
|
float: left;
|
|
margin-bottom: 50px; }
|
|
.talks-and-publications-page .section-1 .button .text {
|
|
color: white;
|
|
float: left;
|
|
padding-left: 6px; }
|
|
.talks-and-publications-page .section-1 .button img {
|
|
float: right;
|
|
height: auto;
|
|
width: 11px;
|
|
padding-top: 2px; }
|
|
.talks-and-publications-page .section-1 video {
|
|
height: auto;
|
|
max-width: 280px;
|
|
width: 100%; }
|
|
.talks-and-publications-page .section-1 .underoverskrift {
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
padding-top: 10px;
|
|
max-width: 300px;
|
|
width: 100%; }
|
|
.talks-and-publications-page .section-1 p.underoverskrift-2 {
|
|
color: #16cdad;
|
|
max-width: 300px;
|
|
width: 100%; }
|
|
.talks-and-publications-page .section-1 p.brødtekst {
|
|
max-width: 280px;
|
|
width: 100%;
|
|
padding-bottom: 35px; }
|
|
.talks-and-publications-page .tab {
|
|
overflow: hidden;
|
|
float: left; }
|
|
.talks-and-publications-page .tab a {
|
|
background-color: inherit;
|
|
float: left;
|
|
border: none;
|
|
outline: none;
|
|
cursor: pointer;
|
|
padding: 14px 16px;
|
|
transition: 0;
|
|
font-size: 19px;
|
|
color: #141a24; }
|
|
.talks-and-publications-page .tab a:hover {
|
|
text-decoration: none; }
|
|
.talks-and-publications-page .tab a.active {
|
|
border-bottom: 3px solid #16cdad; }
|
|
|
|
.section-footer {
|
|
text-align: center;
|
|
margin: auto;
|
|
background-color: #141a24; }
|
|
.section-footer button {
|
|
border-radius: 5px; }
|
|
.section-footer a {
|
|
color: #16cdad; }
|
|
.section-footer .contact-info p {
|
|
padding-bottom: 0;
|
|
font-size: 16px; }
|
|
.section-footer .contact-container {
|
|
background-color: #16cdad;
|
|
position: relative; }
|
|
.section-footer .contact-container p.header {
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
padding-bottom: 0; }
|
|
.section-footer .contact-container .container {
|
|
display: flex; }
|
|
.section-footer .contact-container .contact,
|
|
.section-footer .contact-container .fund {
|
|
margin-top: 60px;
|
|
margin-bottom: 60px;
|
|
border-radius: 5px;
|
|
border-color: #FFF;
|
|
border-width: 2px;
|
|
padding: 35px; }
|
|
.section-footer .contact-container .contact p,
|
|
.section-footer .contact-container .fund p {
|
|
text-align: left;
|
|
font-size: 16px; }
|
|
.section-footer .contact-container .contact button,
|
|
.section-footer .contact-container .fund button {
|
|
position: absolute;
|
|
bottom: 35px;
|
|
left: 35px;
|
|
padding: 10px 40px !important; }
|
|
.section-footer .contact-container .contact {
|
|
border-style: solid;
|
|
background-color: #FFF; }
|
|
.section-footer .contact-container .contact p {
|
|
color: #141a24;
|
|
max-width: 350px; }
|
|
.section-footer .contact-container .contact object {
|
|
width: 20px;
|
|
height: auto;
|
|
margin-top: 5px; }
|
|
.section-footer .contact-container .fund {
|
|
margin-left: 60px;
|
|
border-style: solid; }
|
|
.section-footer .contact-container .fund p {
|
|
color: #FFF; }
|
|
.section-footer .contact-container .fund button {
|
|
margin-top: 40px;
|
|
color: black;
|
|
background: #FFF;
|
|
border: none;
|
|
padding: 10px 60px; }
|
|
.section-footer .contact-container .fund button:hover {
|
|
background: #FFF; }
|
|
.section-footer .contact-container .contact-element {
|
|
float: left;
|
|
width: 100%; }
|
|
.section-footer .contact-container .contact-element img {
|
|
float: left; }
|
|
.section-footer .contact-container .fingerprint p,
|
|
.section-footer .contact-container .key p,
|
|
.section-footer .contact-container .mail p {
|
|
padding-left: 0; }
|
|
.section-footer .contact-container .mail img {
|
|
margin-top: 5.5px; }
|
|
.section-footer .contact-container .key img {
|
|
margin-top: 5.5px;
|
|
width: 24px; }
|
|
.section-footer .contact-container .fingerprint img {
|
|
margin-top: 2px;
|
|
width: 23px; }
|
|
.section-footer hr {
|
|
border-color: #434850;
|
|
width: 100%;
|
|
border-width: 1.5px;
|
|
padding: 0; }
|
|
.section-footer img {
|
|
height: auto;
|
|
width: 170px; }
|
|
.section-footer .copyright img {
|
|
padding-top: 20px; }
|
|
.section-footer p {
|
|
color: #16cdad;
|
|
font-size: 14px;
|
|
padding-bottom: 15px; }
|
|
|
|
/*1440 styling*/
|
|
@media screen and (max-width: 1440px) {
|
|
.our-work-page .background-image {
|
|
margin-right: 0; }
|
|
.our-work-page .section-header .container {
|
|
position: relative;
|
|
z-index: 2; } }
|
|
/*1366px styling*/
|
|
/*1024px styling*/
|
|
/* SCREENS BIGGER THEN 1024 */
|
|
@media screen and (min-width: 1024px) {
|
|
.our-work-page .img-row .col-md-4:nth-child(1) {
|
|
text-align: left; }
|
|
.our-work-page .img-row .col-md-4:nth-child(1) p {
|
|
text-align: center;
|
|
width: 191px;
|
|
padding-top: 20px; }
|
|
.our-work-page .img-row .col-md-4:nth-child(1):after {
|
|
content: "________________";
|
|
position: absolute;
|
|
color: #16cdad;
|
|
top: 55px;
|
|
right: -40px; }
|
|
.our-work-page .img-row .col-md-4:nth-child(2) {
|
|
text-align: center;
|
|
margin-top: -15px;
|
|
padding-left: 30px !important; }
|
|
.our-work-page .img-row .col-md-4:nth-child(2) p {
|
|
width: 255px;
|
|
text-align: center;
|
|
padding-top: 40px; }
|
|
.our-work-page .img-row .col-md-4:nth-child(2):after {
|
|
content: "________________";
|
|
position: absolute;
|
|
color: #16cdad;
|
|
top: 70px;
|
|
right: -105px; }
|
|
.our-work-page .img-row .col-md-4:nth-child(3) {
|
|
text-align: right;
|
|
margin-top: 5px; }
|
|
.our-work-page .img-row .col-md-4:nth-child(3) p {
|
|
width: 185px;
|
|
text-align: center;
|
|
float: right;
|
|
padding-top: 25px; } }
|
|
/* SCREENS SMALLER THEN 1024 */
|
|
@media screen and (max-width: 1024px) {
|
|
.main-header {
|
|
margin-bottom: -2px; }
|
|
|
|
.our-work-page .background-image {
|
|
margin-right: -15px; } }
|
|
/*768px Styling*/
|
|
@media screen and (min-width: 768px) {
|
|
.hide-desktop {
|
|
display: none; } }
|
|
@media screen and (max-width: 768px) {
|
|
h1,
|
|
h2 {
|
|
font-size: 45px !important; }
|
|
|
|
.show-mobile {
|
|
display: block; }
|
|
|
|
.hide-mobile {
|
|
display: none; }
|
|
|
|
.mobile-menu {
|
|
float: left;
|
|
width: 100%;
|
|
text-align: left; }
|
|
.mobile-menu ul {
|
|
width: 100%; }
|
|
.mobile-menu li {
|
|
float: left !important;
|
|
width: 100% !important; }
|
|
.mobile-menu li a {
|
|
color: #FFF; }
|
|
.mobile-menu .burger {
|
|
position: absolute;
|
|
top: 28px;
|
|
right: 15px; }
|
|
|
|
.burger {
|
|
display: inline-block;
|
|
border: 0;
|
|
background: none;
|
|
outline: 0;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
border-bottom: 4px solid #16cdad;
|
|
width: 28px;
|
|
transition: border-bottom 0s ease-in-out;
|
|
-webkit-transition: border-bottom 0s ease-in-out; }
|
|
.burger::-moz-focus-inner {
|
|
border: 0;
|
|
padding: 0; }
|
|
.burger:before {
|
|
content: "";
|
|
display: block;
|
|
border-bottom: 4px solid #16cdad;
|
|
width: 100%;
|
|
margin-bottom: 5px;
|
|
transition: transform 0.5s ease-in-out;
|
|
-webkit-transition: -webkit-transform 0.5s ease-in-out; }
|
|
.burger:after {
|
|
content: "";
|
|
display: block;
|
|
border-bottom: 4px solid #16cdad;
|
|
width: 100%;
|
|
margin-bottom: 5px;
|
|
transition: transform 0.5s ease-in-out;
|
|
-webkit-transition: -webkit-transform 0.5s ease-in-out; }
|
|
|
|
.burger-check {
|
|
display: none; }
|
|
|
|
.burger-check:checked ~ .burger {
|
|
border-bottom: 4px solid transparent;
|
|
transition: border-bottom 0.8s ease-in-out;
|
|
-webkit-transition: border-bottom 0.8s ease-in-out; }
|
|
.burger-check:checked ~ .burger:before {
|
|
transform: rotate(-405deg) translateY(1px) translateX(-3px);
|
|
-webkit-transform: rotate(-405deg) translateY(1px) translateX(-3px);
|
|
transition: transform 0.5s ease-in-out;
|
|
-webkit-transition: -webkit-transform 0.5s ease-in-out; }
|
|
.burger-check:checked ~ .burger:after {
|
|
transform: rotate(405deg) translateY(-4px) translateX(-5px);
|
|
-webkit-transform: rotate(405deg) translateY(-4px) translateX(-5px);
|
|
transition: transform 0.5s ease-in-out;
|
|
-webkit-transition: -webkit-transform 0.5s ease-in-out; }
|
|
|
|
.navigation {
|
|
overflow: hidden;
|
|
max-height: 0;
|
|
transition: max-height 0.5s ease-in-out; }
|
|
|
|
.burger-check:checked ~ .navigation {
|
|
max-height: 500px;
|
|
transition: max-height 0.5s ease-in-out; }
|
|
|
|
a {
|
|
color: inherit; }
|
|
|
|
ul {
|
|
margin: 0;
|
|
padding: 0; }
|
|
|
|
li {
|
|
list-style: none;
|
|
font-size: 25px;
|
|
padding: 5px 0; }
|
|
li a {
|
|
text-decoration: none; }
|
|
li a:hover {
|
|
text-decoration: underline; }
|
|
|
|
.main-header {
|
|
text-align: center; }
|
|
.main-header img.logo {
|
|
float: left;
|
|
margin: 0;
|
|
padding: 15px 0 20px;
|
|
margin-left: 15px; }
|
|
|
|
.menu li {
|
|
float: left;
|
|
width: 50%;
|
|
height: 80px; }
|
|
|
|
span.manchet {
|
|
text-align: left !important;
|
|
padding-bottom: 30px; }
|
|
|
|
.home-page h1 {
|
|
padding-top: 0;
|
|
text-align: left; }
|
|
.home-page .manchet p {
|
|
text-align: left; }
|
|
.home-page .button-pair button {
|
|
float: left;
|
|
width: 100% !important;
|
|
margin-left: 0 !important; }
|
|
.home-page .about-us-btn,
|
|
.home-page .our-work-btn {
|
|
float: left !important;
|
|
width: 100% !important;
|
|
max-width: unset !important; }
|
|
.home-page .section-1 .col-md-4 {
|
|
float: left;
|
|
width: 100%;
|
|
text-align: center;
|
|
margin-bottom: 45px; }
|
|
.home-page .section-2 {
|
|
background: #FFF; }
|
|
.home-page .section-2 .column-1 {
|
|
column-count: 1; }
|
|
|
|
.section-footer .contact-container .container {
|
|
display: unset; }
|
|
.section-footer .contact-container .container .contact,
|
|
.section-footer .contact-container .container .fund {
|
|
float: left; }
|
|
.section-footer .contact-container .container .fingerprint p,
|
|
.section-footer .contact-container .container .key p,
|
|
.section-footer .contact-container .container .mail p {
|
|
padding-left: 10px; }
|
|
.section-footer .contact-container .container .fund {
|
|
margin-left: 0; }
|
|
.section-footer .contact-container .container .fund button {
|
|
position: unset;
|
|
float: left;
|
|
margin-top: 0; }
|
|
.section-footer .contact-container .container .contact {
|
|
margin-bottom: 0; }
|
|
|
|
.our-work-page .section-header .container-fluid {
|
|
padding: 0; }
|
|
.our-work-page .cloumn-2,
|
|
.our-work-page .column-1 {
|
|
padding-bottom: 20px !important; }
|
|
.our-work-page .button-pair {
|
|
padding-bottom: 10vh; }
|
|
.our-work-page .button-pair button {
|
|
max-width: unset;
|
|
width: calc(100% - 15px); }
|
|
.our-work-page .background-image {
|
|
display: none; }
|
|
.our-work-page .column-1 {
|
|
padding-top: 45px; }
|
|
.our-work-page .column-1,
|
|
.our-work-page .column-2 {
|
|
margin-left: -15px; }
|
|
.our-work-page .column-1 img,
|
|
.our-work-page .column-2 img {
|
|
display: none; }
|
|
.our-work-page .manchet p {
|
|
float: left !important;
|
|
width: 100% !important; }
|
|
.our-work-page .section-3 .img-row {
|
|
text-align: center; }
|
|
.our-work-page .section-3 .img-row .col-md-4 {
|
|
padding-bottom: 35px !important;
|
|
float: left;
|
|
width: 100%; }
|
|
.our-work-page .section-3 .img-row .col-md-4 p {
|
|
padding-top: 20px; }
|
|
.our-work-page .section-3 .read-more-btn {
|
|
padding: 15px 0; }
|
|
.our-work-page .section-4 .buttons button {
|
|
width: calc(50% - 15px);
|
|
margin: 0 15px 15px 0;
|
|
float: left; }
|
|
.our-work-page .section-5 video {
|
|
float: left;
|
|
width: 100%; }
|
|
.our-work-page .section-5 p {
|
|
width: 100%; }
|
|
.our-work-page .section-5 .button {
|
|
width: 100%; }
|
|
.our-work-page .section-5 a {
|
|
float: left;
|
|
padding-top: 20px; }
|
|
.our-work-page .section-5 .first-block,
|
|
.our-work-page .section-5 .second-block {
|
|
float: left; }
|
|
.our-work-page .section-5 .second-block .element-2 p {
|
|
float: left; }
|
|
|
|
.about-us-page .manchet {
|
|
width: 100% !important; }
|
|
.about-us-page button {
|
|
float: left;
|
|
width: 100%;
|
|
margin-bottom: 35px; }
|
|
.about-us-page .intro-about-us {
|
|
padding-top: 0 !important; }
|
|
.about-us-page .intro-about-us .button-pair {
|
|
width: auto; }
|
|
.about-us-page .intro-about-us .button-pair button {
|
|
width: 100%; }
|
|
.about-us-page .section-header .dark {
|
|
background: #141a24;
|
|
padding-bottom: 25px;
|
|
height: unset;
|
|
padding-left: 0; }
|
|
.about-us-page .flex {
|
|
display: block; }
|
|
.about-us-page .section-1 .pentagon {
|
|
max-width: 60px; }
|
|
.about-us-page .section-2 blockquote {
|
|
height: auto; }
|
|
.about-us-page .section-2 .container-fluid {
|
|
padding: 0; }
|
|
.about-us-page .section-2 .collab-btn,
|
|
.about-us-page .section-2 .mirage-btn {
|
|
position: relative;
|
|
z-index: 9; }
|
|
.about-us-page .section-3 ul {
|
|
padding-left: 0;
|
|
margin-left: -5px; }
|
|
.about-us-page .section-3 li {
|
|
font-size: 16px; }
|
|
.about-us-page .section-3 .container-fluid {
|
|
padding: 0; }
|
|
.about-us-page .section-3 .columns-2 {
|
|
column-count: 1; }
|
|
.about-us-page .section-3 .button-pair {
|
|
float: left;
|
|
padding-bottom: 0; }
|
|
.about-us-page .section-3 .button-pair .donate-btn {
|
|
margin-left: 0; }
|
|
|
|
.donate-page .section-header .p-lower,
|
|
.donate-page .section-header .p-lowest {
|
|
width: 100%;
|
|
float: left;
|
|
height: auto;
|
|
padding: 15px 15px 10px; }
|
|
.donate-page .section-header .col-md-12 {
|
|
float: left;
|
|
width: 100%;
|
|
padding: 0; }
|
|
.donate-page .section-header .p-lower:first-of-type {
|
|
margin: 0; }
|
|
.donate-page .section-header .p-lowest {
|
|
padding-top: 15px; }
|
|
.donate-page .section-header .p-lowest p {
|
|
word-break: break-all; }
|
|
.donate-page .section-1 p {
|
|
float: left;
|
|
width: 100%; }
|
|
|
|
.network-page .col-md-6 {
|
|
float: left; }
|
|
.network-page .section-1 h2 {
|
|
padding-bottom: 25px; }
|
|
.network-page .section-1 h4 {
|
|
padding-bottom: 15px; }
|
|
.network-page .section-1 .container-fluid {
|
|
padding: 0; }
|
|
|
|
.static-page .container-fluid {
|
|
padding: 0; }
|
|
|
|
.talks-and-publications-page .col-md-12 {
|
|
float: left; } }
|
|
/*480px Styling*/
|
|
/* ----------- iPad ----------- */
|
|
/*iPad Portrait*/
|
|
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
|
|
.menu {
|
|
text-align: center;
|
|
float: left;
|
|
padding-bottom: 0;
|
|
width: 100%; }
|
|
.menu ul {
|
|
float: none;
|
|
margin: auto;
|
|
text-align: center; }
|
|
.menu li {
|
|
width: unset; }
|
|
|
|
.network-page .section-1 p.brødtekst {
|
|
max-width: 90%; }
|
|
|
|
.mobile-menu {
|
|
display: block; }
|
|
|
|
.home-page span.manchet p {
|
|
margin: 0 !important; }
|
|
.home-page .section-1 span.manchet {
|
|
padding-bottom: 55px; }
|
|
|
|
.our-work-page .section-header .container {
|
|
padding-bottom: 10vh; }
|
|
.our-work-page .section-2 .column-1,
|
|
.our-work-page .section-2 .column-2 {
|
|
margin: 0;
|
|
padding: 0; }
|
|
.our-work-page .section-2 .col-md-6 {
|
|
width: calc(50% - 50px);
|
|
float: left;
|
|
margin-right: 50px; }
|
|
.our-work-page .section-3 .col-md-4 {
|
|
float: left;
|
|
width: 33% !important; }
|
|
.our-work-page .section-4 .buttons button {
|
|
width: calc(33% - 15px); }
|
|
.our-work-page .section-5 button {
|
|
width: 30% !important; } }
|
|
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
|
|
.menu {
|
|
padding-left: 15vw; } }
|
|
.section-footer object {
|
|
float: left; }
|
|
|
|
/* ----------- iPad Pro ----------- */
|
|
/* Portrait and Landscape */
|
|
/* Portrait */
|
|
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
|
|
.home-page .section-1 .col-md-4 {
|
|
width: 33%; }
|
|
|
|
.menu {
|
|
width: 90%; }
|
|
|
|
.mobile-menu {
|
|
display: none; } }
|
|
/* Landscape */
|
|
/* ----------- Retina iPad ----------- */
|
|
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
|
|
/* STYLES GO HERE */ }
|
|
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
|
|
/* STYLES GO HERE */ }
|
|
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
|
|
/* STYLES GO HERE */ }
|
|
/*iPhone Styling*/
|
|
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
|
|
/* STYLES GO HERE */ }
|
|
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
|
|
/* STYLES GO HERE */ }
|
|
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
|
|
/* STYLES GO HERE */ }
|
|
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
|
|
/* STYLES GO HERE */ }
|
|
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
|
|
/* STYLES GO HERE */ }
|
|
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
|
|
/* STYLES GO HERE */ }
|
|
|
|
/*# sourceMappingURL=style.css.map */
|