/*
Theme Name: EUTurbines
Author: Alys
Author URI: https://www.alys.be
*/
/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: top;
}
/* Global */
*{
margin:0;
padding:0;
}
html,body {
height:100%;
}
body {
font-size:16px;
line-height:26px;
color:#223044;
font-weight:300;
position:relative;
height: 100%;
margin: 0;
font-family: 'Raleway', 'Arial',sans-serif;
/* for footer */
/*background:#292929;*/
}
h1{
color:#CB333B;
font-size:48px;
margin-top:15px!important;
margin-bottom:20px!important;
font-weight:400;
line-height:52px;
}
h2{
color: #CB333B;
font-size: 28px;
margin: 25px 0 15px 0;
font-weight: 600;
line-height: 32px;
}
h3{
border: none;
text-align: left;
margin-top: 35px;
margin-bottom:10px!important;
padding: 0;
color: #666;
font-size: 24px;
line-height: 28px;
font-weight: 400;
}
h4{
border: none;
text-align: left;
margin: 25px 0 15px 0;
padding: 0;
color:#CB333B;
font-size: 22px;
line-height: 28px;
font-weight: 400;
}
p{
margin-bottom:15px;
}
li{
margin-bottom:10px;
}
.aligncenter{margin:0 auto;display:block;}
.wp-caption-text{font-size:11px; text-align:center;font-style:italic;}
img .alignleft, .alignleft{float:left;display:inline;margin-right:20px;}
img .alignright, .alignright{float:right;display:inline;margin-left:20px;}
img .alignright:after{content:" ";clear:both;}
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img{height:auto; max-width:100%;}
strong{font-weight:bold;}
em{font-style:italic;}
.clear{clear:both;}
.readmore{
color:#9e9783!important;
display:block;
padding:4px 0;
text-decoration:none!important;
text-align:center;
position:relative;
margin-top:15px;
}
.readmore:after{
content:" ";
background:url('images/seeall-arrow.png') 10px 0 no-repeat;
height:31px;
width:32px;
position:absolute;
padding-left: 10px;
top:0px;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
}
.readmore:hover, #teasers a:hover .readmore{
color:#5e6d8f!important;
}
.readmore:hover:after, #teasers a:hover .readmore:after{
background-position:bottom right;
}
figcaption{
text-align:center;
color:#999;
}
/*
.button{
background:#CB333B;
font-family: 'Oswald', sans-serif;
text-transform:uppercase;
color:#fff;
margin-top:10px;
font-size:16px;
display:inline-block;
padding:7px 40px;
text-decoration:none;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
letter-spacing: 0.4px;
}
.button:hover{
background:#1d3d6c;
color:#fff;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.48);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.48);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.48);
} */
.button{
border:2px solid #32373c;
color:#32373c;
padding:12px 24px;
font-size:18px;
text-decoration:none;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transform: scale(0.9);
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
display:inline-block;
}
.button:hover{
color:#CB333B;
border-color:#CB333B;
transform: scale(1);
-moz-transform: scale(1);
-webkit-transform: scale(1);
}
.button-style{
transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
transform:scale(0.9);
-moz-transform:scale(0.9);
-webkit-transform:scale(0.9);
}
.button-style:hover{
transform:scale(1.03);
-moz-transform:scale(1.03);
-webkit-transform:scale(1.03);
}
.button-nude{
text-transform:uppercase;
color:#223044;
letter-spacing: 0.4px;
text-decoration:none;
margin-top:0px;
font-size:12px;
display:inline-block;
padding:7px 40px;
position: relative;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
border:1px solid transparent;
}
.button-nude:hover{
color:#5C7F92;
border:1px solid #5C7F92;
}
.pdflink,
.wp-block-file a,
.single-intra-board-meeting a[href$=".pdf"],
.single-intra-board-meeting a[href$=".doc"],
.single-intranet-wg-meeting a[href$=".pdf"],
.single-intranet-wg-meeting a[href$=".doc"]{
text-decoration:none;
/*padding: 6px 0 6px 30px;*/
padding: 0px 0 0px 30px;
display:inline-block;
position:relative;
color:#CB333B;
}
.pdflink:before,
.wp-block-file a:before,
.single-intra-board-meeting a[href$=".pdf"]:before,
.single-intra-board-meeting a[href$=".doc"]:before,
.single-intranet-wg-meeting a[href$=".pdf"]:before,
.single-intranet-wg-meeting a[href$=".doc"]:before{
content:" ";
height:26px;
position:absolute;
top:0px;
left:0;
width:26px;
display:inline-block;
background:url('images/icon-publication.png') left 0px no-repeat;
/*background-size:26px 52px;*/
background-size: 22px 50px;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
}
.pdflink:hover,
.wp-block-file a:hover,
.single-intra-board-meeting a[href$=".pdf"]:hover,
.single-intra-board-meeting a[href$=".doc"]:hover,
.single-intranet-wg-meeting a[href$=".pdf"]:hover,
.single-intranet-wg-meeting a[href$=".doc"]:hover{
color:#666;
}
.pdflink:hover:before,
.wp-block-file a:hover:before,
.single-intra-board-meeting a[href$=".pdf"]:hover:before,
.single-intra-board-meeting a[href$=".doc"]:hover:before,
.single-intranet-wg-meeting a[href$=".pdf"]:hover:before,
.single-intranet-wg-meeting a[href$=".doc"]:hover:before{
background-position: left -26px ;
}
.bcontent{
/*
height: 100vh;
overflow:auto;
*/
}
img{
display:block;
}
.wrap{
width:1200px;
margin:0 auto;
}
a{
color: #CB333B;
}
a:hover{
text-decoration:none;
color:#CB333B;
}
.go-back-btn{
position:absolute;
width:100%;
bottom:20px;
z-index:2;
}
.go-back-btn div{
/*
max-width: 75rem;
width: calc(100% - 4rem);
margin:auto !important;*/
}
.go-back-btn .back{
text-decoration:none;
color:#fff;
line-height:16px;
padding:5px 8px;
border:1px solid #fff;
border-radius:3px;
}
.go-back-btn .back:hover{
opacity:0.5;
}
/* cacher captcha */
.grecaptcha-badge {display: none!important;}
blockquote{
border-left: 6px solid #CB333B;
padding: 0 0 0 130px;
margin:35px 0;
position:relative;
min-height:65px;
line-height:65px;
}
blockquote p{
text-align: justify;
font-size: 20px;
line-height:28px;
letter-spacing: -.2px;
margin-bottom:0;
color: #CB333B;
font-style:italic;
display:inline-block;
vertical-align:middle;
}
blockquote cite{
text-align:left;
color:#666;
display:inherit;
}
blockquote::before {
display: block;
content: "\201C";
font-size: 160px;
font-weight: 700;
height: 0.35em;
color: #CB333B;
left:20px;
margin:0 10px 0 -10px;
position: absolute;
top: 35px;
font-family: georgia;
}
.post-type-archive-publication .intern-banner .flex-caption{
bottom:15%;
}
.absolute-search{
position:absolute;
top:-50px;
width:100%;
}
.absolute-search #search{
background:#fff;
padding:5px 30px;
margin:0 auto;
}
.search-form-top{
float:right;
padding-top:12px;
}
#search{
width: auto; /*215px;*/
margin:-15px auto 15px;
}
.search-field{
height:30px;
background:none!important;
border:1px solid #ddd;
/*
border-top:none;
border-left:none;
border-right:none;*/
border-radius:0;
color:#666;
padding:10px 15px;
}
.sticky .search-field,
.sticky .searchsubmit{
color:#666;
}
.searchsubmit{
background:none!important;
padding:8px 5px!important;
outline:none;
border:0;
}
.searchsubmit span{
color:#747678;
}
.searchsubmit:hover{
cursor:pointer;
}
.searchsubmit:hover span{
color:#CB333B;
}
/* ------------------ */
/* MODIFICATIONS NOAH */
/* ------------------ */
/* animation logo */
.flex-caption .slide-title h1#title, .flex-caption .slide-title h1 {
-webkit-animation: fade-in-fwd 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: fade-in-fwd 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.flex-caption .slide-title h1 span {
-webkit-animation: fade-in-fwd 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
animation: fade-in-fwd 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
/* teasers animation */
#teasers li {
-webkit-animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: scale-in-ver-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
#teasers li h3 {margin-top: 10px!important;} /* supression d'un margin trop important avec le texte */
/* bug fix teasers */
.teaser-content {z-index: 15!important;}
/* j'ai mis #team-list li en display: none; pour l'animation jquery */
/* centrer le texte team list */
.title-country {text-align: center;}
/* grayscale team */
.team-img:not(.team-name) img {
filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
}
/* about slider */
#logo-support .thumb img{
transition: all ease-out 0.3s;
}
#logo-support .thumb:hover img{
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
filter: grayscale(0);
}
/* -- KEYFRAMES -- */
@-webkit-keyframes fade-in-fwd {
0% {
-webkit-transform: translateZ(-80px);
transform: translateZ(-80px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@keyframes fade-in-fwd {
0% {
-webkit-transform: translateZ(-80px);
transform: translateZ(-80px);
opacity: 0;
}
100% {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1;
}
}
@-webkit-keyframes scale-in-ver-bottom {
0% {
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
opacity: 1;
}
100% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
opacity: 1;
}
}
@keyframes scale-in-ver-bottom {
0% {
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
opacity: 1;
}
100% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
opacity: 1;
}
}
/* --- reusable block --- */
.stakeholder-block .wp-block-group__inner-container{
width: 100%;
min-height: 100%;
display:table;
height:inherit;
}
.stakeholder-block .wp-block-columns{
width: 100%;
height: 100%;
display:table-row;
}
.stakeholder-block .wp-block-column{
display: table-cell;
vertical-align: middle;
}
.stakeholder-block .wp-block-column:first-child{
width:8%;
}
.stakeholder-block .wp-block-column .wp-block-image{
margin-right:25px;
}
/* ---------------------------------- */
/* --------- WP5 gutenberg----------- */
.wp-block-image img{
height:auto;
}
.wp-block-file .wp-block-file__button{
display:none; /* hide default gutenberg download button */
}
.single .wp-block-embed-vimeo{
margin-top:45px;
}
.height-auto iframe{
height:150px!important;
}
.no-margin{
margin:0;
}
.ui-tabs-nav li{
background-image:none!important;
padding-left:0!important;
}
#page-content{
overflow: hidden;
}
.greybox100{
background:#fff;
padding:35px 0;
margin:35px 0;
position: relative;
}
.greybox100:before{
content:"";
background:#fff;
position:absolute;
z-index:-1;
top:0;
left:-50%;
width:100%;
height:100%;
}
.greybox100:after{
content:"";
background:#fff;
position:absolute;
z-index:-1;
top:0;
right:-50%;
width:100%;
height:100%;
}
.post-inner {
padding-top: 0;
}
[class*="__inner-container"] > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 75rem;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.post-inner ul{
padding-left:20px;
}
.post-inner ul li{
list-style:none;
position:relative;
}
.post-inner ul li:before{
content:"";
background:url('images/bullet-point.png') no-repeat;
background-size:cover;
height:15px;
width:15px;
position:absolute;
left:-20px;
top:6px;
}
.post-inner ul ul{
padding-left:30px;
}
.entry-content > * {
margin-left: auto;
margin-right: auto;
margin-bottom: 1.25em;
}
.entry-content > :not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
/* max-width: 58rem;*/
max-width: 75rem;
width: calc(100% - 4rem);
}
.alignright iframe, .alignleft iframe{
max-width:100%;
}
iframe[src*="youtube"],
iframe[src*="vimeo.com"]{
width:100%;
height:450px;
}
/* --- button --- */
.wp-block-button__link{
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.wp-block-button__link:hover{
color:#333!important;
border-color:#333!important;
transform: scale(1.05);
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
}
/* --- image mask shape -- */
.img-mask-shape img{
/*width: 450px;*/
height: auto !important;
-webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAwIDIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cGF0aCBkPSJNMTg4LjUgMzEuOWMxMi45IDE1LjkgMTIuNSA0My4zIDEwLjMgNzcuMXMtNi4yIDc0LjItMjYuMiA4Ni41LTU2LjEtMy4zLTg5LjQtMjEuMi02My43LTM4LjEtNzYuNC02OS44Qy01LjkgNzMtLjggMjkuOSAyMS42IDExLjcgNDQtNi40IDgzLjguNSAxMTYuNyA2LjFzNTkgMTAgNzEuOCAyNS44eiI+PC9wYXRoPjwvc3ZnPg==');
mask-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAwIDIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cGF0aCBkPSJNMTg4LjUgMzEuOWMxMi45IDE1LjkgMTIuNSA0My4zIDEwLjMgNzcuMXMtNi4yIDc0LjItMjYuMiA4Ni41LTU2LjEtMy4zLTg5LjQtMjEuMi02My43LTM4LjEtNzYuNC02OS44Qy01LjkgNzMtLjggMjkuOSAyMS42IDExLjcgNDQtNi40IDgzLjguNSAxMTYuNyA2LjFzNTkgMTAgNzEuOCAyNS44eiI+PC9wYXRoPjwvc3ZnPg==');
mask-mode: alpha;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.img-mask-shape-left img{
width: 404px;
height: auto !important;
-webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAwIDIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB0cmFuc2Zvcm09InNjYWxlKDEsLTEpIj48cGF0aCBkPSJNMTg4LjUgMzEuOWMxMi45IDE1LjkgMTIuNSA0My4zIDEwLjMgNzcuMXMtNi4yIDc0LjItMjYuMiA4Ni41LTU2LjEtMy4zLTg5LjQtMjEuMi02My43LTM4LjEtNzYuNC02OS44Qy01LjkgNzMtLjggMjkuOSAyMS42IDExLjcgNDQtNi40IDgzLjguNSAxMTYuNyA2LjFzNTkgMTAgNzEuOCAyNS44eiI+PC9wYXRoPjwvc3ZnPg==');
mask-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAwIDIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB0cmFuc2Zvcm09InNjYWxlKDEsLTEpIj48cGF0aCBkPSJNMTg4LjUgMzEuOWMxMi45IDE1LjkgMTIuNSA0My4zIDEwLjMgNzcuMXMtNi4yIDc0LjItMjYuMiA4Ni41LTU2LjEtMy4zLTg5LjQtMjEuMi02My43LTM4LjEtNzYuNC02OS44Qy01LjkgNzMtLjggMjkuOSAyMS42IDExLjcgNDQtNi40IDgzLjguNSAxMTYuNyA2LjFzNTkgMTAgNzEuOCAyNS44eiI+PC9wYXRoPjwvc3ZnPg==');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.shadow-block{
-webkit-box-shadow: 0 5px 30px -10px rgba(18,63,82,.3);
-moz-box-shadow: 0 5px 30px -10px rgba(18,63,82,.3);
box-shadow: 0 5px 30px -10px rgba(18,63,82,.3);
}
.shadow-block .wp-block-group__inner-container{
padding:20px;
}
.page-id-68 .shadow-block{
min-height:260px;
margin-bottom:25px;
}
.page-id-68 .shadow-block h3{
color:#CB333B;
min-height:57px;
}
.cover-file-bg a{
background:#fff;
padding:6px 15px 6px 45px;
}
.cover-file-bg a:before{
top:6px;
left:10px;
}
.wp-block-image img{
}
/* -- list style -- */
.list-style-icons{
}
.list-style-icons li{
list-style:none;
margin-top: 0 !important;
margin-bottom: 16px;
list-style: none !important;
text-indent: calc(var(--icon-size, 20px)*-1 - 1em) !important;
padding-left: calc(var(--icon-size, 20px) + 1em) !important;
break-inside: avoid;
}
.list-style-icons li::before {
content: "";
display: inline-block;
vertical-align: middle;
margin-right: 1em;
background-size: cover;
background-position: 50%;
margin-bottom: 5px;
height: 25px !important;
width: 25px !important;
background-image:url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTkwIDE5MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHlsZT0iZmlsbDogI2NiMzMzYiAhaW1wb3J0YW50OyBjb2xvcjogI2NiMzMzYiAhaW1wb3J0YW50Ij48cGF0aCBkPSJNNTkuNCAxNzcuNWw4Mi40LTgyLjQtODIuNC04Mi4zLTEwLjYgMTAuNiA3MS44IDcxLjctNzEuOCA3MS44IDEwLjYgMTAuNnoiIGZpbGw9IiNjYjMzM2IiIHN0cm9rZT0iI2NiMzMzYiIgc3R5bGU9ImZpbGw6IHJnYigyMDMsIDUxLCA1OSk7IHN0cm9rZTogcmdiKDIwMywgNTEsIDU5KTsiLz48L3N2Zz4=');
/* ---- + orange ----------
background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTkwIDE5MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHlsZT0iZmlsbDojMDZjMTlkIj48cGF0aCBkPSJNMTgxLjkgODcuNmgtNzkuM1Y4LjRoLTE1djc5LjJIOC40djE1aDc5LjJ2NzkuMmgxNXYtNzkuMmg3OS4zeiI+PC9wYXRoPjwvc3ZnPg==');
filter: brightness(100%) hue-rotate(225deg) saturate(100%) opacity(100%);
-webkit-filter: brightness(100%) hue-rotate(225deg) saturate(100%) opacity(100%);
-moz-filter: brightness(100%) hue-rotate(225deg) saturate(100%) opacity(100%); */
/*
*/
/* content: url('data:image/svg+xml; utf8, ');*/
}
.wp-block-cover .list-style-icons li{
color:#fff!important;
}
.wp-block-cover .list-style-icons li::before {
background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTkwIDE5MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHlsZT0iZmlsbDojZmZmZmZmIj48cGF0aCBkPSJNNTkuNCAxNzcuNWw4Mi40LTgyLjQtODIuNC04Mi4zLTEwLjYgMTAuNiA3MS44IDcxLjctNzEuOCA3MS44IDEwLjYgMTAuNnoiPjwvcGF0aD48L3N2Zz4=');
}
/* --- Publications gutenberg ----- */
/*
.page-id-11{
background:#f2f7f3;
}
.wp-block-file{
background:#fff;
max-width:350px;
display:block;
margin-top:30px;
}
.wp-block-file a{
text-decoration:none;
}
.wp-block-file a:first-child:before{
content:"";
position:absolute;
top:0;
left:0;
background:url('images/icon-button-download.png') center center no-repeat #96ccda;
width:100%;
height:120px;
}
.wp-block-file a:first-child{
padding:140px 2% 0 2%!important;
position:relative;
display:block;
text-align:center;
color:#338ba1;
background:#ececec!important;
min-height:80px;
line-height:26px!important;
}
.wp-block-file a:hover{
background:#338ba1!important;
color:#ffffff!important;
}*/
/* ---- TABLES ----- */
table{
border-right:1px solid #e9e9e9;
border-bottom:1px solid #e9e9e9;
max-width:100%;
min-width:100%;
margin:35px 0;
}
table th{
background:#CB333B;
color:#fff;
text-align:center;
vertical-align:middle;
font-weight:bold;
position:relative;
font-size:15px;
padding:7px 5px 7px 5px;
}
table td{
padding:1%;
border-left:1px solid #e9e9e9;
vertical-align:middle;
}
table tr:nth-child(2n+1) td{
background:#f8f8f8;
}
/* ======= HEADER ======= */
/* ==================== */
.bcontent{
/*position:relative; *//* for absolute footer */
/*height:100vh;*/
/*padding-bottom:135px;*//* height of absolute footer */
}
.home .bcontent{
height:auto;
}
/* for absolute footer bottom black */
/*
body.home{
background:#fff;
}*/
#site-content{
min-height:700px;
/* background:#fff; *//* for footer */
/* overflow:auto;*//* for footer */
}
.admin-bar #header{/*position:relative;*/top:30px;}
.admin-bar #slider, .admin-bar #banner{margin-top:0px;}
.admin-bar .sticky .wide-submenu{top:145px;}
#header{
position:fixed;
width:100%;
top:0px;
padding-top:0px;
z-index:30;
transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
background:#fff;
-webkit-box-shadow: 0px 3px 15px -2px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 3px 15px -2px rgba(0,0,0,0.35);
box-shadow: 0px 3px 15px -2px rgba(0,0,0,0.35);
}
/* -- sticky main menu after scroll -- */
.sticky #main-menu{
/*margin-top:35px;*/
}
.sticky #main-menu > li > a{
/*line-height:89px;*/
/*color:#CB333B;*/
/*line-height:55px;
text-shadow: none!important;*/
}
.sticky #main-menu li ul{
/*
background:#fff;
-webkit-box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.35);
box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.35);*/
}
.sticky #main-menu li:hover ul{
/*top:55px;*/
}
.sticky #main-menu li ul li a{
/*color:#223044;*/
}
.sticky .logo{
padding-top:15px;
top:0;
}
.sticky #top-menu,
.sticky #social{
/*display:none;*/
}
/*
.sticky #header {
background:#fff;
-webkit-box-shadow: 0px 3px 15px -2px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 3px 15px -2px rgba(0,0,0,0.35);
box-shadow: 0px 3px 15px -2px rgba(0,0,0,0.35);
}*/
.sticky .logo{
box-shadow:none;
}
.logo{
z-index:990;
float:left;
position:relative;
padding:20px 0 0 0;
width:190px;
display:block;
transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
/*
background:#fff;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.31);*/
}
.logo img{
width:70%;
height:auto;
display:block;
margin:0;
}
#header .wrap{
position:relative;
}
/* -- main menu --*/
#main-menu{
max-width:80%;
float:right;
padding:0;
margin-top:46px;
text-align:right;
transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
}
#main-menu li{
list-style:none;
display:block;
float:left;
position:relative;
font-weight:600;
margin-bottom:0;
}
#main-menu li a{
font-size:16px;
font-weight:400;
text-decoration:none;
display:block;
padding:15px 10px;
color:#18161b;
/*z-index:999;*/
}
#main-menu > li > a{
line-height:65px;
transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
/*
text-shadow: 0px 0px 2px rgba(0,0,0,0.6);
-webkit-text-shadow: 0px 0px 2px rgba(0,0,0,0.6);
-moz-text-shadow: 0px 0px 2px rgba(0,0,0,0.6); */
}
#main-menu li > a{
padding:0 13px;
position:relative;
text-transform:uppercase;
z-index:90;
font-weight:600;
}
.sticky #main-menu li > a:hover,
.sticky #main-menu .current-menu-item > a,
.sticky .current-page-parent > a,
.sticky .current-menu-ancestor > a,
.sticky .current-menu-parent > a{
color:#CB333B;
}
#main-menu > li:hover > a,
#main-menu li > a:hover,
#main-menu > .current-menu-item > a,
.current-page-parent > a,
.current-menu-ancestor > a,
.current-menu-parent > a{
color:#CB333B!important;
text-shadow: none!important;
}
.page-template-temp_media-center #main-menu .sub-menu > .current-menu-item > a{
color:#999!important;
}
.page-template-temp_media-center #main-menu .sub-menu > .current-menu-item > a:hover{
color:#CB333B!important;
}
/* -- submenu -- */
#main-menu > li:hover > ul{
visibility: visible;
opacity: 1;
top:65px;
display:block;
/*background-image: linear-gradient(to bottom, rgba(11,96,109,0.5), rgba(34,48,68,0.5));*/
background:#fff;
}
#main-menu >li> ul {
position:absolute;
float:none;
text-align:left;
z-index:89;
padding:14px 0;
/*background:#fff;*/
visibility: hidden;
display:none;
opacity: 0;
/* top: -350px;*/
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
border-top:2px solid #CB333B ;
-webkit-box-shadow: 0px 4px 5px 1px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 4px 5px 1px rgba(0,0,0,0.28);
box-shadow: 0px 4px 5px 1px rgba(0,0,0,0.28);
}
#main-menu > li > ul:after{
content:" ";
position:absolute;
display:block;
top:-12px;
left:25px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 12px 12px;
border-color: transparent transparent #CB333B transparent;
}
#main-menu >li> ul> li{
float:none;
}
#main-menu >li> ul> li> a{
display:block;
padding:6px 20px 6px 20px;
min-width:220px;
transition:none!important;
font-size:13px;
line-height:16px;
/*background: rgba(34,48,68,0.7);*/
color:#999;
/*position:relative;*/
}
#main-menu li ul li:first-child a{
/*padding-top: 14px;*/
}
#main-menu >li> ul> li> a:hover,
#main-menu >li> ul> .current> a,
#main-menu >li> ul> .current-menu-item> a{
color:#CB333B!important;
}
#main-menu >li> ul> li> a:hover:before{
content:"";
position:absolute;
left:0;
top:0;
height:100%;
width:1px;
border-left:7px solid #CB333B;
}
/* sub menu level 3 - 4 */
#main-menu li ul ul{
display:block;
visibility:visible;
opacity:1;
padding-left:30px;
position:relative;
top:0;
}
#main-menu li ul ul li{
float:none;
}
#main-menu li ul ul a{
font-size:13px;
padding:0;
line-height:16px;
color:#999;
text-transform:none;
}
#main-menu li ul ul .current-menu-item a{
color:#CB333B!important;
}
.login-tab a{
background:#1c7998!important;
color:#fff!important;
}
#main-menu .current-menu-item.login-tab > a, .current-page-parent.login-tab > a, .current-menu-ancestor.login-tab > a, .current-menu-parent.login-tab > a,
.login-tab a:hover,#main-menu .login-tab > a:hover,.current-menu-item.login-tab > a,
.single-pages-intranet .login-tab > a{
background:#8fcfbf!important;
color:#fff!important;
}
/* covid */
.special-item a{
position:relative;
z-index:99;
color:#fff!important;
text-shadow: none!important;
}
#main-menu > .special-item:hover > a, #main-menu .special-item > a:hover, #main-menu > .special-item.current-menu-item > a, .special-item.current-page-parent > a, .special-item.current-menu-ancestor > a, .special-item.current-menu-parent > a{
color:#fff!important;
}
.special-item a:after{
content:"";
position:absolute;
z-index:-1;
width:100%;
height:35px;
left:0;
top:15px;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
background:#CB333B;
}
.sticky .special-item a:after{
top:27px;
}
.special-item a:after{
background-image: linear-gradient(
to right,
#CB333B,
#CB333B 40%,
#E7484F 100%,
#E7484F 100%
/*
#E7484F,
#E7484F 16.65%,
#F68B1D 16.65%,
#F68B1D 33.3%,
#FCED00 33.3%,
#FCED00 49.95%,
#009E4F 49.95%,
#009E4F 66.6%,
#00AAC3 66.6%,
#00AAC3 83.25%,
#732982 83.25%,
#732982 100%,
#E7484F 100% */
);
animation:slidebg 2.4s linear infinite;
-webkit-animation:slidebg 2.4s linear infinite;
-moz-animation:slidebg 2.4s linear infinite;
}
@keyframes slidebg {
to {
background-position:20vw;
}
}
@-webkit-keyframes slidebg {
to {
background-position:20vw;
}
}
/* -- top menu -- */
#top-menu{
height:35px;
line-height:35px;
width:100%;
position:absolute;
z-index:9999;
}
#top-menu .right{
float:right;
/*background:#4c638e;
background: rgba(76,99,143,0.2);*/
padding-right: 130px;
padding-left:5px;
height:30px;
margin-top:15px;
position: fixed;
right: 0;
-webkit-transition: all .9s ease;
-moz-transition: all .9s ease;
-ms-transition: all .9s ease;
-o-transition: all .9s ease;
transition: all .9s ease;
}
.sticky #top-menu .right{
background:none;
margin-top:15px;
}
#header .wrap{
position:relative;
}
.top-menu{
float:left;
margin-right:15px;
}
.top-menu li{
list-style:none;
display:inline-block;
position:relative;
margin-bottom:0;
}
.top-menu li a{
text-decoration:none;
text-transform:uppercase;
font-size:11px;
line-height:31px;
color:#999;
padding:3px 8px;
}
.sticky .top-menu li a{
/*color:#CB333B; */
}
.top-menu li ul{
display:none;
position:absolute;
min-width:88%;
}
.top-menu li:hover > ul{
display:block;
}
.top-menu > li:hover > a,
.top-menu .current-menu-item > a,
.top-menu .current-page-ancestor > a{
color:#1d3d6c;
}
.top-menu li ul li{
display:block;
}
.top-menu li ul li a{
display:block;
background:#0085a1;
text-transform:none;
line-height:20px;
min-width:100%;
}
.top-menu li ul li a:hover{
background:#00a4bd;
}
.top-menu .sub-menu .current-menu-item > a{
background:#8ecbdb;
}
.logout-menu a{
text-transform:none!important;
}
/* -- social -- */
#social{
-webkit-transition: all .9s ease;
-moz-transition: all .9s ease;
-ms-transition: all .9s ease;
-o-transition: all .9s ease;
transition: all .9s ease;
height:22px;
position:absolute;
z-index:99999;
right:20px;
top:20px;
}
.sticky #social{
top:18px;
}
#social li{
list-style:none;
margin-left:6px;
display:inline-block;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
background-size:cover;
}
#social li a{
display:block;
color:#747678;
font-size:20px;
line-height:22px;
}
.sticky #social li a{
color:#747678;
}
#social li a:hover{
color:#CB333B;
}
/*
.linkedin{
background:url('images/icon-linkedin.svg') no-repeat;
background-position:center top;
}
.twitter{
background:url('images/icon-twitter.svg') no-repeat;
background-position:center top;
}
#social li:hover{
background-position:center bottom;
}
*/
/* ---- video home ---- */
.bgvid {
min-width: 100%;
/*width:100%;*/
height:100%;
min-height: 100%;
background-size: cover;
z-index: -100;
background:#000;
}
@media only screen and (min-width: 1600px) {
.bgvid {
width:100%;
height:auto;
}
}
/* ======= SLIDER ======= */
/* ====================== */
.flexslider{
background:none!important;
}
.power-logo{
position:absolute;
top:130px;
z-index:25;
width:100%;
}
.power-logo img{
width:200px!important;
height:auto;
margin:0 auto;
display:block;
}
/* onload takes already some space with colored background */
.home-banner {
min-height:450px;
background:#efefef;
margin-top: 110px;
padding-top:40px;
}
.home-banner #slider{
/* ratio 16:9 */
/*height:405px;
width:720px;*/
width:67%;
float:left;
border:none;
max-height:452px;
overflow:hidden;
}
.home-banner .slides{
/*height: 100%;*/
/*background:#ffb483; load with orange color */
}
.home-banner .slides > li {
background-position: center;
/*
height: 100%;
width: 100%;*/
/*display: none; */
-webkit-backface-visibility: hidden;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/* --- addition for zoom transition */
/* .slides li*/
#slide-img{
/*
height: 100%;
width: 100%;*/
/*transition: transform 11s ease-in;*/
/*
transition: transform 30s ease-in;
-webkit-transition: transform 30s ease-in;
-moz-transition: transform 30s ease-in; */
-webkit-backface-visibility: hidden;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
z-index: 1;
}
#slide-img:before,
.intern-banner:before{
/*
content:" ";
background:url('images/bg-slide.png') no-repeat;
position:absolute;
z-index:10;
top:0;
left:0;
width:100%;
height:100%;
background-size:cover; */
}
.intern-banner:before{
content:" ";
position:absolute;
z-index:1;
top:0;
left:0;
width:100%;
height:250px;
opacity:0.7;
background: rgba(22,55,102,1);
background: -moz-linear-gradient(top, rgba(22,55,102,1) 0%, rgba(0,0,0,0.33) 67%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(22,55,102,1)), color-stop(67%, rgba(0,0,0,0.33)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(22,55,102,1) 0%, rgba(0,0,0,0.33) 67%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(22,55,102,1) 0%, rgba(0,0,0,0.33) 67%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(22,55,102,1) 0%, rgba(0,0,0,0.33) 67%, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(22,55,102,1) 0%, rgba(0,0,0,0.33) 67%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#163766', endColorstr='#000000', GradientType=0 );
}
.intern-banner .flex-caption{
top:auto;
bottom:3%;
}
.intern-banner h1{
text-transform:uppercase;
display:inline-block;
font-size:75px;
padding:0 65px;
color:#fff;
font-weight:800;
line-height:62px;
max-width:80%;
margin:0 auto;
}
.intern-banner h1::after {
content: " ";
position: absolute;
bottom: -3px;
left: 0;
height: 68px;
width: 100%;
background: #CB333B;
z-index: -1;
}
/*.slides li.flex-active-slide */
.flex-active-slide #slide-img{
/*
transform: scale(1.2);
-webkit-transition:transform 30s;
-moz-transition:transform 30s;
-ms-transition:transform 30s;
-o-transition:transform 30s;
transition:transform 30s;
*/
}
.flex-caption{
top:46%;
/*top:340px;*/
/*display:none;*/
left:0;
position:absolute;
right:0;
text-align: center;
z-index:2;
}
.home .slide-title h1{
color:#fff;
font-weight:800;
font-size:42px;
line-height:52px;
max-width:80%;
margin:0 auto!important;
text-shadow: 2px 2px 3px rgba(0,0,0,0.69);
-moz-text-shadow: 2px 2px 3px rgba(0,0,0,0.69);
-webkit-text-shadow: 2px 2px 3px rgba(0,0,0,0.69);
text-transform:uppercase;
}
.home .slide-title h2{
text-shadow: 2px 2px 3px rgba(0,0,0,0.69);
-moz-text-shadow: 2px 2px 3px rgba(0,0,0,0.69);
-webkit-text-shadow: 2px 2px 3px rgba(0,0,0,0.69);
margin-top:0;
color:#fff;
}
.slide-title h1 span{
text-transform:none;
font-weight:400;
font-size:32px;
line-height:32px;
display:block;
margin-top:10px;
}
.slide-title p{
text-transform:none;
color:#fff;
font-weight:400;
font-size:32px;
line-height:32px;
display:block;
text-shadow: 2px 2px 3px rgba(0,0,0,0.69);
margin-bottom:0px;
font-style:italic;
}
.slide-title .button{
margin-top:20px;
display:inline-block;
background:none;
border:1px solid #fff;
color:#fff;
background:rgba(203,51,59,0.4);
}
.slide-title .button:hover{
background:rgba(203,51,59,1);
}
.flex-direction-nav a{
padding-top:5px!important;
color:#fff;
}
.flex-direction-nav a:before,
.flex-direction-nav a:after{
color:#fff!important;
}
.flex-control-nav{
bottom:5px!important;
z-index:9;
}
/* ======= BANNER ======= */
/* ====================== */
.intern-banner{
height:350px;
background:#223044;
}
.intern-banner #slide-img{
background-position:0 -250px ;
}
.intern-banner #slide-img img{
/*margin-top:-150px ;*/
}
.page-template-temp_map #banner{
display:none;
}
#banner{
overflow:hidden;
position:relative;
}
#banner img{
width:100%;
height:auto;
/*
transition: all 0.1s ease 0s;
-webkit-transition: all 0.1s ease 0s;
-moz-transition: all 0.1s ease 0s;
animation: zoomin 5s ease infinite;
-webkit-animation: zoomin 5s ease infinite;
-moz-animation: zoomin 5s ease infinite;
*/
}
/*
@keyframes zoomin {
from {
transform: scale(1);
}
to {
transform: scale(1.2);
}
}
*/
/* ======= HOME ======= */
/* ==================== */
.bg-gris{
background:#f5f5f5;
overflow:auto;
/* so the fixed left menu goes behind */
z-index:5;
position:relative;
}
.home-title{
text-align:center;
margin-bottom:0px;
text-transform:uppercase;
}
.home-content{
padding:35px 0;
position:relative;
z-index:4;
}
/* ------------- HOME LATEST NEWS ------------------ */
.right-latest-news{
/*width:440px;*/
width:30%;
float:right;
position:relative;
}
@media only screen and (min-width: 1400px){
.right-latest-news{min-height:480px;}
.go-to-media-centre{position:absolute;bottom:0;}
}
.go-to-media-centre{
text-align:center;
}
.right-latest-news h2{
margin-top:-5px;
margin-bottom:10px;
}
.home-latest-news{
margin:0;
}
.home-latest-news li{
list-style:none;
}
.home-latest-news li a{
text-decoration:none;
display:block;
background:#fff;
}
.home-latest-news li .thumb{
background:#CB333B;
width:25%;
float:left;
}
.home-latest-news li .thumb img{
width:60%;
height:auto;
margin:10px auto;
}
.home-latest-news li .thumb p{
color:#fff;
text-transform:uppercase;
font-size:9px;
line-height:13px;
padding:0 5px;
text-align:center;
font-weight:600;
}
.home-latest-news li .news-content{
width:75%;
float:right;
padding:0 5%;
min-height:100px;
line-height:100px;
display:table;
}
.home-latest-news li .news-content div{
display:table-cell;
vertical-align:middle;
}
.home-latest-news li .news-content h3{
color:#CB333B;
font-size:16px;
font-weight:600;
line-height:20px;
margin:0;
padding:0;
text-align:center;
display: inline-block; /*table-cell;*/
width:100%;
vertical-align: middle;
}
.home-latest-news li a:hover .thumb{
background:#666;
}
.home-latest-news li a:hover h3{
color:#666;
}
/* ------------ TEASERS -------------- */
.teaser-content{
padding-bottom:0;
margin-bottom: 0px;
padding-top:0;
}
#teasers{
padding:5px 0 15px 0;
text-align:center;
}
#teasers li{
list-style:none;
display:inline-block;
width: 22%;/*33%;*/
margin:1%;
}
#teasers li:before{display:none;}
#teasers li:first-child{
margin-left:0;
}
#teasers li a{
text-decoration:none;
display:block;
}
#teasers li h3{
color:#CB333B;
text-align:center;
font-size:18px;
line-height:22px;
font-weight:600;
}
#teasers li .thumb{
overflow:hidden;
position:relative;
text-align:center;
}
#teasers li .thumb img{
max-width:80px;
height:auto;
display:inline-block;
}
#teasers li a:hover h3{
color:#666;
}
#teasers li a:hover img{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
}
/* -- 2 columns -- */
.column-2 li{
width: 45%;
}
.column-2 li:nth-of-type(2n+1){
margin-left:0;
}
.column-2 li h3{
font-size:16px;
}
/* -- 3 columns -- */
.column-3 li{
width: 31%!important;
}
.column-3 li:nth-of-type(3n+1){
margin-left:0;
}
.column-3 li h3{
font-size:16px;
}
/* -- 4 columns -- */
#teasers.column-4 li{
width: 22%;
}
#teasers.column-4 li:nth-of-type(4n+1){
margin-left:0;
}
#teasers.column-4 li h3{
font-size:16px;
}
/* -- 5 columns -- */
#teasers.column-5 li{
width: 17%;
}
#teasers.column-5 li:nth-of-type(5n+1){
margin-left:0;
}
#teasers.column-5 li h3{
font-size:16px;
}
/* -- 6 columns -- */
#teasers.column-6 li{
width: 14%;
}
#teasers.column-6 li:nth-of-type(6n+1){
margin-left:0;
}
#teasers.column-6 li h3{
font-size:15px;
}
/* --- special page about 3 columns but with of 4 */
.page-template-temp_about #teasers {
max-width:800px;
margin:0 auto;
}
/* ------------ intern teasers -------------- */
.intern-teasers{
margin:20px 0 0 0;
}
.intern-teasers li a{
-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
/*padding:25px;*/
min-height:150px;
}
.intern-teasers li a:hover{
-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.6);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.6);
}
.intern-teasers li .thumb{
padding-top:20px;
}
.intern-teasers li .thumb img{
width:60px;
max-height:60px;
}
.intern-teasers li h3{
font-size:18px!important;
margin-top:25px!important;
margin-bottom:0;
padding:0 10px;
}
/* ----------- logos support ---------- */
.owl-carousel .owl-stage-outer{
height:70px;
}
#logo-support{
/*margin:0!important;*/
text-align:center;
position:absolute;
bottom:3%;
width:100%;
}
#logo-support li{
background:none!important;
padding:0!important;
/*width:15%;*/
margin:1.5%;
height: 50px;
display:inline-block;
}
#logo-support .thumb{
}
#logo-support .thumb img{
opacity:0.7;
max-width:100%;
height:auto;
width:auto;
max-height:50px;/*
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
filter: grayscale(100%);*/
}
/* ----------- NEWS V2 ---------- */
/* ---------------------------- */
.page-list{
}
.list-news-2{
position:relative;
margin-left:0!important;
text-align:center;
padding:0!important;
}
#relatedposts .list-news-2{
text-align:left;
}
.home .list-news-2 li {
}
.list-news-2 li {
margin-bottom:0;
list-style:none;
display: inline-block;
margin:0 0.5% 18px 0.5%!important;
width:31%;
padding-left:0!important;
position:relative;
}
.list-news-2 li:before{display:none;}
/* --- isotope ---
.list-news-2 li:first-child,
.list-news-2 li:nth-of-type(3n+1){
margin-left:0!important;
}
*/
.list-news-2 .owl-item {
}
.list-news-2 .owl-item li{
width:96%;
}
.list-news-2 .owl-item img{
width:auto!important;
}
@media only screen and (min-width: 1350px){
.list-news-2 > li:first-child,
.list-news-2 > li:nth-of-type(3n+1){
margin-left:0;
}
}
.list-news-2 .news-detail{
z-index:4;
bottom:30px;
left:0px;
padding:0 30px;
text-align:left;
}
.list-news-2 li a{
text-decoration:none;
display:block;
font-weight:400;
position:relative;
background:#fff;
-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
padding-bottom:30px;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
}
.twitter-timeline{
width:48%;
display:inline-block;
-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
}
.list-news-2 li .thumb{
overflow:hidden;
/*background:#f4f4f4;*/
text-align:center;
position:relative;
background:#5C7F92;
border-bottom:1px solid #ccc;
height:200px;
/*
background: rgb(31,60,120);
background: linear-gradient(135deg, rgba(31,60,120,1) 0%, rgba(29,100,166,1) 48%, rgba(47,234,154,1) 100%);
background: -o-linear-gradient(315deg, rgba(31,60,120,1) 0%, rgba(29,100,166,1) 48%, rgba(47,234,154,1) 100%);*/
}
.list-news-2 li .thumb-publication:after {
content: "";
position: absolute;
z-index: 2;
bottom: -1px;
left: 0;
width: 100%;
height: 1px;
-webkit-box-shadow: 0px 0px 17px 5px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 17px 5px rgba(0,0,0,0.28);
box-shadow: 0px 0px 17px 5px rgba(0,0,0,0.28);
}
.list-news-2 li .thumb img{
/*display:inline-block;*/
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
/* center image if block smaller*/
display:inline;
left:100%;
margin-left:-200%;
/*margin-top:-100px;*/
position:relative;
/* - */
width:100%;
height:auto;
}
.list-news-2 li h3{
font-size:18px;
line-height:24px;
color:#CB333B;
font-weight:600;
min-height:96px;
}
.list-news-2 .summary{
min-height:195px;
}
.list-news-2 li p{
font-size:12px;
line-height:24px;
color:#747678;
}
.list-news-2 li .category{
padding:4px 20px;
text-transform:uppercase;
display:block;
position:absolute;
top:0;
color:#fff;
background:#CB333B;
transition:color 0.25s ease;
font-size:12px;
z-index:2;
}
.label-future{
padding:8px 25px;
text-transform:uppercase;
font-weight:600;
display:block;
position:absolute;
right:0px;
bottom:0px;
width:100%;
color:#fff!important;
background: rgb(203,51,59);
background: -moz-linear-gradient(100deg, rgba(203,51,59,1) 8%, rgba(235,149,73,1) 100%);
background: -webkit-linear-gradient(100deg, rgba(203,51,59,1) 8%, rgba(235,149,73,1) 100%);
background: linear-gradient(100deg, rgba(203,51,59,1) 8%, rgba(235,149,73,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cb333b",endColorstr="#eb9549",GradientType=1);
transition:color 0.25s ease;
font-size:14px!important;
z-index:2;
-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
}
.label-future:after{
content:"";
position:absolute;
z-index:-1;
width:100%;
height:40px;
left:0;
top:0;
background:#CB333B;
background-image: linear-gradient(
to right,
#CB333B,
#CB333B 40%,
#E7484F 100%,
#E7484F 100%
);
animation:slidebg 2.4s linear infinite;
-webkit-animation:slidebg 2.4s linear infinite;
-moz-animation:slidebg 2.4s linear infinite;
}
@keyframes slidebg {
to {
background-position:20vw;
}
}
@-webkit-keyframes slidebg {
to {
background-position:20vw;
}
}
.list-news-2 .date{
color:#999;
font-size:10px;
padding-left:0px;
position:absolute;
bottom:10px;
margin-bottom:0;
}
.date-weekly{
bottom:55px!important;
}
.list-news-2 .date span{
margin-right:10px;
font-size:20px;
}
/*
.list-news-2 .date:before{
background: url('images/icon-date.svg') no-repeat;
background-size: auto;
content: "";
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 21px;
background-size: cover;
}*/
.list-news-2 li a:hover{
-webkit-box-shadow: 0px 5px 9px 1px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 5px 9px 1px rgba(0,0,0,0.6);
box-shadow: 0px 5px 9px 1px rgba(0,0,0,0.6);
}
.list-news-2 li a:hover .thumb img{
opacity:0.5;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.list-news-2 li a:hover h3,
.list-news-2 li a:hover .date,
.list-news-2 li a:hover .date span{
color:#5C7F92;
}
.list-news-2 li a:hover .category{
background:#5C7F92;
}
/* ---------- PRIVATE ITEMS --------------- */
.private-item-locked h3{
color:#999!important;
}
.private-item-locked .category{
background:#999!important;
}
.private-item-locked img{
}
/*
.private-item-open a{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border:5px solid #999;
}*/
.private-item-open a img{
opacity:0.4;
}
.private-item-open .thumb:before{
height:50px;
width:40px;
position:absolute;
top:0px;
right:0;
background:url('images/icon-lock-open.png') center center no-repeat #fff;
background-size:30px 40px ;
content: " ";
z-index:5;
}
/* ----------- MEDIA CENTRE isotope ---------- */
/* ---------------------------- */
.page-template-temp_media-center .list-news-2 li,
.page-template-temp_all-events .list-news-2 li{
margin:0 0 2% 0!important;
}
/* ----------- EVENTS ---------- */
/* ---------------------------- */
.date-event{
background:#CB333B;
padding:3px 12px;
text-align:center;
color:#fff!important;
font-size:16px!important;
font-weight:600;
}
.post-type-archive-event .bg-gris{
/*padding-bottom:85px;*/
}
.list-events{
}
.home .list-events li,
.post-type-archive-partners .list-events li,
.term-covid-special .list-events li{
margin-left:2%;
}
.list-events li{
list-style:none;
display:inline-block;
width:48%; /*99.5%;*/
/*margin-left:2%; isotope */
margin-bottom:30px;
}
.list-events .owl-item li{
width:99.5%;
}
/*2 columns */
.list-events li:first-child,
.list-events li:nth-child(2n+1){
margin-left:0;
}
/* isotope exception */
/*
.post-type-archive-events .list-events li{
margin:0 1% 1% 1%!important;
}*/
.list-events li a{
text-decoration:none;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
position:relative;
display: flex;
align-items:stretch;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
}
.list-events .thumb{
/*float:left;
width:50%;*/
position:relative;
flex: 50%;
background:#5C7F92;
/*
background: rgb(31,60,120);
background: linear-gradient(135deg, rgba(31,60,120,1) 0%, rgba(29,100,166,1) 48%, rgba(47,234,154,1) 100%);
background: -o-linear-gradient(315deg, rgba(31,60,120,1) 0%, rgba(29,100,166,1) 48%, rgba(47,234,154,1) 100%);*/
overflow:hidden;
}
.post-type-archive-partners .list-events .thumb{
min-height:235px;
line-height:235px;
background:#fff;
text-align:center;
}
.post-type-archive-partners .list-events .thumb:before{display:none;}
.post-type-archive-partners .list-events .thumb img{
display:inline-block;
vertical-align:middle;
max-width:170px;
height:auto;.post-type-archive-partners .list-events .thumb
}
.list-events .thumb:before{
content:"";
position:absolute;
top:44%;
right:0;
z-index:10;
width: 0;
height: 0;
border-style: solid;
border-width: 20px 18px 20px 0;
border-color: transparent #ffffff transparent transparent;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
}
.list-events .thumb:after{
content:"";
position:absolute;
top:0;
right:0;
z-index:10;
width: 0px;
height:100%;
background:#fff;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
}
.list-events .thumb img{
width:100%;
height:auto;
position:relative;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
}
.list-events .date-event{
position:absolute;
z-index:9;
color:#fff;
/*font-family:'Oswald',Arial, sans-serif;*/
text-transform:uppercase;
top: 0px;
left: 0px;
padding:2px 0 0 0;
font-size: 14px;
font-weight:bold;
text-align:center;
width:100%;
height:70%;
background: rgb(5,52,103);
background: linear-gradient(180deg, rgba(5,52,103,0.8869748583026961) 27%, rgba(0,212,255,0) 100%);
}
.list-events .event-detail{
/*float:right;
width:40%;*/
padding:0 5%;
flex:60%;
position:relative;
background:#fff;
}
.list-events .event-detail h3{
margin: 25px 0 15px 0;
color: #223044;
font-size: 20px;
line-height: 24px;
font-weight: 600;
}
.list-events .event-detail p{
color:#8d8a8a;
}
.list-events .event-detail .category{
position:absolute;
bottom:0;
color:#8d8a8a;
font-size: 11px;
margin-bottom: 5px;
line-height: 13px;
}
.list-events .event-detail .city{
font-size:14px;
/*color:#223044;*/
color:#8d8a8a;
max-height:25px;
overflow:hidden;
line-height: 16px;
margin-bottom: 0;
}
.event-pic{
margin-top:35px;
}
.special-covid-logo{
width:150px;
height:auto;
}
.special-covid-logo img{
width:100%;
height:auto;
margin-top:0;
}
.partner-summary{
font-size:12px;
color:#8d8a8a;
line-height: 16px;
margin-bottom: 0;
}
.list-events a:hover .thumb:before{
right:20px;
}
.list-events a:hover .thumb:after{
width: 20px;
}
/*.list-events li a:hover*/
.list-events li a:not([href$='javascript:void(0)']):hover {
-webkit-box-shadow: 0px 5px 9px 1px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 5px 9px 1px rgba(0,0,0,0.6);
box-shadow: 0px 5px 9px 1px rgba(0,0,0,0.6);
}
/*.list-events li a:hover .thumb img */
.list-events li a:not([href$='javascript:void(0)']):hover .thumb img{
opacity:0.5;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
/*.list-events a:hover h3*/
.list-events li a:not([href$='javascript:void(0)']):hover h3{
color:#5C7F92;
}
.list-events a:hover .city,
.list-events a:hover .category,
.list-events a:hover p{
color:#747678;
}
.list-events li a[href$='javascript:void(0)']:hover{
cursor: context-menu;
}
/* taxonomy term special covid */
.page-id-950 .bg-gris{
background:#fff;
}
.term-covid-special .list-events li a{
background:#fff;
}
.term-covid-special .list-events .thumb{
background:#fff;
padding:20px 0;
text-align:center;
max-height:143px;
}
.term-covid-special .list-events .thumb img{
max-width:90%;
max-height:100%;
width:auto;
height:auto;
display:inline-block;
}
.term-covid-special .list-events .date-event{
display:none;
}
.term-covid-special .list-events .thumb::before{
display:none;
}
/* ----------- STICKY EVENTS ---------- */
/* ----------------------------------- */
.featured-sticky-event{
margin-bottom:50px;
}
.featured-sticky-event li{
width:100%;
}
.featured-sticky-event li a{
padding:0;
}
.featured-sticky-event li .thumb{
float:left;
width:25%;
}
.featured-sticky-event li .news-detail{
float:right;
width:72%;
padding:0 30px 0 0;
}
.featured-sticky-event li .thumb{
height:auto!important;
}
.featured-sticky-event .date-event{
text-align:left;
display:inline;
}
.featured-sticky-event li h3,
.featured-sticky-event li .summary{
min-height:inherit;
}
/* ----------- PUBLICATIONS ---------- */
/* ----------------------------------- */
.zero-opacity{opacity:0;}
.list-publications{
position:relative;
margin-left:0!important;
text-align:center;
}
.home .list-publications li,
.post-type-archive-press .list-publications li {
margin-left:1.5%;
}
.list-publications li {
width:32%;
margin-bottom:0;
list-style:none;
display: inline-block;
/*margin-left:1.5%; isotope */
width:23.5%;
padding-left:0!important;
margin-bottom:25px;
}
.list-publications li:first-child,
.list-publications li:nth-of-type(4n+1){
margin-left:0;
}
.list-publications li a{
text-decoration:none;
display:block;
position:relative;
padding:30px 0 100px 0;
overflow:hidden;
}
.list-publications .publication-cover{
width:80%;
margin:0 auto;
position:relative;
max-height: 300px;
min-height:300px;
background:#f4f4f4;
}
.post-type-archive-press .publication-cover{
min-height:200px;
max-height:200px;
}
.list-publications .publication-cover:after{
content:"";
position:absolute;
z-index:2;
top:300px;
left:1%;
width:98%;
height:1px;
-webkit-box-shadow: 0px 0px 7px 5px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 7px 5px rgba(0,0,0,0.28);
box-shadow: 0px 0px 7px 5px rgba(0,0,0,0.28);
}
.list-publications .publication-cover img{
width:100%;
height:auto;
-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
}
.press-thumb-box{
-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
min-height:150px;
line-height:150px;
background:#fff;
text-align:center;
}
.press-thumb-box img{
box-shadow:none!important;
display:inline-block;
max-width:90%;
vertical-align:middle;
}
.list-publications .publications-detail{
position:absolute;
text-align:left;
z-index:4;
bottom:0px;
left:0px;
padding:0 0 30px 0;
background:#fff;
border:1px solid #dfdfdf;
height:150px;
width:100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.list-publications .date{
color:#999;
font-size:14px;
position:absolute;
right:15px;
top:19px;
}
.list-publications li h3{
color:#223044;
font-size:15px;
line-height:20px;
margin-top:10px;
padding:0 30px;
font-family: 'Oswald', sans-serif;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
}
.term-14 .list-publications li h3,
.page-template-temp_home_germany .list-publications li h3{
margin-top:0px;
}
.list-publications li p{
font-size:16px;
line-height:24px;
font-family: 'Oswald', sans-serif;
}
.list-publications li .category{
padding:3px 30px;
text-transform:uppercase;
display:inline-block;
margin-top:15px;
font-size:13px;
color:#fff;
background:#1d3d6c;
border-top-right-radius:4px;
-webkit-border-top-right-radius:4px;
-moz-border-top-right-radius:4px;
border-bottom-right-radius:4px;
-webkit-border-bottom-right-radius:4px;
-moz-border-bottom-right-radius:4px;
margin-bottom:5px;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
}
.list-publications .position-papers .category{
background:#CB333B;
}
.list-publications li a:hover .publication-cover img{
/*margin-top:-20px;*/
/*transform: scale(1.1);*/
transform: translateY(-25px);
-webkit-transform: translateY(-25px);
-moz-transform: translateY(-25px);
}
.list-publications li a:hover h3{
color:#CB333B;
}
.list-publications li a:hover .category{
background:#CB333B;
}
/* ---------------- single --------------- */
.single-list-news li{
margin-left: 2%;
width: 23.2%;
}
.single-list-news li:first-child,
.single-list-news li:first-child + li + li + li + li,
.single-list-news li:first-child + li + li + li + li + li + li + li + li {
margin-left: 0!important;
}
.publication-cover-link{
text-decoration:none;
margin-bottom:25px;
display:block;
float:right;
margin-left:25px;
color:#CB333B;
max-width:250px;
}
.single .publication-cover{
/*border:1px solid #ddd;*/
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
}
.single .publication-cover img{
width:100%;
height:auto;
}
.text{
text-transform:uppercase;
text-align:center;
font-size:13px;
margin-top:6px;
}
.text-link:before{
content:"";
height:0;
width:100%;
border-top:4px solid #2b7c97;
position:absolute;
top:0;
left:0;
}
.text-link{
text-transform:uppercase;
text-align:center;
max-width:200px;
border:1px solid #ddd;
padding:15px 15px 6px 15px;
position:relative;
}
.publication-cover-link a:hover.text{
color:#CB333B ;
}
.single .publication-cover-link:hover .publication-cover{
-webkit-box-shadow: 0px 5px 9px 1px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 5px 9px 1px rgba(0,0,0,0.6);
box-shadow: 0px 5px 9px 1px rgba(0,0,0,0.6);
}
/* ---- filters ---- */
#filters{
border:1px solid #ddd;
padding:20px;
text-align:center;
margin:0 0 40px 0!important;
}
#filters > li{
display:inline-block;
background:none!important;
padding:0!important;
margin:0!important;
position:relative;
}
#filters li:before{
display:none;
}
#filters > li > a{
display:block;
text-decoration:none;
padding:0 10px!important;
color:#767676;
font-size: 14px;
}
#filters li a:hover,
#filters li a.active{
color:#CB333B ;
}
#filters li a.active{
border: 1px solid #CB333B;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/* ======= INTRANET ======= */
/* ============================ */
.icon-lock{
position:absolute;
top:145px;
text-align:center;
width:100%;
z-index:90;
}
.icon-lock div{
background:url('images/icon-lock.png') no-repeat;
display:inline-block;
height:70px;
width:70px;
background-size:cover;
}
.icon-intranet a{
padding-left: 40px !important;
position: relative !important;
}
.icon-intranet a:after{
font-family: "Font Awesome 5 Free";
font-size:11px!imùportant;
content: '\f023';
left: 20px;
position: absolute;
}
.logged-in .icon-intranet a:after{
content: '\f3c1';
}
.icon-intranet a:hover:after{
color:#cb333b!important;
}
.filters-publication .icon-intranet a{
padding-left: 30px !important;
}
.filters-publication .icon-intranet a:after{
left: 10px;
}
.user-info{
margin:15px 0;
padding:15px;
border:5px solid #ddd;
max-width:185px;
}
/* hide menu items that are only for directors */
.is-not-director .visible-for-directors{
display:none;
}
/* --- arbeitsgruppen --- */
.list-wg{
margin:0!important;
text-align:center;
}
.list-wg li{
display:inline-block;
list-style:none;
min-height:80px;
margin:0 0 0 1%;
width:15.4%;
-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
padding:40px 20px;
}
.list-wg li:first-child{
margin-left:0;
}
.list-wg li h3{
font-size:16px;
line-height:20px;
text-align:center;
}
/* --- documents --- */
/* ======= PAGE CONTENT ======= */
/* ============================ */
.breadcrumbs{
padding:18px 0 12px 0;
border-bottom:1px solid #ddd;
color:#999;
}
.breadcrumbs a,
.breadcrumbs span{
text-decoration:none;
color:#999;
font-size:13px;
pointer-events: none;
cursor: default;
}
#content{
padding: 35px 0;
min-height:500px;
position:relative;
z-index:4;
}
#page-content{
padding:0px 0;
overflow: hidden;/* for greybox100*/
position:relative;
}
.page-content h2{
margin-bottom:25px;
}
#content-right{
width:73%;
float:right;
padding: 30px 0;
}
#sidebar-left{
width:23%;
float:left;
padding: 30px 0;
}
.page-content{
min-height:450px;
}
.page-content ul li, .page-content ol li{
line-height:28px;
}
/* --- ACCORDION --- */
.title_code, .title_code-link {
border-bottom:1px solid #747678;
padding:10px 55px 10px 0;
margin-bottom:15px;
position:relative;
color:#5a5a5a;
font-size:20px;
line-height:26px;
}
.title_code-link:after{
/*content:" *";
background:#00889E;
padding:14px 13px 7px; */
content:" ";
position:absolute;
right:0;
bottom:0;
color:#fff;
font-size:30px;
font-weight:300;
font-family:"Open Sans",Arial,sans-serif;
background:url('images/icon-download.png') center center no-repeat #FC8B0B;
background-size:25px 25px;
height:45px;
width:43px;
}
.title_code:after{
content:" +";
position:absolute;
right:0;
bottom:0;
color:#fff;
font-size:30px;
font-weight:300;
font-family:"Open Sans",Arial,sans-serif;
background:#00889E;
padding:10px 13px;
}
.title_code-link a{
text-decoration:none!important;
color:#5a5a5a!important;
display:block;
}
.title_code-link:hover a{
color:#fc8b0b!important;
}
.on:after{
content:" -";
position:absolute;
right:0;
bottom:0;
color:#fff;
font-size:30px;
font-family:"Oxygen",Arial,sans-serif;
font-weight:300;
padding:10px 15px;
background:#FC8B0B;
}
.title_code:hover{
cursor:pointer;
}
.content_code{
color:#777;
line-height:24px;
}
.content_code ul{
padding-left:20px;
}
.framed{
border:8px solid #fff;
box-sizing: border-box;
-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
}
/* ======= SIDEBAR ====== */
/* ==================== */
#sidebar-left #main-menu{
text-align:left;
float:none;
margin-top:0px;
padding-top:0;
margin-left:0;
top:0;
position:relative;
z-index:1;
}
#sidebar-left #main-menu li{
display:block;
list-style:none;
background:none;
padding-left:0;
float:none;
}
#sidebar-left #main-menu li > a {
padding:6px 0px;
line-height:25px;
}
#sidebar-left #main-menu li a{
font-weight:400;
}
#sidebar-left #main-menu a{
min-width:10px;
background:none;
}
#sidebar-left #main-menu .current-menu-item > a {
color: #a8ca70 !important;
}
/* submenu */
#sidebar-left #main-menu li ul{
margin:0 0 0 20px;
}
#sidebar-left #main-menu li ul{
visibility:visible;
opacity:1;
background:none;
border:none;
position:relative;
z-index:10;
top:0;
padding-top:0;
margin-top:0;
}
#main-menu li ul::before{
display:none;
}
#sidebar-left #main-menu ul li a{
padding:5px 0px 5px 10px;
text-transform:none;
}
#sidebar-left #main-menu li ul li a{
border-bottom:1px solid #eee;
}
#sidebar-left #main-menu li a:hover{
color:#1d93d2;
}
#sidebar-left #main-menu .current-menu-item > a{
}
/* ----------- SIDEBAR left submenu ---------- */
/* ------------------------------------------- */
#left-menu{
margin:0!important;
position:relative;
}
#left-menu > li{
display: none;
}
#left-menu.filters-publication li ul{
background:none!important;
}
/* level 2 = 1st level displayed */
#left-menu .current_page_ancestor {
display:block;
box-shadow:none;
}
#left-menu .current_page_ancestor > a{
display:none;
}
#left-menu .current_page_ancestor .sub-menu{
display:block;
box-shadow:none;
position:relative;
}
#left-menu .current_page_ancestor .sub-menu li{
display:block;
padding:0!important;
margin-bottom:9px;
}
#left-menu .current_page_ancestor .sub-menu a {
display: block;
text-decoration: none;
padding: 2px 10px !important;
color: #777;
font-size: 18px;
line-height:20px;
/* text-transform: uppercase;
font-weight: 600;*/
text-transform: none;
border-bottom: 1px solid transparent;
background:none!important;
}
#left-menu .current_page_ancestor .sub-menu a:hover{
color:#CB333B;
}
#left-menu .current_page_ancestor .sub-menu .current-menu-item a{
color: #e75058 !important;
border-bottom: 1px solid #e75058;
/* -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;*/
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* ----------- SIDEBAR child pages ---------- */
/* ------------------------------------------- */
.left-column{
float:left;
width:25%;
}
.right-column{
float:right;
width:72%;
}
/* ----------- INTRANET ---------- */
/* ------------------------------- */
.intranet-only{
display:none!important;
}
.logged-in .intranet-only{
display:block!important;
}
#intranet-nav{
background:#f5f5f5;
padding-top:20px;
}
#intranet-nav ul{
margin:0 auto!important;
text-align:center;
}
#intranet-nav ul li{
list-style:none;
display:inline-block;
margin-bottom:0;
}
#intranet-nav ul li a{
text-decoration:none;
text-transform:uppercase;
color:#223044;
padding:15px 20px 25px 20px;
display:block;
}
#intranet-nav ul li a:hover,
#intranet-nav ul li .current{
color:#CB333B;
background:#fff;
}
/* ----------- MEDIA CENTRE ---------- */
/* ------------------------------- */
.category-description{
margin:0 0 35px 0;
}
#login_box{display: none;}
/* ----------- PUBLICATIONS ---------- */
/* ------------------------------- */
hr{
border-top:1px solid #ddd;
border-bottom:0;
border-left:0;
border-right:0;
margin-top:15px;
}
#publication-filters{
}
#publication-filters .subtitle{
font-weight:bold;
font-size:14px;
margin-bottom:3px;
margin-top:-10px;
}
#publication-filters input{
margin:5px 10px 0 0!important;
float:left;
}
#publication-filters .label-desc{
float:left;
width:80%;
line-height: 20px;
}
#publication-filters label{
font-size:14px;
margin:3px 0 15px 0;
}
#publication-filters ul{
margin-left:0;
}
#publication-filters ul li{
list-style:none;
}
#publication-filters ul li a{
color:#5C5D5F;
text-decoration:none;
}
#publication-filters ul .current{
color:#006FB9;
font-weight:bold;
}
/* ---- INFO ---- */
#info-block{
border-left:2px dashed #dddcdc;
margin-bottom:25px;
padding:0 5% 4% 5%;
}
#info-block h4{
text-align:center;
display:inline-block;
color:#999;
padding:20px 0;
font-size:34px;
}
#info-list{
margin-left:0!important;
}
#info-list td:first-child{
padding-right:15px;
}
#info-list li{
list-style:none;
font-size:14px;
line-height:16px;
}
#info-list li a{
}
#info-list a:hover{
text-decoration:none;
}
#info-block p{
font-size:15px;
line-height: 24px;
color:#999;
}
#info-block span{
font-weight:600;
color:#5e6d8f;
}
.short-link{
max-width:220px;
display:block;
overflow:hidden;
}
/* ----------- SINGLE EVENT ---------- */
/* ----------------------------------- */
.left-content{
width:70%;
float:left;
}
.right-content{
width:28%;
float:right;
position:relative;
margin-bottom:15px;
}
.right-content li{
margin-left:0!important;
}
.right-content .news-info-box a{
font-weight:400;
}
.right-content .news-info-box a span{
line-height:26px;
margin-right:10px;
}
.left-content .wp-post-image{
margin:37px 0 45px 0;
}
.left-content .wp-caption-text{
margin-top:-40px;
}
/* ---- news-info-box ----- */
.news-info-box {
/*padding-top:30px;*/
/*border:2px solid #f4f4f4;*/
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28);
padding-bottom:30px;
overflow:auto;
}
.single .news-info-box{
padding-bottom:0;
}
.news-info-box img{
max-width:100%;
height:auto;
}
.single-logo-support .news-info-box img{
}
.news-info-box ul{
margin-left:0!important;
}
.news-info-box li{
list-style:none;
}
.info-item p{
/*color:#808587;*/
text-align:center;
padding:0 10px;
}
.info-item .category{
display:block;
background:#CB333B;
color:#fff;
text-align:center;
padding:3px 2px;
margin-bottom:0;
}
.info-item .category a{
color:#808587;
text-decoration:none;
}
.info-item .category a:hover{
color:#5C7F92;
}
.info-item .location{
margin-bottom:15px;
color:#8d8a8a;
/* margin-right:20px; */
}
.info-item .attachment-medium{
margin:0 auto;
}
.single-logo-support .info-item .attachment-medium{
margin:20px auto;
}
.thumb-publication-link{
background: rgb(203,51,59);
background: -moz-linear-gradient(100deg, rgba(203,51,59,1) 8%, rgba(235,149,73,1) 100%);
background: -webkit-linear-gradient(100deg, rgba(203,51,59,1) 8%, rgba(235,149,73,1) 100%);
background: linear-gradient(100deg, rgba(203,51,59,1) 8%, rgba(235,149,73,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cb333b",endColorstr="#eb9549",GradientType=1);
display:block;
overflow:hidden;
}
.thumb-publication-link img{
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.thumb-publication-link:hover img{
opacity:0.5;
transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
}
.news-info-box .post-date{
font-size:22px;
margin-top:30px;
color:#CB333B;
text-align:center;
}
.news-info-box .post-date span,
.info-item .location span{
font-size:16px;
color:#8d8a8a;
}
.news-info-box .post-date:after{
content: "";
display: block;
width: 70px;
margin: 20px auto;
border-bottom: 4px solid #747678;
}
.news-info-box .schedule{
padding:0 20px;
}
.tax-type-of-event .news-info-box .schedule{
padding:10px 20px 0 20px;
}
.event-titles{
font-weight:300;
position:relative;
text-align:center;
font-size:24px!important;
line-height:28px!important;
}
.event-titles:after {
content: "";
display: block;
width: 70px;
margin: 20px auto;
border-bottom: 4px solid #75b9e3;
}
.right-content .publication-cover a{
background:#5C7F92;
/*
background: rgb(31,60,120);
background: linear-gradient(135deg, rgba(31,60,120,1) 0%, rgba(29,100,166,1) 48%, rgba(47,234,154,1) 100%);
background: -o-linear-gradient(315deg, rgba(31,60,120,1) 0%, rgba(29,100,166,1) 48%, rgba(47,234,154,1) 100%);*/
overflow:hidden;
display:block;
position:relative;
}
.right-content .publication-cover .category{
padding: 3px 30px;
position:absolute;
bottom:15px;
left:0;
text-transform: uppercase;
display: inline-block;
margin-top: 15px;
font-size: 13px;
color: #fff;
background: #2e4360;
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-bottom-right-radius: 4px;
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
}
.right-content .publication-cover a img{
transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
}
.right-content .publication-cover a:hover img{
opacity:0.5;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
/* ======= CATEGORY ====== */
/* ==================== */
.category .list-news li a {
opacity: 0;
filter: alpha(opacity=0);
}
/* ======= MEMBERS MAP ====== */
/* ============================ */
.page-template-temp_map #main-menu{
background: #4c638e;
background: rgba(76,99,143,0.5);
}
.page-template-temp_map #main-menu.clicked {
background-color: white;
}
.page-template-temp_map #content{
min-height:700px;
}
/* ======= MEMBERS ====== */
/* ====================== */
.left-column{
width:20%;
margin-left:0;
margin-right:2%;
padding-top:18px;
display:inline-block;
}
.right-column{
width:77%;
display:inline-block;
}
/* -- filters vertical -- */
.filter-title{
text-transform: uppercase;
font-weight: 800;
color: #000;
font-size: 14px;
line-height:18px;
}
.filters-vertical{
columns: 3;
-webkit-columns: 3;
-moz-columns: 3;
}
.filters-vertical li{
list-style:none;
margin-bottom:2px;
display:inline-block;
padding:2px 10px;
line-height:17px;
}
.filters-vertical li a{
text-decoration:none;
display:block;
color:#666;
font-size:13px;
}
.filters-vertical .active{
border: 1px solid #CB333B;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.filters-vertical .active a,
.filters-vertical a:hover{
color: #CB333B !important;
}
/* -- */
.title-country{
margin-top:35px!important;
position:relative;
}
.title-country-logo{
margin-top:35px!important;
margin-bottom:45px;
position:relative;
text-align:center;
}
.title-country-logo span {
background: #fff;
padding:0 25px;
}
.title-country-logo::after {
position: absolute;
z-index: -1;
content: " ";
top: 33%;
right: 0;
height: 50%;
width: 100%;
background: repeating-linear-gradient(-45deg,#fff,#fff 5px,#d1d1d1 1px,#d1d1d1 6px);
}
.post-type-archive-press .title-country-logo::after,
.post-type-archive-publication .title-country-logo::after{
background: repeating-linear-gradient(-45deg,#f5f5f5,#f5f5f5 5px,#d1d1d1 1px,#d1d1d1 6px);
}
.post-type-archive-press .title-country-logo span,
.post-type-archive-publication .title-country-logo span {
background:#f5f5f5;
}
#members-list{
margin-left:0!important;
text-align:center;
margin:35px 0;
}
#members-list li{
/* background:none!important;*/
padding-left:0!important;
display:inline-block;
margin:1% 0;
}
.post-type-archive-members #members-list h4 {
margin-top: 0 !important;
padding-top: 10px;
font-size: 22px;
line-height: 24px;
margin-bottom: 15px;
color:#CB333B;
}
.post-type-archive-members .title-country{
text-align:left;
margin-bottom:20px;
text-transform:uppercase;
}
.post-type-archive-members .title-country::after {
position: absolute;
z-index: -1;
content: " ";
top: 33%;
right: 0;
height: 50%;
width: 100%;
background: repeating-linear-gradient(-45deg,#fff,#fff 5px,#d1d1d1 1px,#d1d1d1 6px);
}
.post-type-archive-members .title-country span {
background: #fff;
padding-right: 15px;
}
.post-type-archive-members #members-list li{
/*display:block!important;*/
background:#f5f5f5;
padding-left: 0 !important;
margin: 1%!important; /* 0 0% 1% 1%!important;*/
width: 47%;/* 48%;*/
display:inline-block;
position:relative;
}
.post-type-archive-members #members-list li a{
text-decoration:none;
display:block;
position:relative;
}
.post-type-archive-members #members-list .block{
min-height:210px;
}
#members-list .description p{
text-align:left;
color:#666;
}
.border-img {
border: 1px solid #ddd;
padding: 25px;
float: left;
/*margin-right: 15px;*/
text-align: center;
}
.post-type-archive-members #members-list .border-img {
background: #fff;
margin-right: 25px;
border:none;
padding: 20px;
opacity: 1;
width: 155px !important;
display:table;
}
#members-list .border-img{
height: 120px;
width: 120px;
line-height: 120px;
display:table-cell;
}
#members-list a:hover img{
opacity:0.5;
}
/* -- / animation -- */
.block{
background: none;
border: 0;
box-sizing: border-box;
margin: 0;
padding:20px 50px 20px 20px;
box-shadow: inset 0 0 0 1px #fff;
position: relative;
vertical-align: middle;
}
.block::before,
.block::after {
box-sizing: inherit;
content: '';
position: absolute;
width: 100%;
height: 100%;
}
.draw {
transition: color 0.25s;
}
.draw::before, .draw::after {
border: 2px solid transparent;
width: 0;
height: 0;
}
.draw::before {
top: 0;
left: 0;
}
.draw::after {
bottom: 0;
right: 0;
}
.draw:hover {
color: #CB333B;
}
.draw:hover::before, .draw:hover::after {
width: 100%;
height: 100%;
}
.draw:hover::before {
border-top-color: #CB333B;
border-right-color:#CB333B;
transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.draw:hover::after {
border-bottom-color: #CB333B;
border-left-color: #CB333B;
transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}
.meet:hover {
color: #0eb7da;
}
.meet::after {
top: 0;
left: 0;
}
.meet:hover::before {
border-top-color: #CB333B;
border-right-color: #CB333B;
}
.meet:hover::after {
border-bottom-color: #CB333B;
border-left-color: #CB333B;
transition: height 0.15s ease-out, width 0.15s ease-out 0.15s;
}
.border-img img {
max-width: 100%;
height: auto;
width:auto;
max-height: 100%;
vertical-align: middle;
display: inline-block;
}
.member_cont{
display: flex;
background-color: white;
margin-bottom: 10px;
}
.member_pic {
margin: auto 0;
padding: 15px;
width: 150px;
}
.member_pic img{
width: 150px !important;
height: auto;
max-width: none !important;
}
.member_desc h3{
font-size: 20px;
margin: 0;
}
.member_desc {
line-height: 18px;
padding-left: 40px;
margin: 5px 0;
}
/* --- TWEET homepage -- */
.gs_tw_feeds_area .container{
margin:0!important;
padding:0!important;
}
.gstf_theme1 .single-tweet{
text-align:center!important;
font-size:16px;
padding-left:0!important;
padding-right:0!important;
}
.gstf_theme1 a{
color:#CB333B!important;
border:none!important;
text-decoration:none!important;
}
.gstf_theme1 a:hover{
color:#666!important;
}
.gs-twitter-center-align{
background:#fff!important;
}
.gs-twitter-center-align a{
text-decoration:none!important;
}
.gs-twitter-center-align:hover{
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.4);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.4);
}
/* ======= SEARCH RESULTS ======= */
/* ============================== */
.list-result li{
list-style:none;
}
.list-result li a{
border: 2px solid #e6e6e6;
padding: 26px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
margin-bottom: 20px;
background:#fff;
text-decoration:none;
display:block;
}
.list-result li h3{
margin-top:5px;
padding-top:0;
}
.thumb-search{
max-width:150px;
float:left;
margin-right:25px;
}
.thumb-search img{
width:100%;
height:auto;
}
.list-result li p{
color:#646c76;
}
.list-result .button{
}
.list-result li a:hover{
border: 2px solid #b9babd;
/*
-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);*/
}
.list-result a p:hover {
}
.searched {
min-height: 450px;
}
.search-results #site-content .wrap{
padding-bottom:35px;
}
.open-search{
text-decoration:none;
outline:none;
}
.open-search span{
color:#fff;
padding: 5px 10px;
font-size:18px;
-moz-text-shadow: 0px 1px 4px rgba(0,0,0,0.9);
-webkit-text-shadow: 0px 1px 4px rgba(0,0,0,0.9);
text-shadow: 0px 1px 4px rgba(0,0,0,0.9);
}
.sticky .open-search span{
-moz-text-shadow: 0px 1px 4px rgba(0,0,0,0.4);
-webkit-text-shadow: 0px 1px 4px rgba(0,0,0,0.4);
text-shadow: 0px 1px 4px rgba(0,0,0,0.4);
}
.open-search .search-field{
color:#666;
}
/* ======= MEDIA CENTRE ====== */
/* ============================ */
.wide-submenu{
background: #fff;
-webkit-box-shadow: 0px 3px 15px -2px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 3px 15px -2px rgba(0,0,0,0.35);
box-shadow: 0px 3px 15px -2px rgba(0,0,0,0.35);
}
.left-submenu{
/*background:#f5f5f5;*/
padding:15px 1% 10px 1%;
/* margin-top:75px; */
-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
position:fixed;
top:410px;
width:16%;
max-width:240px;
background:#fff;
}
.sticky .left-submenu{
/*top:150px;*/
}
/* -- sticky main sub -- */
.sticky .wide-submenu{
position: fixed;
padding:10px 0 5px 0;
top: 110px;
width: 100%;
z-index: 20;
}
.sticky .wide-submenu .main-sub-menu > .current-menu-ancestor > a{
display:none;
}
.sticky .wide-submenu .main-sub-menu > li{
margin-bottom:0;
}
.sticky .wide-submenu .main-sub-menu .sub-menu,
.sticky .wide-submenu .filters-publication{
border:none;
padding:0;
margin:0!important;
}
.sticky .wide-submenu #content,
.sticky .wide-submenu .post-inner{
padding:0;
}
/* --- */
.filters-publication{
padding:10px 0;
text-align:center;
margin:0 0 40px 0!important;
position:relative;
}
.left-submenu .filters-publication{
text-align:left;
padding:0!important;
/*margin-top:-10px!important;*/
margin:0!important;
}
.filters-publication > li{
display:inline-block;
background:none!important;
padding:0!important;
margin:0!important;
/* position:relative; */
}
.filters-publication li:before{
display:none;
}
.filters-publication > li > a{
display:block;
text-decoration:none;
padding:2px 10px!important;
color:#777;
font-size: 13px;
text-transform:uppercase;
font-weight:600;
border:1px solid transparent;
border-radius:0;
}
.page-template-temp_media-center .filters-publication > li > a{
border-top:1px solid transparent;
border-bottom:1px solid transparent;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.page-template-temp_media-center .filters-publication .active{
border: 1px solid #e75058!important;
}
.left-submenu .filters-publication > li:first-child{
border-top:0;
}
.left-submenu .filters-publication > li {
width:100%;
margin-bottom:9px!important;
/*border-top:4px solid #e4e4e4;*/
}
.left-submenu .filters-publication > li > a{
line-height:20px;
font-size:18px;
text-transform:none;
font-weight:400;
padding-top:10px!important;
}
.left-submenu .filters-publication > li:first-child > a{
padding-top:0!important;
}
.page-template-temp_media-center .filters-publication > li:first-child > a{
border-left:1px solid transparent;
padding-top:0!important;
}
.page-template-temp_media-center .filters-publication > li:last-child > a{
border-right:1px solid transparent;
}
.filters-publication li a:hover,
.filters-publication li a.current{
color:#e75058 ;
}
.filters-publication .active{
color: #e75058 !important;
border: 1px solid #e75058;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.left-submenu .filters-publication .active{
border-bottom: 1px solid #e75058;
border-top:0;
border-left:0;
border-right:0;
border-radius:0;
}
/* -- level 2 -- */
.filters-publication li:hover .filters-level-2,
.filters-publication li:hover ul{
display:block;
}
.filters-publication .filters-level-2,
.filters-publication li ul{
position:absolute;
background:#fff;
display:none;
left:-1px;
width:100%;
margin-left:0!important;
padding-left:0;
z-index:999;
/*
border-left:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;*/
-webkit-box-shadow: 0px 3px 10px -8px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 3px 10px -8px rgba(0,0,0,0.35);
box-shadow: 0px 3px 10px -8px rgba(0,0,0,0.35);
}
.filters-publication ul li{
display:inline-block;
text-align:left;
padding:10px 0 0 0!important;
margin:0;
}
.filters-publication > ul > li:first-child > a{
padding-top:10px!important;
}
.filters-publication ul li a{
display:block;
text-decoration:none;
text-transform:uppercase;
padding:6px 15px!important;
color:#767676;
background:#fff;
font-size:13px;
line-height:15px;
}
.sticky .filters-level-2:after{
content:'';
position:absolute;
top:0;
left:-50%;
width:200%;
height:100%;
background:#fff;
z-index:-1;
-webkit-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.15);
box-shadow: 0px 3px 5px -2px
rgba(0,0,0,0.15);
}
.sticky .filters-level-2{
border:none;
}
.graphic-powertheeu{
text-align:center;
}
.graphic-powertheeu img{
max-width:100%;
height:auto;
}
.list-news-2 li a{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.sticky-item a{
border:5px solid #CB333B;
}
.sticky-icon{
position:absolute;
background:url('images/icon-pin.png') no-repeat;
width:35px;
height:30px;
top:-18px;
right:-20px;
z-index:9;
background-size:contain;
}
/* ======= RELATED DOCUMENTS ====== */
/* ================================ */
#relatedposts > h3{
text-align:center;
margin-bottom:45px!important;
}
/* ======= TEAM ====== */
/* ==================== */
#team-list{
margin:0!important;
padding:10px 0 0 0!important;
text-align:center;
}
#team-list li{
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
/*opacity:0; ----------- animation */
/*display: none;
float:left;
width: calc(25% - 0px);*/
vertical-align: top;
text-align: right!important;
margin: 0 0 45px 0;
list-style:none;
/*width: calc(33% - 20px); ----class column */
background:none!important;
padding:0 10px!important;
/*min-height:205px;*/
display:inline-block;
position:relative;
}
.team-name{
position: absolute;
bottom: 8px;
right: 0px;
font-weight:600;
color: #563935;
font-size: 12px;
padding:5px 14px 11px 14px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-top-left-radius: 2px;
-moz-border-bottom-left-radius: 2px;
background-color:#fff;
z-index: 11;
text-align:left;
}
.team-status {
position: absolute;
background: #cb333b;
bottom:-8px;
margin:0;
z-index: 11;
right: 0;
max-width:80%;
text-align:right;
color: #fff;
font-size: 10px;
line-height: 16px;
font-weight: 300;
padding: 6px 10px 3px 10px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
/* white-space: nowrap;*/
}
.team-name-center{
text-align:center!important;
}
.team-job{
/*position: absolute;
right: 0;
top: 90%;*/
background: #2c5c9e;
color: #fff;
font-size: 13px;
font-weight: 300;
/*
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
z-index:10;*/
width:94%;
display:block;
text-align:center;
/*
white-space: nowrap; */
}
.post-type-archive-team-organisation .team-job{
line-height: 38px;
min-height:38px;
padding: 3px 3% 3px 3%;
}
.single-team-organisation .team-job{
line-height:18px;
padding: 8px 3% 8px 3%;
}
.team-job div{
line-height: 17px;
display:inline-block;
vertical-align:middle;
}
.team-img{
position:relative;
text-align:center;
height:220px;
overflow:hidden;
}
.column-2 .team-img{
height:190px;
}
.team-img img{
width:auto;
height:auto;
max-width:280px;
min-width:100%;
/*max-height: 100%;*/
}
.team-description{
display: block;
padding: 0px 0 0px 0;
font-size: 14px;
line-height: 21px;
min-height:40px;
background:#fff;
position:relative;
}
#team-list > a {
text-decoration:none;
color:#223044;
position:relative;
display:block;
}
#team-list .team-img{
-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
}
#team-list a:hover .team-img img{
}
#team-list li a .team-img:after{
border:0px solid #fff;
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
transition: all 0.1s ease 0s;
-webkit-transition: all 0.1s ease 0s;
-moz-transition: all 0.1s ease 0s;
z-index:3;
}
#team-list li a:hover .team-img:after{
border:11px solid #fff;
}
#team-list li a .team-img:before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(203,51,59,0.7);
transition: all 0.1s ease 0s;
-webkit-transition: all 0.1s ease 0s;
-moz-transition: all 0.1s ease 0s;
opacity:0;
z-index:2;
}
#team-list li a:hover .team-img:before{
opacity:1;
}
/* team over info */
.team-img{
cursor: pointer;
}
#team-list .content {
opacity: 0;
font-size: 40px;
position: absolute;
top: 0;
left: 0;
color: #fff;
background-color: rgba(203,51,59,0.7);
width: 100%;
height: 100%;
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
transition: all 400ms ease-out;
text-align: center;
}
#team-list.column-2 {
max-width:66%;
margin:0 auto!important;
}
#team-list li:hover .content {
opacity: 1;
}
.team-img .content .text {
height: 0;
opacity: 1;
transition-delay: 0s;
transition-duration: 0.4s;
line-height:13px;
text-transform:none;
}
.team-img .content .text a {
text-decoration:none;
color:#fff;
text-transform:none;
}
.team-img .content .text a:hover {
font-weight:600;
}
.team-img .content:hover .text {
opacity: 1;
transform: translateY(40px);
-webkit-transform: translateY(40px);
}
.tax-board h2{
text-align:center;
margin-bottom:25px;
}
/* team logo */
#team-list .logo-relationship{
position: absolute;
z-index: 10;
top: 0;
right: 0;
padding:10px;
max-width: 60px;
height: 25px;
line-height: 25px;
/*
background:#fff;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-top-right-radius: 2px;
-moz-border-bottom-right-radius: 2px;
*/
}
#team-list .logo-relationship img,
.single-team-info .logo-relationship img{
width:auto;
height: auto;
max-height:100%;
max-width:100%;
display:inline-block;
vertical-align:middle;
}
/* -- singular team --- */
.single-team-info{
position:relative;
margin-bottom:25px;
max-width: 250px;
}
.team-pic{
filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
width: 100%;
height: auto;
-webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
-moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
}
.single-team-info .logo-relationship{
background:#fff;
padding:8px 0;
}
.single-team-info .logo-relationship img{
margin:0 auto;
}
/* ======= FORMS ====== */
/* ==================== */
label{
color:#999;
line-height:26px;
margin-right:10px;
margin-top:10px;
display:block;
}
input[type="text"],
input[type="mail"],
input[type="email"],
input[type="password"],
select{
padding:2px 12px;
font-size:14px;
height:24px;
max-width:100%;
/*width:90%;*/
line-height:16px;
vertical-align:middle;
color:#999;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border:1px solid #ddd;
}
input[type="radio"]{
color:#999;
}
.wpcf7-radio .wpcf7-list-item{
display:block;
}
textarea{
padding:2px 12px;
font-size:14px;
line-height:16px;
color:#999;
max-width:100%;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border:1px solid #ddd;
}
input[type="submit"]{
margin:10px 0;
text-align:left;
background:#CB333B!important;
color:#fff!important;
border:0;
padding:8px 35px;
cursor:pointer;
}
input[type="submit"]:hover{
background:#000!important;
color:#fff!important;
}
/* ======= Registration ======= */
#signup_process{ display:none;}
/* ======= FOOTER ======= */
/* ====================== */
#footer{
position: relative;
background:#292929;
padding:15px 0;
}
#footer-blocks{
padding:20px 0 40px 0;
}
#footer-blocks > li{
list-style:none;
width:31%;
margin:0 0 0 15%;
display:inline-block;
}
#footer-blocks > li:first-child{
margin-left:0;
width:20%;
}
#footer-blocks > li:first-child+li+li{
margin-left:22%;
width:12%;
}
#footer-blocks li a{
color:#697e9d;
text-decoration:none;
}
#footer-blocks h4{
font-family: 'Oswald', sans-serif;
color:#fff;
}
#footer-blocks p{
color:#fff;
line-height:20px;
font-weight:400;
/* font-size:13px;*/
margin-bottom:0;
}
#footer-blocks li a:hover{
color:#CB333B !important
}
.footer-copyright{
background:#525252;
padding:20px 0;
line-height:18px;
border-top:6px solid #cb333b;
z-index:5;
/* stick to bottom even for small screens */
position:absolute;
width:100%;
/*height:100%;*/
/*bottom:0;*/
left:0;
}
#menu-footer-menu li{
margin-bottom:0;
}
#menu-footer-menu a{
color: #fff!important;
border-bottom: 1px solid #666;
display: block;
font-size:14px;
line-height:15px;
padding: 8px 0;
text-decoration:none;
}
#menu-footer-menu a:hover{
color:#CB333B;
}
.footer-copyright .wrap{
position:relative;
}
.copyright{
color:#fff;
z-index:2;
font-size:14px;
margin-bottom:0!important;
padding-right:0px;
max-width:90%;
}
.copyright p{
line-height:22px;
}
.copyright a{
color:#fff;
text-decoration:none;
}
.copyright a:hover{
color:#CB333B;
text-decoration:underline;
}
.alys{
position:absolute;
bottom:10px;
right:0;
font-size:11px;
text-decoration:none;
color:#fff;
}
#sitemap ul{
margin-left:30px;
}
/* -------------------------------- MEDIA QUERIES -------------------------------------------- */
.nav-mobile {display:none; /* Hide from browsers that don't support media queries */cursor:pointer;position:absolute;top:139px;right:0;background:#023058 url(images/nav-mobile.png);height:30px;width:100%;}
#pull{display:none;}
.mobile-only{display:none!important;}
@media only screen and (min-width: 1100px) and (max-width: 1250px){
#search{top:100px;background:rgba(255,255,255,0.7);padding:0 10px;right:0;}
}
@media only screen and (min-width: 768px) and (max-width: 900px){
#search{top:70px;background:rgba(255,255,255,0.7);padding:0 10px;right:0;}
}
/* ------------------------ ipad -------------------------------- */
/* ------------------------ ipad -------------------------------- */
/* ------------------------ ipad -------------------------------- */
/* ------------------------ ipad -------------------------------- */
@media only screen and (min-width: 901px) and (max-width: 1350px){
.wrap{width:90%;}
.copyright{width:88%;}
#main-menu{max-width:85%;}
#main-menu li > a{padding: 0 10px;font-size:14px;}
#main-menu > li > ul{left:-45px;}
#main-menu > li > ul::after{left:75px;}
#top-menu{/*right:200px;*/}
#home-header{height:520px;}
.intern-banner .slides{padding-top:100px!important;}
.slide-title h1{margin-bottom:10px;}
#slider,.slides, .slides li{height:480px;}
.logo{width:150px;max-width:15%;}
.logo img{width:100%;}
/* basic */
h2{font-size:24px;}
/* home */
.home-banner #slider{max-height:380px;}
.gs_tw_feeds_area{margin:0 auto!important;}
.button-nude{font-size:10px;}
.go-to-media-centre a{padding:3px 0;line-height:14px;}
.right-latest-news h2{font-size:18px;margin-top:-13px;}
.home-latest-news li .thumb{height:100px;}
.home-latest-news li .thumb p{font-size:9px;}
.home-latest-news li .news-content{min-height: 100px;line-height: 100px;}
.home-latest-news li .news-content h3{font-size:12px;line-height:15px;}
.intern-teasers li h3{font-size:16px!important;line-height:18px!important;}
/* left menu */
.left-submenu .filters-publication > li > a{font-size:16px;}
/* publications */
.list-publications .publication-cover{max-height: 290px;}
/* news */
.sticky .wide-submenu{top:110px;}
.page-template-temp_media-center .list-news-2 li{margin:0 0% 2% 0% !important;}
.list-news-2 li{width:30%;}
.list-news-2 li .thumb{height:180px;}
.list-news-2 li h3{font-size: 16px;line-height: 22px;}
.list-news-2 li p{line-height:20px;}
/* events */
.page-template-temp_all-events .list-news-2 li h3{min-height:85px;}
.page-template-temp_all-events .list-news-2 .news-detail{min-height:360px;}
.featured-sticky-event li h3{min-height:10px!important;}
.featured-sticky-event li .news-detail{width:65%;min-height:10px!important;}
/* team */
#team-list li{min-height:175px;}
.team-img{min-height:170px;height:170px;}
.team-img img{max-width:100%;}
.team-name, .team-status{min-width:60%;}
.team-description p a{ -ms-word-break: break-all; word-break: break-all;max-width: 210px;
display: block;}
/* about */
.page-id-68 .shadow-block h3{margin-top:5px;font-size:20px;}
}
/* ------------------------ ipad vertical -------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 900px){
.wrap{width:90%;}
/* menu */
#main-menu{text-align:left;float:left;margin-left:20px;max-width:100%;margin-top:0px;}
#main-menu > li > a {font-size:13px;padding: 20px 10px;margin-top:0px;line-height:35px;}
#main-menu li ul{top:70px!important;}
/* top menu */
/*#top-menu .right{margin-left: 350px;float:none;width:80%;}*/
.top-menu{margin-right:0;}
#top-menu .right{margin-top:8px;}
/* header */
.sticky #main-menu{margin-top:17px;}
.sticky #main-menu > li > a{line-height:35px;}
.logo{padding-top:17px;width:130px;}
.sticky .logo{padding-top:20px;}
#social{top:14px;}
.sticky #social{top:8px;}
.sticky #top-menu .right{margin-top:4px;padding-right:110px;}
.sticky .special-item a:after{top:20px;}
/* home */
.home .home-banner{/*height:350px !important;*/min-height:inherit;}
.bgvid{width:100%;height:auto;}
/*.home-banner{height:600px!important;min-height:300px;}*/
.home-banner{margin-top:130px;}
.home-banner #slider{margin-bottom:0;}
.home-banner #slider{max-height:300px;}
.slides, .slides li{height:330px;}
.flex-caption{top:140px;max-width:80%;margin:0 auto;}
.slide-title h1{font-size: 32px;}
.slide-title h1 span{font-size: 22px;}
.slide-title p {font-size:18px;line-height:24px;}
#logo-support{top:380px;bottom:auto;}
.home .list-broadcast, .home-twitter{width:48%;}
.right-latest-news h2{font-size:18px;}
.home-latest-news li .thumb{height:70px;}
.home-latest-news li .thumb p{font-size:6px!important;}
.home-latest-news li .news-content{min-height: 70px;line-height: 70px;}
.home-latest-news li .news-content h3{font-size:10px;line-height:15px;}
.go-to-media-centre a{padding:6px 0;font-size:8px!important;line-height:15px;}
.gs_tw_feeds_area{width:100%!important;}
/* banner */
.intern-banner {height:300px!important;min-height:inherit;max-height:inherit;}
.intern-banner #slide-img{background-position: 0 -100px;}
.intern-banner #slide-img img{margin-top: 0px;}
.slide-title p{margin-bottom: 0;}
.icon-lock{top: 175px;}
.icon-lock div{height: 50px;width: 50px;}
/* teasers */
.teaser-content{margin-bottom:30px;}
#teasers{text-align:center;}
#teasers li{width:30%;}
#teasers li h3{font-size: 14px;}
#teasers.column-5 li{width: 17.5%;}
#teasers.column-5 li h3{font-size: 12px;}
#teasers.column-6 li{width: 14%;}
#teasers.column-6 li h3{font-size: 12px;line-height: 15px;}
/* news */
.list-news {text-align:center;}
.list-news-2 li{width:29%;}
/*.list-news li:nth-child(2n+1){margin-left:0;}*/
.list-news .news-detail{text-align:left;padding:0 20px;}
.list-news-2 li .thumb{height:130px;}
.list-news-2 li h3{font-size: 13px;line-height: 18px;margin-top:10px;min-height:85px;}
.list-news-2 li p{line-height:20px;}
/* left menu */
.left-submenu{width:18%;}
.left-submenu .filters-publication > li > a{font-size:12px;line-height:14px;}
/* publications */
.list-publications .publication-cover{max-height: 220px;min-height:inherit;}
.list-publications li h3{font-size: 13px;line-height: 18px;padding:0 15px;}
.list-publications li .category{padding:1px 15px;font-size:10px;}
.list-publications .date{font-size:10px;line-height:18px;}
/* events */
.list-events .event-detail h3{font-size: 14px; line-height: 18px;}
/* basics */
h1{font-size:38px;line-height:42px;}
h2{font-size:24px;line-height:28px;}
/* member footprint */
.filter-title{ font-size: 13px;line-height: 17px;}
.filters-vertical li{columns: 2;-webkit-columns: 2;-moz-columns: 2;}
.filters-vertical li a{font-size:10px;line-height:14px;}
.post-type-archive-members #members-list li{width:100%;margin:1% 0!important;}
#members-list li{width:80px;}
#members-list .border-img{width:60px;height:60px;line-height:60px;padding:10px;}
/* team */
#team-list li{min-height:145px;}
.team-img{height:100px;min-height:100px;}
.team-img img{max-width:100%;min-height:170px;height:170px;}
.team-description p a{ -ms-word-break: break-all; word-break: break-all;max-width: 180px;
display: block;}
/* intranet */
#intranet-nav ul li a{font-size: 12px;padding: 15px;}
.list-wg li{width:45%;margin:15px!important;padding: 20px 0px;}
/* pages */
.page-content h2{font-size: 30px;line-height: 36px;}
.list-news li{width:48%;}
.single-list-news li:first-child + li + li{margin-left: 0;}
/* footer */
#footer-blocks > li:first-child+li+li{width:15%;margin-left:15%;}
}
/* ------------------------ iphone -------------------------------- */
@media only screen and (min-width: 200px) and (max-width: 767px){
.mobile-only{display:block;}
.desktop-only{display:none;}
/* --- menu principal dropdown mobile --- */
a#pull { display:block;background:url('images/nav-mobile.png') right center no-repeat transparent; height:60px; width:100%; position:absolute;z-index:20;top:10px;right:0;outline:none;}
.nav-list {display:none; }
#main-menu{max-width:100%;text-align:center;margin:0;position:absolute;top:67px;padding-top:0px;z-index:900;background:#fff;width:100%;}
#main-menu li{display:block;width:100%;padding-left:0;margin:0;}
#main-menu li a{text-shadow:none !important;max-width:100%;margin:0;border-bottom:1px solid #ddd;padding:12px 0px;color:#CB333B;}
#main-menu .current{}
#main-menu .current a, #main-menu li > a:hover, #main-menu > .current-menu-item > a, .current-page-parent > a, .current-menu-ancestor > a, .current-menu-parent > a{color:#CB333B!important;}
#main-menu > li > a{line-height:25px;}
/* sous-menu */
#header #main-menu li ul{display:none;top:0; opacity: 1;visibility: visible;z-index: 1;position:relative;background:#fff;text-align:center;padding-top:0;}
#header #main-menu li ul li a{font-size:14px;color:#888;}
.sticky #main-menu{width:100%;margin:0;}
.sticky #main-menu > li > a{line-height:25px;}
#header #main-menu li ul{padding-bottom:0;box-shadow:none;}
.wrap{width:90%;}
.copyright{width:85%;}
.mobile-only{display:block!important;}
/* toggle search */
.desktop-only.search-bloc{top:-25px;}
.mobile-only.search-bloc{position:relative;top:0; left:0;}
.sticky .mobile-only.search-bloc{display:none!important;}
.mobile-only .search-form{left:0px;padding:0;display:none;position:relative;top:-5px;right:25px;z-index:999;width:80%;}
.mobile-only #search{max-width:inherit;background:#fff;position:relative;top:25px;height:35px;margin:0!important;width:100%;}
.open-search{position:absolute;right:25px;top:-4px;display:block;cursor:pointer;z-index:999;}
.open-search span{text-shadow:none;color:#747678;}
.search-form{top:30px;}
.mobile-only.search-bloc .search-field{top:-36px;position:relative;width:80%;}
.mobile-only.search-bloc .searchsubmit span{top:-36px;position:relative;}
.thumb-search{max-width:100%;float:none;margin:0 0 25px 0;}
/* top menu */
#header .wrap{margin-top:30px;}
#header #top-menu .wrap{margin-top:0px;}
.sticky #top-menu .right{margin-top:0px;}
.sticky #social{top:8px;}
.sticky #top-menu, .sticky #social{display:block;}
#top-menu{/*background:#CB333B;*/float:right;margin-right:160px;}
#top-menu .right{margin-left:20px;float: none;background:none;padding:0;margin-top:0;}
.top-menu{margin-right:160px;}
.top-menu li a{font-size: 11px;line-height: 20px;padding: 3px 5px;}
#top-menu .right{left:0;}
/* head*/
#search{top:70px;background:rgba(255,255,255,0.7);padding:0 10px;right:0;}
#header .wrap{width:100%;}
#header{height:100px;}
.top-info p{display:none;}
.logo{float:none;width:120px;top:0;z-index:999;margin-left:25px;padding-top:3px;}
.logo img{width:100%;}
.sticky .logo{width:110px;padding:3px 0 0 0;}
#top-menu {float:none;height:20px;padding: 10px 0;width:100%;}
.login {float: right;}
#home-header{height:350px;}
.imgbackground{height:330px;}
.imgbackground img{height:100%;width:auto;}
#social {right:65px;top:10px;margin-top:0;/*display:none;*/}
#social li {display:inline-block;margin:0 0 0 5px;height:25px;}
.login{padding-bottom:10px;}
/* home */
.home-banner #slider, .right-latest-news{width:100%;float:none;}
.home .home-banner{padding-bottom:25px;margin-top:100px;}
/*.home-banner{height:200px!important;min-height:10px;margin-top: 70px;}*/
#home-header,#home-teasers, #home-newsletter, #home-news, #home-news-events, #home-content, #footer{overflow:hidden;}
#logo-support{top:240px;}
.logo-support-content .owl-item cloned{margin-right:20px;}
#slider{/*margin-top:70px;height:170px;*/}
.slides, .slides li{/*height:170px*/}
.slide-title{top:0px;}
.home .slide-title h1{font-size: 26px;line-height:28px;margin:0 auto!important;}
.slide-title h1 span{font-size: 14px;line-height:12px;margin-top:5px;width:100%;}
.slide-title p {font-size:18px;line-height:20px;}
.flex-direction-nav,.flex-control-nav{display:none;}
.slide-title .button{font-size:12px; padding: 6px 40px;margin-top:0px;}
.banner-title {top:60%;}
.home .flex-caption{top:100px;}
.flex-caption .button{margin-top:10px;}
#home-header h1, .banner-title h1{font-size:36px;width:90%;margin:0 auto;text-align:center;line-height:38px;}
.slide-title{width:100%;font-size:30px;margin:0 auto;}
#home-content img{float:none!important;margin:0!important;max-width:100%;}
.home .list-broadcast, .home-twitter{width:100%;}
.broadcast-description{display:none;}
.home-twitter{margin:35px 0 0 0 ;max-height:280px;overflow:hidden;}
.home-latest-news li .news-content h3{font-size:14px;}
/* banner */
#banner{height:230px!important;}
.home #banner img{margin-top:100px;}
#banner.home-banner{height:268px;}
.intern-banner {/*height:200px!important;*/min-height:200px;padding-top: 0px;}
.intern-banner #slide-img{background-position: 0 -30px;margin-top:100px;}
.intern-banner #slide-img img{margin-top: 0px;}
.intern-banner .flex-caption{top:150px;}
.post-type-archive-publication .intern-banner .flex-caption{top:110px;bottom:auto;}
.intern-banner h1::after{display:none;}
.intern-banner h1{font-size:18px;width:auto;margin:0 auto;text-align:center;line-height:28px;background:#CB333B;}
#banner img {width: 100%;height:auto; /*height: 308px;*/}
.slide-title p{margin-bottom:5px;}
.icon-lock{top:50px;}
.icon-lock div{width:35px;height:35px;}
/* teasers */
#teasers{padding-top:0;margin-bottom:25px;}
#teasers li,#teasers.column-4 li,#teasers.column-5 li,#teasers.column-6 li{width:100%!important;padding:0;margin:0 0 20px 0;}
#teasers li{height:auto;}
#teasers li a{padding: 20px 0;display:block;height:100%;}
.intern-teasers li a{min-height:90px;line-height:90px;vertical-align:middle;}
#teasers li .thumb{width:70px;margin: 0 10px 0 0;float: none!important;display: inline-block;padding-top: 0px;height: 60px;vertical-align: middle;}
#teasers li .thumb img{max-width:80%;}
#teasers li h3{text-align:left;font-size:14px!important;line-height:18px;width:60%;display:inline-block;vertical-align:middle;}
#teasers li p{font-size:16px;line-height:20px;}
#home-content{width:100%;max-width:100%;}
#partners li {width:49%;margin-left:0;}
/* left menu */
.left-submenu{width:100%;position:relative;top:0;max-width:100%;}
.left-submenu .filters-publication > li > a{font-size:14px;line-height:16px;}
.left-column{padding-top:0;}
.left-submenu{margin-top:0;}
blockquote{padding:0 0 0 45px;}
blockquote:before{font-size:40px;top:0px;}
blockquote p{text-align:left;font-size:16px;}
/* media centre */
.page-template-temp_media-center .list-news-2 li{margin: 0 0 25px 0 !important}
/* powertheeu */
.power-logo{top:110px;}
.power-logo img{width:150px!important;}
/* news */
.list-news li{width:100%;float:none;margin:0 0 15px 0!important;}
.list-news .news-detail{bottom:50px;}
.list-news .thumb{}
.list-news li a{}
.owl-carousel .owl-item{min-height:90px;min-width:100px;}
.list-news-2 li{width:100%;margin-left:0!important;}
.news-info-box{box-shadow:none;}
/* publications */
.list-publications li{width:100%;float:none;margin:0 0 15px 0!important;}
.publication-cover-link{float:none;margin:0 auto 25px;text-align:center;}
.single .publication-cover{margin:0 auto;}
/* members */
.post-type-archive-members #members-list h4{padding-top: 0;font-size: 16px;line-height: 20px;margin-bottom: 5px;}
#members-list .description p{margin-bottom:0;font-size:13px;line-height:16px;}
/* - */
.go-back-btn{bottom:75px;}
#filters{padding:20px 8px;}
.readmore{margin-right:35px!important;}
.readmore::after{width:25px;height:25px;background-size:25px 50px!important;}
.stakeholder-block .wp-block-column:first-child{width:20%;}
/* form join us */
.wpcf7-form{max-width: 80%;margin: 0 auto;}
/* basics */
h1{font-size:28px;line-height:34px;}
h2{font-size:22px;line-height:28px;margin-top:20px;}
h3{font-size:20px;line-height:26px;}
img .alignright, .alignright,img .alignleft, .alignleft{float:none;margin:0 0 25px 0;}
/* facts figures */
.facts-figures li{width:49%;}
.left-column, .right-column{float:none;}
.left-column .filters-publication li ul{position:relative;}
/* intranet*/
#intranet-nav ul li{width:100%;}
#intranet-nav ul li a{font-size: 14px;padding: 15px 0px;}
.list-wg li{width:100%;margin:0 0 15px 0;padding: 20px 0px;}
/* page */
#page-content img, #page-content iframe{max-width:100%;height:auto;}
.left50,.right50,#content-right{float:none;width:100%;}
.right50{margin-top:25px;}
#content-left{float: none;width: 100%;}
#page-content {padding: 0 ;}
.page-content h2{font-size: 30px;line-height: 36px;}
.inner-news-block .news-block{width:100%!important;}
/*.post-type-archive-funding-organisation */.organisations li{min-height:10px;}
#projects li{width:96%;max-width:100%;margin:0 0 20px 0;}
.page-id-2 .shadow-block{min-height:inherit;margin-bottom:25px;}
/* team */
#team-list.column-2{max-width:100%;}
#team-list li{width:49%!important;min-height:150px;}
.team-img{height:auto;min-height:100px;}
.team-img img{max-width:100%;}
.team-name{font-size:14px;line-height:16px;font-weight:600;text-align:center;position:relative;width:100%;max-width:100%;border-radius:none;box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.28);
margin-bottom: -20px;}
.team-status{position:relative;width:100%;border-radius:0!important;max-width:100%;}
.team-name span{white-space:normal!important;line-height: 16px;width:100%;}
.team-job div{font-size:11px;line-height:13px;}
.team-description p a{ -ms-word-break: break-all; word-break: break-all;max-width: 150px;display: block;}
.team-img .content .text{font-size:11px;padding:0 7px;}
#team-list .logo-relationship{position:relative;max-width:inherit;text-align:center;}
.single-team-organisation img .alignright,
.single-team-organisation .alignright{float:none;}
.single-team-organisation img .alignright img,
.single-team-organisation .alignright img{margin:0 auto 20px;display:block;max-width:100%;height:auto;}
#team-list .content{position:relative;height:90px;background:none;color:#666;opacity:1;}
.column-2 .team-img{height:auto;}
.column-2 .content{height:30px!important;}
/* events */
.home .list-events li, .post-type-archive-partners .list-events li, .term-covid-special .list-events li, .list-events li{width:100%;margin-left:0;}
.list-events .event-detail h3{font-size: 16px;line-height: 20px;}
.list-events .event-detail .city{max-height:inherit;}
.list-news .thumb img{width:100%;}
.list-news .publication-cover img{width:auto!important;}
.event-pic{margin-top:0;}
/* featured event */
.featured-sticky-event li .thumb{float:none;width:100%;}
.featured-sticky-event li .news-detail{float:none;width:100%;padding:0 5%;}
/* columns*/
.right-content, .left-content{float:none;width:100%;}
/* sidebar */
#sidebar-left{padding:0;}
#sidebar-right{padding:0;}
#sidebar-right,#sidebar-left {float: none; width: 100%;}
#sidebar-right #main-menu{position:relative;width:100%;background:none;}
#sidebar-right #main-menu li a { border-bottom: 1px solid #ddd;}
#sidebar-right #main-menu li a { border-bottom: 1px solid #ddd;}
.short-link{max-width:180px;}
/* member footprint */
.filters-vertical li{padding: 0px 10px;margin-bottom:0;line-height: 12px;}
.member_cont{display:block;}
.member_pic{margin:15px auto;}
.member_desc{padding:0 10px 20px 10px;}
.left-column, .right-column{width:100%;margin:0;}
.filters-vertical{columns: 1;-webkit-columns: 1;-moz-columns: 1;}
.post-type-archive-members #members-list li{width:100%;margin:1% 0!important;}
#members-list li{width:80px;margin:5px;}
#members-list .border-img{width:60px;height:60px;line-height:60px;padding:10px;}
/* network */
.partner-summary{padding-bottom:20px;}
.post-type-archive-partners .list-events .thumb{flex:20%;padding:0 10px;}
.post-type-archive-partners .list-events .thumb img{max-width:100%;}
/* footer */
#footer-blocks > li:first-child{margin-right:2%;}
#footer-blocks > li{width:48%!important;margin:0 0 10px 0;}
#footer-blocks > li:first-child+li+li{width:100%!important;text-align:center;margin:0;}
#footer-blocks li:first-child+li+li h4{text-align:center;}
.copyright{width:100%;}
.wp-pagenavi a, .wp-pagenavi span{margin-top: 10px !important;display: inline-block;}
}
@media only screen and (max-height: 767px){
#teasers{padding:0;}
#teasers li a{padding: 5px 0;}
}