.healogo a { width:auto; margin-left:3rem; margin-right:2rem; background: url(images/hera_logo.svg) no-repeat left center; background-size:contain; } #hero .healogo a { background-image:url(images/hera_logo_white.svg) } p.location a::after, #designer a::after, .healogo a::after, .healogo a::before { display:none; } .healogo a::after { content:""; color:#d12233; } .healogo a::before { content:""; color:#134267; color:#0068A4;} @media all and (min-width: 1601px) { } @media all and (min-width:1301px) and (max-width: 1600px) { #logo .healogo a { padding-bottom:74px; margin-left:3rem;} } @media all and (min-width:1024px) and (max-width: 1300px) { #logo .healogo a { padding-bottom:74px; margin-left:3rem; } } @media screen and (min-width:851px) and (max-width:1023px){ #logo .healogo a { padding-bottom:74px; margin-left:3rem; } } @media screen and (min-width:601px) and (max-width:850px){ #logo .healogo a { padding-bottom:74px; margin-left:3rem; } } @media screen and (max-width:600px){ #logo .healogo a { padding-bottom:74px; margin:0 0 1rem 0;} #logo .healogo a::after, #logo .healogo a::before { font-size:10vw ; } } @media screen and (min-width:1025px) and (max-width:1300px){ #logo { width:calc(33.3333% - ((36px * 2) / 3)); } } @media screen and (max-width:1023px){ #logo { width:calc(2 * (33.33333% - ((36px * 2) / 3)) + 36px); } } @media screen and (min-width:601px) and (max-width:850px){ #logo {width:calc(50% - ((36px * 1) / 2) + 36px); } } /*@media screen and (max-width:450px){ */ @media screen and (max-width:600px){ #logo {width:100%; margin-right:0; } #logo .healogo a { padding-bottom:19.5%; margin-left:0;} } #mainnav nav > ul > li:last-child > a { padding-right:0 !important; } @media screen and (min-width:1601px){ #mainnav nav > ul > li { font-size:1.8rem; } #mainnav nav > ul > li > a { padding:0 1em; } } @media screen and (min-width:1251px) and (max-width:1600px){ #mainnav nav > ul > li { font-size:1.6rem; left:-0.6666666666666667em; } #mainnav nav > ul > li > a { padding:0 0.75em; } #mainnav nav > ul > li a::after { margin-left:0.3333333em; } } @media screen and (min-width:1151px) and (max-width:1250px){ #mainnav nav > ul > li { font-size:1.6rem; left:-0.6666666666666667em; } #mainnav nav > ul > li > a { padding:0 0.75em; } #mainnav nav > ul > li a::after { margin-left:0.3333333em; } } @media screen and (min-width:1120px) and (max-width:1150px){ #mainnav nav > ul > li { font-size:1.6rem; left:-0.625em; } #mainnav nav > ul > li > a { padding:0 0.625em; } #mainnav nav > ul > li > a::after { margin-left:0.3333333em; } } @media screen and (min-width:1024px) and (max-width:1120px){ #mainnav nav > ul > li { font-size:1.5rem; left:-0.625em; } #mainnav nav > ul > li > a { padding:0 0.625em; } #mainnav nav > ul > li > a::after { margin-left:0.3333333em; } } /*#mainnav { background:rgba(0,0,255,0.2); } #navside { background:rgba(255,0,255,0.2); } @media screen and (min-width:601px) and (max-width:1100px){ */ @media screen and (min-width:1150px) and (max-width:1300px){ #mainnav { width:calc(53.5% - ((36px * 1) / 2) + 36px); } #navside { float:right; width:calc(9.5% + 36px) !important; height:74px;} } @media all and (min-width: 1024px) { .hamburger {display:block;} #mainnav { display:none; } } @media all and (min-width: 1150px) { .hamburger {display:none;} } @media screen and (min-width:851px) and (max-width:1149px){ #navside { float:right; width:calc(33.333333333333% - ((36px * 2) / 3)); height:74px;} #mainnav { } } @media screen and (min-width:1150px){ #navside { } #mainnav { display:block; height:74px; } } @media screen and (max-width:1149px) and (min-width:801px){ .showsearch, .hamburger, #navside ul.social li { font-size:3rem; height:74px; line-height:68px; } #navside ul.social li { margin-right:2rem;} } #projectsmenu h2 { border-bottom:1px solid #000; color:#000; margin-bottom:1rem; } #projectsmenu .menu ul li a { /*border-bottom:1px solid rgba(0,0,0,0.38) !important; color:#000 !important;*/ line-height:1.3; padding-top:0.75em; padding-bottom:0.75em;} #projectsmenu .menu ul li.opened a { background:none !important; color:black;} #projectsmenu .menu ul li.opened a:hover { color:#AE1109 !important; } #projectsmenu .menu>ul>li>a { padding-right:2em; height:3.9em; font-weight:600; } #projectsmenu a { background:none !important; } #projectsmenu .menu > ul > li.opened > a, #projectsmenu .menu li.subsubopen > a { background:none !important; color:000 !important; padding-left:0 !important; } #projectsmenu .menu { margin-bottom:0 !important;} #projectsmenu span.navopener { margin-top:1rem; color:#000 !important; height:3.9em; transition:all 0.1s ease;} #projectsmenu span.navopener::after { line-height:3.9em;} #projectsmenu span.navopener:hover { color:#000 !important; -ms-transform: scale(1.333, 1.333); /* IE 9 */ -webkit-transform: scale(1.333, 1.333); /* Safari */ transform: scale(1.333, 1.333); } #mobilenav #projectslistmenu h2 { margin: 0 !important; } #mobilenav #projectslistmenu #projectsmenu { padding: 0 10px 10px !important; } #mobilenav #projectslistmenu .projectsnav ul, #projectslistmenu .projectsnav ul * { } #mobilenav .projectsnav>ul>li { margin:0 !important; } #mobilenav .projectsnav>ul>li>a { height:auto !important; font-weight:400 !important; } /*#projectsmenu .projectsnav, #projectsmenu .projectsnav:nth-child(3n+4) {float:left; margin:0 36px 36px 0 !important; width:calc(25% - ((36px * 3) / 4)) !important; } */ #mobilenav #projectslistmenu .projectsnav:nth-child(3n+4), #mobilenav #projectslistmenu .menu, #mobilenav #projectslistmenu .menu ul{ width:100% !important; margin:0 !important; display:block; float: none !important; clear:both !important;} #mobilenav .projectsnav>ul>li>a span.hyphen { display:inline; } #mobilenav .projectsnav>ul>li>a br { display:none !important; } #mobilenav .projectsnav ul li a strong {font-weight:500 !important; } #mobilenav .projectsnav ul li a strong::after { font-family:icons; content:"\e900"; position:relative; top:0.15em; margin-left:0.5em; font-weight:normal !important;} #mobilenav .projectsnav ul>li>ul li a { } #mainnav .subopener { color:inherit !important; } #mainnav span.navopener::after { font-family:icons; content:"\e917"; color:#000; } #mainnav li.opened > span.navopener::after {content:"\e914"; color:#FFF; } #mainnav #projectsmenu li.opened > span.navopener::after { color:#000 !important; } #mainnav span.navopener:hover::after { color:#d12233;} #mainnav span.navopener:hover { color:#d12233; -ms-transform: scale(1.333, 1.333); /* IE 9 */ -webkit-transform: scale(1.333, 1.333); /* Safari */ transform: scale(1.333, 1.333); } p.location a::after, /*p a[href*="//"]:not([href*="heranet.info"])::after,*/ p.cta a[href*="//"]:not([href*="heranet.info"])::after { content:"" !important; display:none !important; } p a[href*="//"]:not([href*="heranet.info"])::after, p.cta a[href*="//"]:not([href*="heranet.info"])::after/**/ { font-family: 'icons'; content: "\e906"; content:"\e906" !important; transform:translateY(-50%); font-weight:normal; margin-left:0.8em; } p.boxlink a::after { content:"" !important; display:none !important; } p:not(.cta) a[href*="//"]:not([href*="heranet.info"]){ /*padding-right:0.8em; position:relative;*/ display:inline-block; } p:not(.cta) a[href*="//"]:not([href*="heranet.info"])::after { font-size:0.66em !important; display:inline-block;/* position:absolute; bottom:0; right:0;margin-left:0.4em;*/ font-weight:normal; font-family:'icons'; content:"\e906"; /*height:1.666666666666667em;*/ transform:translateY(-0.33em);margin-left:0.33em;margin-right:0.16666em; } /* 0A7291 69,30,118 AE1109 174,17,9 */ #fullsitemap { position:fixed; top:-300px; height:0; width:0; overflow:hidden; opacity:0;} #twitterfeed h2 { color:#AE1109; } #hoosh { background:#AE1109; } .introbox { background:#380000;background:#0A7291; } .module .subheading { color:#AE1109; } #fullsitemap { background:#AE1109; } #mobilenavbg { background:rgba(69,30,118,0.85); } #navcloser { background:#AE1109; color:#FFF; } #navcloser:hover { background:#0A7291; color:#FFF; } #mobilenav nav > ul > li { color:#AE1109; } #mobilenav nav > ul > li > a { background:#AE1109; color:#FFF; } span.mobileopener:hover { color:#AE1109; } #mobilenav .submenu .menu li.subsubopen > a { background:white; color:#AE1109; } #mainintro p{ color:#0A7291; color:#000; } nav.tags li a { background:#f0f0f0; color:#AE1109; } nav.tags li a:hover { background:#AE1109; } nav.tags li a.current{ background:#AE1109;} nav.tags li a.current::after { color:#AE1109; } #hero #mainnav nav > ul > li a.subopen { color:#AE1109; } #subnav, .anchorholder, .sidebarnews ul li, #dateline p, .textcol aside blockquote, #masthead, body #content .introtext hr, hr { border-color:#AE1109 !important; } #mainnav nav > ul > li > a { color:#AE1109;} #mainnav nav > ul > li a:hover {color:#0A7291; } .showsearch, #navside ul.social li a, #mainnav nav > ul > li a.subopen { color:#AE1109;} .anchorlinks li a:hover { color:rgba(174,17,9,1); } #breadcrumbs a, .anchorholder .anchorlinks li a { color:#AE1109; } .submenu h3 { color:#AE1109;border-bottom:1px solid rgba(174,17,9,1);} .submenu h3 a { color:#AE1109; } .submenu li { color:#AE1109; } #breadcrumbs a:hover { color:#8f1711; } #search {background:rgba(56,0,0,0.95); } #subnav ul li a, .submenu .menu ul li a { border-bottom:1px solid rgba(174,17,9,0.5); color:#AE1109; border-bottom:1px solid rgba(0,0,0,0.5); color:#000; } #subnav ul li a:hover, .submenu .menu ul li a:hover {color:#AE1109 !important; } .submenu .menu li.subsubopen > a { background:#AE1109; } #sharing p { color:#AE1109; border-bottom:1px solid #AE1109; } #sharelinks li a { color:rgba(174,17,9,0.65); } #sharelinks li a:hover { color:rgba(174,17,9,1); } .newslist li p a {color:#AE1109 !important; } .newslist li p.cta a { border:1px solid #AE1109; color:#AE1109 !important; } .newslist li p.cta a:hover { background:#FFF; color:#0A7291 !important; } .newslist li:hover:not(.tweet) {background:#0A7291 !important; color:#FFF !important; } .newslist li:hover p.cta a { background:#FFF; border-color:#0A7291; color:#0A7291 !important; } .newslist li:hover h3 a { color:#FFF !important; } .module header h2 a {color:white; text-decoration:none; display:block; } p.cta a { background:#AE1109; } p.cta a:hover { background-color:#8f1711; } /*p.download a { background-color:#8A420F; } p.download a:hover { background-color:#b14f0a; }*/ .sidebarnews ul li a { color:#AE1109 !important; } .sidebarnews ul li a:hover { color:#0A7291 !important; } .centredcta { clear:both; margin-left:auto; margin-right:auto; } .centredcta a { width:auto !important; text-align:center; } @media screen and (max-width:1200px){ .centredcta a { max-width: calc(100% - 4em - 40px) !important; margin: 0 auto !important; } } #resource_search form select { background-image:url(images/icons/down_menu_hera.svg); } header.header, .module header { background:#380000;background:#0A7291; } .bx-controls .bx-pager-item a { background:rgba(174,17,9,0.5); color:rgba(174,17,9,0); } .bx-controls .bx-pager-item a.active { background:rgba(174,17,9,1); } .bx-controls .bx-pager-item a.active::after { color:rgba(174,17,9,1); } /* 0A7291 69,30,118 AE1109 174,17,9 174,17,9 */ .module h3 a { color:#AE1109; } /*#hero #mainnav nav > ul > li > a { color:#FFF; text-shadow: 0 0 10px rgba(25,46,62, 0.3)} */ #navside ul.social li a, .showsearch,.hamburger { color:black; } .showsearch:hover, .hamburger:hover { color:#AE1109; } #mainnav > nav > ul > li { margin:0; color:black; float:left; line-height:1;/*font-size:2rem; left:-2rem; font-family:Montserrat;font-weight:600;*/ } #mainnav > nav > ul > li > a { text-decoration:none; display:block; padding:0 1em; height:74px; line-height:62px; position:relative; color:#000;} #mainnav nav > ul > li a.subopen { background:white; background:rgba(240,240,240,0.98); color:black;} #mainnav > nav > ul > li .submenu { font-size:1.8rem; font-family: 'Source Sans Pro', sans-serif; font-weight:400; } #mainnav > nav > ul > li > ul a { text-decoration:none; display:block; padding:0 1em; height:74px; line-height:62px; position:relative; color:#000;} .submenu { } #mainnav nav > ul > li > a::after { font-family:icons; content:"\e902"; position:relative; top:0.15em; margin-left:0.5em; } #mainnav nav > ul > li > a:hover { color:#380000; color:#0A7291; } #mainnav nav li.opened > a:hover { color:#FFF !important; } @media screen and (max-width:1500px){ #mainnav nav > ul > li { font-size:1.8rem; } } @media screen and (max-width:1200px){ #mainnav nav > ul > li { font-size:1.6rem; } } #footer3 { padding-top:40px;} #footer3 p#footerlogo a::before, #footer3 p#footerlogo a::after { content:"" !important; display:none; } #footer3 p#footerlogo a { height:55px; background-size:contain; background: url(images/hera_logo_white1.svg) no-repeat left top; } #footer1 #contact1 { float:left; width:100%; margin-bottom:1rem; } #footer1 #contact1 .half{ margin-right:36px !important;} #footer1 #contact1 .last{ margin-right:0 !important;} #footer1 .col { margin-right:0 !important;} @media screen and (min-width:1024px){ #footer1 #contact1 { width:calc(75% - (36px / 2) + 8px); margin-right:36px !important; } } @media screen and (min-width:1200px){ #footer1 #contact1 .half { width:calc(33.333% - ((36px * 2) / 3)); } } @media screen and (max-width:1175px) and (min-width:1024px){ #footer1 #contact1 #address span:nth-child(2n+1) { } #footer1 #contact1 #address span:nth-child(2n+1):after { content: '\A'; white-space: pre; } } #footer3 .col { } #footer .footerlogoholder { width:100%;} @media screen and (min-width:1024px){ #footer .footerlogoholder { width:calc(33.33333% - ((36px * 2) / 3)); } } @media screen and (min-width:601px) and (max-width:1023px){ #footer .footerlogoholder { width:calc(50% - ((36px * 1) / 2)); } } @media screen and (max-width:600px){ #footer p#footerlogo a { height:40px; } #footer .footerlogoholder { margin-bottom:40px; } } #footer p#eu span { display:block; padding-left:120px; position:relative; top:-0.3em; max-width:35em; } #footer p#eu::before { font-family:'icons'; content:"\e904"; color:#0e2c8e; position:absolute; left:0; top:0; font-size:60px; transform:translateY(-0.25em); } #footer p#eu::after { font-family:'icons'; content:"\e905"; color:#fdff01; position:absolute; top:0; left:0; font-size:60px; transform:translateY(-0.25em); } @media screen and (max-width:600px){ #footer p#eu span { padding-left:100px; } #footer p#eu::before, #footer p#eu::after { font-size:50px; } } /*#videos { clear:both; background: rgba(10,183,197,0.25); padding:2rem 0; } #videos h2 { text-align:center; color:#0c4da2; font-size:2.4rem; margin:1rem 0 3rem; } #videos h2::before { background-size:contain !important; background: url(images/icons/videos.svg) no-repeat center; padding:0.2em 0.6em; margin-right:0.5em; content:" "; } #videos p.cta { text-align:center; clear:both; margin:0 auto;} #videos p.cta a { background:none; border:1px solid #0c4da2; color:#0c4da2 !important; } #videos p.cta a:hover {background:#0c4da2; color:#FFF !important; } */ /*.vidmodule .vidholder { margin:0 auto 2rem;}*/ .vidfeature { padding-top:3rem !important; background:none;} .vidfeature::after { content:""; clear:both; display:table; } .vidmodule { background:rgba(240,240,240,1); padding:0 !important; margin:0 36px 0; position:relative; } .vidmodule h3 { height:3em; text-align:center; padding:0 1em 0.5em; } .vidmodule .vidholder { margin:0 0 2rem !important; } @media all and (min-width: 1024px) { .vidmodule { width:calc(50% - 18px); float:left; padding:0 !important; margin:0 36px 36px 0; } .vidmodule:nth-child(2n+2) { margin-right:0;} } @media all and (max-width: 1023px) { .vidmodule { margin:0 0 36px 0; } .vidmodule h3 { height: auto; padding-bottom: 1em;} } body.home .fundingmodule .content { min-height:33rem !important; } #content ul.ctagroup li { list-style:none !important; margin:0 0 1rem !important; } ul.ctagroup li a { border:1px solid rgba(174,17,9,1); color:rgba(174,17,9,1); background:white; display:block; padding:0.5em; text-align:center; text-decoration:none; } ul.ctagroup li a:hover { background:rgba(174,17,9,1); color:white; } @media all and (min-width: 600px) { .fundingmodule .ctagroup { } .fundingmodule .inner { /*padding-bottom:20rem;*/ } } .fundingmodule div.ctas { width:calc(100% - 6rem); padding:2rem 3rem 1rem; } body.home .fundingmodule p.cta{ width:calc(100% - 6rem); width:100%; margin:0 0 !important; padding:0; position:static !important; } .fundingmodule div.ctas { position:absolute; bottom:1rem; margin:0 0 1rem; } @media all and (min-width: 1024px) { .fundingmodule .content { position:relative;} .fundingmodule div.ctas { position:absolute; bottom:1rem; margin:0 0 1rem; z-index:30; } } /*@media all and (min-width: 850px) { */ @media all and (min-width: 1200px) { .fundingmodule .content .padding{ display:table; position:absolute; top:0; left:0; width:calc(100% - 6rem); height:100%; } .fundingmodule .content .padding .inner { display:table-row; width: 100%; } .fundingmodule .content .padding .ctagroup { display:table-cell; padding-bottom:2rem; } } .fundingmodule .ctagroup { } /*.fundingmodule .ctagroup { display:none;} .fundingmodule .ctas .ctagroup { margin:0 !important; display:block !important;} */ .textcol table {width:100%; border:1px solid #0A7291; border-right:none; border-top:none; } .textcol table td { border:1px solid #0A7291; border-left:none; border-bottom:none; padding:1rem;} .textcol table tr td { border-right:1px solid #0A7291; } .textcol table tr:last-child, .textcol table tr td:last-child {border:1px solid #0A7291; border-right:none; } .textcol table tr th { background:#0A7291; color:#FFF; } .textcol table { border:1px solid #0A7291; } .textcol table td { border:1px solid #0A7291; } .textcol table { border:1px solid #0A7291; } .textcol table tr { border-bottom:1px solid #0A7291; } #projectslisting { /*background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 300px); background: -webkit-gradient(top, bottom, color-stop(0%, rgba(240,240,240,1)), color-stop( 300px, rgba(240,240,240,0))); background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 300px); background: -o-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 300px); background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 300px); background: linear-gradient(to bottom, rgba(240,240,240,1) 0%, rgba(240,240,240,0) 300px); */ background: rgba(240,240,240,1); padding-top:36px; } ul#projectview li, #project_tags ul li, #project_tags h3 { /*font-family:'Montserrat',sans-serif;*/ font-size:1.3rem; line-height:1.2; margin-bottom:2rem; margin-bottom:1em; } ul#projectview li a, #project_tags ul li a { text-decoration:none; } ul#projectview li a:hover, #project_tags ul li a:hover { text-decoration:none; } #projectresults { } #project_tags ul { list-style:none !important; display: flex; flex-wrap: wrap;} #project_tags ul li { /*float:left;*/ margin-right:2rem; margin:0 1.2rem 1.2rem 0; text-align:center;font-weight:400 !important; list-style:none !important; } #project_tags ul li a {display:block; background:#aeaaab; color:#FFF; background:none; color:black; border:1px solid #e3dfe0; } #project_tags ul li a:hover, #project_tags ul li a.current { background:#4e4a4b; background:#e3dfe0; } ul#projectview li a { position:relative; background:#e3dfe0; background:none; border:1px solid #e3dfe0; color:#000; font-weight:600; } ul#projectview li a.current { background:#e3dfe0; } ul#projectview li a, #project_tags h3, #project_tags ul li a {display:block; padding:1.2rem 1rem;} ul#projectview li a { padding:calc(1.2rem - 1px) 1rem;} ul#projectview li, #project_tags h3, ul#projectview li { margin-bottom:1.2rem; } /*#project_tags h3, #project_tags ul li a { padding:calc(0.6em - 1px) 0.6em; position:relative; } #project_tags {padding-top:0.8rem !important; }*/ ul#projectview li a#thumbnails::after{ border:1px solid #000; display:inline-block; content:""; height:24px; width:24px; position:absolute; top:50%; right:1rem; transform:translateY(-50%); margin-left:1em; background-repeat:no-repeat;} ul#projectview li a#list span{ border:1px solid rgba(255,255,255,0); display:inline-block; content:""; height:24px; width:24px; position:absolute; top:50%; right:1rem; transform:translateY(-50%); margin-left:1em; background-repeat:no-repeat;} ul#projectview li a#list span::before, ul#projectview li a#list span::after{ content:""; display:block; position:absolute; width:24px; height:6px; border-top:1px solid #000; border-bottom:1px solid #000; } ul#projectview li a#list span::before { top:1px; left:0; } ul#projectview li a#list span::after { bottom:1px; left:0; } #project_tags { margin-bottom:2rem; } @media screen and (min-width:1024px){ #project_tags { position:relative; } #projectslisting #project_tags ul li, #projectslisting #project_tags ul li:nth-child(4n+4) {width:calc(50% - ((36px * 1) / 2)); margin:0 36px 1.2rem 0; } #projectslisting #project_tags ul li:nth-child(2n+2) { margin-right:0; } #projectslisting #projectview, #projectslisting #project_tags { float:left;} #projectview { width:calc(16.66666666666667% - ((36px * 5) / 6)); margin-right:36px; } #projectslisting #project_tags { width:calc(83.33333333333333% - ((36px * 1) / 6)); } #projectslisting #project_tags ul { padding-left:calc(20% - ((36px * 4) / 5) + 36px); } #projectslisting #project_tags h3 { position:absolute; top:0; left:0; padding-left:0 !important; padding-right:0 !important; text-align:right; width:calc(20% - ((36px * 4) / 5)); } } @media screen and (min-width:1300px){ #projectslisting #project_tags ul li, #projectslisting #project_tags ul li:nth-child(2n+2) {width:calc(25% - ((36px * 3) / 4)); margin:0 36px 1.2rem 0; } #projectslisting #project_tags ul li:nth-child(4n+4) { margin-right:0; } } @media screen and (min-width:601px) and (max-width:1023px){ } @media screen and (max-width:600px){ .module { width:100%; } } #project_thumbnails { display:none; } ul#project_list { clear:both; display:none; } ul#project_list li { margin-bottom:2rem; } ul#project_list li a {/*font-family:'Montserrat';*/font-weight:600; text-decoration:none; color:#000; padding:1.2em 1em; display:block; background:#e3dfe0; } ul#project_list li a:hover { background:#4e4a4b; color:#FFF; } /*@media screen and (min-width:1024px){ #projectsmenu .projectsnav, #projectsmenu .projectsnav:nth-child(3n+4) {float:left; margin:0 36px 36px 0 !important; width:calc(25% - ((36px * 3) / 4)) !important; } #projectsmenu .projectsnav:nth-child(4n+5){ clear:none !important; } #projectsmenu .projectsnav:nth-child(4n+5), .projectsnav:nth-child(4n+5) * { margin-right:0 !important; } } @media screen and (min-width:601px) and (max-width:1023px){ #projectsmenu .projectsnav{float:left; margin:0 36px 36px 0 !important; width:calc(50% - ((36px * 1) / 2)) !important; } #projectsmenu .projectsnav:nth-child(2n+3){ margin-right:0 !important; } }*/ #mobilenav .projectsnav { float:none; margin:0 0 0 0 !important; width:auto !important;} .projectheader_line { border-bottom:1px solid rgba(0,0,0,0.5); margin-bottom:3rem; padding-top:3rem; } .projectheader { margin-top:6rem; } .projectheader h2 { margin-bottom:1rem; font-size:2.7rem; } .noline p { border:none !important; padding:0 0 !important; margin-bottom:1em; height:5rem; line-height:5rem; } .sidebar .cta a { width:calc(100% - 11rem) !important; } .project_module .content{ min-height:300px !important; } .project_module .gradient p a { color:white !important; text-decoration:none !important;} @media screen and (max-width:600px){ /*#breadcrumbs { margin:-20px 0 0; height:0; overflow:hidden; } */ #breadcrumbs * { font-size:1px !important; color:white !important;} #breadcrumbs *::after { content:"" !important; } } ul.projectlistings { } ul.projectlistings li { margin:0 !important; } ul.projectlistings li ul { margin:0 0 2rem 0 !important; } ul.projectlistings li a{ display:block; position:relative; background:#e3dfe0; border:1px solid #e3dfe0; color:#000; text-decoration:none; padding:calc(1.2rem - 1px) 1rem; margin:0 0 5px; } ul.projectlistings>li>a{ background:none; border:none; } ul.projectlistings>li>h3 {padding:0 1rem; margin:0 0 calc(1rem + 5px) 0 !important; } ul.projectlistings li a:hover { background:#4e4a4b; color:#FFF; } .projectlistingsarea h2 { border-bottom:1px solid rgba(0,0,0,0.5) !important; padding:0 1rem 1.6rem; } /*body.single-projects .wrapper, body.single-projects .textcol { background:rgba(255,0,255,0.2);} width:calc(50% - ((36px * 1) / 2)); margin-left: calc(25% - ((36px * 3) / 4) + 36px); */ /*.partner_profiles { margin:0 auto; padding:0 20px; clear:both; max-width:1500px; position:relative; transition:all 0.1s ease; } @media screen and (min-width:641px){ .partner_profiles { padding:0 30px; } } @media screen and (min-width:1404px){ .partner_profiles { padding:0 60px; } } */ #partnersarea {background:#bdb7b7; position:relative; } #partnersarea #map-canvas { width:100%; height: 100%; position:absolute; top:0; left:0; z-index:50; } #partnersarea .wrapper {position:relative; z-index:60; pointer-events: none;} #project_partners, #associate_partners { pointer-events:auto; } #project_partners_wide, #project_partners { padding-top:36px !important; } #associate_partners { clear:both; width:100%; } .partner_profile { float:left; margin:0 36px 36px 0; position:relative; } .partner_profile a { color:#AE1109; text-decoration:none; font-weight:600;} .partner_profile a:hover { color:#000; text-decoration:underline;} .partner_profile .headshot { height:0; width:100%; padding-bottom:100%; background-size:cover; background-position:center; margin:0; -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%); /*filter: url(desaturate.svg#greyscale);*/ } .partner_profile .content { display:none; display:block; float:left; background:rgba(230,230,230,0.5); margin-top:3rem;} .partner_profile .content .padding { padding:1rem; } .partner_profile header { height:16rem; padding:1.2rem 1.4rem 40px; clear:both; background:rgba(235,235,235,1); position:relative; } #leaderprofile header { height:auto; padding:1.2rem 1.4rem 1.4rem; } #associate_partners .associate_partners_heading { padding-left:1.4rem; margin-top:-36px; margin-bottom:1em; } .partner_profile h3 { /*margin:0;*/ /*font-size:2rem;*/ position:relative; } .profilename p.leader { font-size:1.8rem; } .profilename { position:relative; margin-bottom:1rem; } .associate_profile .profilename,#leaderprofile .profilename { padding-left:0; } /*.partner_profile header {padding-left:calc(1.4rem + 30px + 1.4rem); } */ .associate_profile header, #leaderprofile header{ padding-left:1.4rem; } .partner_profile h3 span.letter { width:30px; height:30px; display:inline-block; background-size:cover; position:absolute; top:1.7rem; left:0; transform:translateY(-50%); left:calc(-30px - 1.4rem); display: none !important; } .partner_profile p { margin-bottom:0.75em; font-size:1.6rem; line-height:1.2 } /*.partner_profileheading { clear:both; width:100% !important; margin-right:0 !important; margin-bottom:36px; } .partner_profileheading h2 { padding:2rem; font-size:2.2rem; margin:0; } */ .openprofile header { background:#134267 !important; color:#FFF; } .partner_profile header::after { position:absolute; font-family:'icons'; content:"\e923"; color:rgba(19,66,103,0); font-weight:normal; top:calc(100% - 18px); left:1.4rem; line-height:1; font-size:18px; margin:0;} .partner_profileheading header::after { content:""; } .openprofile header::after { top:calc(100% - 1px);color:#134267; } #projecttags h3 { font-weight:400; font-size:1.8rem; margin-bottom:1em; } #content #projecttags ul li {list-style:none !important; margin-left:0 !important; } #projecttags ul li a { display:inline-block; background:#f1f1f1; color:#000; text-decoration:none; padding:0.5em 1em; } #projecttags ul li a:hover { background:#4e4a4b; color:#FFF; } .project_publication { } .project_publication hr { border:none; border-bottom:1px solid rgba(0,0,0,0.5) !important; margin-top:36px; margin-bottom:2rem; width:auto !important; clear:both; } .project_publication img { display:block; width:100%; height:auto; margin-bottom:36px; } nav#project_tags ul { } nav#project_tags li, nav#project_tags h3 { clear:left; margin-left:0 !important; padding-left:0 !important;} @media screen and (min-width:1024px){ .project_publication hr { margin-left:calc(25% - ((36px * 3) / 4) + 36px); } .ctaholder {width:calc(25% - ((36px * 3) / 4)); float:left; margin-left:36px; } nav#project_tags, #projecttags { width:calc(25% - ((36px * 3) / 4)); float:left; margin-left:calc(-50% + (36px / 2)); margin-left: calc(-75% + (36px * 0.75) - 36px) ; } .unclickable li { opacity:0.5 !important; } .partner_profile { width:calc(25% - ((36px * 3) / 4)); } #project_partners { width:calc(50% - (36px / 2)); } #project_partners .partner_profile { width:calc(50% - ((36px * 1) / 2)); } #leaderprofile { margin:0 0 36px 36px !important;} .partner_profile header { height:16rem; } .partner_profile .content{ width:calc(200% + 36px); } #associate_partners .partner_profile:nth-child(4n+4){ margin-right:0 !important; } #associate_partners .partner_profile:nth-child(4n+5){ clear:both; } #project_partners .partner_profile:nth-child(2n+2){ margin-right:0 !important; } #project_partners .partner_profile:nth-child(2n+3){ clear:both; } .partner_profile:nth-child(4n+4) .content { float:right; } #project_partners_wide { width:100% !important;} #project_partners_wide .partner_profile { width:calc(25% - ((36px * 3) / 4)); } #project_partners_wide .partner_profile:nth-child(4n+4){ margin-right:0 !important; } #project_partners_wide .partner_profile:nth-child(4n+5){ clear:both; } } @media screen and (min-width:1280px){ .project_publication hr { margin-left:calc(25% - ((36px * 3) / 4) + 36px); } .ctaholder {width:calc(25% - ((36px * 3) / 4)); float:left; margin-left:36px; } nav#project_tags, #projecttags { width:calc(25% - ((36px * 3) / 4)); float:left; margin-left:calc(-50% + (36px / 2)); margin-left: calc(-75% + (36px * 0.75) - 36px) ; } .unclickable li { opacity:0.5 !important; } .partner_profile { width:calc(25% - ((36px * 3) / 4)); } #project_partners { width:calc(50% - (36px / 2)); } #project_partners .partner_profile { width:calc(50% - ((36px * 1) / 2)); } #project_partners .partner_profile { width:calc(33.33333333% - ((36px * 2) / 3)); } #project_partners .partner_profile:nth-child(2n+2){ margin-right:36px !important; } #project_partners .partner_profile:nth-child(3n+3){ margin-right:0 !important; } #project_partners .partner_profile:nth-child(2n+3){ clear:none; } #project_partners .partner_profile:nth-child(3n+4){ clear:both; } #associate_partners .partner_profile{ width:calc((100% / 6) - ((36px * 5) / 6)); } #associate_partners .partner_profile:nth-child(4n+4){ margin-right:36px !important; } #associate_partners .partner_profile:nth-child(4n+5){ clear:none !important; } #associate_partners .partner_profile:nth-child(6n+6){ margin-right:0 !important; } #associate_partners .partner_profile:nth-child(6n+7){ clear:both !important; } #leaderprofile { margin:0 0 36px 36px !important;} .partner_profile header { height:16rem; } .partner_profile .content{ width:calc(200% + 36px); } .partner_profile:nth-child(4n+4) .content { float:right; } #project_partners_wide { width:100% !important;} #project_partners_wide .partner_profile { width:calc(25% - ((36px * 3) / 4)); } #project_partners_wide .partner_profile:nth-child(4n+4){ margin-right:0 !important; } #project_partners_wide .partner_profile:nth-child(4n+5){ clear:both; } } @media screen and (min-width:851px) and (max-width:1023px){ .ctaholder { clear:both; margin-left: calc((100% * 2 / 12) - ((36px * 1) / 2) + 36px); } } @media screen and (min-width:601px) and (max-width:1023px){ #partnersarea #map-canvas, #leaderprofile { display:none; } .partner_profile { width:calc(50% - ((36px * 1) / 2)); } .partner_profile header { height:16rem; } .partner_profile:nth-child(2n+2){ margin-right:0 !important; } .partner_profile:nth-child(2n+3){ clear:both; } .partner_profile:nth-child(2n+2) .content { float:right; } .partner_profile .content{ width:calc(200% + 36px); } } @media screen and (max-width:600px){ .partner_profile { width:100%; margin:0 0 36px 0; } .ctaholder { clear:both; } #partnersarea #map-canvas, #leaderprofile { display:none; } .partner_profile header { height:auto; } .partner_profileheading .headshot { padding:0; height:auto;} } .partner_profile .opentext { position:absolute; left:2rem; bottom:2rem; line-height:1; margin:0;} .partner_profile .opentext::after { font-family:icons; content:"\e917"; } .openprofile .opentext::after {content:"\e914"; } /* .ibox { background:white; width:250px; display:block; padding:20px; -webkit-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.4); box-shadow: -5px 5px 5px 0px rgba(0,0,0,0.4);} img[src$="close.svg"] { width:20px; height:20px;} .ibox h3 { font-size:1.6rem; padding-right:20px; } .ibox h3 a { color:black; } .ibox h3 a:hover {text-decoration:none !important;} .ibox p.cta { margin:0; } .ibox p.cta a { padding:0.5em 3em; display:inline-block; background:#05AC4C; color:white; font-family:'TGC',sans-serif; font-weight:bold; font-size:1.4rem; line-height:1; } .ibox p.cta a:hover { text-decoration:none !important; background:black; } */ .newmarker { width:12px; height: 12px; background: #fdff01; border-radius: 50%; opacity: 1; transform: translate(-6px,0); } .newmarker>div { width:12px; height: 12px; } .newmarker>div>div{ background:#fff; width:80px; min-height:80px; padding: 5px 5px 0; opacity: 1; position: absolute; left: 50%; bottom:calc(100% + 5px); transform: translate(-50%,0); z-index: 40; -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); } .newmarker>div::after{ display: block; content:""; position: absolute; z-index: 30; z-index: 41; /* width: 10px; height: 10px; background: white; */ width: 0; height: 0; border-top: 6px solid transparent; border-right: 6px solid #FFF; border-bottom: 6px solid #FFF; border-left: 6px solid transparent; } /*.newmarker>div.above>div::before { display: block; content:""; position: absolute; top: 1px; left: 1px; width: 100%; height:100%; background: rgba(0,0,0,0.8); filter: blur(4px); z-index: -1; } */ .newmarker>div.above::after { bottom:100%; left: 50%; transform: translate(-50%,0) rotate(45deg); -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); } .newmarker>div.under>div {bottom:auto; top:calc(100% + 5px); } .newmarker>div.under::after { top: 100%; left: 50%; transform: translate(-50%,0) rotate(225deg);} .newmarker>div.right>div {bottom:auto; top:50%; transform: translate(0,-50%); left:calc(100% + 5px); } .newmarker>div.right::after {left: 100%; transform: rotate(135deg); } .newmarker>div.left>div {bottom:auto; top:50%; transform: translate(0,-50%); left: auto; right:calc(100% + 5px); } .newmarker>div.left::after {right: 100%; transform:rotate(-45deg); -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.4); } .newmarker img { display: block; width: 80px; height: 40px; margin-bottom: 5px; object-fit: contain; } .newmarker h3 { font-size:1.2rem; font-weight:600; margin:0 0 5px; text-align:left; text-align:center; line-height:1.2; display: block;} .ibox { background:rgba(255,255,255,0.2); background:#fff; width:170px;/**/ padding:15px 15px 10px 15px; -webkit-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.5); -moz-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.5); box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.5); position:relative; z-index:10; } .ibox::after { content:""; position:absolute; z-index:9; left:50%; left:calc(50% - 8px); bottom: -10px; background:none; border-width: 10px; border-style: solid; border-color: transparent #FFF #FFF transparent; display:block; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform:rotate(45deg);/**/ -webkit-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.5); -moz-box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.5); box-shadow: 6px 6px 6px 0px rgba(0,0,0,0.5); } img[src$="close.svg"] { width:10px; height:10px; z-index:999; position:relative; top:-5px; right:-5px; } .ibox h3 { font-size:1.4rem; font-weight:600; margin:0; text-align:left; text-align:center; line-height:1.2; } .ibox p { font-size:1.4rem; font-weight:400; margin:0 0 0.5rem; line-height:1.3; } .ibox h3 a { color:black; } .ibox h3 a:hover {text-decoration:none !important;} .ibox_crest { margin:0 0 1rem; height:60px; background-size:contain !important; background-position:center bottom !important; background-repeat:no-repeat !important; overflow:hidden; text-indent:-300px; } #allprojects { margin:6rem 0 0;} #allprojects header{ background:#380000;background:#0A7291; } #allprojects nav#programmes{ background:#ae1109; } #programmes { padding:3rem 0 4rem; } #programmes table { width:100%; line-height:1.2; } #programmes table tr { display:block;border:1px solid transparent; } #programmes table tr.years { border:1px solid transparent; border-bottom:1px dotted rgba(255,255,255,0.5); } #programmes table tr.years { font-weight:600; } #programmes table th, #programmes table td { font-size:1.6rem; color:white; vertical-align:top; display:inline-block !important; margin-right:36px; } #programmes table th { width:calc((100% - (36px * 11)) / 12); } #programmes table td { width:calc(((100% - (36px * 11)) / 6) + 36px) ; } #programmes table th { padding:1rem 1.2rem; } #programmes table tr a {display:block; width:calc(100% - 2.4rem); padding:1rem 2.4rem 1rem 1.2rem; position:relative; left:-1.2rem; text-decoration:none; color:white; transition:all 0.2s ease; } #programmes table tr.themes a {border-bottom:2px solid rgba(255,255,255,0.5); min-height:3.6em; } #programmes table tr a.hover { background:rgba(0,0,0,0.1); } #programmes table tr a.current{ background:rgba(0,0,0,0.2); } #programmes table tr.themes a.current { border-bottom:4px solid rgba(255,255,255,1); padding:1rem 2.4rem calc(1rem - 2px) 1.2rem; } .halfpie { float:left; width:calc(50% - 18px - 36px - 36px); padding:18px 36px; width:calc(50% - 18px); padding:18px 0; margin:0; margin-bottom:36px; background:#949494; } .halfpie1 { margin-right:36px; } #content .halfpie h3 { font-size:2.4rem; margin:0 36px;} .halfpie .chartholder { width:100%; height:0; padding-bottom:80%; position:relative; } .halfpie .chartholder .chart { width:100%; height:100%; position:absolute; top:0; left:0; } @media screen and (max-width:1023px){ .halfpie { width:calc(100% - 36px - 36px); width:calc(100%); } } #heatmaparea { clear:both;background:#bdb7b7; position:relative; min-height:650px;min-height:750px; min-height:900px; margin-bottom:-30px !important; } #heatmaparea #heatmap { position:absolute; top:0; left:0; width:100%; height:100% !important; } /*#heatmap {max-height:700px;} */ #heatmaparea_wrapper #heatmap_list { position:relative; z-index:99; width:calc(50% - (36px / 2)); pointer-events:auto; padding-top:36px !important; } #heatmap_list h2 { margin:0 0 2rem 36px; font-size:2.7rem; } #projectsbycountry { background:white; padding:36px 36px 2.4rem; margin-bottom:36px; } @media screen and (max-width:1023px){ #projectsbycountry { width:calc(100% - 36px - 36px); } } #projectsbycountry ol li a { display:block; padding:1rem 0; text-decoration:none; color:black; transition:all 0.2s ease; padding-left:4rem; padding-right:1rem; width:calc(100% + 4.75rem - 36px - 36px + 0.5rem); width:calc(100% - 4rem - 1rem); } #projectsbycountry ol li a:hover { /*text-decoration:underline;*/ padding:1rem 1rem 1rem 4.5rem; background:#fdff01; width:auto; width:calc(100% - 36px + 0.5rem); width:calc(100% - 4.5rem - 1rem); } #projectsbycountry ol { counter-reset: ol-counter; } #projectsbycountry ol li { position:relative; padding-left:1.5em; padding:0; margin:0; } #projectsbycountry ol li:before { position:absolute; padding:1rem 0.3rem 1rem 0; top:0; left:0; font-weight:700; text-align:center; width:1.2em; display:block; content: counter(ol-counter); counter-increment: ol-counter; transition:all 0.2s ease; } #projectsbycountry ol li:hover::before { left:0.5rem; } @media screen and (max-width:1023px){ #projectsbycountry { width:calc(100% - 36px - 36px); } } @media screen and (max-width:600px){ .anchorlinks li a[href*="#projects-by-country"], #heatmaptitle, #heatmaparea, #projectsbycountry { display:none !important; } }.anchorholder {border-top:none; margin-bottom:0; background:#ebebeb; /*border-bottom:2px solid #ebebeb;*/ padding:1rem 0 1rem; overflow:hidden; } @media all and (max-width: 600px) { .anchorholder {padding:3rem 0 1rem;} } div.anchorholder .wrapper { } div.anchorholder ul.anchorlinks { margin:0 !important; } .anchorholder .anchorlinks li { /*font-family:'Montserrat',sans-serif;font-weight:600; */ font-size:1.6rem; position:relative; margin:0.2em 0 0 !important; color:#134267; line-height:0.6666666666666667; line-height:1.222222222222222; position:relative; overflow:hidden; line-height:1; } .anchorholder .anchorlinks li a { /*border-bottom:1px solid rgba(33,96,147,0.5); */display:block; color:#134267; text-decoration:none; /*padding-top:0.6666666666666667em; padding-bottom:0.6666666666666667em; */transition:all 0.2s ease; line-height:1.2; padding:0.5em 0.75em 0.5em 0; padding:0 1em 0 0; color:#000; } /*.anchorholder .anchorlinks li a::after { font-family:icons; content:"\e900"; margin-left:0.25em; font-size:1.4rem; top:50%; transform:translateY(-50%); right:0; position:absolute; }*/ .anchorlinks li a:hover {color:#d12233; } .anchorlinks { margin-bottom:0 ;} #anchorholder_fixed {display:none; } @media all and (min-width: 601px) { .anchorholder .anchorlinks li { /*width:calc(33.33333% - ((36px * 2) / 3)); margin:0 36px 0 0 !important; float:left;*/ display:inline-block; position:relative; top:1px; } div.anchorholder ul.anchorlinks li { margin-right:1em !important; border-right:1px solid #666;} div.anchorholder ul.anchorlinks li:last-child { border:none;} /*.anchorholder .anchorlinks li:nth-of-type(3n+3){ margin-right:0 !important; } */ #anchorholder_fixed {display:block; position:fixed; top:-60px; width:100%; left:0; z-index:999; transition:all 0.2s ease; opacity:0; } #anchorholder_fixed.seen { top:0; opacity:1; } } @media all and (max-width: 600px) { .anchorholder .anchorlinks li { width:calc(50% - (2px / 2)); margin:0 0 0 0 !important; float:left; display:inline-block; position:relative; top:1px; } .anchorholder .anchorlinks li a { display:block; padding:8px 0 10px;} div.anchorholder ul.anchorlinks li { margin-right:0 !important; } div.anchorholder ul.anchorlinks li:last-child { border:none;} /*.anchorholder .anchorlinks li:nth-of-type(3n+3){ margin-right:0 !important; } */ #anchorholder_fixed {display:block; position:fixed; top:-60px; width:100%; left:0; z-index:999; transition:all 0.2s ease; opacity:0; padding:1rem 0 1rem; } #anchorholder_fixed.seen { top:0; opacity:1; } } a.named_anchor { display:block; font-size:1px; color:rgba(255,255,255,0) !important; text-indent:-999px; height:0; overflow:hidden; }#enhanced_caption { background:rgba(0,0,0,0.6); position:relative;} #enhanced_caption, #enhanced_caption a { color:white; text-decoration:none; } #enhanced_caption div { padding:3rem;} #enhanced_caption p { margin:0 0 1rem; } #enhanced_caption h3 { margin:0; padding-bottom:7.5rem; } #enhanced_caption p.cta { } #enhanced_caption p.cta a { display:inline-block; width:auto; } #enhanced_caption_holder #enhanced_caption p.cta{ position:absolute; bottom:2rem; left:3rem !important; } #mainintrowrapper #captionplaceholder { margin-right:0 !important;background:none !important; /**/ position:absolute; top:0; right:20px; } @media screen and (min-width:601px) and (max-width:1023px){ .module { width:calc(((100% - 40px) / 2) - ((36px * 1) / 2)); } } @media screen and (min-width:641px){ #mainintrowrapper #captionplaceholder { right:30px; width:calc(((100% - 60px) / 2) - ((36px * 1) / 2)); } } @media screen and (min-width:1024px){ #mainintrowrapper #captionplaceholder { width:calc(((100% - 60px) / 3) - ((36px * 2) / 3)); } } @media screen and (min-width:1404px){ #mainintrowrapper #captionplaceholder { right:60px; width:calc(((100% - 120px) / 3) - ((36px * 2) / 3)); } } @media screen and (min-width:601px) and (max-width:1023px){ .module { width:calc(50% - ((36px * 1) / 2)); } .module:nth-child(2n+2){ margin-right:0 !important; } .module:nth-child(2n+3){ clear:both; } } @media screen and (max-width:600px){ .module { width:100%; } } /* .wrapper { margin:0 auto; padding:0 20px; clear:both; max-width:1500px; position:relative; transition:all 0.1s ease; } @media screen and (min-width:641px){ .wrapper { padding:0 30px; } } @media screen and (min-width:1404px){ .wrapper { padding:0 60px; } } */ #mainintro { clear:both; } #enhanced_caption_holder.inactive {display:none;} @media screen and (max-width:1023px){ #mainintrowrapper #captionplaceholder { display:none; } } @media screen and (min-width:1024px){ #mainintrowrapper #captionplaceholder { } } @media screen and (min-width:1400px){ #mainintrowrapper #captionplaceholder {display:block; } #mainintro { clear:none; } } #mainintrowrapper #captionplaceholder { /*background:none !important; display:none !important;*/} #mainintrowrapper #captionplaceholder #enhanced_caption { width:100%; position:absolute; bottom:0; left:0;} #captionshow { transition:all 0.3s ease; } #captionshow.captionshown_turn { transform:rotate(90deg); background:#ae1109;opacity:1; } body.home #captionshow { opacity:0; -moz-animation: flickerload 1s linear forwards; -webkit-animation: flickerload 1s linear forwards; animation: flickerload 1s linear forwards; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; } @-webkit-keyframes flickerload { 0% { opacity: 0; background:#ae1109;} 1% { opacity:0.33;} 3% { opacity: 0.33;} 4% { opacity: 0;} 16% { opacity: 0;} 17% { opacity: 0.33;} 20% { opacity: 0.33;} 21% { opacity: 0;} 29% { opacity: 0;} 30% { opacity: 0.4;} 36% { opacity: 0.4;} 37% { opacity: 0;} 40% { opacity: 0;} 42% { opacity: 0.4;} 47% { opacity: 0.4;} 48% { opacity: 0;} 50% { opacity: 0;} 51% { opacity:0.5;} 53% { opacity: 0.5;} 54% { opacity: 0;} 66% { opacity: 0;} 67% { opacity: 0.666;} 70% { opacity: 0.666;} 71% { opacity: 0;} 79% { opacity: 0;} 80% { opacity: 0.75;} 86% { opacity: 0.75;} 87% { opacity: 0; } 90% { opacity: 0;} 92% { opacity: 0.8;} 97% { opacity: 0.8;} 98% { opacity: 0; background:#ae1109;} 99% { opacity: 0;background:rgba(0,0,0,0.6);} 100% { opacity: 1;} } /*@-moz-keyframes flickerload { 0% { opacity: 0;} 50% { opacity: 0;} 51% { opacity:0.333;} 53% { opacity: 0.333;} 54% { opacity: 0;} 66% { opacity: 0;} 67% { opacity: 0.5;} 70% { opacity: 0.5;} 71% { opacity: 0;} 79% { opacity: 0;} 80% { opacity: 0.666;} 86% { opacity: 0.666;} 87% { opacity: 0;} 90% { opacity: 0;} 92% { opacity: 0.8;} 97% { opacity: 0.8;}98% { opacity: 0;} 99% { opacity: 0;} 100% { opacity: 1;} } @keyframes flickerload { 0% { opacity: 0;} 50% { opacity: 0;} 51% { opacity:0.333;} 53% { opacity: 0.333;} 54% { opacity: 0;} 66% { opacity: 0;} 67% { opacity: 0.5;} 70% { opacity: 0.5;} 71% { opacity: 0;} 79% { opacity: 0;} 80% { opacity: 0.666;} 86% { opacity: 0.666;} 87% { opacity: 0;} 90% { opacity: 0;} 92% { opacity: 0.8;} 97% { opacity: 0.8;}98% { opacity: 0;} 99% { opacity: 0;} 100% { opacity: 1;} } */#footer2, #footer3 { background:#20292f; } #footerX { padding:2rem 0 2rem; } #footerX h3 { font-weight: 300; color: rgba(255,255,255,0.75); border-bottom: 1px solid rgba(255,255,255,0.75); font-size: 2.2rem; } #footerX #designer { margin:1rem 0 1rem; } #footer_logos { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; margin:0 !important; } #footer_logos::after{content:""; display: block;} #footer_logos li { position: relative; margin:0 20px 0 0 !important; } #footer_logos li a {display: block; width: 100%; height: 0; padding-bottom: 50%; overflow: hidden; position: relative; transition: all 0.2s ease; } #footer_logos li a:hover{transform: scale(1.1,1.1);} *::-ms-backdrop, #footer_logos li { margin: 0 !important;} *::-ms-backdrop, #footer_logos li { } *::-ms-backdrop, #footer_logos li a { } *::-ms-backdrop, #footer_logos li a svg{ height: 100%; position: absolute; width: 100%; } /*IE11 */ #footer_logos li span { position: absolute;top: -10px; left: -10px; opacity: 0; pointer-events: none;} #footer_logos li:nth-child(6n+6), #footer_logos li:last-child { margin-right: 0 !important; } @media screen and (min-width:1301px){ #footer_logos li { flex: 0 0 calc((100% / 6) - (20px * (5 / 6))) ; } #footer_logos li { flex: 0 0 calc((100% / 5) - (20px * (4 / 5))) ; } *::-ms-backdrop, #footer_logos li { flex: 0 0 16.666666%; flex: 0 0 20%; } /*#footer_logos li:nth-child(6n+6),*/ #footer_logos li:nth-child(5n+5), #footer_logos li:last-child { margin-right: 0 !important; } } @media screen and (min-width:1024px) and (max-width:1300px) { #footer_logos li { flex: 0 0 calc((100% / 4) - (20px * (3 / 4))); } *::-ms-backdrop, #footer_logos li { flex: 0 0 25%; } #footer_logos li:nth-child(4n+4), #footer_logos li:last-child { margin-right: 0 !important; } } @media screen and (min-width:851px) and (max-width:1023px){ #footer_logos li { flex: 0 0 calc((100% / 3) - (20px * (2 / 3))); } *::-ms-backdrop, #footer_logos li { flex: 0 0 33.33333333%; } #footer_logos li:nth-child(3n+3), #footer_logos li:last-child { margin-right: 0 !important; } } @media screen and (min-width:601px) and (max-width:850px){ #footer_logos li { flex: 0 0 calc((100% / 3) - (20px * (2 / 3))); } *::-ms-backdrop, #footer_logos li { flex: 0 0 33.33333333%; } #footer_logos li:nth-child(3n+3), #footer_logos li:last-child { margin-right: 0 !important; } } @media screen and (max-width:600px){ #footer_logos li { flex: 0 0 calc((100% / 2) - (20px * (1 / 2))); } #footer_logos li:nth-child(2n+2), #footer_logos li:last-child { margin-right: 0 !important; } }/**/ @media screen and (max-width: 800px){ #footer .footerlogoholder { margin-bottom: 40px; } }#cookieconsent { position: fixed; display: flex; flex-direction: column; top:0; left: 0; height: 100%; width: 100%; z-index: 999999; transition: all 0.6s ease; } #cookieconsent hr { border-bottom: 1px solid #216093 !important; border-bottom: 1px solid rgba(255,255,255,0.4) !important; } #cookieconsent.shown {background: rgba(0,0,0,0.6); } #cookieconsent>div {color: white; flex: 1; overflow: auto; background: #134267; background:#0A7291; padding: 30px; width: calc(90% - 40px); max-width: 500px;transform: translateX(-100%); transition: all 0.6s ease; } #cookieconsent.shown>div { transform: translateX(0); box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.5);} #cookieconsent>div a { color: white;} #consent, #consent_toggle span { opacity: 0; position: fixed; left: -100px;} #consent_toggle label { margin-left: auto; display:flex; justify-content: flex-end; align-content: center; align-items: center; cursor: pointer;} #consent_toggle { margin-left: auto; } #cookieconsent h3 { display: flex; align-items: center; justify-content: space-between;} #consent_toggle b { margin-left:1em; display: inline-block; width: 54px; height: 20px;background: rgba(0,0,0,0.4); position: relative; border-radius: 990px; } #consent_toggle b::after{ display:block; content:""; width: 26px; height: 26px; background: #adbdca; box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5); border-radius: 50%; position: absolute; left: -3px; top: 50%; transform: translateY(-50%); transition: all 0.2s ease;} #consent_toggle b::before {content:"Off"; display: inline-block; font-size: 12px; line-height: 20px; width: 32px; text-align: center; position: absolute; top: 0; right: 0; opacity: 0.8; font-weight:400; } #consent:checked~h3>#consent_toggle b { background: rgba(0,0,0,0.5); } #consent:checked~h3>#consent_toggle b::after { background: #FFF; left: auto; right:-3px; } #consent:checked~h3>#consent_toggle b::before {content:"On"; right:100%; transform: translateX(100%); opacity: 1;} button#dismiss { font-size: inherit; display: inline-block; background: rgba(255,255,255,0.9); padding: 0.6666em 1.5em; font-weight:600; color:#134267; margin: 12px 0 ; cursor: pointer; } button#dismiss:hover { background:#FFF;} @media all and (max-width: 600px) { #cookieconsent>div { padding: 20px; } #cookieconsent>div h2 { font-size: 2rem; } #cookieconsent>div h3 { font-size: 1.8rem; } #cookieconsent>div p { font-size: 1.4rem; } }