@charset "UTF-8";

/*=================================== Custom fonts ===================================*/

/*=================================== Initialization & General ===================================*/

* { margin:0; padding:0; border:none; box-sizing:border-box; }
html { font-size:1vw; }
body, body > section { width:100%; }
h1, h2, h3, h4, h5, h6, p { border:0; font-size:inherit; font-weight:inherit; }
button { background-color:transparent; background-repeat:no-repeat; cursor:pointer; overflow: hidden; outline:none; }
h1 p, h2 p, h3 p, h4 p, h5 p, h6 p, span p { margin-bottom:1.5rem; }
input:focus, select:focus, textarea:focus, button:focus { outline:none; }
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display:none; }


/*=================================== Plugins ===================================*/

#cookie_banner-wrapper { width:30vw; left:10vw; top:0; padding:2rem; position:fixed; z-index:300; background:#fff; }
#cookie_banner-wrapper > div { display:none; }
#cookie_banner-wrapper > .active { display:block; }
#cookie_banner-wrapper .menu { width:100%; margin-top:2rem; }
#cookie_banner-wrapper .menu span { padding-top:0.5rem; float:left; }
#cookie_banner-wrapper .menu button { float:right; margin-left:1rem; }
.cookie_btn.greenBackground:hover { color:#fff !important; background-color:#005c5a !important; }
#cookie_banner-wrapper .switch { width:100%; margin-bottom:1rem; display:inline-block; }
#cookie_banner-wrapper .switch:first-of-type { margin-top:2rem; }
#cookie_banner-wrapper .switch .label { float:left; }
#cookie_banner-wrapper .switch .toggle { width:4rem; height:2rem; float:right; position:relative; display:inline-block; }
#cookie_banner-wrapper .switch .toggle .slider { left:0; right:0; top:0; bottom:0; border-radius:2rem; position:absolute; cursor:pointer; background-color:#ddd; -webkit-transition:0.4s; transition:0.4s; }
#cookie_banner-wrapper .switch .toggle .slider:before { height:1.6rem; width:1.6rem; left:0.2rem; bottom:0.2rem; border-radius:50%; position:absolute; content:""; background-color:#fff; -webkit-transition:0.4s; transition:0.4s; }
#cookie_banner-wrapper .switch .toggle input { width:0; height:0; opacity:0; }
#cookie_banner-wrapper .switch .toggle input:checked + .slider { background-color:#005c5a; }
#cookie_banner-wrapper .switch .toggle input.uneditable:checked + .slider { background-color:#f1c066; }
#cookie_banner-wrapper .switch .toggle input:focus + .slider { box-shadow: 0 0 1px #005c5a; }
#cookie_banner-wrapper .switch .toggle input:checked + .slider:before { -webkit-transform:translateX(2rem); -ms-transform:translateX(2rem); transform:translateX(2rem); }


/*=================================== Style snippets ===================================*/

span > ul , span > ul ul, span > ol { padding-left:1.5rem; padding-bottom:1rem; }
span > ul ul { list-style-type:circle; }

button.close.green { width:2rem; height:2rem; background:url(https://www.inhope.org/assets/images/icon-close.png) no-repeat; background-size:contain; }
button.close.white { width:2rem; height:2rem; background:url(https://www.inhope.org/assets/images/icon-close-white.png) no-repeat; background-size:contain; }
button.rectangle { width:21rem; padding:0.95rem 0; text-align:center; background-color:#f1c066; }
button.text { width:auto; padding:0.5rem 1.5rem; text-align:center; background-color:#a9c9ea; }
button.text.greenBackground { background-color:#005c5a; }
button.text.low { padding:0 1.5rem; }
button.floating { width:10rem; right:0; top:60vh; position:fixed; display:none; z-index:300; }
button.rounded, input[type=button], input[type=submit] { height:4rem; padding:1rem 2rem; border-radius:2rem; }
button.rounded.small { height:3.2rem; padding:0.6rem 2rem; border-radius:1.6rem; }
button.rounded.white, input[type=submit].white { border:0.07rem solid #fff; }
button.rounded.white:hover { background:#fff; }
button.rounded.green, input[type=button].green { border:0.07rem solid #005c5a; }
button.rounded.green:hover, input[type=button].green:hover { background:#005c5a; }
button.rounded.yellow, input[type=button].yellow { border:0.07rem solid #f1c066; }
button.rounded.yellow:hover, input[type=button].yellow:hover { background:#f1c066; }
button.left, button.right, button.prev, button.next { width:2rem; height:2rem; }
button.left { background:url(https://www.inhope.org/assets/images/icon-left.png) no-repeat; background-size:contain; }
button.right { background:url(https://www.inhope.org/assets/images/icon-right.png) no-repeat; background-size:contain; }
button.prev { background:url(https://www.inhope.org/assets/images/icon-prev.png) no-repeat; background-size:contain; }
button.next { background:url(https://www.inhope.org/assets/images/icon-next.png) no-repeat; background-size:contain; }
input.query { width:100%; height:3rem; background:none !important; }
input[type=submit].white.yellowBackground:hover { background:#fff; color:#005c5a; }
input[type=email] { height:4rem; border-radius:2rem; padding:0 1rem; }
div.selector { padding:0 0.8rem; background:url(https://www.inhope.org/assets/images/icon-dropdown.png) no-repeat top right #fff; background-size:3rem; position:absolute; overflow:hidden; }
div.selector, div.selector li { height:3rem; }
div.selector:hover { width:auto; padding:0.8rem 0.8rem; background:#fff; }
div.selector:hover, div.selector:hover ul { height:auto; max-height:15rem; }
div.selector:hover ul { padding-bottom:0.8rem; overflow-y:scroll; }
div.selector.active li { display:none; }
div.selector.active li.active, div.selector.active:hover li { display:block; }

section.padded, div.padded { padding:8rem 12rem 8rem 8rem; }
.clickable { cursor:pointer; }
.blankList { list-style:none; }

.honeypot { position:absolute; left:-900rem; }

.wrapper span h1, .wrapper span h2, .wrapper span h3 { margin-bottom:1rem; } 

.borderTop.white { border-top:0.07rem #fff solid; }
.borderTop.green { border-top:0.07rem #005c5a solid; }
.borderBottom.white, nav.borderBottom { border-bottom:0.07rem #fff solid; }
.borderBottom.green, .articles nav.borderBottom, .article nav.borderBottom { border-bottom:0.07rem #005c5a solid; }

.whiteBackground { background-color:#fff; }
.greenBackground { background-color:#005c5a; }
.yellowBackground { background-color:#f1c066; }
.beigeBackground { background-color:#e4e3df; }
.blueBackground { background-color:#a9c9ea; }
.greyBackground { background-color:#f9f9f7; }

.blueWhiteScrollbar::-webkit-scrollbar-track { border:none; border-radius:0.25rem; background-color:#fff; }
.blueWhiteScrollbar::-webkit-scrollbar { width:0.5rem; background-color:#fff; }
.blueWhiteScrollbar::-webkit-scrollbar-thumb { border-radius:0.25rem; background-color:#aac8e0; }
.greenWhiteScrollbar::-webkit-scrollbar-track { border:none; border-radius:0.25rem; background-color:#fff; }
.greenWhiteScrollbar::-webkit-scrollbar { width:0.5rem; background-color:#f9f9f7; }
.greenWhiteScrollbar::-webkit-scrollbar-thumb { border-radius:0.25rem; background-color:#005c5a; }
.greenYellowScrollbar::-webkit-scrollbar-track { border:none; border-radius:0.25rem; background-color:#f1c066; }
.greenYellowScrollbar::-webkit-scrollbar { width:0.5rem; background-color:#f9f9f7; }
.greenYellowScrollbar::-webkit-scrollbar-thumb { border-radius:0.25rem; background-color:#005c5a; }
.whiteGreenScrollbar::-webkit-scrollbar-track { border:none; border-radius:0.25rem; background-color:#129e79; }
.whiteGreenScrollbar::-webkit-scrollbar { width:0.5rem; background-color:#005c5a; }
.whiteGreenScrollbar::-webkit-scrollbar-thumb { border-radius:0.25rem; background-color:#fff; }
.whiteYellowScrollbar::-webkit-scrollbar-track { border:none; border-radius:0.25rem; background-color:#f6d28e; }
.whiteYellowScrollbar::-webkit-scrollbar { width:0.5rem; background-color:#f1c066; }
.whiteYellowScrollbar::-webkit-scrollbar-thumb { border-radius:0.25rem; background-color:#fff; }
.whiteBlueScrollbar::-webkit-scrollbar-track { border:none; border-radius:0.25rem; background-color:#bad5f1; }
.whiteBlueScrollbar::-webkit-scrollbar { width:0.5rem; background-color:#a9c9ea; }
.whiteBlueScrollbar::-webkit-scrollbar-thumb { border-radius:0.25rem; background-color:#fff; }

.loop .left, .loop .right { float:right; margin-left:1rem; }
.loop.doubleColumns .wrapper { width:100%; margin-top:4rem; text-align:left; overflow:hidden; }
.loop.doubleColumns .wrapper .content { width:36rem; float:left; }
.loop.doubleColumns .wrapper .content:nth-child(2) { float:right; }

.glossary { position:relative; }
.glossary .list { width:50%; padding:4rem 8rem 4rem 4rem; }
.glossary .list > ul { max-height:36.25rem; padding-left:4rem; direction:rtl; overflow:auto; }
.glossary .list > ul * { direction:ltr; text-align:left; }
.glossary .list > ul > li { border-top:0.07rem solid #fff; }
.glossary .list > ul > li:first-child { border-top:none !important; }
.glossary .list > ul > li:hover, .glossary .list > ul > li.active { padding-left:2rem; }
.glossary .list > ul > div { width:30%; left:58%; top:6rem; position:absolute; display:none; }
.glossary .list > ul > div:nth-child(2) { display:block; }
.glossary .list > ul > div h2, .glossary .list > ul > div h4 { margin:2rem 0 4rem; }
.glossary .list > ul > div button { margin-top:3rem; display:block; }
.glossary .list.yellowBackground { background:url(https://www.inhope.org/assets/images/background-glossary.png) no-repeat top right #f1c066; background-size:contain; }
.glossary .list.yellowBackground > ul > li:hover { background-color:#f6d28e; }
.glossary .list.blueBackground { background:url(https://www.inhope.org/assets/images/background-glossary.png) no-repeat top right #a9c9ea; background-size:contain; }
.glossary .list.blueBackground > ul > li:hover { background-color:#bad5f1; }

/*=================================== Templates ===================================*/

header { width:100%; padding:3rem 4% 0 4%; }
header.floating { top:auto; bottom:-0.08rem; position:absolute; z-index:100; }
header.floating.transparent { bottom:2rem; background-color:transparent !important; }
header.floating.transparent nav { border-bottom:none !important; }
header nav { width:100%; height:2rem; padding-bottom:2.5rem; }
header img { width:1.5rem; height:1.5rem; }
header nav ul li { margin-right:1.5rem; float:left; }
header nav ul li.home, header nav ul li.close { display:none; }
header nav ul li.search { width:2rem; height:2rem; background:url(https://www.inhope.org/assets/images/icon-search-white.png) no-repeat left center; background-size:1.3rem; }
header .logo { width:7.5rem; height:1.5rem; float:right; background:url(https://www.inhope.org/assets/images/logo-white.png) no-repeat; background-size:contain; }
header.floating.transparent .logo { width:11.25rem; height: 2.25rem; }
header .searchOverlay { width:50%; height:100vh; left:0; top:0; padding:4rem; position:fixed; z-index:200; display:none; }
header .searchOverlay .close { display:block; }
header .searchOverlay .form { padding:4rem 12rem 4rem 4rem; }
header .searchOverlay .form h2 { margin:4rem 0 8rem; }
header .searchOverlay .form button { width:40%; margin-top:6rem; }
header .searchOverlay .form .yes { float:right; }
header .searchOverlay .form .no { float:left; }
.articles header, .article header { background:#fff !important; }
.articles header .search, .article header .search { background:url(https://www.inhope.org/assets/images/icon-search-green.png) no-repeat left center !important; background-size:1.3rem !important; }
.articles header .logo, .article header .logo { background:url(https://www.inhope.org/assets/images/logo-green.png) no-repeat !important; background-size:contain !important; }

footer { /*height:38rem;*/ padding:8rem 8rem 4rem 8rem; overflow:hidden; }
footer.active { height:auto; }
footer .call { float:left; }
footer .call button { margin-top:2rem; }
footer .social { float:right; text-align:right; }
footer .social a { margin:2rem 0 0 2rem; display:inline-block; }
footer .social .funded { margin-top:4rem; }
footer .social .funded .logoEu { width:10rem; height:10rem; background:url(https://www.inhope.org/assets/images/logo-eu-green.png) no-repeat; background-size:cover; }
footer .social .funded .logoEu:hover { background:url(https://www.inhope.org/assets/images/logo-eu-color.png) no-repeat; background-size:cover; }
footer .bottom { margin-top:30rem; }
footer .bottom > * { max-width:27rem; margin-right:8rem; float:left; }
/*footer .bottom .address p { display:inline; }*/
footer .bottom .partners { height:18rem; margin-right:0 !important; float:right !important; text-align:right; }
footer .bottom .partners .logos .logo { width:14rem; }
footer .bottom .partners .logos .logo, footer .bottom .partners .logos .logo .logoActive, footer .bottom .partners .logo:hover .logoPassive { display:none; }
footer .bottom .partners .logo.active, footer .bottom .partners .logo:hover .logoActive { display:block; }
footer .bottom .partners .logos .logo img { width:100%; }
footer .legal, footer .contact { padding-top:1.8rem; }

section, footer { width:100%; float:left; }

.headlineLoop .headlines { width:100%; height:100vh; position:relative; overflow:hidden; }
.headlineLoop .headlines .headline { display:none; position:absolute; }
.headlineLoop .headlines .headline:first-child { display:block; }
.headlineLoop .headlines .headline .background, .headlineLoop .headlines .headline .foreground { width:100%; height:50vh; text-align:center; overflow:hidden; }
.headlineLoop .headlines .headline .background img { min-width:100vw; min-height:50vh; }
.headlineLoop .headlines .headline .foreground { bottom:0; z-index:10; position:relative; }
.headlineLoop .headlines .headline .circle { width:40vw; height:40vw; margin:-20vw 0 0 -20vw; left:50vw; top:50vh; z-index:110; border-radius:20vw; border:0.7rem #fff solid; position:absolute; }
.headlineLoop .headlines .headline .circle h1 { width:70%; margin:11vw 15%; }

.headlineLinkLoop.headlineLoop .headlines .headline { width:100%; }
.headlineLinkLoop.headlineLoop .headlines div.text { width:60%; height:100vh; float:left; text-align:center; display:flex; flex-direction:column; justify-content:center; }
.headlineLinkLoop.headlineLoop .headlines div.text .line { width:25%; margin:3rem 0 2rem; }
.headlineLinkLoop.headlineLoop .headlines div.text div { width:100%; padding:0 5%; text-align:left; }
.headlineLinkLoop.headlineLoop .headlines .headline .background { width:40%; height:100vh; float:right; }
.headlineLinkLoop.headlineLoop .headlines .headline .background img { min-width:100vw; min-height:50vh; }

.tripleColumns h1, .tripleColumns h2 { width:60%; }
.tripleColumns h5 { margin-bottom:3rem; }
.tripleColumns > a .reportButton { width:27%; float:right; }
.tripleColumns .table { width:100%; margin-top:6rem; display:inline-block; }
.tripleColumns .table.links { margin-top:3rem; }
.tripleColumns .table.links button, .tripleColumns .table .links button { margin-top:1rem; }
.tripleColumns .table .borderTop { padding-top:1rem; }
.tripleColumns .table div { margin-left:9.5%; width:27%; float:left; min-height:1rem; }
.tripleColumns .table div:first-child { margin-left:0 !important; }
.tripleColumns .table div .title { margin-bottom:4rem; display:inline-block; }
.tripleColumns .table div img { width:60%; margin:0 20% 4rem; }
.tripleColumns .table .links { display:none; }

.largeImageText > * { width:50%; margin-bottom:-0.3rem; float:left; }
.largeImageText .image img { width:100%; }
.largeImageText .text.padded { padding-bottom:0; }
.largeImageText .text span { margin:3rem 0 4rem; display:inline-block; }

.smallImageText .text { width:30rem; float:left; }
.smallImageText .text h2 { margin:3rem 0 4rem; }
.smallImageText .text button { margin-top:4rem; }
.smallImageText .image { width:36.5rem; margin-top:4rem; float:right; }
.smallImageText .image img { width:100%; }
.smallImageText .image h3 { margin:1rem 0 2rem; }

.donationCall .text input[type=image] { width:15rem; margin-bottom:3rem; }

.organisationMap .filter { padding:8rem 8rem 4rem 8rem; position:relative; z-index:100; }
.organisationMap .filter h2 { margin-bottom:4rem; }
.organisationMap .filter .filterCategory { position:relative; height:3rem; margin-left:2rem; display:inline-block; }
.organisationMap .filter .filterCategory, .organisationMap .filter .filterCategory .selector { width:17rem; }
.organisationMap .filter .filterCategory .selector { margin-top:0.75rem; }
.organisationMap .filter .filterCategory .selector:hover ul { width:15rem; }
.organisationMap .map { width:100%; height:44.3rem; float:left; position:relative; }
.organisationMap .map .overlay { height:42.3rem; }
.organisationMap .map .jsMap { width:100%; position:absolute; }
.organisationMap .map .overlay { width:40%; right:0; top:0; padding:8rem 4rem 4rem; z-index:400; position:absolute; display:none; }
.organisationMap .map .overlay.active { display:block !important; }
.organisationMap .map .overlay button.close { top:4rem; right:4rem; position:absolute; }
.organisationMap .map .overlay .data { height:30.3rem; padding-right:4rem; overflow-y:scroll; }
.organisationMap .map .overlay .data h5 { margin-bottom:2rem; }
.organisationMap .map .overlay .data .organisation { margin-bottom:5rem; padding-top:3rem; }
.organisationMap .map .overlay .data .organisation:not(:nth-child(2)) { border-top:0.08rem solid #005c5a; }
.organisationMap .map .overlay .data .organisation h4 { margin-bottom:1rem; }
.organisationMap .map .overlay .data .organisation button { margin-top:1rem; margin-right:0.5rem; }
.organisationMap .map #xpic_sm_map img { top:0.5rem; position:relative; }

.popup { width:30vw; left:10vw; bottom:0; padding:2rem 2rem 4rem 2rem; position:fixed; z-index:300; }
.popup button.close { float:right; margin-bottom:2rem; }
.popup div.text { width:100%; display:inline-block; }
.popup div.text h2 { margin-bottom:1rem; }
.popup div.text div { margin-top:2rem; padding-top:2rem; border-top:0.07rem solid #fff; }
.popup div.text input[type="email"] { width:17rem; float:left; }
.popup div.text input[type="submit"] { float:right; }
.popup div.text .alert, .popup div.text .success { margin-top:1rem; display:inline-block; }

.hotlineReferral .background { width:53rem; float:left; }
.hotlineReferral .selection { width:21.3rem; float:right; }
.hotlineReferral .selection h2 { margin:3rem 0 10rem; }
.hotlineReferral .selection .selector { width:21.3rem; }
.hotlineReferral .selection .selector:hover ul { width:19.4rem; }
.hotlineReferral .tripleColumns .table { margin-top:8rem; }
.hotlineReferral .tripleColumns .table div * { float:left; }
.hotlineReferral .tripleColumns .table div h3 { width:4rem; }
.hotlineReferral .tripleColumns .table div span { width:16rem; }

.links h2 { margin:2rem 0 6rem; }
.links .text { width:34rem; padding-top:2rem; float:left; }
.links .list { width:28.5rem; float:right; }
.links .list button { width:100%; margin-bottom:1rem; }

.maps { height:90vw; }
.maps h1 { margin-bottom:8rem; }
.maps .gallery { position:relative; }
.maps .gallery .mapSelector { width:10%; float:right; }
.maps .gallery .map { width:85%; left:0; top:0; position:absolute; display:none; }
.maps .gallery .map:first-of-type { display:block; }
.maps .gallery .map img { width:100%; }
.maps .gallery button { width:100%; margin-bottom:1rem; }

.factLoop .facts, .factLoop .facts .fact { height:45rem; }
.factLoop .facts .fact { position:relative; }
.factLoop .facts .fact .visualisation { width:100%; margin-bottom:2rem; text-align:center; }
.factLoop .facts .fact .visualisation img { height:23rem; }
.factLoop .facts .fact .text h2 { padding:2rem 0; }
.factLoop .facts .fact .overlay { width:100%; height:100%; padding:6rem; position:absolute; left:0; top:0; display:none; }
.factLoop .facts .fact:hover .overlay { display:block; }
.factLoop .facts .fact .overlay h3 { margin-bottom:2rem; }
.factLoop .facts .fact .overlay button { margin-top:4rem; }

.logoLoop { height:36.5rem; overflow:hidden; }
.logoLoop .logos { width:100%; display:inline-block; }
.logoLoop .logos a { width:17.5%; margin:5rem 0 5rem 10%; float:left; }
.logoLoop .logos a:first-child { margin-left:0; }
.logoLoop .logos a .logoActive, .logoLoop .logos a:hover .logoPassive { display:none; }
.logoLoop .logos a:hover .logoActive { display:block; }
.logoLoop .logos a img { width:100%; }

.imageLoop .images { width:100%; margin-top:3rem; overflow:hidden; }
.imageLoop .images, .imageLoop .images img { height:16.7rem; }
.imageLoop .images img { margin-left:2rem; float:left; }
.imageLoop .images img:first-child { margin-left:0; }

.powerBI h2 { margin:2rem 0 6rem; }
.powerBI > div { width:50%; float:left; }
.powerBI > div.text { margin:4rem 0 6rem; }
.powerBI iframe { width:100%; height:48vw; }

.video h5, .video h2 { margin-bottom:3rem; }
.video .wrapper { width:100%; padding-bottom:56.25%; position:relative; }
.video .wrapper .content { width:100%; height:100%; left:0; top:0; position:absolute ; }

.search .content { min-height:80vh; padding-top:14rem; }
.search .content .results { width:60%; float:left; }
.search .content .results > h2 { margin-bottom:4rem; }
.search .content .results li { width:100%; padding:3rem 0; float:left; }
.search .content .results li:first-of-type { border-top:none !important; }
.search .content .results li h3, .search .content .results li h5 { max-width:65%; margin-right:3rem; float:left; }
.search .content .results li h5 { margin-top:0.5rem; margin-bottom:1rem; }
.search .content .results li button { float:right; }
.search .content > .form { width:30%; padding-top:5rem; float:right; }
.search .content > .form button { margin-top:2rem; float:right; }

.articlePreviews h2 p { margin-bottom:0; }
.articlePreviews .previews, .articlePreviews .previews .preview, .articles .previews .preview { height:38.4rem; }
.articlePreviews .previews .preview .previewText, .articles .previews .preview .previewText { height:12.4rem; overflow:hidden; }
.articlePreviews .previews .preview h3, .articles .previews .preview h3 { margin:1rem 0 2rem 0; display:block; }
.articlePreviews .previews .preview .previewText > h3 p, .articles .previews .preview .previewText > h3 p { display:inline; }
.articlePreviews .previews .preview h3 span, .articles .previews .preview h3 span, .articles .featured .preview h2 span { width:1.2rem; height:1.2rem; margin:0 1rem -0.1rem 0; display:inline-block; border:0.08rem solid #005c5a; border-radius:0.6rem; }
.articlePreviews .previews .preview:hover h3 span, .articles .previews .preview:hover h3 span, .articles .featured .preview:hover h2 span  { background:#005c5a; }
.articlePreviews .previews .preview .image, .articles .previews .preview .image, .articles .featured .preview .image { height:19.11rem; margin-top:2rem; text-align:center; display:block; }
.articlePreviews .previews .preview:hover .image, .articles .previews .preview:hover .image, .articles .featured .preview:hover .image { background:url(https://www.inhope.org/assets/images/background-more.png) no-repeat center center #005c5a; background-size:8rem; }
.articlePreviews .previews .preview .image img, .articles .previews .preview .image img, .articles .featured .preview .image img { height:100%; display:inline-block; object-fit:contain; }
.articlePreviews .previews .preview:hover .image img, .articles .previews .preview:hover .image img, .articles .featured .preview:hover .image img { opacity:0.2; }
.articlePreviews .previews .preview .image.halfwidth, .articles .previews .preview .image.halfwidth, .articles .featured .preview .image.halfwidth { padding:6rem 0 0 9rem; background:none; }
.articlePreviews .previews .preview:hover .image.halfwidth, .articles .previews .preview:hover .image.halfwidth, .articles .featured .preview:hover .image.halfwidth { background:url(https://www.inhope.org/assets/images/background-more.png) no-repeat center center #005c5a; background-size:8rem; }
.articlePreviews .previews .preview .image.halfwidth img, .articles .previews .preview .image.halfwidth img, .articles .featured .preview .image.halfwidth img { width:18rem; }

.articles > .intro { padding-bottom:0rem; }
.articles > .intro h2 { margin-top:4rem; }
.articles .featured { padding-bottom:2rem; }
.articles .featured .preview { margin-top:3rem; padding-top:1.5rem; }
.articles .featured .preview .image, .articles .featured .preview .text, .articles .social .signup > * { width:36rem; float:left; }
.articles .featured .preview .image { margin:0 6.5rem 0 0 !important; }
.articles .featured .preview .text h2 { margin-bottom:2rem; position:relative; }
.articles .featured .preview .text h2 span { top:-0.6rem; position:relative; }
.articles > .previews { padding-bottom:2rem; }
.articles .wrapper .preview { margin-bottom:8rem; }
.articles .wrapper .preview:nth-child(even) { float:right !important; }
.articles .pagination { text-align:center; }
.articles .pagination .prev { margin-left:1rem; }
.articles .social .signup { width:100%; margin:3rem 0 8rem; display:inline-block; }
.articles .social .signup .form { padding:8rem 0 0 6rem; }
.articles .previews .filter { margin-top:2rem; }
.articles .previews .filter h6.filterCategory { margin-top:1rem; margin-right:0.6rem; padding:0.5rem 0.75rem; }

.article .content .articleNavigation { width:100%; margin:4rem 0; padding-right:46rem; display:inline-block; }
.article .content .articleNavigation .back { float:left; }
.article .content .articleNavigation .prev, .article .content .articleNavigation .next { float:right; }
.article .content .articleNavigation .next { margin-left:0.5rem;}
.article .content .wrapper { margin-top:3rem; }
.article .content .wrapper .text { width:32rem; float:left; }
.article .content .wrapper .text h2 { margin-bottom:4rem;  }
.article .content .wrapper .extra { width:36rem; float:right; }
.article .content .wrapper .extra img { width:100%; }
.article .content .wrapper .extra .credits { margin-top:2rem; }
.article .content .wrapper .extra .highlight { width:65%; margin-top:12rem; padding-top:1.5rem; display:block; }
.article .content .wrapper .extra .highlight p { display:inline; }

/*=================================== Texts ===================================*/

/*Default text styles*/
.selector span { font:italic 400 1.2rem/3rem "niveau-grotesk", sans-serif; }
.glossary .list > ul > li { font:400 2rem/6rem "niveau-grotesk", sans-serif; }
/*.glossary .list > ul > li li:hover, .glossary li.active { font:italic 400 2rem/6rem "niveau-grotesk", sans-serif; }*/
.glossary .list > ul > li li span { font:400 1.2rem/6rem "niveau-grotesk", sans-serif; }
nav, span, h6, button.rounded, input[type=button].rounded, input[type=submit].rounded, input[type=email], label { font:400 1.2rem/1.8rem "niveau-grotesk", sans-serif; }
nav .active, span.intro { font:italic 500 1.2rem/1.8rem "niveau-grotesk", sans-serif; }
.selector, .selector input { font:italic 400 1.4rem/3rem "niveau-grotesk", sans-serif; }
button.rectangle { font:italic 500 1.4rem/3rem "niveau-grotesk", sans-serif; }
button.text { font:500 1.4rem/3rem "niveau-grotesk", sans-serif; }
span.large, .social a, .content > .form input.query { font:400 1.8rem/2.6rem "niveau-grotesk", sans-serif; }
header input.query { font:400 3rem/3rem "niveau-grotesk", sans-serif; }
h1 { font:700 6vw/8vw "niveau-grotesk", sans-serif; }
h2 { font:500 3.5rem/4.3rem "niveau-grotesk", sans-serif; }
h2.small { font:500 2.5rem/3.1rem "niveau-grotesk", sans-serif; }
h3 { font:italic 500 1.5rem/2.2rem "niveau-grotesk", sans-serif; }
h4 { font:500 2.5rem/3.5rem "niveau-grotesk", sans-serif; }
h5, h6 { font:500 0.8rem/0.8rem "niveau-grotesk", sans-serif; text-transform:uppercase; letter-spacing:0.05rem; padding:0.2rem 0.3rem; display:inline-block; }
h5.large { font:500 1.2rem/1.2rem "niveau-grotesk", sans-serif; text-transform:uppercase; letter-spacing:0.05rem; padding:0.2rem 0.3rem; display:inline-block; }

/*Text colors*/
.white, .yellow, nav { color:#fff; }
h5.yellow { color:#f1c066 !important; }
.green, .articles nav, .article nav { color:#005c5a; }

/*Link styles*/
nav a:link, nav a:visited, button.green.rounded:hover, button.green.rectangular:hover, .white a:link, .white a:visited, .white a:hover, .white a:active { color:#fff; }
footer a:link, footer a:visited, button.white.rounded:hover, button.white.rectangular:hover, .green a:link, .green a:visited, .green a:hover, .green a:active, .articles nav a:link, .articles nav a:visited, .article nav a:link, .article nav a:visited, input[type=submit].white.yellowBackground:hover { color:#005c5a; }
nav a:link, nav a:visited, h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited, button, .button, footer a:link, footer a:visited, .articles nav a:link, .articles nav a:visited, .article nav a:link, .article nav a:visited, .selector a:link, .selector a:visited { text-decoration:none !important; }
.white a:hover, .white a:active, .green a:hover, .green a:active { text-decoration:underline; }

nav a:hover, nav a:active { font-style:italic; }
section span a:link, section span a:visited, section span a:hover, section span a:active { font-style:italic; font-weight:bold; }
span.large a:link, span.large a:visited, span.large a:hover, span.large a:active { font-style:normal !important; font-weight:400 !important; }


/*=================================== Mobile Styles ===================================*/

@media all and (min-width:2200px) {
	.headlineLoop .headlines .headline .circle { width:880px; height:880px; margin:-440px 0 0 -440px; top:50vh; border:18.2px #fff solid; }
	.headlineLoop .headlines .headline .circle h1 { width:70%; margin:242px 15%; }
	.headlineLoop:not(.headlineLinkLoop) h1 { font:700 132px/176px "niveau-grotesk", sans-serif; }
}

@media all and (max-width:600px) {
	html { font-size:3vw; }

	/*Plugins*/
	#cookie_banner-wrapper { width:100vw; left:0; }

	/*Style snippets*/
	button.left, button.right, button.prev, button.next { width:3rem; height:3rem; }
	section.padded, div.padded { padding:3rem; }
	div.selector:hover { z-index:100; }
	div.selector:hover, div.selector:hover ul { height:auto; max-height:24rem; }

	.loop .left, .loop .right { float:right; margin:3rem 0 2rem 1rem; }
	.loop.doubleColumns .wrapper { width:100%; }
	.loop.doubleColumns .wrapper .content { width:100%;  }

	.glossary { height:60rem; position:relative; }
	.glossary .list { width:100%; padding:3rem; }
	.glossary .list > ul { max-height:18.75rem; padding-left:2rem; }
	.glossary .list > ul > div { width:100%; left:0; top:24.75rem; padding:3rem; background:#fff; }
	.glossary .list > ul > div h2, .glossary .list > ul > div h4 { margin:2rem 0 2rem; }
	.glossary .list > ul > li:hover, .glossary .list > ul > li.active { padding-left:1rem; }
	.glossary .list.yellowBackground { background:#f1c066; }
	.glossary .list.blueBackground { background:#a9c9ea; }


	/*Templates*/
	header, header.floating { z-index:300 !important; }
	header .toggle { float:left; width:2rem; height:2rem; background:url(https://www.inhope.org/assets/images/icon-menu-white.png) no-repeat; background-size:contain; }
	header .logo { width:10rem; height:2rem; float:right; background:url(https://www.inhope.org/assets/images/logo-white.png) no-repeat; background-size:contain; }
	.articles header .toggle, .article header .toggle { background:url(https://www.inhope.org/assets/images/icon-menu-green.png) no-repeat; background-size:contain; }
	header nav { padding-bottom:3.5rem; }
	header nav ul { display:none; }
	header.activeMobile nav ul { width:100vw; height:100vh; padding:3rem; margin:0; left:0; top:0; z-index:300; position:fixed; overflow:scroll; display:block; background:#fff; }
	header nav ul li.home, header nav ul li.close { display:block; }
	header nav ul li.close { background:url(https://www.inhope.org/assets/images/icon-close.png) no-repeat center center; background-size:2.3rem; }
	header nav ul li.search, .articles header .search, .article header .search { width:100%; height:11.5vh; background-size:2rem; border-top:none !important; background:url(https://www.inhope.org/assets/images/icon-search-green.png) no-repeat center center !important; background-size:2.3rem !important; }
	header nav ul li { width:100%; height:11.5vh; margin:0; text-align:center; border-top:0.07rem #005c5a solid; }

	nav a:link, nav a:visited { color:#005c5a !important; }
	nav { font:400 2.3rem/11.5vh "niveau-grotesk", sans-serif; }
	nav .active { font:italic 500 2.3rem/11.5vh "niveau-grotesk", sans-serif; }

	
	header .searchOverlay { width:100%; height:100vh; padding:3rem; }
	header .searchOverlay .close { width:3rem; height:3rem; }
	header .searchOverlay .form { padding:3rem 0 0; }
	header .searchOverlay .form button { width:100%; margin-top:1rem; }
	header .searchOverlay .form button:first-of-type { margin-top:4rem; }
	header .searchOverlay .form .no { float:left; }

	footer { /*height:19rem;*/ padding:3rem; }
	footer h6 { display:none; }
	footer.active { height:auto; }
	footer .call { float:left; }
	footer .social { width:100%; margin-top:4rem; float:left; text-align:left; }
	footer .social a { margin:2rem 2rem 0 0; }
	footer .bottom { margin-top:6rem; display:inline-block; }
	footer .bottom > * { width:100%; margin-right:0; }
	footer .bottom .partners { height:18rem; margin-top:6rem; float:left !important; text-align:left; }
	footer .bottom .partners .logos .logo { margin-top:2rem; }

	.headlineLoop .headlines .headline .background img { min-width:100vw; height:50vh; min-height:auto; margin-left:-50%; }
	.headlineLoop .headlines .headline .circle { width:60vw; height:60vw; margin:-30vw 0 0 -30vw; border-radius:30vw; border:0.3rem #fff solid;  }
	.headlineLoop .headlines .headline .circle h1 { margin:20vw 15%; }

	.headlineLinkLoop.headlineLoop .headlines div.text { width:100%; height:50vh; padding:4vh 0; top:50vh; display:block; position:absolute; }
.headlineLinkLoop.headlineLoop .headlines div.text .line { width:25%; margin:3rem 0 2rem; }
.headlineLinkLoop.headlineLoop .headlines div.text div { width:100%; padding:0 5%; text-align:left; }
	.headlineLinkLoop.headlineLoop .headlines .headline .background { width:100%; height:50vh; float:left; }
.headlineLinkLoop.headlineLoop .headlines .headline .background img { min-width:100vw; min-height:50vh; }

	.tripleColumns h1, .tripleColumns h2 { width:100%; margin-top:2rem; }
	.tripleColumns > a .reportButton { width:100%; margin-top:3rem; float:none; }
	.tripleColumns .table.links { display:none; }
	.tripleColumns .table div { width:100%; padding-bottom:2rem; float:none; position:relative; }
	.tripleColumns .table div { margin-left:0; padding-top:1rem; }
	.tripleColumns .table div .title { margin-bottom:2rem; }
	/*.tripleColumns .table div img { width:5rem; margin:0; right:-10rem; position:absolute; }*/
	.tripleColumns .table .links { margin:2rem 0 2rem; display:block; }
	.tripleColumns .table .links button { width:100%; }

	.largeImageText > * { width:100%; }
	.largeImageText .text span { margin:3rem 0 3rem; }
	.largeImageText .text button { margin-bottom:4rem; }

	.smallImageText .text { width:100%; float:none; }
	.smallImageText .image { width:100%; }

	.hotlineReferral .background { width:100%; margin-bottom:2rem; float:none; }
	.hotlineReferral .selection { width:100%; float:none; }
	.hotlineReferral .selection h2 { margin:3rem 0 3rem; }
	.hotlineReferral .selection .selector { width:27rem; }
	.hotlineReferral .selection .selector:hover { width:27rem; }
	.hotlineReferral .selection .selector:hover ul { width:25.4rem; }
	.hotlineReferral .tripleColumns .table div { width:100% !important; margin-bottom:3rem; display:inline-block; }

	.links h2 { margin:2rem 0 6rem; }
	.links .text { width:100%; float:none; }
	.links .list { width:100%; margin-top:4rem; float:none; }
	.links .list button { width:100%; margin-bottom:1rem; }

	.maps { height:auto; }
	.maps h1 { margin-bottom:6rem; }
	.maps .gallery .mapSelector { width:100%; padding-top:20rem; float:none; }
	.maps .gallery .map { width:100%; }
	.maps .gallery .map img { width:100%; }
	.maps .gallery button { width:auto; margin:0 1rem 1rem; float:left; }

	.factLoop .facts, .factLoop .facts .fact { height:46rem; }

	.logoLoop { height:29.5rem; }
	.logoLoop .logos a { width:45%; margin:2rem 0 2rem 10%; }
	.logoLoop .logos a:first-child { margin-left:0; }
	.logoLoop .logos a .logoActive, .logoLoop .logos a:hover .logoPassive { display:none; }
	.logoLoop .logos a:hover .logoActive { display:block; }
	.logoLoop .logos a img { width:100%; }

	.organisationMap .filter { padding:3rem 3rem 6rem 3rem; position:relative; z-index:100; }
	.organisationMap .filter .filterCategory { margin-top:0.5rem; margin-left:0rem; }
	.organisationMap .filter .filterCategory, .organisationMap .filter .filterCategory .selector { width:100%; }
	.organisationMap .map { height:20rem; }
	.organisationMap .map .overlay { height:20rem; }
	.organisationMap .map .overlay { width:100%; right:0; top:0; padding:6rem 4rem 4rem; }
	.organisationMap .map .overlay button.close { top:2rem; right:3rem; }
	.organisationMap .map .overlay .data { height:13rem; }

	.popup { width:100vw; left:0; bottom:0; }
	.popup div.text input[type="email"] { width:50%; }

	.powerBI h2 { margin:2rem 0 0; }
	.powerBI > div { width:100%; }
	.powerBI > div.text { margin:1rem 0 3rem; }
	.powerBI iframe { width:100%; height:48vw; }

	.search .content { padding-top:8rem; }
	.search .content .results { width:100%; }
	.search .content .results > h2 { margin-bottom:4rem; }
	.search .content .results li h3, .search .content .results li h5 { max-width:100%; margin:0 3rem 2rem 0; float:none; }
	.search .content .results li h5 { margin-top:0.5rem; }
	.search .content .results li button { float:left; }
	.search .content > .form { width:100%; padding:7rem 0 2rem; float:left; }
	.search .content > .form button { float:left; }

	.articlePreviews .previews .preview .image, .articles .previews .preview .image, .articles .featured .preview .image { height:14.28rem; margin-bottom:2rem; }
	.articlePreviews .previews .preview .image.halfwidth, .articles .previews .preview .image.halfwidth, .articles .featured .preview .image.halfwidth { padding:4.53rem 0 0 25%; }
	.articlePreviews .previews .preview .image.halfwidth img, .articles .previews .preview .image.halfwidth img, .articles .featured .preview .image.halfwidth img { width:14rem; }

	.articles .previews .preview { height:auto; }
	.articles .featured .preview .image, .articles .featured .preview .text { width:100%; }
	.articles .featured .preview .text h2 { margin:2rem 0 2rem 0; }
	.articles .wrapper .preview { margin-bottom:5rem; }
	.articles .previews .preview h3 { height:auto; }
	.articles .previews .preview .previewText { height:auto; }

	.article .content .articleNavigation { padding-right:0; }
	.article .content .wrapper .text { width:100%; float:none; }
	.article .content .wrapper .extra { width:100%; float:none; }
	.article .content .wrapper .extra img { width:100%; margin-top:2rem; }
	.article .content .wrapper .extra .highlight { width:100%; margin-top:4rem; 
}