/* Theme Name: EIP Author: Alys Author URI: https://www.alys.be Description: Tailor made website Version: 1.9 */ /* cacher captcha */ .grecaptcha-badge {display: none!important;} /* 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:14px; line-height:18px; color:#565656; font-weight:400; position:relative; height: 100%; margin: 0; font-family: 'Montserrat', sans-serif; } h1{ color:#565656; font-size:42px; margin-bottom:40px; font-weight:600; line-height:44px; } h2{ color:#3eb390; font-size:36px; margin:41px 0 40px 0; padding-bottom:20px; font-weight:400; text-transform:uppercase; line-height:38px; position:relative; } h2:after{ content:" "; position:absolute; bottom:-7px; left:0; height:6px; width:55px; background:#C3c322; } h3{ font-weight:400; line-height:28px; margin:20px 0 10px 0; position:relative; color:#3eb390; font-size:28px; margin-bottom: 15px !important; margin-top: 15px !important; } h4{ color:#C3c322; font-size:22px; line-height:26px; font-weight:400; margin-bottom: 10px !important; margin-top: 15px !important; /* text-transform:uppercase; */ } h5{ color:#C3c322; font-size:22px; line-height:26px; font-weight:400; margin-bottom: 10px !important; margin-top: 15px !important; text-transform:uppercase; } .accordam {border-top: 3px solid #3eb390;} p{ margin-bottom:10px; font-size:18px; line-height:28px; color:#6e6666; } li{ margin-bottom:1.25em; font-size:18px; line-height:28px; } /*animate*/ .fd_in_animate{visibility: hidden;--animate-duration: 1s;} .sld_in_animate{visibility: hidden;--animate-duration: 1s;} :not(.has-text-color li) {color:#6e6666; } .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, b{font-weight:bold;} em{font-style:italic;} .clear{clear:both;} .readmore{ color:#00889E!important; display:block; padding:5px 0; text-decoration:none!important; } .readmore:after{ content:" "; background:url('images/arrow.png') top right no-repeat; height:19px; width:26px; position:absolute; } .readmore:hover, #teasers a:hover .readmore{ color:#FC8B0B!important; } .readmore:hover:after, #teasers a:hover .readmore:after{ background-position:bottom right; } .pdflink{ text-decoration:none; padding:0px 0 0px 30px; display:inline-block; background:url('images/icon-download-link.png') left 2px no-repeat; color:#696264; background-size:25px 91px; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; } .pdflink:hover{ background-position: left -66px ; color:#000; } .seeall{ text-decoration:none; color:#4a4a4a; position:relative; margin-top:20px; line-height:18px; background:url('images/seeall-arrow.png') right top no-repeat; display:inline-block; padding:7px 45px 6px 5px; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; } .seeall:hover{ color:#3eb390; background-position: right bottom; } .bcontent{ } img{ display:block; } .wrap{ width:1200px; margin:0 auto; } .back{ border:1px solid #ccc; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; display:inline-block; padding:6px 25px 6px 35px; text-decoration:none; color:#504a4a; background:url('images/back-arrow.png') left 8px no-repeat; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; margin-left:25px!important; } .back:hover{ color:#5a88c1; background-position:left -22px; } hr{ border-top:1px solid #ccc; border-bottom:0; border-left:0; border-right:0; margin-bottom:15px; } a{ color:#3eb390; } a:hover{ color:#3eb390; text-decoration:none; } blockquote{ padding:0px 25px; font-style:italic; margin-bottom:35px; margin-top:35px; position:relative; } blockquote:before{ position:absolute; top:0; left:-15px; content:'“'; font-family:"Times New Roman", Times, serif; font-size:66px; color:#3eb390; opacity:0.4; } blockquote:after{ position:absolute; bottom:-15px; right:-15px; content:'”'; font-family:"Times New Roman", Times, serif; font-size:66px; color:#3eb390; opacity:0.4; } blockquote p{ color:#3eb390; font-size:18px; } /*center the content forcefully*/ .center_me{margin: auto !important;} /*center video forcefully and make it full width*/ .is-type-video.aligncenter { margin: auto !important; } .is-type-video.aligncenter .wp-block-embed__wrapper{ display: inline-block; position: relative; padding-bottom: 60%; width: 100%; } .is-type-video.aligncenter .wp-block-embed__wrapper iframe { height: 100% !important; position: absolute; top: 0; left: 0; width: 100% !important; } /* ---------------------------------- */ /* --------- WP5 gutenberg----------- */ .ui-tabs-nav li{ background-image:none!important; padding-left:0!important; } .ugb-block-title:after, .wp-block-cover h2:after{ left:45%; } .wp-block-buttons .wp-block-button__link{background-color: #fff;} /* --- button --- */ /* .button{ background:#C3c322; } .button span, .yellow-button span{ position:relative; z-index:2; color:#3eb390; } .button, .yellow-button a{ font-size:14px; padding:12px 34px; position:relative; } .button:hover, .yellow-button a:hover{ color:#fff!important; } .button:hover span, .yellow-button:hover span{ position:relative; z-index:2; color:#fff; } .button:after, .yellow-button a::after { position: absolute; content: ''; top:0; left: 0; width: 0; height: 100%; background:#3eb390; transform-origin:left; transition:width 0.25s ease; z-index:0; } .button:hover:after, .yellow-button a:hover::after { width: 100%; }*/ .button{ color:#3eb390; border:2px solid #3eb390; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; text-decoration:none; display:inline-block; text-align:center; padding:12px 24px; font-size:18px; line-height:18px; } .button:hover{ color:#C3c322; border-color:#C3c322; } .button, .wp-block-button__link{ transform:scale(0.9); transition:all .2s ease-in-out; } .button:hover, .wp-block-button__link:hover{ color:#c3c322 !important; transform:scale(1.03); } .button-nude{ /*font-family:'Oswald',Arial, sans-serif;*/ text-transform:uppercase; color:#3eb390; letter-spacing: 0.4px; text-decoration:none; margin-top:10px; font-size:13px; 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:#C3c322; border:1px solid #C3c322; } /* --- 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 .wp-block-group__inner-container{ padding:0 20px; } /* --- */ .post-inner { padding-top: 4rem; } .home .post-inner{ padding-top:0; overflow:hidden; } .home .post-inner .has-background{ margin-bottom: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; } .full-map iframe{ max-width: 2000rem!important; } .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); } .entry-content .wp-block-image{margin: auto;} .dark-bg h2, .dark-bg h3, .dark-bg p, .dark-bg li{ color:#fff; } .post-inner li{ margin-left:20px; } /* --- Publications gutenberg ----- */ .page-id-11{ background:#f2f7f3; } .wp-block-file{ background:#fff; max-width:250px!important; display:block; margin-top:30px; 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); -webkit-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; } .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 #fff; width:100%; height:120px; } .wp-block-file a:first-child{ padding:140px 2% 0 2%!important; position:relative; display:block; text-align:center; color:#fff; background:#338ba1!important; min-height:80px; line-height:26px!important; } .wp-block-file a:hover{ background:#444!important; color:#ffffff!important; } .wp-block-file: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); } /* accordion gutenberg */ .page-id-55 .ugb-accordion__heading{ padding: 8px 0px!important; margin-bottom:5px!important; } .page-id-55 .ugb-accordion h4{ font-size:18px; } .wp-block-image img{height:auto;} /* -- list style -- */ .list-style-icons{ max-width:55rem!important; } .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,PHN2ZyB2aWV3Qm94PSIwIDAgMTkwIDE5MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHlsZT0iZmlsbDojMDZjMTlkIj48cGF0aCBkPSJNMTgxLjkgODcuNmgtNzkuM1Y4LjRoLTE1djc5LjJIOC40djE1aDc5LjJ2NzkuMmgxNXYtNzkuMmg3OS4zeiI+PC9wYXRoPjwvc3ZnPg=='); } .wp-block-cover .list-style-icons li{ color:#fff!important; } /* ======= HEADER ======= */ /* ==================== */ .admin-bar #header{/*position:relative;*/} .admin-bar #slider, .admin-bar #banner{margin-top:0;} #wpadminbar .edit-icon a{ position: relative; float: left; padding: 4px 0; background-image: none !important; margin-right: 6px; } #wpadminbar .edit-icon a:before{ content: "\f464"; top: 2px; color: #a0a5aa; color: rgba(240,245,250,.6); position: relative; transition: all .1s ease-in-out; font: 400 20px/1 dashicons; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* ----- */ #header{ position:fixed; z-index:9999; width:100%; top:0px; padding-top:0px; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; background:none; } #header:after{ content:""; position:absolute; top:0; left:0; width:100%; height:250px; z-index:0; background: rgb(0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#00ffffff',GradientType=0 ); /* background: rgb(62,179,144); background: -moz-linear-gradient(top, rgba(62,179,144,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(62,179,144,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(62,179,144,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eb390', endColorstr='#00ffffff',GradientType=0 );*/ } .logo{ float:left; padding:30px 0 22px 0; width:113px; display:block; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; position:relative; z-index:10; } .logo img{ width:100%; height:auto; image-rendering: -webkit-optimize-contrast; /* chrome flou */ } .sticky .logo, .stickyhome .logo{ width:113px; padding:20px 0 12px 0; } /* .home .sticky #header{ box-shadow:none; background:none; display:none; }*/ .sticky #header nav{ margin-top:25px; } .sticky #header{ -webkit-box-shadow: 0px 4px 8px 0px rgba(50, 50, 50, 0.36); -moz-box-shadow: 0px 4px 8px 0px rgba(50, 50, 50, 0.36); box-shadow: 0px 4px 8px 0px rgba(50, 50, 50, 0.36); background:#fff; /*background:url('images/pattern-logo.png') repeat #3eb390;*/ } .sticky #header:after{ display:none; } .sticky #social li a{ color:#3eb390; } /* .sticky #header:after{ background:url('images/pattern-logo.png') repeat; content: ""; opacity: 0.1; width: 100%; height: 100%; position: absolute; top: 0; background-size: 70px; }*/ .sticky #main-menu li ul li a{ background:#3eb390; background:rgba(62,179,144,0.9); } .sticky #main-menu li ul li a:hover, .sticky #main-menu li ul .current a, .sticky #main-menu li ul .current-menu-item a, .sticky #main-menu li ul .current-page-ancestor a{ background:#3eb390!important; background:rgba(9,154,155,1)!important; } /* --- top menu --- */ #language-menu{ float:left; padding:10px 20px 0 0; position:relative; } #language-menu li{ display:inline-block; list-style:none; } #language-menu li a{ text-decoration:none; color:#999; font-size:12px; display:block; padding: 0px 2px; } #language-menu li a:hover, #language-menu .current a{ color:#00b6d4; } #language-menu li:first-child a{ border:none; } #top-menu{ height:35px; line-height:35px; width:100%; position:absolute; z-index:9999; } .top-info{ float:right; margin-right:300px; } #top-menu .right{ float:right; } #header .wrap{ position:relative; } .top-info p{ color:#fff; margin-bottom:0; font-size:12px; line-height:35px; padding-left:20px; position:relative; z-index:999; /*background:url('images/icon-map.png') left center no-repeat;*/ } .top-info p a{ color:#ffd500; } .top-info p a:hover{ color:#fff; } #top-menu-links{ float:left; margin-right:10px; } #top-menu-links li{ list-style:none; display:inline-block; } #top-menu-links a{ color:#fff; text-decoration:none; } #top-menu-links a:hover{ color:#3eb390; } .search-form-top{ float:left; } #search{ float:left; margin-right:20px; margin-top:0px; } .search-field{ height:20px; background:none; border-bottom:1px solid #ddd; border-top:none; border-left:none; border-right:none; border-radius:0; color:#fff; } .sticky .search-field, .sticky .searchsubmit{ color:#666; } .searchsubmit{ background:none!important; padding:8px 5px!important; } .login{ color:#151536 ; background:#ffd500; font-size:12px; line-height:28px; padding:0 15px 0px 15px; text-decoration:none; display:inline-block; position:absolute; top:0; z-index:5; right:0;/*140px;*/ -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .login:hover{ padding:5px 15px 5px 15px; } .tab-industry{ color:#151536 ; background:#ffd500; font-size:12px; line-height:28px; padding:0 15px 0px 15px; text-decoration:none; display:inline-block; position:absolute; top:0; z-index:5; right:0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } .tab-industry:hover{ padding:5px 15px 5px 15px; } /* -- 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; margin-top:7px; height:22px; float:left; margin-right:20px; } .sticky #social{ } #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; width:32px; height:32px; line-height:32px; color:#fff; /*border:1px solid #fff;*/ background:rgba(255,255,255,0.3); text-align:center; margin-top:5px; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; } #social li a span{ display:inline-block; line-height:32px; font-size:16px; } #social li a:hover{ color:#C3c322; /*border:1px solid #C3c322;*/ background:rgba(255,255,255,0.1); } /* .linkedin{ background:url('images/icon-linkedin.png') no-repeat; background-position:center top; } .twitter{ background:url('images/icon-twitter.png') no-repeat; background-position:center top; } .youtube{ background:url('images/icon-youtube.png') no-repeat; background-position:center top; } #social li:hover{ background-position:center bottom; }*/ /* -- partners social -- */ .social{ margin:0!important; text-align:center; } .social li{ padding:0!important; display:inline-block; text-align:center; margin:0 2px; } .social li a, .social li a span{ text-decoration:none; } /* ====== MAX MEGA MENU =======*/ /* ===========================*/ #header nav{ float:left; margin-top:45px; margin-left:40px; } /* =====================*/ /* -- main menu --*/ #main-menu{ float:right; padding:0; text-align:right; } #main-menu li{ list-style:none; margin-bottom:0; /*display:block;*/ float:left; position:relative; z-index:1; margin:0 1px; } #main-menu > li > a{ color:#fff; font-size:20px; text-decoration:none; display:block; padding:15px 10px; font-weight:400; /*border-bottom:3px solid transparent;*/ } .sticky #main-menu > li > a{ color:#3eb390; } #main-menu li > a{ padding:20px 12px 17px 12px; margin:0 8px; } #main-menu > li:hover > a, #main-menu > .current-menu-item > a, #main-menu > .current_page_ancestor > a, #main-menu > .current-page-ancestor > a, .sticky #main-menu > li:hover > a, .sticky #main-menu > .current-menu-item > a, .sticky #main-menu > .current_page_ancestor > a, .sticky #main-menu > .current-page-ancestor > a{ color:#C3c322; border-bottom:3px solid #C3c322; } /* -- submenu -- */ #main-menu > li:hover > ul{ visibility: visible; opacity: 1; top: 49px; } #main-menu li ul { position:absolute; float:none; text-align:left; z-index:-1; padding:20px 0 0 0; visibility: hidden; opacity: 0; top: 20px; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } #main-menu li ul li{ margin:0!important; } #main-menu li ul li a{ text-transform:none; display:block; padding:7px 20px 7px 20px; margin-bottom:0; min-width:180px; font-size:14px; line-height:16px; transition:none!important; color:#fff; /* bleu 0170b6;*/ /*border-bottom:1px solid #fff;*/ /*background:#fff; background:rgba(255,255,255,0.25);*/ background:#3eb390; background:rgba(62,179,144,0.9); text-decoration:none; font-weight:400; } #main-menu li ul li a:hover{ /*background:rgba(255,255,255,0.1)!important; -----*/ background:rgba(9,154,155,1)!important; } #main-menu li ul .current a, #main-menu li ul .current-menu-item a, #main-menu li ul .current-page-ancestor a{ background:rgba(9,154,155,1)!important; } .sticky #main-menu li ul li a:hover{ background:rgba(9,154,155,1)!important; } /*Focus section home page */ .focus-box{ background-color: #fff; margin: 0 auto; padding: 15px 10px;z-index: 3;-webkit-box-shadow: 0px 5px 15px rgb(0 0 0 / 60%); -moz-box-shadow: 0px 5px 15px rgba(0,0,0,0.6); box-shadow: 0px 5px 15px rgb(0 0 0 / 60%);} .focus-box:hover{-webkit-box-shadow:none; -moz-box-shadow: none; box-shadow: none;} .focus-link{z-index: 3; -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 28%); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.28); box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 28%);} .focus-link:hover { -webkit-box-shadow: 0px 5px 9px 1px rgb(0 0 0 / 60%); -moz-box-shadow: 0px 5px 9px 1px rgba(0,0,0,0.6); box-shadow: 0px 5px 9px 1px rgb(0 0 0 / 60%); text-decoration: solid; } .focus-box h3{font-size: 20px;} .focus-right{ top: 30%; position: absolute; right: 0; z-index: 4; width: 15%;} .focus-right h3{text-transform: uppercase;font-weight: bold;line-height: 22px;} .focus-right .focus-content p{font-size: 14px;font-weight: bold; color: #000; line-height: 22px;} .focus-middle{bottom: 10%; position: absolute; left: 28.75%; z-index: 4; width: 41%; display: flex;} .focus-middle .thumb{flex: 35%;} .focus-middle .focus-content{flex: 65%; padding:0 0 0 3%; } .focus-middle .focus-content p{font-size: 14px;font-weight: bold; color: #000; line-height: 22px;} .focus-middle h3{text-transform: uppercase;font-weight: bold; margin-top: 0px; } .focus-sml-box {width: 46%;background-color: #fff; margin:30px auto 30px auto; padding: 15px 10px; position: relative;-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); align-items:stretch; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s;} .focus-sml-box a{text-decoration:none; display:block; } .focus-sml-box .inner-box{display: flex;} .focus-sml-box .focus-sml-img{flex: 35%;} .focus-sml-box .focus-sml-img img{width: 100%; height: auto;} .focus-sml-box .focus-content{flex: 65%; padding:0 0 0 3%; } .focus-sml-box .focus-content p{font-size: 14px;font-weight: bold; color: #000; line-height: 22px;} .focus-sml-box .focus-content h3{text-transform: uppercase;font-weight: bold;margin-top: 0px;} @media only screen and (min-width: 1120px) { .focus-sml-box{ display:none;} .focus-middle{display: flex;} .focus-right{display: block;} } @media only screen and (max-width: 767px) { .focus-sml-box {width: 94%;} } @media only screen and (min-width: 768px) and (max-width: 1024px) { #banner .slide-title h1{font-size: 30px;line-height: 36px;} } @media only screen and (max-width: 1119px) { .focus-sml-box{ display:block;} .focus-box{display: none;} } /*Focus section home page */ /* left menu sidebar */ #sidebar-left #main-menu li ul{ margin:0 0 0 20px; } #sidebar-left #main-menu li ul li a{ border-bottom:1px solid #eee; } /* ======= HOME ======= */ /* ====================== */ .page1{ overflow:hidden; position:relative; } section.page2{ /*margin-top:40px;*/ overflow:hidden; } .scroll_link{ display:block; background:url('images/home-arrow-bottom.png') no-repeat center -2px ; width:65px; height:65px; border-radius:65px; -webkit-border-radius:65px; -moz-border-radius:65px; position:absolute; bottom:5px; left:47.6%; z-index:10; animation: bounce 2.2s ease infinite; -webkit-animation: bounce 2.2s ease infinite; -moz-animation: bounce 2.2s ease infinite; } @keyframes bounce{ from {bottom:8px;} 50% {bottom:30px;} to {bottom:8px;} } .home .wp-block-cover h2{ font-size:90px; margin-bottom:10px; } .narrow-paragraph{ max-width:55rem!important; } /* ======= SLIDER ======= */ /* ====================== */ #img-copyright{ color:#fff; position:absolute; bottom:10px; right:10px; font-size:11px; z-index:99; } /* onload takes already some space with colored background */ .home-banner { min-height:550px; } .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; } .home .home-banner:after{ background:url("images/obliques-1.png") no-repeat; background-size:cover; content:" "; width:100%; /*height:224px;*/ height: 170px; bottom:0; z-index:3; left:0; position:absolute; /* content:" "; width: 0; height: 0; border-style: solid; border-width: 400px 320px 400px 0; border-color: transparent rgba(255,255,255,0.7) transparent transparent; position:absolute; z-index:10; top:20%; right:0; */ } .intern-banner:before{ background:url("images/obliques-2.png") no-repeat; background-size:cover; content:" "; width:100%; height:224px; bottom:0; z-index:3; left:0; position:absolute; /* content:" "; width: 0; height: 0; border-style: solid; border-width: 300px 220px 300px 0; border-color: transparent rgba(255,255,255,0.7) transparent transparent; position:absolute; z-index:10; top:11%; right:0;*/ } /*.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:38%; left:0%; position:absolute; right:0; z-index:2; text-align:left; width:100%; } .slide-title h1{ color:#ffffff; background-color: #3eb390; text-transform:uppercase; font-weight:800; font-size:36px; line-height:40px; position:relative; display: inline-block; padding: 5px 20px; margin-bottom: 0px; } .slide-title h1 span{ text-transform:none; font-weight:300; font-size:40px; line-height:40px; margin-bottom:-10px; display:block; color:#3eb390; } .slide-title p{ text-transform:none; color:#3eb390; font-weight:400; font-size:20px; line-height:22px; display:inline-block; /*margin-top: -50px;*/ margin-bottom:0px; background:#fff; padding:5px 20px; } .slide-title .button{ margin-top:40px; display:inline-block; background:none; border:1px solid #fff; color:#fff; } .slide-title .button:hover{ background:rgba(255,255,255,0.2); } /* facebook box */ .facebook-box{ width:35%!important; display:inline-block; } .twitter-box{ width:35%!important; margin-right:35px; display:inline-block; } /* ---- */ .left50{ float:left; width:49%; } .left50 .button{ background:#3eb390; } .left50 .button:hover{ background:#fdb815; } .right50{ float:right; width:49%; } .flex-control-nav{ z-index:2; bottom:50px!important; text-align: left !important; padding-left: 50px !important; } .flex-control-paging li a{ background: rgba(255, 255, 255, 0.4) !important; } .flex-control-paging li .flex-active{ background: rgba(255, 255, 255, 0.7) !important; } .flex-direction-nav{ position:absolute; z-index:2; top:46%; width:100%; } .flex-direction-nav li{ display:block; position:absolute; width:50px; height:70px; } .flex-direction-nav a{ opacity:0.6!important; margin:0!important; top:0; text-indent:-9999px; } .flex-nav-prev{ left:0!important; } .flex-direction-nav .flex-prev{ /* padding-left:15px; background:url('images/slider-arrow-right.png') center right no-repeat!important; height:70px!important; width:35px!important; */ width:50px; padding-left:15px; height:100px; background:url('images/slider-arrow-right.png') center right no-repeat!important; margin:0!important; top:0; opacity:0.6!important; text-indent:-9999px; } .flex-direction-nav a::before{ display:none!important; } .flex-nav-next{ right:0!important; } .flex-direction-nav .flex-next{ /*text-align:left!important; padding-left:15px; background:url('images/slider-arrow-left.png') center left no-repeat!important; height:70px!important; width:35px!important;*/ text-align:left!important; width:50px; padding-left:15px; height:100px; background:url('images/slider-arrow-left.png') no-repeat!important; margin:0!important; top:0; opacity:0.6!important; text-indent:-9999px; } .flex-direction-nav a:hover{opacity:1!important;} /* ======= BANNER ======= */ /* ====================== */ #banner{ overflow:hidden; position:relative; } /* --- intern pages --- */ .intern-banner{ height:440px; } .intern-banner:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; background: rgb(62,179,144,0.5); } #banner img{ width:100%; height:auto; margin-top:0px; /* filter:url("data:image/svg+xml;utf8,#grayscale"); filter:gray; -webkit-filter:grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%);*/ } .banner-title{ top:305px; left: 50%; z-index:20; position: absolute; text-align: center; transform: translate(-50%, -50%); width:100%; opacity:1; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; } .banner-title h1{ color:#fff; text-transform:uppercase; font-size:60px; line-height:60px; /*display:inline-block;*/ position:relative; margin-bottom:0; } .intern-banner .banner-title h1:after{ content:" "; position:absolute; bottom:-3px; left:0; height: 33px; width: 100%; /*background: #099a9b;*/ z-index: -1; } .banner-title h1 span{ text-transform:none; font-weight:300; font-size:45px; margin-bottom:-45px; display:block; } .banner-title h3{color:#fff;font-size: 36px;line-height: 42px; background-color: #C3c322; display: inline-block;} .banner-title p{color:#fff;font-size: 36px;line-height: inherit;} .back-hlight{background-color: #C3c322;color:#fff !important;} .sticky .banner-title{ opacity:0; } .syria-section .banner-title{ top: 264px;} .syria-section .banner-title p{font-size: 20px; line-height: 28px;padding-bottom: 50px;font-weight: bold;} /* ======= HOME ======= */ /* ==================== */ .bg-gris{ background:#f4f4f4; overflow:auto; /* to avoid H2 margin top to move the div */ }/* .home h2{ color:#C3c322; } .home h2:after{ content:" "; position:absolute; bottom:-7px; left:0; height:25px; width:110px; background:#3eb390 ; } */ /* ----------- teasers ---------- */ /* ------------------------------- */ #home-teasers{ padding:50px 0px; position: relative; } #teasers{ margin:20px 0; } #blocs li:first-child, #blocs li:nth-child(4n+1) /*#blocs li:nth-child(3n+4)*/{ margin-left:0px; } #teasers li{ list-style:none; min-height: 350px; max-height:350px; height:350px; overflow:hidden; display:block; float:left; margin:2% 1.5% 2% 1.5%; width:21.7%; /*31%;*/ background:none!important; padding:0!important; } .home #teasers li, .page-template-temp_whatwedo #teasers li{ min-height: 480px; max-height:480px; height:480px; } #teasers li a{ display:block; text-decoration:none; } #teasers .thumb{ text-align:center; height:150px; line-height:150px; } #teasers .thumb img{ display:inline-block; height:auto; width: auto; max-height: 100%; max-width:100%; vertical-align:middle; } #teasers li h3{ font-weight:600; padding:0 4% 0 4%; text-align:center; color:#565656; } #teasers li p{ padding:6px 4% 0 4%; font-size:14px; line-height: 24px!important; } #teasers li a:hover p{ color:#00598f; } .items-2{ width:50%; margin:20px auto!important; } .items-2 li{ min-width:260px; } /* --- */ #home-first{ background:#fff; padding-top:20px; } .parallax-group { position: relative; } .parallax-layer { position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform-origin-x: 100%; } /* #home-header{ height:620px; background:url('images/slider-bg.png') center bottom no-repeat; background-size:100% auto; z-index:90; opacity: 1; position: absolute; top:0px; }*/ /* ----------- home NEWS ---------- */ /* ------------------------------- */ #home-content h2{ } .home-news{ padding:45px 0; } .home-news h2, .home-title{ text-align:center; } .home-title{ padding-top:35px; } .home-news h2:after, .home-title:after{ /*display:none;*/ left:47.5%; bottom: -27px; } .subtitle{ text-align:center; font-size: 16px!important; margin-top: -55px; margin-bottom: 60px; color: #999; } .home-news .subtitle a{ color:#999; text-decoration:none; } .home-news .subtitle a:hover{ color:#222!important; } #home-news-animated{ opacity:0; margin-top:75px; } .list-news{ position:relative; margin-left:0!important; } .post-type-archive-vacancies .margin-bottom{ margin-bottom:250px; } .opacity-1{opacity:1!important;} .list-news li { list-style:none; display:inline-block; background:#fff!important; float:left; margin-left:1%; margin-bottom:2%!important; width:32%; padding-left:0!important; } .list-news li:nth-of-type(3n+1) { margin-left:0; } .home .list-news li { width:23.5%; } .home .list-news li:nth-of-type(4n+1) { margin-left:0; } #content-left .list-news li:nth-of-type(3n+1) { margin-left:0; } #content-left .list-news li { width:31.5%; } .category #page-content{padding: 0px;} /* ---- filters ---- */ #search_cntry{direction: ltr;} .filter-box{ border:1px solid #ddd; padding:20px; text-align:center; margin:0 0 25px 0!important; background:#fff; -webkit-box-shadow: 0px 3px 6px -2px rgba(0,0,0,0.15); -moz-box-shadow: 0px 3px 6px -2px rgba(0,0,0,0.15); box-shadow: 0px 3px 6px -2px rgba(0,0,0,0.15); } .search_category{height: 32px;padding: 4px 12px; font-size: 18px; max-width: 100%; line-height: 16px; vertical-align: middle; direction: ltr; color: #3fb390 !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 2px solid #3fb390;margin: 0px 5px 0px 5px; background-color: #fff;} .center-me{text-align: center;} .list-news li:first-child{ margin-left:0; } .list-news h3{ color:#151536 ; font-size:17px; margin:15px 0 10px 0; padding:0 8%; } .list-news li p{ font-size:14px; line-height:24px; padding:0 8%; } .list-news li a{ text-decoration:none; display:block; position:relative; min-height:530px; max-height:530px; overflow:hidden; padding-bottom:35px; } .list-news li .category{ font-size:13px; line-height:15px; float:left; width:62%; padding:6px 0 0 8%; color:#3eb390; } .list-news .date{ float:right; width:22%; font-size:13px; display:block; padding:0 8% 0 0; } .list-news .thumb{ overflow:hidden; position:relative; height:240px; } .list-news .thumb img{ /* no transition, image has to change fast 03-12-2018 ----- -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s; */ min-width: 100%; height: auto; min-height: 100%; width: 100%; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; } .twitter-feed{ max-height:500px; overflow:hidden; } /* publication img */ /* .publication-img{ overflow:hidden; position:relative; height:180px; background:#e7e7e7; text-align:center; border-bottom:1px solid #dadce0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #eff5fb; } .publication-img img{ width:auto!important; height:100%!important; min-width:auto!important; display:inline-block; } */ /* .publication-img img{ -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.17); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.17); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.17); max-width: 84%; min-width:50%!important; margin: 7% auto; } */ .single-pdf-image .pubdoc-pdf-image{ max-width:450px; height:auto; border:1px solid #ddd; } .publication-download{ width:350px; float:right; margin-left:25px; } /* cat colors */ .list-news .category-kol-eu-newsletter .category{ color:#265a7b; } .list-news .category-kol-eu-newsletter .read-more{ background:#265a7b; } .list-news .category-ceji-newsletter .category{ color:#f3bde8; } .list-news .category-ceji-newsletter .read-more{ background:#f3bde8; } .list-news .category-publications .category, .list-news .category-general-information .category, .list-news .category-educator-resources .category, .list-news .category-research-guidelines .category{ color:#bf2583; } .list-news .category-publications .read-more, .list-news .category-general-information .read-more, .list-news .category-educator-resources .read-more, .list-news .category-research-guidelines .read-more{ background:#bf2583; } .list-news .category-press .category{ color:#19c3f4; } .list-news .category-press .read-more{ background:#19c3f4; } /* / */ .list-news .read-more{ position:absolute; bottom:-32px; left:0; width:100%; background:#3eb390; color:#fff!important; text-transform:uppercase; text-align:center; font-size:15px; padding:8px 0; display:block; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; } /* - hover - */ .list-news a:hover > .read-more{ bottom:0; } .list-news li:hover img{ transform: scale(1.1); } .list-news li:hover h3, .list-news li:hover .date{ } .list-news .see{ line-height:18px; width:90%; text-align:center; bottom:15px; } .list-news .seeall{ text-align:center; } /* --- list news v2 --- */ .list-news-2{ position:relative; margin-left:0!important; text-align:center; } .list-news-2 li { width:32%; margin-bottom:0; list-style:none; display: inline-block; margin-left:1.5%; width:32%; padding-left:0!important; margin-bottom:25px; } .list-news-2 li:first-child, .list-news-2 li:nth-of-type(3n+1){ margin-left:0; } .list-news-2 .news-detail{ position:absolute; z-index:4; bottom:30px; left:0px; padding:0 2%; width:96%; text-align:center; } .list-news-2 li p{ font-size:14px; line-height:20px; } .list-news-2 li a{ text-decoration:none; display:block; position:relative; /*background:#3eb390;*/ -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 .category{ padding:4px 20px; text-transform:uppercase; display:inline-block; color:#ffffff; background:#C3c322; margin-bottom:5px; } .list-news-2 .category-publications a{ background:#C3c322; } .list-news-2 .category-publications h3{ color:#3eb390; } .list-news-2 .category-publications .category{ color:#fff; background:#3eb390; } .list-news-2 .date{ color:#fff; position:relative; } .list-news-2 h3{ color:#fff; font-size:20px; line-height:40px; margin:0 0 15px 0; text-transform:uppercase; background:#3eb390; background:rgba(62,179,144,0.8); display:inline; padding:5px 15px; } .list-news-2 .city{ color:#fff; } .list-news-2 .thumb{ overflow:hidden; } @media only screen and (min-width:1350px){ .list-news-2 .thumb{height:384px;} } .list-news-2 .thumb img{ -webkit-transition: transform 0.3s; -moz-transition: transform 0.3s; transition: transform 0.3s; width:100%; height:auto; display:inline-block; vertical-align:middle; margin:0 auto; /*opacity:0.2;*/ } .list-news-2 .category-publications img{ opacity:0.1; } .publication-img-square{ max-height:385px; } /* - hover - */ /* a[href^="http"] to work only if there is a link with content */ .list-news-2 li:hover a[href^="http"] img{ transform: scale(1.1); } .list-news-2 li a[href^="http"]: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; } .list-news-2 li a[href^="http"]:hover:after{ border:11px solid #fff; } /* --- VACANCIES ---*/ .post-type-archive .list-news{ text-align:center; } .post-type-archive .list-news li{ float:none; }/* .post-type-archive .list-news p, .post-type-archive .list-news h3{ text-align:left; }*/ .deadline-box{ position:absolute; bottom:20px; width:100%; } .deadline{ display:table; border:2px solid #3eb390; color:#3eb390; padding:5px 17px; margin:0 auto; font-size: 12px !important; } .single .deadline{ font-size: 18px !important; text-align:center; } .ssba-classic-2{ margin-bottom:35px; } /* ======= PROJECTS ====== */ /* ==================== */ .post-type-archive-projects .list-news-2 li a{display: inline;color: #fff;font-size: 20px;line-height: 40px;margin: 0 0 15px 0;padding: 5px 15px;text-transform: uppercase;box-shadow:none;} .post-type-archive-projects .list-news-2 li a[href^="http"]:after {content: none;} .post-type-archive-projects .list-news-2 li a:hover{color: #C3c322;} .post-type-archive-projects .list-news-2 li .category {margin-top: 10px;} /* ======= PUBLICATIONS ====== */ /* ==================== */ .zero-opacity{ opacity:0; } .list-publications{ position:relative; margin-left:0!important; text-align:center; height:auto!important; } .list-publications li { width:23.5%; margin-bottom:0; list-style:none; display: inline-block; margin-left:1%; padding-left:0!important; margin-bottom:25px; } .list-publications li:first-child, .list-publications li:nth-of-type(4n+1){ /*margin-left:0;*/ margin-left:1% !important; } .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: 310px; min-height:310px; background:#f4f4f4; } .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; position: absolute; bottom: 0px; } .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!important; font-size:11px!important; font-style:normal!important; position:absolute; left: 0; bottom: -6px; text-align: center; width: 100%; } .list-publications li h3{ color:#3eb390; font-size:16px; line-height:22px; margin-top:15px; padding:0 30px; 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; } .list-publications li .category{ padding:3px 30px; text-transform:uppercase; display:inline-block; margin-top:15px; font-size:13px; color:#fff; background:#0b5f6c; 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 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:#C3c322; } .list-publications li a:hover .category{ background:#91c124; } /* ======= TEAM ====== */ /* ==================== */ .board-description{ text-align:center; margin-top:35px; } #team-list{ margin:0 auto!important; padding:0!important; } .term-board-of-governors #team-list{ text-align:center; } #team-list li{ box-sizing: border-box; display: block; float:left; vertical-align: top; text-align: center; margin: 0 0 15px 0; list-style:none; /*width: calc(15% - 0px);*/ width: calc(25% - 0px); background:none!important; padding:0 10px!important; min-height: 255px; opacity: 0; filter: alpha(opacity=0); } .term-board-of-governors #team-list li{ float:none; display:inline-block; } #team-list li a{ text-decoration:none; position:relative; display:block; } .team-layout-2 .team-name{ color:#C3c322; text-transform:uppercase; font-size:14px; line-height:14px; min-height:75px; } .team-layout-2 .team-name span{ color:#666; text-transform:none; font-style:italic; font-size:13px; line-height:15px; display: block; min-height:45px; } .team-layout-2 .team-img{ position:relative; text-align:center; width:240px; max-width:100%; height:240px; margin:0 auto 10px; /*border:1px solid #C3c322; */ overflow:hidden; background-size: cover; } .team-layout-2 .team-img div{ width:100%; height:100%; background-size: cover; } .overlay{ content:""; width:100%; height:100%; position:absolute; background:#099a9b; opacity:0.3; z-index:10; left:0; background-blend-mode: multiply; } .greyscale { filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); -moz-filter: grayscale(1); -o-filter: grayscale(1); /* -moz-filter: url("data:image/svg+xml;utf8,#grayscale"); -o-filter: url("data:image/svg+xml;utf8,#grayscale"); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:url("data:image/svg+xml;utf8,#grayscale"); filter:gray; -webkit-filter:grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%);*/ } .grayscale:hover { filter: none!important; -webkit-filter: grayscale(0%)!important; } #team-list li a:hover .overlay{ opacity:0!important; } .team-layout-2 .team-img img{ width:100%; height:100%; } #team-list li a:hover .team-name{ color:#444; } #team-list a:hover img{ opacity:0.5; } .single-team-thumb{ float:right; margin-left:25px; } /* ---- PUBLICATIONS ---- */ #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; } #filters li a{ display:block; text-decoration:none; padding:0 15px!important; color:#767676; } #filters li a:hover, #filters li a.current{ color:#3eb390; } /*---- PROFILE ----- */ .single-profiles .social{ margin:0 auto!important; text-align:left; } /* --- single news --- */ .single .thumb{ /*float:right;*/ /*margin:0 0 20px 20px;*/ } .single .date{ color:#3eb390; font-style:italic; font-size:14px; } .single-activities .date{ display:none; } .wp-pagenavi{ margin:15px 0 35px 0; } /* ------ home AGENDA ------- */ /* ------------------------------- */ .home .list-events{ margin-top:75px; text-align:center; } /* .list-events{ position: relative; } .list-events li:first-child{ margin:0; } .list-events li{ display:block; background:none!important; padding-left:0!important; } .list-events li a{ text-decoration:none; display:block; } .list-events li h3{ margin-bottom:0; } .list-events .date{ background: #151536 ; color: #fff; display: inline-block; font-weight: 400; line-height: 24px; padding: 6px 0; text-align: center; text-transform: uppercase; width: 60px; float:left; margin-right:2%; } .list-events .past-event .date{ background: #b5b5b5; } .list-events .date .day{ font-weight:700; font-size:24px; } .list-events .date .year{ margin-top:-9px; display:block; font-size:12px; } .list-events p{ font-size:16px; margin-bottom:0; } .list-events .see{ line-height:18px; width:90%; text-align:center; bottom:15px; } .list-events .seeall{ text-align:center; } .list-events li:hover h3, .list-events li:hover p{ color:#ffd500; } .list-events li:hover .date{ color:#fff; background:#ffd500; }*/ /* ----------- EVENTS ---------- */ /* ---------------------------- */ .post-type-archive-event .bg-gris{ padding-bottom:85px; } .list-events{ } .list-events li{ list-style:none; display:inline-block; width:48%; /*99.5%;*/ margin-left:2%; margin-bottom:30px; text-align:left; } .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; } .list-events li a{ text-decoration:none; display:block; -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; } .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; min-height:235px; object-fit:cover; position:relative; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /*IE10+ */ } .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:10px 0 0 0; font-size: 14px; 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 5px 0; color: #223044; font-size: 20px; line-height: 28px; font-weight: 600; } .list-events .event-detail .category{ position:absolute; bottom:0; color:#8d8a8a; font-size:14px; } .list-events .event-detail .city{ font-size:18px; /*color:#223044;*/ color:#8d8a8a; max-height:25px; overflow:hidden; } .list-events a:hover .thumb:before{ right:20px; } .list-events a:hover .thumb:after{ width: 20px; } .list-events 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-events li a: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{ color:#5C7F92; } .list-events a:hover .city, .list-events a:hover .category{ color:#ccc; } /* ------ home content ------- */ /* ------------------------------- */ #home-content{ padding:50px 0; } #home-content .button{ display:inline-bloc; } #home-content ul{ margin-left:20px; } form ul{ margin-left:0px!important; } #home-content ul li, #page-content ul li{ /*list-style:none; background:url('images/bullet.png') no-repeat; background-size:16px 12px; background-position:1px 9px ; */ padding-left:30px; } form ul li{ background:none!important; padding-left:0!important; } #home-content h3{ } #home-content img{ } #home-content p{ font-size:18px; line-height:28px; color:#6e6666; } /* ----------- newsletter ---------- */ /* ------------------------------- */ #newsletter-subscription{ background:#ffd500; padding:20px 0 15px 0; } #newsletter-subscription p{ float:left; color:#3eb390; width:20%; line-height:22px; font-size:18px; line-height: 32px; margin-bottom: 0; } #newsletter-subscription form{ float:right; text-align:justify; width:79%; } #newsletter-subscription label{ float:left; color:#3eb390; font-size:12px; line-height:15px; } input[type="email"], input[type="text"], input[type="mail"]{ background:#fff; background:rgba(255,255,255,0.35); color:#3eb390; border:none; height:25px; margin:2px 1% 2px 0; } button[type="submit"], input[type="submit"], #mc_embed_signup .button{ background:#3eb390; text-transform:uppercase; font-family:"Montserrat",sans-serif; } button[type="submit"]:hover, input[type="submit"]:hover, #mc_embed_signup .button:hover{ background:#C3c322; } #mce-responses{ margin-left:-20%; margin-top:5px; } /* ----------- logos support ---------- */ #logo-support{ margin:0!important; text-align:center; } #logo-support > li{ background:none!important; padding:0!important; width:15%; margin:1%; /*height: 60px;*/ display:inline-block; text-align:center; } #logo-support > li a{ text-decoration:none; } #logo-support .thumb{ } #logo-support .thumb img{ opacity:0.7; max-width:100%; height:auto; width:auto; max-height:70px; margin:0 auto; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); } #logo-support li p{ font-size:11px; line-height:13px; } #logo-support > li > a:hover .thumb img{ -webkit-filter:none; -moz-filter:none; filter:none; } #logo-support > li > a:hover p{ color:#3eb390; } #home-content .home-news{ padding-top:0; } .coordinator-title{ margin:0; } .coordinator{ margin-bottom:35px; } /* ===== PROJECTS ====== */ hr{ border-top:1px solid #ddd; border-bottom:0; border-left:0; border-right:0; } #publication-filters{ } #publication-filters .subtitle{ font-weight:bold; font-size:14px; margin-bottom:3px; margin-top:-10px; } #publication-filters input{ margin-right:20px; } #publication-filters label{ font-size:14px; margin: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; } /* ======= PAGE CONTACT ======= */ /* ============================ */ .wp-image-126{ width:100%; } /* ======= PAGE CONTENT ======= */ /* ============================ */ #sidebar-left{ width:22%; float:left; margin-right:2.7%; } #sidebar-right{ width:22%; float:right; margin-left:2.7%; } #content-right{ width:75%; float:right; } #content-left{ width:75%; float:left; } #page-content{ padding:30px 0 20px 0; } #site-content{ padding-bottom:200px; min-height:400px; } .post-type-archive-events #page-content h1{ text-align:left; } #page-content h1{ text-align:center; } ol{ padding-left:40px; } /* --- teasers content --- */ #teasers-content{ margin:0 0 25px 0!important; } #teasers-content li{ background:none!important; display:inline-block; padding-left:0!important; width:48%; margin:0.5%; } #teasers-content li a{ display:block; background:#ddd; font-size:24px; color:#666; text-decoration:none; text-align:center; padding:50px 4% 60px; position:relative; } #teasers-content li a:hover{ background:#ffd500; color:#151536 ; } #teasers-content li a:after, .join-button:after{ background:url('images/bloc-arrow.png') no-repeat; height:30px; width:30px; background-size:cover; position:absolute; content:" "; bottom:15px; right:50%; display:none; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; } #teasers-content li a:hover:after, .join-button:hover:after{ opacity:1; right:20px; display:block; } .join-button{ display:block; float:right; margin:0 0 20px 20px; background:#151536 ; font-size:24px; color:#fff; text-decoration:none; text-align:center; padding:50px 4%; position:relative; } .join-button:hover{ background:#ffd500; color:#151536 ; } /* ---- download publications protected ---- */ /* .single-pages-intranet #content-right a[href$= ".pdf"], .single-pages-intranet #content-right a[href$= ".doc"], .single-pages-intranet #content-right a[href$= ".pptx"], .single-pages-intranet #content-right a[href$= ".xps"], .single-pages-intranet #content-right a[href$= ".xlsx"], .download-protected{ background:url('images/icon-download-protected.png') left center no-repeat!important; background-size:49px 26px!important; opacity:0.55; display:bock; padding:1px 0 1px 65px; line-height:40px; text-decoration:none; color:#6e6666; } #page-content a[href$= ".pdf"], #page-content a[href$= ".doc"], #page-content a[href$= ".pptx"], #page-content a[href$= ".xps"], #page-content a[href$= ".xlsx"], .download{ background:url('images/icon-publications.png') left top no-repeat; background-size:26px 47px; display:bock; padding:1px 0 1px 30px; line-height:40px; font-size:18px; text-decoration:none; color:#3eb390; image-rendering: -webkit-optimize-contrast; } .single-pages-intranet #content-right a[href$= ".pdf"]:hover, .single-pages-intranet #content-right a[href$= ".doc"]:hover, .single-pages-intranet #content-right a[href$= ".pptx"]:hover, .single-pages-intranet #content-right a[href$= ".xps"]:hover, .single-pages-intranet #content-right a[href$= ".xlsx"]:hover, .page-id-92 #content-full a:hover, #page-content a[href$= ".pdf"]:hover, #page-content a[href$= ".doc"]:hover, #page-content a[href$= ".pptx"]:hover, #page-content a[href$= ".xps"]:hover, #page-content a[href$= ".xlsx"]:hover, .download:hover{ color:#6e6666!important; background:url('images/icon-publications.png') left top no-repeat; background-size:26px 47px!important; background-position:left bottom!important; opacity:1!important; }*/ #content-full{ min-height:450px; } .single-pdf-image, .single-pdf-image:hover{ background:none!important; } /* member country list */ .title-country{ margin-top:35px!important; } #members-list{ margin-left:0!important; } #members-list li{ background:none!important; padding-left:0!important; } .description { float: right; max-width: 88%; width: 88%; } #members-list .description a{ background:url('images/icon-web.png') center left no-repeat; padding:3px 0 3px 32px!important; background-size:22px 22px; text-decoration:none!important; color:#5e6d8f!important; } #members-list .description a:hover{ text-decoration:underline!important; } .border-img { border: 1px solid #ddd; padding: 5px; float: left; margin-right: 15px; height: 90px; width: 90px; line-height: 90px; text-align: center; } .border-img img { max-width: 100%; height: auto; max-height: 100%; vertical-align: middle; display: inline-block; } .postid-314 .su-row a{ line-height:19px; } .img-grey-bg{ position:relative; margin:0 0 30px 30px; } .img-grey-bg:before{ width:100%; height:100%; content:" "; background:#f4f4f4; position:absolute; left:-30px; bottom:-30px; } /* --- animation delay --- */ .animation-delay-100 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .animation-delay-500 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } /* ===== MEMBERS ====== */ /* ==================== */ /* -- list of taxonomy terms -- */ #type-member-list{ margin:20px 0!important; } #type-member-list li { padding:0!important; } #type-member-list li a{ background:#fcf9fc; min-height: 360px; max-height: 360px; overflow:hidden; } #type-member-list li h2{ background:#fcf9fc; padding: 0 8%; font-size: 22px; line-height:24px; margin-top:20px; margin-bottom:5px; min-height:97px; } #type-member-list li p{ } /* -- list of members -- */ .tax-type-of-member #type-member-list li a{ min-height: 130px; max-height: 130px; } .tax-type-of-member #type-member-list li h2{ min-height:10px; margin-bottom:15px; } .tax-type-of-member .list-news li .category{ float:none; width:92%; } /* --- ACCORDION --- */ .title_code{ border-bottom:1px solid #999; padding:10px 55px 10px 0; margin-bottom:15px; position:relative; color:#5a5a5a; font-size:24px; } .title_code:after{ content:" +"; position:absolute; right:0; top:0; color:#fff; font-size:30px; font-family:"Open Sans Condensed",Arial,sans-serif; background:#151536 ; padding:10px 13px; } .on:after{ content:" -"; position:absolute; right:0; top:0; color:#fff; font-size:30px; font-family:"Open Sans Condensed",Arial,sans-serif; padding:10px 15px; background:#ffd500; } .title_code:hover{ cursor:pointer; } .content_code{ color:#6b6b6b; line-height:24px; } .content_code ul{ padding-left:20px; margin-bottom:20px; } .content_code a img{ vertical-align:middle; } .wp-pagenavi{ text-align:center; } /* ---- BOOKING --- */ .gform_wrapper input#gf_coupon_button.button{ border: 0!important; padding: 4px 20px!important; background: #feb009!important; } .gform_wrapper input#gf_coupon_button.button:hover{ background: #3eb390!important; cursor:pointer!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:#3eb390; color:#fff; 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; line-height:1.5; font-size:15px; } table tr:nth-child(2n+1) td{ background:#f8f8f8; } table.has-light-green-cyan-background-color tr td,.greentable table tr td,table.greentable tr td{ background-color: var(--wp--preset--color--light-green-cyan) !important; } /* ======= SEARCH ====== */ /* ==================== */ .list-result{ margin-left:0!important; } .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; } .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 li a:hover h3{ color:#C3c322; } .list-result a:hover p{ color:#999; } .searched { min-height: 450px; } /* ======= PUBLICATIONS ====== */ /* ==================== */ /* .list-publications li, .category-publications { width:23.4%; margin-bottom:0; list-style:none; display: inline-block; margin-left:1.5%; padding-left:0!important; margin-bottom:25px; } @media only screen and (min-width: 1350px){ .list-publications li:first-child, .list-publications li:nth-of-type(4n+1){ margin-left:0; } } .list-publications li a, .category-publications a{ text-decoration:none; display:block; position:relative; padding:30px 0 100px 0; overflow:hidden; } .list-publications .publication-cover, .category-publications .publication-cover{ width:80%; margin:0 auto; position:relative; max-height: 300px; min-height:300px; } .post-type-archive-publication .list-publications .publication-cover{ max-height: 280px; min-height:280px; } .list-publications .publication-cover:after, .category-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, .category-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; left:0; bottom:0; } .list-publications .publications-detail, .category-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, .category-publications .date{ color:#223044; font-size:14px; position:absolute; right:35px; top:19px; } .list-publications li h3, .category-publications h3{ color:#223044; font-size:14px; line-height:20px; margin-top:7px; padding:0 30px; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; } .post-type-archive-publication .list-publications li h3, .tax-research-area .list-publications li h3{ font-size:14px; line-height:20px; } .list-publications li p, .category-publications 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:#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; 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 li a:hover .publication-cover img, .category-publications a:hover .publication-cover img{ transform: translateY(-25px); -webkit-transform: translateY(-25px); -moz-transform: translateY(-25px); } .list-publications li a:hover h3{ color:#00a0e0; } .list-publications li a:hover .category{ 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%); } */ .publication-cover-link { text-decoration: none; margin-bottom: 25px; display: block; float: right; margin-left: 25px; color: #3eb390; } .single .publication-cover-link{ width:20%!important; margin-right:4%; } .single .publication-cover { border: 1px solid #ddd; max-width: 300px; margin-bottom:25px; } .single .publication-cover img{ max-width:100%; height:auto; } .text { text-transform: uppercase; text-align: center; width:100%; display:inline-block; } .text-link:before{ content:""; height:0; width:100%; border-top:4px solid #C3c322; 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:hover, .publication-cover-link a:hover.text{ color:#C3c322; } #relatedposts h4{ text-align:center; } /* ======= SIDEBAR ====== */ /* ==================== */ #sidebar-left #main-menu{ text-align:left; float:none; margin-top:0px; padding-top:0; margin-left:0; top:0; } #sidebar-left #main-menu li{ display:block; list-style:none; background:none; padding-left:0; } #sidebar-left #main-menu li > a { padding: 5px 0 5px 10px; } #sidebar-left #main-menu a{ color:#151536 ; min-width:10px; background:none; } #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; } #sidebar-left #main-menu li a:hover{ color:#3eb390; } #sidebar-left #main-menu .current-menu-item > a{ background: rgba(9, 109, 181, 0.1) none repeat scroll 0 0; color: #151536 !important; } h1 .pdflink{ padding: 0 0 0 30px!important; } .ssbp-wrap{ display:block!important; } /* ======= INTRANET ====== */ /* ==================== */ .pages-intranet-template-default h1 span{ font-weight:300; } /* ======= FORMS ====== */ /* ==================== */ label{ color:#999; line-height:26px; margin-right:10px; margin-top:10px; display:block; } input[type="text"], input[type="email"], input[type="mail"],input[type="password"]{ padding:2px 12px; font-size:14px; height:24px; /*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; } textarea{ padding:2px 12px; line-height:16px; font-size:14px; color:#999; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:1px solid #ddd; } button[type="submit"], input[type="submit"]{ margin:10px 0; text-align:left; color:#fff; border:0; padding:8px 35px; cursor:pointer; } input[type="submit"]:hover{ background:#C3c322!important; } /* ======= FOOTER ======= */ /* ====================== */ #footer{ position: relative; background:none; height:0px; } #footer:before{ background:url('images/footer-left.png') center bottom no-repeat; content: ""; background-size:contain; width: 550px; height: 250px; position: absolute; bottom: 0; left:0; z-index:1; } #footer:after{ background:url('images/footer-right.png') center bottom no-repeat; background-size:contain; content: ""; width: 550px; height: 250px; position: absolute; bottom: 0; right:0; z-index:1; } @media only screen and (min-width: 1500px) { #footer:after{width: 650px;} } #footer .wrap:before{ background:url('images/pattern-1.png') repeat-y; content: ""; background-size:contain; width: 35px; height:150px; position: absolute; bottom: 0; right:0; z-index:10; } #footer-blocks{ position:absolute; bottom:40px; left:40px; } #footer-blocks li{ list-style:none; display:inline-block; position:relative; z-index:10; font-size:14px; line-height:16px; color:#fff; width:100%; } #footer a{ color:#fff; text-decoration:none; } #footer-blocks p{ color:#fff; line-height:18px; font-size:12px; margin-bottom:0; } #footer-blocks h4{ color:#fff!important; font-size:18px; margin-bottom:3px; } #footer-blocks .button{ color:#fff; } #footer-blocks ul li{ display:block; line-height:24px; } #footer-blocks ul li a{ text-decoration:none; color:#C3c322; } #footer a:hover{ color: #3eb390; } .copyright{ color:#fff; position:absolute; z-index:2; font-size:10px; bottom:15px; margin-bottom:0; left:40px; } .alys{ right:0; position:absolute; text-decoration:none; color:#C3c322; } /* -------------------------------- 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;} .desktop-only{display: block;} /* ------------------------ petits ecrans -------------------------------- */ @media only screen and (max-width: 1200px) { .mobile-only{display:block;} } /* ------------------------ très grands ecrans -------------------------------- */ @media only screen and (min-width: 1600px) { #footer-blocks, .copyright{left:20px;} } /* ------------------------ grands ecrans -------------------------------- */ @media only screen and (min-width: 1200px) { #slider{margin-top:160px;} } /* ------------------------ video -------------------------------- */ @media only screen and (max-width: 750px){ } /* ------------------------ ipad -------------------------------- */ @media only screen and (min-width: 768px) and (max-width: 1350px){ .wrap{width:90%;} .copyright{width:85%;} #home-heade, #slider{height:560px;margin-top: 90px;} .slide-title h1{margin-bottom:10px;} #newsletter-subscription p{font-size:18px;} /*#main-menu li > a {font-size:16px; }*/ .list-news-2 .thumb{/*height:280px;*/}/* for publications images */ .home .wp-block-columns{max-width:90%!important;} #footer::before{width:500px;} #footer::after{width:450px;} #footer-blocks, .copyright{left:20px;} } @media only screen and (min-width:1101px) and (max-width: 1250px){ /*.logo{width:15%;}*/ } /* ------------------------ ipad -------------------------------- */ @media only screen and (min-width: 769px) and (max-width: 1100px){ /* home */ #home-header h1, .banner-title h1{font-size:40px;} #home-header , #slider{height: 480px;} #main-menu{text-align:left;width:83%;margin-top:20px;} #home-news-events .news-block{width:31.2%} #main-menu li > a { padding: 35px 15px;font-size:14px;margin:0;} #header nav{margin:0;float:none;} /* sous-menu */ #header #main-menu li ul{display:none;top:90px; opacity: 1;visibility: visible;z-index: 1;position:absolute;box-shadow:none!important;} #header #main-menu li ul li a{font-size:15px;} .sticky #header nav{margin-top:0px;} .login{padding:0;color:#ffd500;background:none;} .banner-title{top:225px;} .banner-title h3{font-size: 24px;line-height: 26px;} .logo{width:15%;} .list-news{min-height:540px;} .list-news li{display:block;width:45%;} /*.list-news li:first-child +li +li{margin-left:0;}*/ .list-news .seeall{font-size:12px;} .left50,.right50{width:48%;} .list-news-2 h3{font-size:18px;line-height:24px;} /*.list-news li:nth-child(2n+1){margin-left: 0;}*/ /*2 columns */ .home .wp-block-columns{max-width:90%!important;} /* news/events */ .list-events .date-event{font-size:12px;} .list-events .event-detail h3{font-size:14px;line-height:16px;margin-top:10px;} .list-events .event-detail .city{font-size:12px;margin-bottom:0;line-height:12px;display:none;} .list-events .event-detail .category{font-size:12px;margin-bottom:3px;} .list-news-2 li{margin-bottom:15px;} .list-news-2 .news-detail{} .list-news-2 li h3{font-size:14px;line-height:18px;} .list-events .thumb img{min-height:165px;} /* team */ .team-layout-2 .team-name{line-height:14px;} .team-layout-2 .team-img{height:200px;width:200px;} /* publications */ .list-publications .publication-cover{max-height: 210px;min-height:210px;} .list-publications li h3{font-size: 15px;line-height: 22px;} .list-publications .date{position:relative;left:30px;} /* home */ .home .items-2{width:100%;} .home #teasers li{width:45%;} /* pages */ .description {width: 85%;} #banner {height: 305px;} #video-50{display:none;} /* footer */ #footer-blocks, .copyright{left:20px;} #footer-blocks > li p{font-size:12px;line-height:18px;} #footer::before{width:450px;} #footer::after{width:390px;} #newsletter-subscription p{font-size:16px;} } @media only screen and (min-width: 768px){ #site-content{ padding-bottom:400px; } } @media only screen and (min-width: 768px) and (max-width: 900px){ #footer{min-height:200px;background:#099a9b;} } /* ------------------------ iphone -------------------------------- */ @media only screen and (min-width: 200px) and (max-width: 767px){ /* --- menu principal dropdown mobile --- */ a#pull { display:block;background:url('images/nav-mobile.png') right center no-repeat ; height:50px; width:90px; position:absolute;z-index:20;top:55px;right:0;outline:none;} .nav-list {display:none; } #main-menu{text-align:center;margin:0;position:absolute;top:110px;padding-top:0px;z-index:300;background:#fff ;width: 111.3%;left:-6%;} #main-menu li{display:block;padding-left:0;margin:0;float:none;} #main-menu li a{max-width:100%;margin:0;border-bottom:1px solid #ddd ;padding:20px 0px;color:#3eb390;} #main-menu .current{} #main-menu > li > a:hover, #main-menu > .current-menu-item > a, #main-menu > .current_page_ancestor > a, #main-menu > .current-page-ancestor > a{color:#C3c322;border-bottom:1px solid #ddd;} /*#header #main-menu li ul{display:none;}*/ /* sous-menu */ #header #main-menu li ul{display:none;top:0; opacity: 1;visibility: visible;z-index: 1;position:relative;background:#C3c322;text-align:center;padding-top:0;} #main-menu li ul .current a, #main-menu li ul .current-menu-item a, #main-menu li ul .current-page-ancestor a{background:rgba(62,179,144,0.9) !important;} #header #main-menu li ul li a{font-size:15px;border-bottom:1px solid #ddd;background:#C3c322;color:#fff;} #header nav{float:none;width:100%;margin-top:0;} .sticky #header{padding-bottom:0px;} .sticky .logo{padding-bottom:0;} .wrap{width:90%;padding-bottom:55px;} #header .wrap{padding-bottom:0;} .copyright{width:85%;} #page-content img{max-width:100%;} #page-content h1{font-size:22px;line-height:24px;} /* all */ .wrap img{max-width:85%;} .alignright, .alignleft{display:block;float:none;margin:15px 0;} h1{font-size:32px;line-height:34px;} h2{font-size:22px;padding-bottom:10px;line-height:24px;} /* head*/ .home #header::after{height:150px;} #header::after{height:100px;} .intern-banner::before{height:150px;} .intern-banner .banner-title h1::after{display:none;} .home .home-banner::before{display:none;} .home .home-banner:after{background: none;} .top-info p{display:none;} .logo{float:none;width:70px;padding: 20px 0 0px 0; margin:0;display:block;} #search{margin-right:10px;margin-top:-10px;;} .search-field{max-width:80px;} #top-menu {float:none;height:20px;padding: 10px 0;width:100%;} .login {float: right;color:#ffd500;background:none;padding:0;line-height:18px;} #home-header, #slider{height:180px;max-height:180px;margin-top:100px;} #video-50{width:40px;right:20px;bottom:70px;} #video-50 img{width:100%;height:auto;} .flex-direction-nav{display:none;} .imgbackground{height:330px;} .imgbackground img{height:100%;width:auto;} .slide-title {top:75%;} .slide-title h1{font-size:16px!important;line-height:20px;padding: 5px 10px;} .slide-title h1 span{font-size:18px!important;line-height:20px;margin-bottom:-10px!important;} .slide-title p {font-size: 12px;line-height: 16px;padding: 5px 10px;} .banner-title h3{color: #fff; font-size: 24px; line-height: 28px; background-color: #C3c322; display: inline-block; margin: auto;} .flex-control-nav {display:none;} .slide-title .button{font-size:12px; padding: 6px 40px;margin-top:20px;} #banner{height: 160px;} .pages-intranet-template-default #banner {height: 110px;} .banner-title{top:125px;} .syria-section .banner-title{ top: 110px;} .syria-section .banner-title p{font-size: 14px;line-height: 20px;padding-bottom:0px;} #banner img {height:auto;width: 100%;} #social {right:105px;top:30px;margin-top:0;margin-right:30px;} #social li {display:inline-block;margin:0 0 0 5px;height:22px;} #social li a{width:22px;height:22px;} #social li a span {line-height: 22px;font-size: 16px;} .login{padding-bottom:10px;} .desktop-only{display: none;} /* home */ .home .wp-block-cover h2{font-size:50px;} .home .items-2{width:100%;} .home-news h2::after{left:0;display:none;} .home-banner{height:300px!important;min-height:10px;} #home-header,#home-teasers, #home-newsletter, #home-news, #home-news-events, #home-content, #footer{overflow:hidden;} #home-header h1, .banner-title h1, .slide-title{font-size:23px;line-height:26px!important;width:90%;margin:0 auto;} .flex-caption{background-size:cover;top:55%;} .home h2{margin:0 0 25px 0;} #home-news-animated{margin-top:0;} .home-news {padding: 0px;} .home .wp-block-columns{max-width:90%!important;} .home .wp-block-column iframe{margin-top:35px!important;} .home .list-news-2 .thumb img{max-width: 100%;} #home-teasers {padding: 20px 0px;} #teasers li{width:100%;margin: 20px 0 0 0!important;} .home .list-news li, .list-news-2 li,#content-left .list-news li {width: 100%;margin:0 0 20px 0;} .list-news .thumb{max-width:400px;} .list-news li{margin:0 0 20px 0!important;width:100%;display:block;float:none;} .list-news .thumb::after{background-size:100%;} .parallax { overflow:visible;perspective:none;} #home-content{background:#fff;} #content-full{padding-top:35px;} #home-twitter{padding: 30px 20px;margin-top:20px;} .tweet_data { font-size: 22px!important;line-height: 28px!important;} #video-50,.scroll_link{display:none;} .home #teasers li, .page-template-temp_whatwedo #teasers li{height:auto;min-height:10px;} .list-news-2 li{width:100%;} .single .publication-cover-link{width: 50% !important;float: none;margin: 0 auto;} .ugb-button-wrapper{width:90%!important;} .home .wp-block-group__inner-container p,.home .wp-block-group__inner-container h3{max-width:90%!important;} /* page */ h3{font-size:18px;line-height:24px;} h4{font-size:18px;line-height:24px;} p{font-size:15px;line-height:22px;} .back{margin-bottom:15px;} .alignright, .alignleft{float:none!important;margin:0 auto 20px!important;} .left50,.right50{float:none;width:100%;} .right50{margin-top:25px;} #page-content {padding: 0 0 20px 0;} #page-content h2{font-size:20px;} #content-right,#content-left {float: none;width: 100%;padding-top:30px;} .inner-news-block .news-block{width:100%!important;} #teasers-content li a{min-height: 60px;font-size: 20px;} /* resources */ #list-publications li .col-right{width:100%;float:none;} #list-publications li .thumb{float:none;width:70%;max-width:210px;margin:0 auto 10px;} #list-publications h3 .date{font-size:14px;} .term-position-papers #list-publications h3{background:none;} .search_category {margin-bottom: 10px;} .filter-box .wrap{padding-bottom: initial;} .post-type-archive-publication .post-inner {padding-top: 0;} /* members */ .page-template-temp-members .join-button{float:none;margin-left:0;} .page-template-temp-members .description { max-width: 60%;float:left;} .page-template-temp-members .border-img{float: right; margin-left: 15px;} .page-template-temp-members .description p, .page-template-temp-members .description h4{font-size:14px;line-height:18px;} /* sidebar */ #sidebar-left, #sidebar-right {float: none; width: 100%;} #sidebar-left #main-menu{position:relative;width:100%;background:none;} #sidebar-left #main-menu li a { border-bottom: 1px solid #ddd;} /* */ #newsletter-subscription input[type="email"], #newsletter-subscription input[type="text"], #newsletter-subscription input[type="mail"]{width:95%;} input[type="text"], input[type="email"], input[type="mail"], input[type="password"], textarea{max-width:90%;} /* filtres*/ #filters li{display:block;margin:10px auto;} /* events */ .list-events li{width:100%;margin-left:0;} .list-events .event-detail h3{margin-top:15px;font-size:14px;line-height:18px;} .list-events .event-detail .city{font-size:14px;} .list-events .event-detail .category{margin-bottom:0;font-size:12px;} .list-events .date-event{font-size:13px;line-height:15px;text-align:center;} .list-events .thumb img{min-height:165px;} /* team */ #team-list li{width:49%;min-height:205px;} .team-layout-2 .team-img{width:130px;height:130px;} .team-layout-2 .team-name{font-size:13px;line-height:14px;} .team-layout-2 .team-name span{font-size:10px;line-height:12px;} .team-img{height:auto;min-height:130px;} .team-img img{max-width:100%;} .team-name span{white-space:normal!important;line-height: 16px;width:100%;} .team-description p a{ -ms-word-break: break-all; word-break: break-all;max-width: 150px; display: block;} /* layout 2 */ .team-layout-2 .team-img{/*height: 180px;*/} /* gutenberg */ .ugb-video-popup__wrapper{max-width:80%;} .ugb-feature__content,.ugb-feature__image-side{max-width:80%;padding-left:10%;} /* 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;} .post-type-archive-vacancies .margin-bottom{margin-bottom:20px;} .post-type-archive-publication .list-publications .publication-cover img{max-width: 100%;} /* -- */ .twitter-box, .facebook-box{margin-right:0;display:block;width:100%!important;max-width: 340px;} .twitter-box{margin-bottom:20px;} #logo-support > li{width:35%;} /* footer */ #footer, .footer-pages{height:auto;} #footer{min-height:200px;background:#099a9b;} #footer-blocks{bottom:55px;} #footer-blocks > li{display:block;width:100%;margin:0 0 20px 0!important;text-align:left!important;padding:0!important;} #newsletter-subscription p{font-size:16px;float:none;width:100%;text-align:center;} #newsletter-subscription form{float:none;width:100%;} #newsletter-subscription input[type="submit"] {float:none;width:100%;margin-top:10px;} #footer-teasers li{width:45%;} .copyright{width:75%;} } /*ajax*/ #ajax_loader{text-align: center; font-weight: bold;font-size: 20px;position: relative;top: -100px;} #ajax_loader img { margin: 0 auto; width: 50px; } .wp-block-embed { margin: 0 auto !important; } .wp-block-embed__wrapper > div { margin: 0 auto !important; text-align: center !important; }