@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 { font-size: 23px; font-family: "Times New Roman", Times, serif; border: none; padding: 0; height: 130px; margin: 0 0 30px; line-height: 28px; } 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-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 */